.chinese-words-page{padding:24px;min-height:100vh;background:#f5f5f5}.chinese-words-page .main-card{max-width:1200px;margin:0 auto;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.chinese-words-page .main-card .page-header{display:flex;flex-direction:column;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}@media(min-width:768px){.chinese-words-page .main-card .page-header{flex-direction:row;justify-content:space-between}}.chinese-words-page .main-card .page-header .page-title{text-align:center;margin-bottom:12px;font-weight:600}.chinese-words-page .main-card .page-header .page-title .anticon{margin-right:8px}.chinese-words-page .main-card .page-header .header-controls{margin-bottom:12px}.chinese-words-page .main-card .page-header .header-controls .ant-space{flex-wrap:wrap}.chinese-words-page .main-card .page-header .header-controls .grade-selector{display:flex;align-items:center;margin-bottom:8px}@media(min-width:768px){.chinese-words-page .main-card .page-header .header-controls .grade-selector{margin-bottom:0}}.chinese-words-page .main-card .page-header .header-controls .voice-settings .ant-space{flex-wrap:wrap}.chinese-words-page .main-card .unit-selection{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.chinese-words-page .main-card .unit-selection .unit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.chinese-words-page .main-card .unit-selection .unit-header .unit-actions{display:flex;flex-wrap:wrap;gap:8px}.chinese-words-page .main-card .unit-selection .unit-header .unit-actions .ant-btn{margin-left:8px}.chinese-words-page .main-card .unit-selection .unit-checkbox-group .ant-checkbox-wrapper{margin-right:12px;margin-bottom:6px}.chinese-words-page .main-card .word-controls{margin-bottom:16px}.chinese-words-page .main-card .word-controls .word-stats{text-align:center;padding:8px 0;font-size:14px;color:rgba(0,0,0,.65);font-weight:500;background-color:#f9f9f9;border-radius:8px;margin-bottom:12px}.chinese-words-page .main-card .word-controls .settings-row{padding:10px;background-color:#fafafa;border-radius:8px;width:100%;justify-content:center;margin-bottom:16px}.chinese-words-page .main-card .word-controls .settings-row .ant-checkbox-wrapper{margin-right:0}.chinese-words-page .main-card .word-controls .settings-row .dictation-inline-settings .ant-typography,.chinese-words-page .main-card .word-controls .settings-row .reading-inline-settings .ant-typography{margin-right:4px;white-space:nowrap}.chinese-words-page .main-card .word-controls .settings-row .dictation-inline-settings .ant-input-number,.chinese-words-page .main-card .word-controls .settings-row .reading-inline-settings .ant-input-number{margin-right:0}.chinese-words-page .main-card .word-controls .dictation-controls{display:flex;justify-content:center;margin-bottom:12px}.chinese-words-page .main-card .word-controls .dictation-controls .ant-btn{min-width:80px}.chinese-words-page .main-card .word-controls .action-buttons{display:flex;justify-content:center;margin-bottom:12px}.chinese-words-page .main-card .word-controls .action-buttons .ant-btn{min-width:120px}.chinese-words-page .main-card .words-container .dictation-progress{margin-bottom:12px;padding:8px 12px;background-color:#f6ffed;border:1px solid #b7eb8f;border-radius:8px;color:#52c41a;font-weight:500}.chinese-words-page .main-card .words-container .dictation-progress .dictation-info{margin-top:4px;font-size:12px;font-weight:400;color:rgba(0,0,0,.65)}.chinese-words-page .main-card .words-container .words-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:16px;gap:16px;margin-top:16px}.chinese-words-page .main-card .words-container .words-list .word-item{position:relative;background-color:#f5f7fa;border:1px solid #e6e9ed;border-radius:8px;overflow:hidden;transition:all .3s ease;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.05)}.chinese-words-page .main-card .words-container .words-list .word-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.12);transform:translateY(-3px)}.chinese-words-page .main-card .words-container .words-list .word-item.dictation-item{background-color:#e6f7ff;border-color:#91d5ff}.chinese-words-page .main-card .words-container .words-list .word-item.dictation-item:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-color:rgba(0,0,0,0) #1890ff rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:0 12px 12px 0}.chinese-words-page .main-card .words-container .words-list .word-item.spoken{background-color:#f6ffed;border-color:#b7eb8f}.chinese-words-page .main-card .words-container .words-list .word-item.spoken:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-color:rgba(0,0,0,0) #52c41a rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:0 12px 12px 0}.chinese-words-page .main-card .words-container .words-list .word-item.spoken:before{content:"✓";position:absolute;top:2px;left:4px;font-size:10px;color:#52c41a}.chinese-words-page .main-card .words-container .words-list .word-item .unit-label{padding:3px 8px;background-color:#f0f2f5;font-size:11px;color:rgba(0,0,0,.6);font-weight:500}.chinese-words-page .main-card .words-container .words-list .word-item .word-content{position:relative;display:flex;justify-content:center;align-items:center;padding:16px 10px;font-size:20px;text-align:center;min-height:48px;font-weight:500}.chinese-words-page .main-card .words-container .words-list .word-item .word-content .speak-button{position:absolute;right:4px;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .3s ease;font-size:14px;padding:0 4px;height:28px;width:28px}.chinese-words-page .main-card .words-container .words-list .word-item .word-content .speaking-indicator{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background-color:#ff4d4f;animation:pulse 1.5s infinite}.chinese-words-page .main-card .words-container .words-list .word-item.active{background-color:rgba(24,144,255,.1);border-color:#1890ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.chinese-words-page .main-card .words-container .words-list .word-item.hidden .word-content{color:#1890ff;font-style:italic}.chinese-words-page .main-card .words-container .words-list .word-item.hidden .word-content:before{content:"";position:absolute;left:0;right:0;height:1px;background:#d9d9d9;top:50%}.chinese-words-page .main-card .words-container .words-list .word-item:hover .speak-button{opacity:1}.chinese-words-page .main-card .empty-words{text-align:center;padding:32px 0;color:rgba(0,0,0,.45);font-size:16px}@keyframes pulse{0%{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.6;transform:translateY(-50%) scale(1.2)}to{opacity:1;transform:translateY(-50%) scale(1)}}@media(max-width:768px){.chinese-words-page{padding:16px}.chinese-words-page .main-card .page-header .voice-settings .ant-space{justify-content:center}.chinese-words-page .main-card .word-controls .settings-row{padding:8px 0}.chinese-words-page .main-card .word-controls .settings-row .ant-space-item{margin-bottom:6px!important}.chinese-words-page .main-card .word-controls .action-buttons{flex-direction:column;align-items:center}.chinese-words-page .main-card .word-controls .action-buttons .ant-btn:first-child{margin-bottom:8px}.chinese-words-page .main-card .word-controls .action-buttons .ant-btn:last-child{margin-left:0!important}.chinese-words-page .main-card .words-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.chinese-words-page .main-card .words-list .word-item .word-content{font-size:18px;min-height:42px;padding:10px 8px}}