.chinese-words-page{background:#f5f5f5;min-height:100vh;padding:24px}.chinese-words-page .main-card{border-radius:8px;max-width:1200px;margin:0 auto;box-shadow:0 2px 8px #00000014}.chinese-words-page .main-card .page-header{border-bottom:1px solid #f0f0f0;flex-direction:column;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}@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{align-items:center;margin-bottom:8px;display:flex}@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{border-bottom:1px solid #f0f0f0;margin-bottom:16px;padding-bottom:12px}.chinese-words-page .main-card .unit-selection .unit-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.chinese-words-page .main-card .unit-selection .unit-header .unit-actions{flex-wrap:wrap;gap:8px;display:flex}.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-bottom:6px;margin-right:12px}.chinese-words-page .main-card .word-controls{margin-bottom:16px}.chinese-words-page .main-card .word-controls .word-stats{text-align:center;color:#000000a6;background-color:#f9f9f9;border-radius:8px;margin-bottom:12px;padding:8px 0;font-size:14px;font-weight:500}.chinese-words-page .main-card .word-controls .settings-row{background-color:#fafafa;border-radius:8px;justify-content:center;width:100%;margin-bottom:16px;padding:10px}.chinese-words-page .main-card .word-controls .settings-row .ant-checkbox-wrapper{margin-right:0}.chinese-words-page .main-card .word-controls .settings-row .reading-inline-settings .ant-typography,.chinese-words-page .main-card .word-controls .settings-row .dictation-inline-settings .ant-typography{white-space:nowrap;margin-right:4px}.chinese-words-page .main-card .word-controls .settings-row .reading-inline-settings .ant-input-number,.chinese-words-page .main-card .word-controls .settings-row .dictation-inline-settings .ant-input-number{margin-right:0}.chinese-words-page .main-card .word-controls .dictation-controls{justify-content:center;margin-bottom:12px;display:flex}.chinese-words-page .main-card .word-controls .dictation-controls .ant-btn{min-width:80px}.chinese-words-page .main-card .word-controls .action-buttons{justify-content:center;margin-bottom:12px;display:flex}.chinese-words-page .main-card .word-controls .action-buttons .ant-btn{min-width:120px}.chinese-words-page .main-card .words-container .dictation-progress{color:#52c41a;background-color:#f6ffed;border:1px solid #b7eb8f;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-weight:500}.chinese-words-page .main-card .words-container .dictation-progress .dictation-info{color:#000000a6;margin-top:4px;font-size:12px;font-weight:400}.chinese-words-page .main-card .words-container .words-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:16px;display:grid}.chinese-words-page .main-card .words-container .words-list .word-item{cursor:pointer;background-color:#f5f7fa;border:1px solid #e6e9ed;border-radius:8px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000d}.chinese-words-page .main-card .words-container .words-list .word-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001f}.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:"";border-top:0 solid #0000;border-bottom:12px solid #0000;border-left:0 solid #0000;border-right:12px solid #1890ff;width:0;height:0;position:absolute;top:0;right: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:"";border-top:0 solid #0000;border-bottom:12px solid #0000;border-left:0 solid #0000;border-right:12px solid #52c41a;width:0;height:0;position:absolute;top:0;right:0}.chinese-words-page .main-card .words-container .words-list .word-item.spoken:before{content:"✓";color:#52c41a;font-size:10px;position:absolute;top:2px;left:4px}.chinese-words-page .main-card .words-container .words-list .word-item .unit-label{color:#0009;background-color:#f0f2f5;padding:3px 8px;font-size:11px;font-weight:500}.chinese-words-page .main-card .words-container .words-list .word-item .word-content{text-align:center;justify-content:center;align-items:center;min-height:48px;padding:16px 10px;font-size:20px;font-weight:500;display:flex;position:relative}.chinese-words-page .main-card .words-container .words-list .word-item .word-content .speak-button{opacity:0;width:28px;height:28px;padding:0 4px;font-size:14px;transition:opacity .3s;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.chinese-words-page .main-card .words-container .words-list .word-item .word-content .speaking-indicator{background-color:#ff4d4f;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.chinese-words-page .main-card .words-container .words-list .word-item.active{background-color:#1890ff1a;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.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:"";background:#d9d9d9;height:1px;position:absolute;top:50%;left:0;right:0}.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;color:#00000073;padding:32px 0;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{min-height:42px;padding:10px 8px;font-size:18px}}