:root{--sky:#87ceeb;--sky-light:#b8e4f9;--sky-dark:#4aa8d8;--sky-bg:#e3f4fd;--blue:#2196f3;--blue-dark:#1565c0;--blue-pale:#e3f4fd;--white:#fff;--text:#1a2a3a;--text-light:#5a7a9a;--text-muted:#94afc7;--gray:#f0f6ff;--gray-200:#dce9f5;--gray-300:#c5d8ea;--success:#4caf50;--warning:#f59e0b;--danger:#ef4444;--radius:16px;--btn-radius:12px;--sidebar-width:280px;--header-height:70px;--shadow-sm:0 2px 8px #4aa8d81a;--shadow-md:0 4px 16px #4aa8d826;--shadow-lg:0 8px 32px #4aa8d833;--t:.3s cubic-bezier(.16, 1, .3, 1)}body.dark{--sky:#1a3a5c;--sky-light:#2a5a8c;--sky-dark:#4aa8d8;--sky-bg:#0d1f35;--white:#1a2233;--text:#e8f0f8;--text-light:#9ab;--text-muted:#567;--gray:#0f1a28;--gray-200:#1e2d42;--gray-300:#2a3d55;--blue:#2196f3;--blue-dark:#1565c0;--blue-pale:#0d2040;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--gray);color:var(--text);height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--sky);border-radius:10px}body.dark ::-webkit-scrollbar-track{background:#0f1a28}.app{width:100vw;height:100vh;display:flex;position:relative}.mobile-mask{z-index:998;background:#00000080;display:none;position:fixed;inset:0}.mobile-mask.show{display:block}.sidebar{width:var(--sidebar-width);background:var(--white);border-right:1px solid var(--gray-200);z-index:999;flex-direction:column;flex-shrink:0;max-height:100vh;padding:20px 14px;transition:transform .3s;display:flex;overflow-y:auto}body.dark .sidebar{border-color:var(--gray-200);background:#0f1a28}.sidebar-logo{cursor:pointer;align-items:center;gap:12px;padding:4px 8px 28px;display:flex}.logo-icon{color:#fff;width:46px;height:46px;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#87ceeb,#4aa8d8,#2196f3);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}body.dark .logo-icon{background:linear-gradient(135deg,#1a3a5c,#2a5a8c)}.logo-text h2{color:var(--blue-dark);letter-spacing:.5px;font-size:18px;font-weight:800}.logo-text p{color:var(--text-light);margin-top:3px;font-size:12px}.sidebar-nav{flex-direction:column;flex:1;gap:3px;display:flex}.nav-item{border-radius:var(--btn-radius);cursor:pointer;transition:var(--t);color:var(--text-light);text-align:left;background:0 0;border:none;align-items:center;gap:11px;width:100%;min-height:46px;padding:13px 14px;font-size:14px;font-weight:500;display:flex;position:relative}.nav-item i{text-align:center;width:22px;color:var(--sky-dark);flex-shrink:0;font-size:18px}.nav-item:hover{background:var(--sky-bg);color:var(--blue-dark)}.nav-item.active{background:var(--sky-bg);color:var(--blue-dark);font-weight:600}.nav-item.active:before{content:"";background:var(--blue);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}body.dark .nav-item:hover{background:#1e2d42}.sidebar-footer{background:var(--sky-bg);border-radius:var(--radius);flex-shrink:0;margin-top:16px;padding:14px}body.dark .sidebar-footer{background:#1e2d42}.sidebar-footer h4{color:var(--blue-dark);margin-bottom:6px;font-size:13px;font-weight:600}.sidebar-footer p{color:var(--text-light);margin-bottom:10px;font-size:12px;line-height:1.5}.tag-group{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--white);color:var(--blue-dark);border-radius:20px;padding:3px 9px;font-size:11px;font-weight:500}.main{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.top-header{height:var(--header-height);background:var(--white);border-bottom:1px solid var(--gray-200);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex}body.dark .top-header{border-color:var(--gray-200);background:#0f1a28}.mobile-menu-btn{background:var(--blue-dark);cursor:pointer;width:52px;height:52px;transition:var(--t);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:none;box-shadow:0 2px 8px #2563eb4d}.mobile-menu-btn:hover{background:var(--blue);transform:scale(1.05)}.mobile-menu-btn:active{transform:scale(.95)}.mobile-menu-btn i{color:#fff;font-size:22px}.header-welcome{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.header-welcome h3{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.header-btn{background:var(--gray);cursor:pointer;transition:var(--t);color:var(--text-light);border:none;border-radius:8px;align-items:center;gap:6px;min-height:38px;padding:7px 12px;font-size:13px;font-weight:500;display:flex}.header-btn:hover{background:var(--sky-bg);color:var(--blue-dark)}.header-btn i{color:var(--sky-dark);font-size:14px}.api-status-wrap{cursor:default;align-items:center;gap:6px;display:flex;position:relative}.api-dot{background:#ccc;border-radius:50%;flex-shrink:0;width:8px;height:8px}.api-dot.ok{background:var(--success);animation:2s infinite apiPulse}.api-label{color:var(--text-light);font-size:12px}.api-label.ok{color:var(--success)}@keyframes apiPulse{0%,to{opacity:1}50%{opacity:.5}}.dark-toggle{background:var(--gray);cursor:pointer;width:42px;height:42px;transition:var(--t);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.dark-toggle:hover{background:var(--sky-bg)}.dark-toggle i{color:var(--text-light);font-size:18px;transition:transform .4s}body.dark .dark-toggle{background:#2a3d55}body.dark .dark-toggle i{color:gold}.content{-webkit-overflow-scrolling:touch;flex:1;padding:16px;overflow-y:auto}.module{display:none}.module.active{display:block}.notify-toast{z-index:9999;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-lg);border-left:4px solid var(--sky);align-items:flex-start;gap:10px;max-width:320px;padding:14px 18px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:20px;right:20px;transform:translate(120%)}.notify-toast.show{transform:translate(0)}.notify-toast.success{border-color:var(--success)}.notify-toast.error{border-color:var(--danger)}.notify-toast.warning{border-color:var(--warning)}.notify-icon{color:var(--sky);flex-shrink:0;font-size:20px}.notify-toast.success .notify-icon{color:var(--success)}.notify-toast.error .notify-icon{color:var(--danger)}.notify-toast.warning .notify-icon{color:var(--warning)}.notify-content h4{color:var(--text);margin-bottom:2px;font-size:14px;font-weight:600}.notify-content p{color:var(--text-light);font-size:12px;line-height:1.5}body.dark .notify-toast{background:#1e2d42}.mobile-tabbar{border-top:1px solid var(--gray-200);z-index:999;background:#fff;justify-content:space-around;align-items:center;height:56px;padding:0 4px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #00000014}body.dark .mobile-tabbar{border-color:var(--gray-200);background:#0f1a28}.mobile-tabbar-item{cursor:pointer;transition:var(--t);min-width:50px;color:var(--text-muted);background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 8px;font-size:10px;line-height:1.2;display:flex}.mobile-tabbar-item:hover,.mobile-tabbar-item.active{color:var(--blue-dark)}.mobile-tabbar-item i{font-size:20px}.mobile-tabbar-item span{font-size:10px}@media (width<=768px){.sidebar{width:270px;position:fixed;top:0;bottom:0;left:-100%;transform:none}.sidebar.open{left:0}.mobile-mask.show{display:block}.mobile-menu-btn{display:flex}.mobile-tabbar{padding-bottom:env(safe-area-inset-bottom,0);height:calc(56px + env(safe-area-inset-bottom,0));display:flex!important}.app{padding-bottom:calc(56px + env(safe-area-inset-bottom,0))}.sidebar{display:none!important}.sidebar.open{display:flex!important}.header-welcome h3{font-size:14px}}body.dark input,body.dark textarea,body.dark select{color:#e8f0f8!important;background:#0f1a28!important;border-color:#2a3d55!important}.welcome-banner{border-radius:var(--radius);color:#fff;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#87ceeb 0%,#4aa8d8 50%,#2196f3 100%);justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.welcome-banner:before{content:"";background:#ffffff1a;border-radius:50%;width:200px;height:200px;position:absolute;top:-40px;right:-40px}.welcome-banner:after{content:"";background:#ffffff12;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-80px;right:100px}.banner-content{z-index:1;flex:1}.banner-content h1{margin-bottom:6px;font-size:22px;font-weight:800}.banner-content p{opacity:.9;font-size:13px;line-height:1.5}.banner-tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.banner-tag{white-space:nowrap;background:#fff3;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;display:flex}.banner-right{z-index:1;text-align:center;flex-shrink:0}.score-circle{background:#fff3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.score-circle .num{font-size:28px;font-weight:800;line-height:1}.score-circle .txt{opacity:.85;font-size:11px}.score-label{opacity:.85;margin-top:6px;font-size:12px}.daily-quote{background:linear-gradient(135deg,#fff9e6 0%,#fff3cc 100%);border-left:4px solid #ffb800;border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:16px;padding:16px 20px;display:flex}.quote-icon{color:#ffb800;flex-shrink:0;margin-top:2px;font-size:24px}.quote-content{flex:1;min-width:200px}.quote-text{color:var(--text);margin-bottom:8px;font-size:15px;font-style:italic;line-height:1.7}.quote-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.quote-author{color:var(--text-muted);font-size:12px}.checkin-area{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.streak-text{color:#e67e22;font-size:13px;font-weight:600}.checkin-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e67e22,#d35400);border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.checkin-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #e67e2266}.checkin-btn.done{cursor:default;background:#95a5a6}.checkin-btn.done:before{content:"✓ "}.review-banner{border-left:4px solid var(--success);background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;animation:.4s slideInRight;display:flex}.review-icon{color:var(--success);flex-shrink:0;font-size:28px}.review-info{flex:1}.review-info strong{color:var(--text);font-size:14px}.review-info p{color:var(--text-light);margin-top:2px;font-size:12px}.review-btn{background:var(--success);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:20px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .3s}.review-btn:hover{background:#388e3c;transform:scale(1.05)}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.stats-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:var(--t);padding:16px 14px}.stats-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stats-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.stats-card-top h4{color:var(--text-light);font-size:12px;font-weight:500}.stats-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stats-icon.blue{background:var(--blue-pale);color:var(--blue)}.stats-icon.green{color:var(--success);background:#e8f5e9}.stats-icon.orange{color:var(--warning);background:#fff3e0}.stats-icon.red{color:var(--danger);background:#ffebee}.stats-icon i{font-size:17px}.stats-card .num{color:var(--text);margin-bottom:4px;font-size:22px;font-weight:800;line-height:1}.stats-card .desc{color:var(--text-light);font-size:11px}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);margin-bottom:16px;padding:18px 20px}.card-title{color:var(--text);align-items:center;gap:8px;margin-bottom:14px;font-size:15px;font-weight:700;display:flex}.card-title i{color:var(--blue-dark)}.weakness-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.weakness-item{background:var(--gray);border-radius:var(--btn-radius);padding:12px}.weakness-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.weakness-name{color:var(--text);font-size:13px;font-weight:500}.weakness-score{border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600}.score-high{color:var(--success);background:#e8f5e9}.score-mid{color:var(--warning);background:#fff3e0}.score-low{color:var(--danger);background:#ffebee}.progress-bar{background:var(--gray-200);border-radius:3px;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width 1s}.progress-high{background:var(--success)}.progress-mid{background:var(--warning)}.progress-low{background:var(--danger)}.weakness-tip{background:var(--sky-bg);border-radius:var(--btn-radius);align-items:flex-start;gap:8px;margin-top:12px;padding:10px 14px;display:flex}.weakness-tip i{color:var(--blue-dark);flex-shrink:0;margin-top:2px}.weakness-tip p{color:var(--text-light);font-size:12px;line-height:1.5}.record-list{max-height:200px;overflow-y:auto}.record-item{border-bottom:1px solid var(--gray-200);padding:10px 0}.record-item:last-child{border-bottom:none}.record-item-title{color:var(--text);margin-bottom:4px;font-size:13px;font-weight:500}.record-item-footer{justify-content:space-between;align-items:center;display:flex}.record-time{color:var(--text-muted);font-size:11px}.record-badge{background:var(--sky-bg);color:var(--blue-dark);border-radius:10px;padding:2px 8px;font-size:11px}.section-title{color:var(--text);align-items:center;gap:6px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.section-title i{color:var(--blue-dark);font-size:15px}.feature-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-bottom:16px;display:grid}.feature-card{background:var(--white);border-radius:var(--radius);cursor:pointer;transition:var(--t);box-shadow:var(--shadow-sm);border:2px solid #0000;padding:20px 16px;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--sky), var(--blue));height:3px;position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:var(--sky-light);box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-icon{margin-bottom:10px;font-size:28px;display:block}.feature-card h4{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:700}.feature-card p{color:var(--text-light);font-size:12px;line-height:1.5}.feature-tag{background:var(--sky-bg);color:var(--blue-dark);border-radius:10px;margin-top:8px;padding:2px 8px;font-size:10px;font-weight:500;display:inline-block}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.weakness-grid{grid-template-columns:1fr}.feature-card p{display:none}}.page-header{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:14px 16px;display:flex}.page-header-icon{background:var(--sky-bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.page-header-info{flex:1;min-width:0}.page-header-info h2{color:var(--text);font-size:16px;font-weight:700}.page-header-info p{color:var(--text-light);margin-top:2px;font-size:12px}.word-cards-container{padding:0 24px}.word-cards-main{margin-bottom:16px}.word-cards-main .word-card{text-align:center;padding:20px 24px;overflow:visible}.main-card-header{z-index:10;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex;position:relative}.book-name-btn{color:#000;cursor:pointer;background:#ffffffe6;border:none;border-radius:16px;padding:6px 14px;font-size:14px;font-weight:600;transition:all .2s}.book-name-btn:hover{background:#fff}.word-list-badge{color:#000;cursor:pointer;background:#ffffffd9;border:none;border-radius:12px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .2s;display:inline-block}.word-list-badge:hover{background:#ffffff4d}.word-cards-sub{grid-template-columns:repeat(4,1fr);justify-items:center;gap:12px;display:grid}.word-cards-sub .word-card{text-align:center;width:100%;padding:18px}.word-cards-sub .word-card p{display:none}.word-cards-sub .word-card-icon{font-size:28px}.word-cards-sub .word-card h3{text-align:center}.word-card{background:var(--white);cursor:pointer;box-shadow:var(--shadow-sm);border:2px solid #0000;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.word-card:before{content:"";background:linear-gradient(90deg, var(--sky), var(--blue));pointer-events:none;z-index:0;height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.word-card:hover{box-shadow:var(--shadow-lg);border-color:var(--sky-light);transform:translateY(-4px)}.word-card:hover:before{transform:scaleX(1)}.word-card-icon{margin-bottom:16px;font-size:48px}.word-card h3{color:var(--text);margin-bottom:8px;font-size:20px;font-weight:600}.word-card p{color:var(--text-light);margin-bottom:12px;font-size:14px;line-height:1.6}.word-card-tag{background:var(--sky-bg);color:var(--sky-dark);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.study-home-page{padding:0 20px 24px}.study-home-header{margin-bottom:16px;padding:12px 0}.back-btn{color:#667eea;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:15px;transition:background .2s}.back-btn:hover{background:#f0f0ff}.study-home-content{flex-direction:column;gap:20px;display:flex}.progress-card{background:#fff;border-radius:20px;align-items:center;gap:24px;padding:24px;display:flex;box-shadow:0 2px 12px #0000000f}.progress-left{flex-shrink:0}.circle-progress{width:100px;height:100px;position:relative}.circle-progress svg{width:100%;height:100%}.circle-bg{fill:none;stroke:#f0f0f0;stroke-width:8px}.circle-fill{fill:none;stroke:linear-gradient(135deg, #667eea, #764ba2);stroke-width:8px;stroke-linecap:round;transition:stroke-dasharray .5s}.circle-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.percent-num{color:#333;font-size:24px;font-weight:700}.percent-symbol{color:#999;font-size:12px}.progress-right{flex:1}.book-title{color:#333;margin-bottom:12px;font-size:20px;font-weight:700}.stat-text{color:#333;margin-bottom:4px;font-size:14px}.stat-text.secondary{color:#999}.task-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 2px 12px #0000000f}.task-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.task-title{color:#333;font-size:16px;font-weight:600}.modify-btn{color:#999;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:13px;transition:color .2s}.modify-btn:hover{color:#667eea}.task-stats{gap:12px;margin-bottom:20px;display:flex}.stat-mini-card{text-align:center;background:linear-gradient(135deg,#667eea14,#764ba214);border-radius:12px;flex:1;padding:16px}.stat-num{color:#667eea;font-size:18px;font-weight:700}.task-action{flex-direction:column;align-items:center;gap:12px;display:flex}.start-study-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:30px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .2s}.start-study-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.review-only-btn{color:#999;cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px}.review-only-btn:hover{color:#667eea}.ai-study-container{width:100%;max-width:400px;margin:0 auto}.study-back-header{justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 0;display:flex}.study-back-btn{color:#667eea;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:15px;transition:background .2s}.study-back-btn:hover{background:#f0f0ff}.change-book-btn{color:#666;cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;padding:6px 12px;font-size:13px;transition:all .2s}.change-book-btn:hover{background:#e8e8e8}.study-progress-header{margin-bottom:16px}.word-func-view{padding:0 24px 24px}.func-header{background:var(--white);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;display:flex}.func-back-btn{background:var(--sky-bg);color:var(--sky-dark);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.func-back-btn:hover{background:var(--sky-light)}#func-title{color:var(--text);font-size:18px;font-weight:600}.word-select-container{box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;padding:20px}.word-select-header{margin-bottom:16px}.word-select-tip{color:#666;text-align:center;font-size:14px}.word-select-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.word-select-card{cursor:pointer;text-align:center;background:#f8f8f8;border:2px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;min-height:60px;padding:14px;transition:background .2s,border-color .2s;display:flex}.word-select-card:hover{background:#f0f0ff}.word-select-card.selected{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.word-select-check{visibility:hidden;height:20px;margin-bottom:4px;font-size:16px}.word-select-card.selected .word-select-check{visibility:visible}.word-select-word{margin-bottom:4px;font-size:15px;font-weight:600;display:block}.word-select-def{color:#666;font-size:12px;display:block}.word-select-card.selected .word-select-def{color:#ffffffd9}.word-select-footer{justify-content:space-between;align-items:center;display:flex}.word-select-count{color:#666;font-size:14px}.generate-story-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:24px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .2s}.generate-story-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.generate-story-btn:disabled{opacity:.5;cursor:not-allowed}.generate-story-btn.fill-mode{background:linear-gradient(135deg,#34d399,#10b981)}.generate-story-btn.fill-mode:hover:not(:disabled){box-shadow:0 4px 15px #10b98166}.chat-box{background:var(--white);border-radius:var(--radius);height:calc(100vh - 300px);min-height:380px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);flex-direction:column;display:flex}.chat-msgs{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.msg{white-space:pre-wrap;word-break:break-word;border-radius:16px;min-width:50px;max-width:80%;padding:11px 15px;font-size:13px;line-height:1.7}.msg.user{color:#fff;background:linear-gradient(135deg,#4aa8d8,#2196f3);border-bottom-right-radius:4px;align-self:flex-end}.msg.ai{background:var(--gray);color:var(--text);box-shadow:var(--shadow-sm);border-bottom-left-radius:4px;align-self:flex-start}.msg.system{background:var(--sky-bg);color:var(--blue-dark);text-align:center;border:1px solid var(--sky-light);border-radius:20px;align-self:center;padding:7px 18px;font-size:12px}.msg.ai h1,.msg.ai h2,.msg.ai h3{color:var(--text);margin:6px 0 3px;font-size:14px}.msg.ai h1{font-size:16px}.msg.ai p{margin:4px 0}.msg.ai ul,.msg.ai ol{margin:4px 0;padding-left:20px}.msg.ai li{margin:2px 0}.msg.ai code{background:var(--gray-200);border-radius:4px;padding:1px 5px;font-size:12px}.msg.ai pre{color:#e0e0e0;background:#1a2a3a;border-radius:8px;margin:6px 0;padding:10px;overflow-x:auto}.msg.ai pre code{color:inherit;background:0 0;padding:0}.msg.ai blockquote{border-left:3px solid var(--sky);color:var(--text-light);margin:4px 0;padding-left:10px}.msg.ai strong{color:var(--blue-dark)}.msg.ai em{color:var(--text-light)}.typing{background:var(--white);color:var(--text-light);box-shadow:var(--shadow-sm);border-radius:16px 16px 16px 4px;align-self:flex-start;padding:12px 16px;font-size:13px;display:none}.typing.show{align-items:center;gap:6px;display:flex}.typing span{background:var(--sky-dark);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:.8s infinite blink}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes blink{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(-4px)}}.input-row{border-top:1px solid var(--gray-200);flex-wrap:wrap;align-items:flex-end;gap:8px;padding:12px 16px;display:flex}.input-row textarea{border-radius:var(--btn-radius);border:2px solid var(--gray-200);resize:none;min-width:0;min-height:44px;max-height:120px;transition:var(--t);background:var(--gray);outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:13px;line-height:1.5}.input-row textarea:focus{border-color:var(--sky);background:#fff}.btn-send{border-radius:var(--btn-radius);color:#fff;cursor:pointer;transition:var(--t);white-space:nowrap;background:linear-gradient(135deg,#4aa8d8,#2196f3);border:none;flex-shrink:0;align-items:center;gap:6px;min-height:44px;padding:10px 18px;font-size:13px;font-weight:600;display:flex}.btn-send:hover{transform:scale(1.03);box-shadow:0 4px 16px #2196f359}.btn-send:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-photo{border:2px dashed var(--sky);border-radius:var(--btn-radius);background:var(--gray);cursor:pointer;width:44px;height:44px;transition:var(--t);color:var(--sky-dark);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.btn-photo:hover{background:var(--sky-bg);border-color:var(--blue)}.btn-speak{border:2px dashed var(--sky);border-radius:var(--btn-radius);background:var(--gray);cursor:pointer;width:44px;height:44px;transition:var(--t);color:var(--blue);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.btn-speak:hover{background:var(--sky-bg);border-color:var(--blue)}.speaking-cards-grid{grid-template-columns:repeat(3,1fr);gap:20px;padding:0 24px;display:grid}.speaking-card{background:var(--white);cursor:pointer;box-shadow:var(--shadow-sm);border:2px solid #0000;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.speaking-card:before{content:"";background:linear-gradient(90deg, var(--sky), var(--blue));height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.speaking-card:hover{box-shadow:var(--shadow-lg);border-color:var(--sky-light);transform:translateY(-4px)}.speaking-card:hover:before{transform:scaleX(1)}.speaking-card-icon{margin-bottom:16px;font-size:48px}.speaking-card h3{color:var(--text);margin-bottom:8px;font-size:20px;font-weight:600}.speaking-card p{color:var(--text-light);margin-bottom:12px;font-size:14px;line-height:1.6}.speaking-card-tag{background:var(--sky-bg);color:var(--sky-dark);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.speaking-func-view{padding:0 24px 24px}.spk-pron-area{padding:0 20px 12px}.spk-pron-hint{background:var(--sky-bg);color:var(--blue-dark);border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:13px;display:flex}.spk-scenario-area{padding:0 20px 12px}.spk-scenario-hint{background:var(--sky-bg);color:var(--blue-dark);border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.spk-scenario-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.spk-scenario-card{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius);cursor:pointer;text-align:center;transition:var(--t);padding:16px 12px}.spk-scenario-card:hover{background:var(--sky-bg);border-color:var(--blue-dark);transform:translateY(-2px)}.spk-scenario-icon{margin-bottom:8px;font-size:28px}.spk-scenario-name{color:var(--text);margin-bottom:4px;font-size:13px;font-weight:600}.spk-scenario-desc{color:var(--text-light);font-size:11px}.spk-exam-area{padding:0 20px 12px}.spk-exam-hint{background:var(--sky-bg);color:var(--blue-dark);border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.spk-exam-type-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.spk-exam-type-card{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius);cursor:pointer;text-align:center;transition:var(--t);padding:16px 12px}.spk-exam-type-card:hover{background:var(--sky-bg);border-color:var(--blue-dark);transform:translateY(-2px)}.spk-exam-type-icon{margin-bottom:8px;font-size:28px}.spk-exam-type-card h4{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.spk-exam-type-card p{color:var(--text-light);font-size:11px}.spk-exam-input{margin-top:16px}.spk-exam-input textarea{border:1px solid var(--gray-300);resize:vertical;border-radius:8px;width:100%;margin-bottom:12px;padding:12px;font-size:14px}.btn-start-exam{color:#fff;cursor:pointer;transition:var(--t);background:linear-gradient(135deg,#4aa8d8,#2196f3);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;display:inline-flex}.btn-start-exam:hover{transform:scale(1.03);box-shadow:0 4px 16px #2196f359}.listen-cards-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:0 24px;display:grid}.listen-card{background:var(--white);cursor:pointer;box-shadow:var(--shadow-sm);border:2px solid #0000;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.listen-card:before{content:"";background:linear-gradient(90deg,#4ecdc4,#45b7aa);height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.listen-card:hover{box-shadow:var(--shadow-lg);border-color:#7edcd5;transform:translateY(-4px)}.listen-card:hover:before{transform:scaleX(1)}.listen-card-icon{margin-bottom:16px;font-size:48px}.listen-card h3{color:var(--text);margin-bottom:8px;font-size:20px;font-weight:600}.listen-card p{color:var(--text-light);margin-bottom:12px;font-size:14px;line-height:1.6}.listen-card-tag{color:#2ead9e;background:#e8faf8;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.listen-func-container{padding:0 24px 24px}.listen-sub-panel{margin-bottom:16px}.listen-instruction{background:var(--sky-bg);border-radius:12px;margin-bottom:20px;padding:16px 20px}.listen-instruction p{color:var(--text);margin-bottom:8px;font-size:14px}.listen-instruction ul{margin:0;padding-left:20px}.listen-instruction li{color:var(--text-light);margin-bottom:4px;font-size:13px}.listen-demo-row{align-items:center;gap:16px;margin-bottom:20px;display:flex}.listen-demo-box{background:var(--white);text-align:center;border-radius:12px;flex:1;padding:16px}.listen-demo-box.highlight{background:linear-gradient(135deg,#e8faf8,#d0f4f1);border:2px solid #4ecdc4}.demo-label{color:var(--text-light);margin-bottom:8px;font-size:12px}.demo-text{color:var(--text);font-size:16px;font-weight:600}.listen-demo-arrow{color:#4ecdc4;flex-shrink:0;font-size:24px}.scenario-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.scenario-item{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius);cursor:pointer;text-align:center;transition:var(--t);padding:16px 12px}.scenario-item:hover{background:var(--sky-bg);border-color:var(--blue-dark);transform:translateY(-2px)}.scenario-icon{margin-bottom:8px;font-size:28px}.scenario-item h4{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.scenario-item p{color:var(--text-light);font-size:11px}.exam-type-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.exam-type-item{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius);cursor:pointer;text-align:center;transition:var(--t);padding:16px 12px}.exam-type-item:hover{background:var(--sky-bg);border-color:var(--blue-dark);transform:translateY(-2px)}.exam-type-icon{margin-bottom:8px;font-size:28px}.exam-type-item h4{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.exam-type-item p{color:var(--text-light);font-size:11px}.review-step{background:var(--white);border-radius:12px;align-items:flex-start;gap:16px;margin-bottom:8px;padding:16px;display:flex}.step-number{color:#fff;background:linear-gradient(135deg,#4ecdc4,#45b7aa);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:600;display:flex}.step-content h4{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.step-content p{color:var(--text-light);font-size:12px}.review-arrow{text-align:center;color:#4ecdc4;margin:-4px 0 4px 48px;font-size:20px}.audio-player{background:var(--white);border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:16px;display:flex}.btn-play{color:#fff;cursor:pointer;width:48px;height:48px;transition:var(--t);background:linear-gradient(135deg,#4ecdc4,#45b7aa);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.btn-play:hover{transform:scale(1.05);box-shadow:0 4px 16px #4ecdc466}.btn-play.playing{background:linear-gradient(135deg,#45b7aa,#3da59a);animation:1s infinite playPulse}@keyframes playPulse{0%,to{box-shadow:0 0 #4ecdc466}50%{box-shadow:0 0 0 8px #4ecdc400}}.progress-bar{background:var(--gray-200);cursor:pointer;border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-bar:hover{background:var(--gray-300)}.progress-fill{background:linear-gradient(90deg,#4ecdc4,#45b7aa);border-radius:4px;height:100%;transition:width .1s linear}.progress-time{color:var(--text-light);text-align:right;min-width:45px;font-size:13px;font-weight:500}.grammar-learning-module .listen-card{background:var(--white);cursor:pointer;box-shadow:var(--shadow-sm);border:2px solid #0000;border-radius:16px;flex-direction:column;min-height:200px;padding:28px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.grammar-learning-module .listen-card:before{content:"";background:linear-gradient(90deg,#9b59b6,#8e44ad);height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.grammar-learning-module .listen-card:hover{box-shadow:var(--shadow-lg);border-color:#c9a4e0;transform:translateY(-4px)}.grammar-learning-module .listen-card:hover:before{transform:scaleX(1)}.grammar-learning-module .listen-card-icon{margin-bottom:16px;font-size:52px}.grammar-learning-module .listen-card h3{color:var(--text);margin-bottom:10px;font-size:22px;font-weight:700}.grammar-learning-module .listen-card p{color:var(--text-light);flex:1;margin-bottom:16px;font-size:14px;line-height:1.6}.grammar-learning-module .listen-card-tag{color:#9b59b6;background:#f4ecf7;border-radius:20px;align-self:flex-start;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.grammar-func-container{padding:0 24px 24px}.grammar-sub-panel{margin-bottom:16px}.grammar-instruction{background:#f9eff6;border-radius:12px;margin-bottom:20px;padding:16px 20px}.grammar-instruction p{color:var(--text);margin-bottom:8px;font-size:14px}.grammar-instruction ul{margin:0;padding-left:20px}.grammar-instruction li{color:var(--text-light);margin-bottom:4px;font-size:13px}.grammar-demo{background:var(--white);border-radius:12px;margin-bottom:20px;padding:20px}.demo-title{color:#9b59b6;margin-bottom:12px;font-size:14px;font-weight:600}.demo-original{color:var(--text);background:var(--gray);border-radius:8px;margin-bottom:16px;padding:12px;font-size:16px}.demo-tree{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tree-node{border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500}.tree-node.main{color:#2980b9;background:#e8f4fd}.tree-node.sub{color:#c0392b;background:#fde8e8}.tree-note{color:var(--text-light);width:100%;margin-top:8px;font-size:12px}.grammar-themes{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.theme-item{background:var(--white);cursor:pointer;border:2px solid #0000;border-radius:24px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .3s}.theme-item:hover{background:#f9eff6;border-color:#9b59b6}.grammar-parse-panel{padding:0 24px}.parse-input-card{background:var(--white);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);border-radius:20px;margin-bottom:20px;padding:24px}.parse-input-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.parse-input-label{color:var(--text);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.parse-input-label i{color:#9b59b6;font-size:18px}.char-counter{color:var(--text-light);font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}.char-counter .char-limit{color:var(--text-muted)}.char-counter.over{color:var(--danger);font-weight:700}.parse-textarea{border:2px solid var(--gray-200);width:100%;color:var(--text);background:var(--gray);resize:vertical;min-height:110px;transition:var(--t);border-radius:14px;padding:16px 18px;font-family:inherit;font-size:16px;line-height:1.7}.parse-textarea:focus{background:var(--white);border-color:#9b59b6;outline:none;box-shadow:0 0 0 4px #9b59b61a}.parse-textarea::placeholder{color:var(--text-muted);font-size:14px}.parse-action-row{gap:12px;margin-top:16px;display:flex}.parse-btn-clear{border:2px solid var(--gray-200);background:var(--white);color:var(--text-light);cursor:pointer;transition:var(--t);border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:14px;font-weight:600;display:flex}.parse-btn-clear:hover{border-color:var(--danger);color:var(--danger);background:#fef2f2}.parse-btn-go{color:#fff;cursor:pointer;transition:var(--t);letter-spacing:1px;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:14px;flex:2.5;justify-content:center;align-items:center;gap:10px;padding:13px 28px;font-size:16px;font-weight:700;display:flex}.parse-btn-go:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #9b59b666}.parse-btn-go:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}@keyframes spin{to{transform:rotate(360deg)}}.parse-loading-card{background:var(--white);text-align:center;box-shadow:var(--shadow-sm);border-radius:20px;margin-bottom:20px;padding:40px 24px}.parse-loading-animation p{color:var(--text-light);margin-top:16px;font-size:15px;font-weight:500}.dot-pulse{justify-content:center;gap:8px;display:flex}.dot-pulse span{background:#9b59b6;border-radius:50%;width:12px;height:12px;animation:1.2s ease-in-out infinite dotPulse}.dot-pulse span:nth-child(2){animation-delay:.2s}.dot-pulse span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.parse-result-wrapper{margin-bottom:20px}.parse-sentence-bar{background:linear-gradient(135deg,#f3e5f5,#e8f4fd);border-left:5px solid #9b59b6;border-radius:16px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:18px 22px;display:flex}.parse-sentence-bar i{color:#9b59b6;flex-shrink:0;margin-top:3px;font-size:16px}.parse-sentence-text{color:var(--text);font-size:16px;font-style:italic;font-weight:600;line-height:1.7}.parse-summary{background:#fff8e1;border:1px solid #ffe082;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 20px;display:flex}.parse-summary i{color:#f59e0b;flex-shrink:0;font-size:16px}.parse-summary span{color:#795548;font-size:14px;font-weight:500;line-height:1.5}.parse-section-title{color:var(--text);border-bottom:1px solid var(--gray-200);align-items:center;gap:10px;margin:20px 0 14px;padding-bottom:8px;font-size:15px;font-weight:700;display:flex}.section-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.section-dot.core{background:#4caf50}.section-dot.modifier{background:#9c27b0}.section-dot.clause{background:#795548}.section-dot.phrase{background:#607d8b}.parse-core-grid,.parse-modifier-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:8px;display:grid}.parse-component-card{background:var(--white);border:2px solid var(--gray-200);transition:var(--t);box-shadow:var(--shadow-sm);border-radius:14px;overflow:hidden}.parse-component-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.component-card-header{align-items:center;gap:8px;padding:10px 14px;display:flex}.component-icon{font-size:14px}.component-label{letter-spacing:1px;font-size:13px;font-weight:700}.component-card-body{padding:12px 14px 14px}.component-text{word-break:break-word;margin-bottom:6px;font-size:15px;font-weight:700;line-height:1.5}.component-detail{color:var(--text-light);word-break:break-word;font-size:12px;line-height:1.6}.parse-clauses-list{flex-direction:column;gap:12px;margin-bottom:8px;display:flex}.parse-clause-card{background:var(--white);box-shadow:var(--shadow-sm);border-left:4px solid #795548;border-radius:14px;padding:18px}.clause-header{margin-bottom:10px}.clause-badge{color:#fff;background:#795548;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.clause-text{color:var(--text);background:#efebe9;border-radius:8px;margin-bottom:8px;padding:10px 14px;font-size:15px;font-weight:600;line-height:1.6}.clause-detail{color:var(--text-light);font-size:13px;line-height:1.6}.parse-phrases-list{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.parse-phrase-card{background:var(--white);box-shadow:var(--shadow-sm);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.phrase-badge{color:#fff;white-space:nowrap;background:#607d8b;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.phrase-text{color:var(--text);font-size:14px;font-weight:600}.phrase-detail{color:var(--text-light);flex:1;min-width:100px;font-size:12px}.parse-fallback-content{background:var(--white);box-shadow:var(--shadow-sm);color:var(--text);border-radius:20px;padding:24px;font-size:14px;line-height:1.8}.parse-fallback-content .analysis-item{background:var(--gray);border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:10px;padding:12px 16px;display:flex}.parse-fallback-content .analysis-tag{color:#fff;white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.parse-fallback-content .analysis-text{color:var(--text);flex:1;line-height:1.6}.parse-tip-card{background:var(--white);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);border-radius:20px;padding:28px}.tip-illustration{background:linear-gradient(135deg,#f3e5f5,#e8f4fd);border-radius:14px;justify-content:center;align-items:center;gap:16px;margin-bottom:24px;padding:20px;display:flex}.tip-step{flex-direction:column;align-items:center;gap:8px;display:flex}.step-num{color:#fff;background:linear-gradient(135deg,#9b59b6,#8e44ad);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.tip-step span:last-child{color:var(--text-light);white-space:nowrap;font-size:13px;font-weight:500}.tip-arrow{color:#9b59b6;opacity:.5;font-size:18px}.tip-examples{padding-top:4px}.tip-label{color:var(--text);margin-bottom:12px;font-size:14px;font-weight:600}.tip-example-tags{flex-direction:column;gap:10px;display:flex}.tip-example-tag{text-align:left;background:var(--gray);border:1.5px solid var(--gray-200);width:100%;color:var(--text);cursor:pointer;transition:var(--t);border-radius:12px;padding:12px 16px;font-family:inherit;font-size:13px;line-height:1.5;display:block}.tip-example-tag:hover{color:#7b1fa2;background:#f3e5f5;border-color:#9b59b6}.grammar-context-page{padding:0 24px}.grammar-context-header{border-bottom:2px solid var(--gray-200);align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.grammar-context-header h2{color:var(--text);margin:0;font-size:22px;font-weight:700}.grammar-parse-page{padding:0 24px}.grammar-parse-header{border-bottom:2px solid var(--gray-200);align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.grammar-parse-header h2{color:var(--text);margin:0;font-size:22px;font-weight:700}.grammar-parse-input-section{margin-bottom:20px}.grammar-parse-tip{background:var(--white);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);border-radius:20px;padding:28px}.context-welcome-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;align-items:center;gap:18px;margin-bottom:20px;padding:24px 28px;display:flex;box-shadow:0 8px 32px #667eea4d}.context-welcome-icon{flex-shrink:0;font-size:48px}.context-welcome-text h3{color:#fff;margin-bottom:6px;font-size:20px;font-weight:700}.context-welcome-text p{color:#ffffffe6;font-size:14px;line-height:1.5}.context-themes-section{margin-bottom:20px}.context-section-title{color:var(--text);border-bottom:2px solid var(--gray-200);align-items:center;gap:10px;margin-bottom:14px;padding-bottom:8px;font-size:15px;font-weight:700;display:flex}.context-section-title i{color:#9b59b6;font-size:16px}.context-themes-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.context-theme-card{background:var(--white);text-align:center;cursor:pointer;box-shadow:var(--shadow-sm);border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.context-theme-card:hover{box-shadow:var(--shadow-lg);border-color:#667eea;transform:translateY(-4px)}.context-theme-card.custom{background:linear-gradient(135deg,#f3e5f5,#f5eef8);border:2px dashed #9b59b6}.context-theme-card.custom:hover{background:linear-gradient(135deg,#f5eef8,#ead5f0)}.theme-icon{font-size:36px}.theme-name{color:var(--text);font-size:14px;font-weight:700}.theme-desc{color:var(--text-light);font-size:11px;line-height:1.3}.context-chat-section{margin-top:20px}.context-chat-header{color:var(--text);border-bottom:2px solid var(--gray-200);align-items:center;gap:10px;margin-bottom:14px;padding-bottom:8px;font-size:15px;font-weight:700;display:flex}.context-chat-header i{color:#9b59b6}.context-chat-box{background:var(--white);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);border-radius:20px;overflow:hidden}.context-chat-box .chat-msgs{min-height:300px;max-height:400px;padding:20px;overflow-y:auto}.chat-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px 20px;display:flex}.empty-illustration{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;display:flex}.empty-illustration i{color:#fff;font-size:36px}.chat-empty-state p{color:var(--text-light);max-width:300px;margin-bottom:20px;font-size:14px;line-height:1.6}.quick-questions{flex-direction:column;gap:10px;width:100%;max-width:400px;display:flex}.quick-questions button{background:var(--gray);border:1.5px solid var(--gray-200);width:100%;color:var(--text);cursor:pointer;transition:var(--t);text-align:left;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:13px}.quick-questions button:hover{color:#9b59b6;background:#f3e5f5;border-color:#9b59b6}.practice-types{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.practice-type{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius);cursor:pointer;text-align:center;transition:var(--t);padding:16px 12px}.practice-type:hover{background:#f9eff6;border-color:#9b59b6;transform:translateY(-2px)}.practice-icon{margin-bottom:8px;font-size:28px}.practice-type h4{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.practice-type p{color:var(--text-light);font-size:11px}.mock-questions{background:var(--white);border-radius:12px;padding:20px}.questions-title{color:#9b59b6;margin-bottom:16px;font-size:15px;font-weight:600}.question-card{background:var(--gray);border-radius:12px;margin-bottom:16px;padding:16px}.option-btn:hover,.option-btn.selected{background:#f9eff6;border-color:#9b59b6}.toggle-answer-btn{background:var(--sky-bg);color:var(--blue-dark);cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:13px;transition:all .2s}.toggle-answer-btn:hover{background:var(--sky-light)}.answer-panel{background:#f9eff6;border-radius:8px;margin-top:12px;padding:12px 16px;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.answer-correct{color:var(--success);margin-bottom:8px;font-size:14px;font-weight:600}.answer-analysis{color:var(--text);font-size:13px;line-height:1.6}@media (width<=768px){.grammar-cards-grid{grid-template-columns:1fr;padding:0 16px}.grammar-card p{display:none}.grammar-card{padding:20px 16px}.grammar-card-icon{margin-bottom:10px;font-size:36px}.grammar-card h3{font-size:14px}.practice-types{grid-template-columns:1fr}}.read-cards-container{flex-direction:column;gap:16px;padding:0 24px;display:flex}.read-cards-row-full,.read-cards-row-full .read-card-featured{width:100%}.read-cards-row-double{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;display:grid}.read-card{background:var(--white);cursor:pointer;box-shadow:var(--shadow-sm);border:2px solid #0000;border-radius:16px;flex-direction:column;width:100%;min-height:160px;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.read-card:before{content:"";background:linear-gradient(90deg,#e67e22,#d35400);height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.read-card:hover{box-shadow:var(--shadow-lg);border-color:#f5b041;transform:translateY(-4px)}.read-card:hover:before{transform:scaleX(1)}.read-card-featured{background:var(--white);flex-direction:column;width:100%;min-height:200px;display:flex}.read-card-featured:before{display:block}.read-card-featured:hover{box-shadow:var(--shadow-lg);border-color:#f5b041}.read-card-featured .read-card-icon{font-size:56px}.read-card-featured h3{color:var(--text);font-size:24px;font-weight:700}.read-card-featured p{color:var(--text-light);font-size:15px}.read-card-featured .read-card-tag{color:#e67e22;background:#fef3e2}.read-card-icon{margin-bottom:16px;font-size:48px}.read-card h3{color:var(--text);margin-bottom:8px;font-size:20px;font-weight:600}.read-card p{color:var(--text-light);margin-bottom:12px;font-size:14px;line-height:1.6}.read-card-tag{color:#e67e22;background:#fef5e7;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.read-func-container{padding:0 24px 24px}.read-sub-panel{margin-bottom:16px}.read-instruction{background:#fef9f0;border-radius:12px;margin-bottom:20px;padding:16px 20px}.read-instruction p{color:var(--text);margin-bottom:8px;font-size:14px}.read-instruction ul{margin:0;padding-left:20px}.read-instruction li{color:var(--text-light);margin-bottom:4px;font-size:13px}.read-demo{background:var(--white);border-radius:12px;margin-bottom:20px;padding:20px}.read-demo-tree{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.read-bg-examples{margin-bottom:20px}.read-bg-hint{color:var(--text);margin-bottom:12px;font-size:14px;font-weight:500}.read-bg-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.read-bg-item{background:var(--white);text-align:center;cursor:pointer;border:2px solid #0000;border-radius:12px;padding:16px;transition:all .3s}.read-bg-item:hover{background:#fef9f0;border-color:#e67e22;transform:translateY(-2px)}.read-bg-icon{margin-bottom:8px;font-size:24px;display:block}.read-signal-hint{color:var(--text);margin-bottom:12px;font-size:14px;font-weight:500}.read-signals{background:var(--white);border-radius:12px;padding:16px}.read-signal-item{color:var(--text-light);border-bottom:1px dashed var(--gray-200);align-items:center;gap:12px;padding:8px 0;font-size:13px;display:flex}.read-signal-item:last-child{border-bottom:none}.signal-type{color:#e67e22;background:#fef5e7;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.read-review-start{background:var(--white);text-align:center;border-radius:12px;padding:24px}.read-review-icon{margin-bottom:12px;font-size:48px}.read-review-start h4{color:var(--text);margin-bottom:8px;font-size:16px;font-weight:600}.read-review-start p{color:var(--text-light);margin-bottom:16px;font-size:13px}.btn-start-review{color:#fff;cursor:pointer;transition:var(--t);background:linear-gradient(135deg,#e67e22,#d35400);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;display:inline-flex}.btn-start-review:hover{transform:scale(1.03);box-shadow:0 4px 16px #e67e2259}.mock-article-panel{background:var(--white);border-radius:12px;margin-bottom:20px;padding:20px}.article-title{color:var(--text);border-bottom:2px solid var(--gray-200);margin-bottom:16px;padding-bottom:12px;font-size:18px;font-weight:700}.article-content{color:var(--text);background:var(--gray);border-radius:8px;margin-bottom:24px;padding:16px;font-size:15px;line-height:1.8}.question-list{flex-direction:column;gap:20px;display:flex}.question-item{gap:8px;display:flex}.question-num{color:#e67e22;flex-shrink:0;font-size:15px;font-weight:600}.question-body{flex:1}.question-text{color:var(--text);margin-bottom:12px;font-size:15px;font-weight:500}.question-options{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.option-btn{border:2px solid var(--gray-300);background:var(--white);text-align:left;cursor:pointer;border-radius:8px;padding:10px 16px;font-size:14px;transition:all .2s}.option-btn:hover,.option-btn.selected{background:#fef9f0;border-color:#e67e22}.option-btn.correct{border-color:var(--success);color:var(--success);background:#e8f5e9}.option-btn.wrong{border-color:var(--danger);color:var(--danger);background:#ffebee}.toggle-analysis-btn{color:#e67e22;cursor:pointer;background:#fef5e7;border:none;border-radius:6px;padding:8px 16px;font-size:13px;transition:all .2s}.toggle-analysis-btn:hover{background:#fdebd0}.analysis-panel{background:#fef9f0;border-radius:8px;margin-top:12px;padding:16px;animation:.3s slideDown}.analysis-correct{color:var(--success);margin-bottom:8px;font-size:14px;font-weight:600}.analysis-content{color:var(--text);font-size:13px;line-height:1.7}.read-scan-panel{padding:0 24px}.scan-upload-area{background:var(--white);border:2px dashed var(--gray-300);text-align:center;cursor:pointer;transition:var(--t);border-radius:20px;margin-bottom:20px;padding:40px 24px}.scan-upload-area:hover{background:#fffbf5;border-color:#e67e22}.scan-upload-icon{background:linear-gradient(135deg,#e67e22,#d35400);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;display:flex}.scan-upload-icon i{color:#fff;font-size:36px}.scan-upload-area h3{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:700}.scan-upload-area p{color:var(--text-light);margin-bottom:16px;font-size:14px}.scan-upload-hint{flex-direction:column;align-items:center;gap:8px;display:flex}.scan-upload-hint span{color:var(--text-light);font-size:13px}.scan-upload-hint i{color:#4caf50;margin-right:6px}.scan-tips{background:var(--white);box-shadow:var(--shadow-sm);border-radius:16px;padding:20px}.scan-tips-title{color:var(--text);align-items:center;gap:8px;margin-bottom:14px;font-size:15px;font-weight:700;display:flex}.scan-tips-title i{color:#e67e22}.scan-tips-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.scan-tip-card{background:var(--gray);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex}.scan-tip-icon{font-size:28px}.scan-tip-label{color:var(--text);font-size:14px;font-weight:600}.scan-tip-desc{color:var(--text-light);font-size:12px}.read-scan-preview{padding:0 24px}.scan-preview-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.scan-preview-header h3{color:var(--text);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.scan-preview-header h3 i{color:#e67e22}.btn-remove-image{border:1.5px solid var(--gray-300);background:var(--white);color:var(--text-light);cursor:pointer;transition:var(--t);border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:flex}.btn-remove-image:hover{border-color:var(--danger);color:var(--danger);background:#fef2f2}.scan-image-container{background:var(--white);box-shadow:var(--shadow-sm);border-radius:16px;justify-content:center;align-items:center;max-height:400px;margin-bottom:16px;padding:16px;display:flex;overflow:hidden}.scan-preview-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:368px}.scan-action{justify-content:center;display:flex}.btn-scan-start{color:#fff;cursor:pointer;transition:var(--t);letter-spacing:1px;background:linear-gradient(135deg,#e67e22,#d35400);border:none;border-radius:14px;align-items:center;gap:10px;padding:14px 40px;font-size:16px;font-weight:700;display:flex}.btn-scan-start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #e67e2266}.btn-scan-start:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.read-scan-result{padding:0 24px}.scan-result-header{justify-content:flex-end;margin-bottom:16px;display:flex}.btn-new-scan{background:var(--white);color:#e67e22;cursor:pointer;transition:var(--t);border:2px solid #e67e22;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.btn-new-scan:hover{color:#fff;background:#e67e22}.scan-result-image{background:var(--white);box-shadow:var(--shadow-sm);border-radius:16px;justify-content:center;align-items:center;max-height:300px;margin-bottom:20px;padding:16px;display:flex;overflow:hidden}.scan-result-image img{object-fit:contain;border-radius:8px;max-width:100%;max-height:268px}.scan-analysis-content{flex-direction:column;gap:24px;display:flex}.scan-article-card{background:var(--white);box-shadow:var(--shadow-md);border-radius:20px;padding:0;overflow:hidden}.scan-article-header{background:linear-gradient(135deg,#e67e22,#d35400);align-items:center;gap:12px;padding:20px 24px;display:flex}.scan-article-header .header-icon{font-size:28px}.scan-article-header .header-title{color:#fff;font-size:18px;font-weight:700}.scan-article-body{padding:20px 24px}.scan-article-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:18px;display:grid}.scan-info-block{background:var(--gray);border-radius:12px;padding:14px 16px}.scan-info-block .info-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600}.scan-info-block .info-value{color:var(--text);font-size:14px;font-weight:600;line-height:1.5}.scan-structure-card{background:linear-gradient(135deg,#fef3e2,#fff8e7);border:1px solid #fde7c4;border-radius:12px;grid-column:span 2;padding:14px 16px}.scan-structure-card .info-label{color:#e67e22}.scan-article-divider{background:var(--gray-200);height:1px;margin:4px 0 16px}.scan-paragraphs-title{color:var(--text);align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.scan-paragraphs-title:before{content:"";background:linear-gradient(#e67e22,#d35400);border-radius:2px;width:4px;height:16px}.scan-paragraphs-list{flex-direction:column;gap:10px;display:flex}.scan-paragraph-item{background:var(--gray);border-left:3px solid #e67e22;border-radius:10px;gap:10px;padding:12px 14px;display:flex}.scan-paragraph-item .para-index{color:#e67e22;white-space:nowrap;font-size:13px;font-weight:700}.scan-paragraph-item .para-text{color:var(--text);font-size:13px;line-height:1.6}.scan-sentence-card{background:var(--white);box-shadow:var(--shadow-md);border-radius:20px;padding:0;overflow:hidden}.scan-sentence-header{background:linear-gradient(135deg,#9b59b6,#8e44ad);align-items:center;gap:12px;padding:20px 24px;display:flex}.scan-sentence-header .header-icon{font-size:28px}.scan-sentence-header .header-title{color:#fff;font-size:18px;font-weight:700}.scan-sentence-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.scan-sentence-item{background:var(--gray);border:1px solid var(--gray-200);border-radius:14px;padding:18px}.scan-sentence-item:last-child{border-bottom:none}.scan-sentence-original{gap:10px;margin-bottom:14px;display:flex}.scan-sentence-num{color:#fff;background:linear-gradient(135deg,#e67e22,#d35400);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.scan-sentence-text{color:var(--text);font-size:14px;font-style:italic;font-weight:600;line-height:1.6}.scan-components-grid{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.scan-comp-tag{border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.scan-comp-tag .comp-label{opacity:.8}.scan-comp-tag.subject{color:#388e3c;background:#e8f5e9}.scan-comp-tag.predicate{color:#1976d2;background:#e3f2fd}.scan-comp-tag.object{color:#f57c00;background:#fff3e0}.scan-comp-tag.attribute{color:#7b1fa2;background:#f3e5f5}.scan-comp-tag.adverbial{color:#00838f;background:#e0f7fa}.scan-comp-tag.complement{color:#c2185b;background:#fce4ec}.scan-comp-tag.clause{color:#5d4037;background:#efebe9}.scan-sentence-meaning{background:#fff8e1;border-left:3px solid #f59e0b;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.scan-sentence-meaning i{color:#f59e0b;flex-shrink:0;margin-top:2px;font-size:14px}.scan-sentence-meaning span{color:#795548;font-size:13px;line-height:1.5}.scan-no-sentences{text-align:center;color:var(--text-light);padding:32px;font-size:14px}.scan-no-sentences i{opacity:.5;margin-bottom:10px;font-size:36px}.scan-raw-content{background:var(--white);box-shadow:var(--shadow-sm);color:var(--text);border-radius:16px;padding:20px;font-size:14px;line-height:1.8}.essay-cards-grid{grid-template-columns:repeat(3,1fr);gap:20px;padding:0 24px;display:grid}.essay-card{background:var(--white);cursor:pointer;box-shadow:var(--shadow-sm);border:2px solid #0000;border-radius:16px;padding:28px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.essay-card:before{content:"";background:linear-gradient(90deg,#9b59b6,#8e44ad);height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.essay-card:hover{box-shadow:var(--shadow-lg);border-color:#bb8fce;transform:translateY(-4px)}.essay-card:hover:before{transform:scaleX(1)}.essay-card-icon{margin-bottom:16px;font-size:48px}.essay-card h3{color:var(--text);margin-bottom:8px;font-size:20px;font-weight:600}.essay-card p{color:var(--text-light);margin-bottom:12px;font-size:14px;line-height:1.6}.essay-card-tag{color:#9b59b6;background:#f5eef8;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.essay-func-container{padding:0 24px 24px}.essay-sub-panel{margin-bottom:16px}.essay-instruction{background:#f9f0fc;border-radius:12px;margin-bottom:20px;padding:16px 20px}.essay-instruction p{color:var(--text);margin-bottom:8px;font-size:14px}.essay-instruction ul{margin:0;padding-left:20px}.essay-instruction li{color:var(--text-light);margin-bottom:4px;font-size:13px}.essay-grading-hint{background:var(--white);border-radius:12px;margin-bottom:20px;padding:20px}.essay-grading-title{color:var(--text);margin-bottom:16px;font-size:16px;font-weight:600}.essay-grading-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.essay-grade-item{background:var(--gray);text-align:center;border-radius:10px;padding:16px}.grade-label{color:var(--text-light);margin-bottom:4px;font-size:12px;display:block}.grade-value{color:#9b59b6;font-size:20px;font-weight:700;display:block}.essay-demo{background:var(--white);border-radius:12px;margin-bottom:20px;padding:20px}.essay-demo-compare{margin:16px 0}.essay-demo-item{border-radius:10px;margin-bottom:8px;padding:16px}.essay-demo-item.original{background:#fdedec}.essay-demo-item.upgraded{background:#e8f8f5}.demo-label{margin-bottom:8px;font-size:12px;font-weight:600}.demo-label.original{color:#e74c3c}.demo-label.upgraded{color:#27ae60}.demo-content{color:var(--text);font-size:14px;font-style:italic;line-height:1.6}.essay-demo-arrow{text-align:center;color:#9b59b6;padding:8px 0;font-size:24px}.essay-demo-note{color:var(--text);background:#fef9e7;border-radius:8px;padding:12px 16px;font-size:13px;line-height:1.6}.essay-structure-frame{background:var(--white);border-radius:12px;padding:20px}.essay-frame-title{color:#9b59b6;margin-bottom:16px;font-size:15px;font-weight:600}.essay-word-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.essay-word-col{background:var(--gray);border-radius:8px;padding:12px}.word-col-title{color:#9b59b6;margin-bottom:8px;font-size:13px;font-weight:600}.word-items{color:var(--text-light);white-space:pre-line;font-size:12px;line-height:1.8}.correction-result{background:var(--white);border-radius:12px;margin-bottom:20px;padding:20px}.score-display{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.score-circle{width:120px;height:120px;margin-bottom:8px;position:relative}.score-circle svg{width:100%;height:100%}.score-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-num{color:#9b59b6;font-size:32px;font-weight:700}.score-max,.score-label{color:var(--text-light);font-size:14px}.error-list{margin-bottom:20px}.error-list-title{color:var(--text);margin-bottom:12px;font-size:15px;font-weight:600}.error-item{background:var(--gray);border-radius:8px;margin-bottom:12px;padding:12px}.error-original,.error-corrected{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.error-icon{flex-shrink:0;font-size:14px}.error-text{color:var(--text);font-size:14px}.error-text.strikethrough{color:var(--danger);text-decoration:line-through}.error-reason{color:var(--text-light);padding-left:24px;font-size:12px}.suggestions{background:#f9f0fc;border-radius:8px;padding:16px}.suggestions-title{color:#9b59b6;margin-bottom:8px;font-size:14px;font-weight:600}.suggestions ul{margin:0;padding-left:20px}.suggestions li{color:var(--text);margin-bottom:4px;font-size:13px}.chat-box-full{height:calc(100vh - 200px);min-height:500px}.ai-chat-module .page-header-actions{flex-wrap:wrap;gap:8px;display:flex}.ai-chat-module .mode-btn{border:1.5px solid var(--sky);color:var(--blue-dark);cursor:pointer;transition:var(--t);background:#fff;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500}.ai-chat-module .mode-btn:hover{color:#fff;background:linear-gradient(135deg,#4aa8d8,#2196f3);border-color:#0000;transform:translateY(-2px)}@media (width<=768px){.chat-box-full{height:calc(100vh - 180px);min-height:400px}.ai-chat-module .page-header-actions{display:none}.essay-cards-grid{grid-template-columns:1fr;padding:0 16px}.essay-card p{display:none}.essay-card{padding:20px 16px}.essay-card-icon{margin-bottom:10px;font-size:36px}.essay-card h3{font-size:14px}.essay-grading-grid,.essay-word-grid{grid-template-columns:repeat(2,1fr)}}.essay-camera-page{background:#000;flex-direction:column;height:calc(100vh - 150px);min-height:500px;display:flex}.camera-header{color:#fff;background:#000c;align-items:center;gap:16px;padding:16px 20px;display:flex}.camera-header .back-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.camera-header .back-btn:hover{background:#ffffff4d}.camera-header h2{flex:1;font-size:18px;font-weight:600}.camera-container{flex:1;position:relative;overflow:hidden}.camera-video{object-fit:cover;width:100%;height:100%}.camera-guide{pointer-events:none;border:2px dashed #ffffff80;border-radius:12px;width:85%;height:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.guide-corner{border:3px solid #fff;width:30px;height:30px;position:absolute}.guide-corner.top-left{border-bottom:none;border-right:none;border-radius:12px 0 0;top:-2px;left:-2px}.guide-corner.top-right{border-bottom:none;border-left:none;border-radius:0 12px 0 0;top:-2px;right:-2px}.guide-corner.bottom-left{border-top:none;border-right:none;border-radius:0 0 0 12px;bottom:-2px;left:-2px}.guide-corner.bottom-right{border-top:none;border-left:none;border-radius:0 0 12px;bottom:-2px;right:-2px}.guide-text{color:#fff;white-space:nowrap;background:#0009;border-radius:20px;padding:6px 16px;font-size:13px;position:absolute;top:-35px;left:50%;transform:translate(-50%)}.camera-controls{background:#000000e6;justify-content:space-around;align-items:center;padding:24px 20px;display:flex}.camera-btn{color:#fff;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;font-size:12px;display:flex}.camera-btn.gallery,.camera-btn.switch{background:#ffffff26;border-radius:50%;padding:12px;transition:all .2s}.camera-btn.gallery:hover,.camera-btn.switch:hover{background:#ffffff40}.camera-btn.gallery i,.camera-btn.switch i{font-size:22px}.camera-btn.capture{background:#fff;border-radius:50%;width:72px;height:72px;padding:4px;transition:all .2s}.camera-btn.capture:hover{transform:scale(1.05)}.camera-btn.capture:active{transform:scale(.95)}.capture-inner{background:#fff;border:3px solid #333;border-radius:50%;width:100%;height:100%}.exam-type-badge{background:var(--sky-dark);border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.essay-preview-page{background:#000;flex-direction:column;height:calc(100vh - 150px);min-height:500px;display:flex}.preview-header{color:#fff;background:#000c;align-items:center;gap:16px;padding:16px 20px;display:flex}.preview-header .back-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;padding:8px 16px;font-size:14px}.preview-header h2{flex:1;font-size:18px;font-weight:600}.preview-container{flex:1;justify-content:center;align-items:center;padding:20px;display:flex;overflow:auto}.preview-image{border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 4px 20px #00000080}.exam-type-selector{background:#000000e6;align-items:center;gap:12px;padding:16px 20px;display:flex}.selector-label{color:#fff;font-size:14px}.type-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #ffffff4d;border-radius:10px;flex:1;padding:12px 16px;font-size:13px;transition:all .2s}.type-btn:hover{border-color:var(--sky)}.type-btn.active{border-color:var(--sky-dark);background:var(--sky-dark)}.preview-actions{background:#000000e6;gap:16px;padding:20px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.action-btn.retake{color:#fff;background:#ffffff26}.action-btn.retake:hover{background:#ffffff40}.action-btn.confirm{background:var(--sky-dark);color:#fff}.action-btn.confirm:hover{background:var(--blue);transform:translateY(-2px)}.exam-type-section{margin-bottom:20px}.section-label{color:var(--text);margin-bottom:12px;font-size:14px;font-weight:600}.exam-type-buttons{gap:12px;display:flex}.exam-type-btn{border:2px solid var(--gray-200);background:var(--white);cursor:pointer;text-align:center;border-radius:12px;flex:1;padding:16px;transition:all .2s}.exam-type-btn:hover{border-color:var(--sky)}.exam-type-btn.active{border-color:var(--sky-dark);background:var(--sky-bg)}.exam-type-btn .exam-name{color:var(--text);margin-bottom:4px;font-size:18px;font-weight:700;display:block}.exam-type-btn.active .exam-name{color:var(--sky-dark)}.exam-type-btn .exam-score{color:var(--text-light);font-size:13px}.grading-standard-card{background:var(--white);box-shadow:var(--shadow-sm);border-radius:16px;margin-bottom:20px;padding:20px}.grading-title{color:var(--text);margin-bottom:16px;font-size:15px;font-weight:600}.grading-items{gap:12px;display:flex}.grading-item{text-align:center;border-radius:10px;flex:1;padding:12px}.grading-item.high{background:#e8f5e9}.grading-item.mid{background:#fff3e0}.grading-item.low{background:#ffebee}.grading-item .grade-label{margin-bottom:4px;font-size:13px;font-weight:600;display:block}.grading-item.high .grade-label{color:var(--success)}.grading-item.mid .grade-label{color:var(--warning)}.grading-item.low .grade-label{color:var(--danger)}.grading-item .grade-value{color:var(--text-light);font-size:14px}.exam-type-tag{background:var(--sky-bg);color:var(--sky-dark);border-radius:12px;margin-top:8px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}@media (width<=768px){.exam-type-buttons,.grading-items,.preview-actions{flex-direction:column}.exam-type-selector{flex-wrap:wrap}.type-btn{min-width:calc(50% - 6px)}}.polish-chat-box{min-height:400px}.polish-result{background:var(--white);border-radius:16px;max-width:100%;padding:20px;overflow-x:auto}.polish-section{margin-bottom:20px}.polish-heading{color:var(--sky-dark);background:linear-gradient(135deg, var(--sky-bg), var(--sky-light));border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:18px;font-weight:700;display:flex}.polish-heading:before{content:"";background:var(--sky-dark);border-radius:2px;width:4px;height:20px}.polish-subheading{color:var(--text);border-left:3px solid var(--sky);margin:16px 0 12px;padding-left:12px;font-size:15px;font-weight:600}.polish-content{line-height:1.8}.polish-paragraph{color:var(--text);margin:10px 0;font-size:14px;line-height:1.8}.polish-list{margin:12px 0;padding-left:24px}.polish-list li{color:var(--text);margin:8px 0;font-size:14px;line-height:1.7}.polish-divider{background:linear-gradient(90deg, transparent, var(--gray-300), transparent);border:none;height:1px;margin:20px 0}.polish-table{border-collapse:collapse;background:var(--gray);border-radius:10px;width:100%;margin:16px 0;font-size:13px;overflow:hidden}.polish-table td{border-bottom:1px solid var(--gray-200);text-align:left;padding:12px 16px}.polish-table tr:last-child td{border-bottom:none}.polish-table tr:hover{background:var(--sky-bg)}.highlight-word{color:#e67e22;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-radius:4px;padding:2px 6px;font-weight:600}.polish-result code{background:var(--gray);color:var(--sky-dark);border-radius:4px;padding:2px 8px;font-size:13px}.polish-result blockquote{border-left:4px solid var(--sky);color:var(--text-light);margin:12px 0;padding-left:16px;font-style:italic}.btn-send .fa-magic{margin-right:4px}@media (width<=768px){.polish-result{padding:16px}.polish-heading{padding:10px 12px;font-size:16px}.polish-table{font-size:12px}.polish-table td{padding:10px 12px}}.structure-template-card{background:var(--white);box-shadow:var(--shadow-sm);border-radius:16px;margin-bottom:20px;padding:24px}.template-header{border-bottom:2px solid var(--gray-200);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.template-icon{font-size:32px}.template-title{color:var(--text);font-size:18px;font-weight:700}.structure-sections{flex-direction:column;gap:16px;display:flex}.structure-section{background:var(--gray);border-radius:12px;padding:20px}.structure-section.opening{border-left:4px solid #27ae60}.structure-section.body{border-left:4px solid #3498db}.structure-section.closing{border-left:4px solid #9b59b6}.section-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.section-icon{font-size:24px}.section-name{color:var(--text);font-size:16px;font-weight:600}.section-content{padding-left:8px}.section-formula{background:var(--white);border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.formula-label{color:var(--text-light);font-size:13px;font-weight:600}.formula-text{color:var(--sky-dark);font-size:14px;font-weight:600}.section-tips{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.tip-item{color:var(--text);align-items:center;gap:8px;font-size:13px;display:flex}.tip-icon{font-size:14px}.section-example{background:var(--white);border:1px solid var(--gray-200);border-radius:8px;padding:12px 16px}.example-label{color:var(--text-light);margin-bottom:8px;font-size:12px;font-weight:600}.example-text{color:var(--text);font-size:13px;font-style:italic;line-height:1.7}.structure-arrow{text-align:center;color:var(--sky-dark);padding:8px 0;font-size:24px}.body-points{gap:12px;margin-top:16px;display:flex}.point-card{background:var(--white);text-align:center;border-radius:10px;flex:1;padding:16px}.point-num{color:var(--sky-dark);margin-bottom:8px;font-size:20px;font-weight:800}.point-title{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.point-desc{color:var(--sky-dark);margin-bottom:4px;font-size:12px}.point-example{color:var(--text-light);font-size:11px}.structure-input-area{background:var(--white);box-shadow:var(--shadow-sm);border-radius:16px;margin-bottom:20px;padding:20px}.input-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.input-icon{font-size:24px}.input-title{color:var(--text);font-size:15px;font-weight:600}.structure-input-area textarea{border:2px solid var(--gray-200);resize:vertical;border-radius:12px;width:100%;min-height:120px;padding:16px;font-family:inherit;font-size:14px;line-height:1.7;transition:all .2s}.structure-input-area textarea:focus{border-color:var(--sky);outline:none}.optimize-btn{background:linear-gradient(135deg, var(--sky), var(--sky-dark));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:16px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.optimize-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #4aa8d866}.optimize-btn:disabled{opacity:.6;cursor:not-allowed}.structure-result-area{background:var(--white);box-shadow:var(--shadow-sm);border-radius:16px;padding:20px}.result-header{border-bottom:2px solid var(--gray-200);align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.result-icon{font-size:24px}.result-title{color:var(--text);font-size:16px;font-weight:600}.result-content{max-height:500px;overflow-y:auto}@media (width<=768px){.structure-template-card{padding:16px}.template-title{font-size:16px}.body-points{flex-direction:column}.point-card{padding:12px}.structure-input-area textarea{min-height:100px}.optimize-btn{padding:14px;font-size:15px}.read-cards-grid{grid-template-columns:repeat(2,1fr);padding:0 16px}.read-card p{display:none}.read-card{padding:20px 16px}.read-card-icon{margin-bottom:10px;font-size:36px}.read-card h3{font-size:14px}.read-bg-grid{grid-template-columns:repeat(2,1fr)}.listen-cards-grid{grid-template-columns:1fr;padding:0 16px}.listen-card p{display:none}.listen-card{padding:20px 16px}.listen-card-icon{margin-bottom:10px;font-size:36px}.listen-card h3{font-size:14px}.scenario-grid,.exam-type-grid{grid-template-columns:repeat(2,1fr)}.listen-demo-row{flex-direction:column}.listen-demo-arrow{transform:rotate(90deg)}}.spk-wave-wrap{background:#e74c3c1a;align-items:center;gap:12px;padding:8px 20px;display:flex}.spk-wave{align-items:center;gap:3px;height:24px;display:flex}.spk-wave span{background:var(--danger);border-radius:2px;width:3px;animation:1.2s ease-in-out infinite wave;display:block}.spk-wave span:first-child{height:60%;animation-delay:0s}.spk-wave span:nth-child(2){height:100%;animation-delay:.15s}.spk-wave span:nth-child(3){height:40%;animation-delay:.3s}.spk-wave span:nth-child(4){height:80%;animation-delay:.45s}.spk-wave span:nth-child(5){height:50%;animation-delay:.6s}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.spk-wave-label{color:var(--danger);font-size:12px;font-weight:500}.btn-mic{background:var(--danger);width:44px;height:44px;color:var(--white);cursor:pointer;transition:var(--t);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.btn-mic:hover{background:#c0392b;transform:scale(1.05)}.btn-mic.recording{background:#c0392b;animation:1s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #e74c3c80}50%{box-shadow:0 0 0 8px #e74c3c00}}.pron-error{color:var(--danger);-webkit-text-decoration:underline wavy var(--danger);text-decoration:underline wavy var(--danger);font-weight:600}.pron-correct{color:#27ae60;font-weight:600}@media (width<=768px){.speaking-cards-grid{grid-template-columns:1fr;padding:0 16px}.speaking-card p{display:none}.speaking-card{padding:20px 16px}.speaking-card-icon{margin-bottom:10px;font-size:36px}.speaking-card h3{font-size:14px}.spk-scenario-grid,.spk-exam-type-grid{grid-template-columns:repeat(2,1fr)}.chat-box{height:calc(100vh - 280px);min-height:300px}}.fill-blank-view{background:#f5f5f5;flex-direction:column;min-height:100vh;display:flex}.fill-header{z-index:10;background:#fff;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.fill-content{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex}.passage-container{background:#fff;border-radius:16px;padding:20px}.passage-text{color:#333;white-space:pre-wrap;font-size:16px;line-height:2}.blank-slot-container{vertical-align:middle;align-items:center;display:inline-flex}.blank-slot{color:#10b981;text-align:center;cursor:pointer;background:#f0fdf4;border:2px dashed #10b981;border-radius:8px;min-width:80px;margin:0 2px;padding:4px 12px;font-weight:600;transition:all .2s;display:inline-block}.blank-slot:hover{background:#d1fae5}.blank-slot.active{background:#d1fae5;border-color:#059669;box-shadow:0 0 0 3px #10b98133}.blank-slot.filled{color:#fff;background:#10b981;border-style:solid}.blank-slot.wrong{color:#fff;background:#ef4444;border-style:solid;border-color:#dc2626}.blank-remove-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:50%;margin-left:4px;padding:2px 6px;font-size:16px;line-height:1}.blank-remove-btn:hover{background:#fee2e2}.check-answer-section{justify-content:center;padding:8px 0;display:flex}.check-answer-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#34d399,#10b981);border:none;border-radius:24px;padding:12px 32px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s}.check-answer-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.encourage-box{text-align:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:16px;padding:24px;animation:.5s fadeIn}.encourage-emoji{margin-bottom:12px;font-size:48px}.encourage-text{color:#166534;font-size:16px;font-weight:600}.result-summary{color:#15803d;margin-top:12px;font-size:18px;font-weight:700}.analysis-box{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:16px;padding:20px;animation:.5s fadeIn}.analysis-line{color:#166534;margin:8px 0;font-size:15px;line-height:1.8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.word-pool-container{background:#fff;border-top:1px solid #eee;padding:16px}.word-pool-tip{color:#666;text-align:center;margin-bottom:12px;font-size:13px}.word-pool{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.word-chip{color:#333;cursor:default;background:#f3f4f6;border-radius:20px;padding:8px 16px;font-size:14px;transition:all .2s}.word-chip.selectable{color:#10b981;cursor:pointer;background:#ecfdf5;border:1px solid #10b981}.word-chip.selectable:hover{color:#fff;background:#10b981}.word-chip.used{color:#9ca3af;background:#e5e7eb;text-decoration:line-through}@media (width<=768px){.word-cards-container{padding:0 16px}.word-cards-sub{grid-template-columns:repeat(2,1fr);gap:10px}.word-cards-sub .word-card{padding:16px}.chat-box{height:calc(100vh - 280px);min-height:300px}}.study-settings-container{max-width:600px;margin:0 auto;padding:20px}.settings-main-title{text-align:center;color:var(--text);margin-bottom:24px;font-size:24px;font-weight:700}.book-select-section{margin-bottom:24px}.book-select-grid{flex-direction:column;gap:12px;display:flex}.book-select-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex}.book-select-card:hover{border-color:var(--sky);box-shadow:var(--shadow-sm)}.book-select-card.selected{border-color:var(--sky-dark);background:var(--sky-bg)}.book-select-card .book-icon{background:var(--gray);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:32px;display:flex}.book-select-card .book-info{flex:1}.book-select-card .book-name{color:var(--text);font-size:16px;font-weight:600}.book-select-card .book-desc{color:var(--text-light);margin-top:4px;font-size:13px}.book-select-card .book-check{background:var(--sky-dark);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.settings-row{gap:16px;margin-bottom:24px;display:flex}.settings-section.half{flex:1}.settings-input-group{background:var(--gray);border-radius:var(--btn-radius);align-items:center;gap:8px;padding:4px;display:flex}.num-btn{background:var(--white);cursor:pointer;width:36px;height:36px;color:var(--sky-dark);border:none;border-radius:8px;font-size:18px;font-weight:600;transition:all .2s}.num-btn:hover{background:var(--sky-light)}.num-display{text-align:center;color:var(--text);flex:1;font-size:20px;font-weight:700}.start-study-main-btn{background:linear-gradient(135deg, var(--sky), var(--sky-dark));color:#fff;border-radius:var(--btn-radius);cursor:pointer;border:none;width:100%;padding:16px;font-size:18px;font-weight:600;transition:all .2s}.start-study-main-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.word-study-card{background:var(--white);border-radius:var(--radius);max-width:500px;box-shadow:var(--shadow-md);margin:20px auto;overflow:hidden}.word-study-progress{background:var(--gray-200);height:4px}.word-study-progress-bar{background:linear-gradient(90deg, var(--sky), var(--sky-dark));height:100%;transition:width .3s}.word-study-content{text-align:center;padding:40px 24px}.word-study-word{color:var(--text);margin-bottom:8px;font-size:36px;font-weight:700}.word-study-phonetic{color:var(--text-light);margin-bottom:8px;font-size:18px}.word-study-type{background:var(--sky-bg);color:var(--sky-dark);border-radius:12px;margin-bottom:24px;padding:4px 12px;font-size:14px;display:inline-block}.show-meaning-btn{background:linear-gradient(135deg, var(--sky), var(--sky-dark));color:#fff;cursor:pointer;border:none;border-radius:24px;padding:14px 40px;font-size:16px;font-weight:600;transition:all .2s}.show-meaning-btn:hover{transform:scale(1.05)}.word-study-meaning{animation:.3s fadeIn}.meaning-text{color:var(--text);margin-bottom:16px;font-size:22px;font-weight:600}.word-study-example{background:var(--gray);border-radius:12px;margin-top:16px;padding:16px}.example-en{color:var(--text-light);font-size:15px;font-style:italic}.word-study-actions{border-top:1px solid var(--gray-200);gap:12px;padding:20px 24px 24px;display:flex}.word-action-btn{border-radius:var(--btn-radius);cursor:pointer;border:none;flex:1;padding:14px;font-size:16px;font-weight:600;transition:all .2s}.word-action-btn.know{color:#fff;background:linear-gradient(135deg,#34d399,#10b981)}.word-action-btn.unsure{background:var(--gray);color:var(--text)}.word-action-btn:hover{transform:translateY(-2px)}.study-progress-text{color:var(--text-light);font-size:14px;font-weight:500}.study-complete-card{background:var(--white);border-radius:var(--radius);max-width:400px;box-shadow:var(--shadow-md);text-align:center;margin:60px auto;padding:40px 24px}.complete-title{color:var(--text);margin-bottom:8px;font-size:24px;font-weight:700}.continue-btn,.back-home-btn{border-radius:var(--btn-radius);cursor:pointer;border:none;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s}.loading-container{justify-content:center;align-items:center;min-height:300px;display:flex}.daily-task-cards{gap:12px;display:flex}.daily-task-card{background:var(--gray);border-radius:var(--btn-radius);text-align:center;flex:1;padding:16px}.daily-task-card.highlight{background:linear-gradient(135deg, var(--sky-bg), var(--sky-light));border:2px solid var(--sky)}.task-card-label{color:var(--text-light);margin-bottom:8px;font-size:13px}.task-card-control{justify-content:center;align-items:center;gap:8px;margin-bottom:4px;display:flex}.task-num-btn{background:var(--white);cursor:pointer;width:28px;height:28px;color:var(--sky-dark);border:none;border-radius:6px;font-size:16px;font-weight:600;transition:all .2s}.task-num-btn:hover{background:var(--sky-light);color:#fff}.task-num-value{color:var(--text);text-align:center;min-width:40px;font-size:24px;font-weight:700}.task-card-value{color:var(--sky-dark);font-size:28px;font-weight:700}.task-card-unit{color:var(--text-muted);font-size:12px}.sort-options{flex-direction:column;gap:10px;display:flex}.sort-option{background:var(--gray);border-radius:var(--btn-radius);cursor:pointer;border:2px solid #0000;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.sort-option:hover{background:var(--sky-bg)}.sort-option.active{background:var(--sky-bg);border-color:var(--sky)}.sort-radio{border:2px solid var(--gray-300);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sort-option.active .sort-radio{border-color:var(--sky-dark);background:var(--sky-dark)}.sort-radio-inner{color:#fff;font-size:12px;font-weight:700}.sort-info{flex:1}.sort-label{color:var(--text);font-size:15px;font-weight:600}.summary-value{color:var(--text);font-size:16px;font-weight:600}.word-list-page{background:var(--gray);flex-direction:column;height:100%;display:flex;position:relative}.word-list-loading{height:100%;color:var(--text-light);justify-content:center;align-items:center;display:flex}.word-list-header{z-index:100;background:var(--white);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.header-back-btn,.header-more-btn{width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:background .2s;display:flex}.header-back-btn:hover,.header-more-btn:hover{background:var(--gray)}.header-title{color:var(--text);font-size:17px;font-weight:700}.alphabet-bar{z-index:99;background:var(--white);border-bottom:1px solid var(--gray-200);padding:12px 0;position:sticky;top:68px}.alphabet-scroll{scrollbar-width:none;-ms-overflow-style:none;gap:4px;padding:0 16px;display:flex;overflow-x:auto}.alphabet-scroll::-webkit-scrollbar{display:none}.alphabet-item{min-width:32px;height:32px;color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;font-size:14px;font-weight:500;transition:all .2s;position:relative}.alphabet-item:hover{background:var(--sky-bg);color:var(--sky-dark)}.alphabet-item.active{background:var(--sky-bg);color:var(--sky-dark);font-weight:700}.alphabet-item.active:after{content:"";background:var(--sky-dark);border-radius:2px;width:16px;height:3px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.word-list-content{flex:1;padding:0 16px 100px;overflow-y:auto}.list-info-header{justify-content:space-between;align-items:center;padding:16px 4px;display:flex}.total-count{color:var(--text-muted);font-size:13px}.speed-learn-btn{color:var(--sky-dark);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.speed-learn-btn i{color:gold}.word-cards-list{flex-direction:column;gap:12px;display:flex}.word-card-item{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:16px;display:flex}.word-speak-btn{background:var(--sky-bg);width:36px;height:36px;color:var(--sky-dark);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.word-speak-btn:hover{background:var(--sky);color:#fff}.word-card-info{flex:1;min-width:0}.word-text{color:var(--text);margin-bottom:4px;font-size:18px;font-weight:700}.word-highlight{font-weight:700}.word-meaning{color:var(--text-light);gap:6px;font-size:13px;display:flex}.word-type{color:var(--sky-dark);font-weight:500}.word-definition{color:var(--text-light)}.word-detail-btn{width:32px;height:32px;color:var(--gray-300);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.no-words-tip{text-align:center;color:var(--text-light);padding:40px 20px}.word-list-footer{z-index:100;padding:16px 20px 24px;position:fixed;bottom:0;left:0;right:0}.footer-gradient{background:linear-gradient(to bottom, transparent, var(--gray));pointer-events:none;height:40px;position:absolute;top:-40px;left:0;right:0}.start-learn-btn{background:linear-gradient(135deg, var(--sky), var(--sky-dark));color:#fff;cursor:pointer;border:none;border-radius:50px;width:90%;margin:0 auto;padding:16px;font-size:18px;font-weight:700;transition:all .2s;display:block;box-shadow:0 4px 20px #4aa8d866}.start-learn-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #4aa8d880}.word-learning-page{background:var(--gray);flex-direction:column;min-height:100%;padding-bottom:100px;display:flex}.learning-header{background:var(--white);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.header-back-btn{color:var(--text-light);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:14px;transition:all .2s}.header-back-btn:hover{background:var(--gray);color:var(--text)}.stage-nav{background:var(--gray);border-radius:20px;gap:4px;padding:4px;display:flex}.stage-item{width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;font-size:14px;font-weight:500;transition:all .2s;display:flex}.stage-item.active{background:var(--sky-dark);color:#fff}.quick-actions{gap:8px;display:flex}.action-btn{border:1px solid var(--gray-300);background:var(--white);width:36px;height:36px;color:var(--text-light);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.action-btn:hover{border-color:var(--sky);color:var(--sky-dark)}.action-btn.active{background:var(--sky-bg);border-color:var(--sky);color:var(--sky-dark)}.learning-content{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex}.word-display{text-align:center;padding:20px 0}.word-main{color:var(--text);letter-spacing:2px;margin-bottom:12px;font-size:42px;font-weight:700}.word-phonetic{color:var(--text-light);justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.phonetic-item{align-items:center;gap:6px;display:flex}.phonetic-divider{color:var(--gray-300)}.speak-btn{color:var(--sky-dark);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;font-size:16px;transition:all .2s}.speak-btn:hover{background:var(--sky-bg);transform:scale(1.1)}.speak-btn:active{transform:scale(.95)}.meaning-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 20px}.word-type{color:var(--sky-dark);margin-right:8px;font-weight:600}.word-meaning{color:var(--text);font-size:16px}.phonics-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px}.phonics-tabs{gap:8px;margin-bottom:16px;display:flex}.phonics-tab{background:var(--gray);color:var(--text-light);cursor:pointer;border:none;border-radius:16px;padding:8px 16px;font-size:13px;transition:all .2s}.phonics-tab.active{background:var(--sky-bg);color:var(--sky-dark)}.phonics-content{flex-wrap:wrap;gap:10px;display:flex}.phoneme-item{background:var(--white);border:1px solid var(--gray-200);color:var(--text);cursor:pointer;border-radius:10px;padding:10px 16px;font-size:16px;transition:all .2s;box-shadow:0 2px 4px #0000000d}.phoneme-item:hover{background:var(--sky-bg);border-color:var(--sky);transform:translateY(-2px)}.natural-phonics-grid{flex-wrap:wrap;gap:12px;display:flex}.natural-phonics-item{background:var(--white);border:2px solid var(--gray-200);border-radius:12px;flex-direction:column;align-items:center;min-width:80px;padding:12px 16px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000f}.natural-phonics-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.phonics-grapheme{margin-bottom:4px;font-size:24px;font-weight:700}.phonics-phoneme{color:var(--text);margin-bottom:4px;font-family:Times New Roman,serif;font-size:14px}.phonics-tip{color:var(--text-muted);text-align:center;font-size:11px}.word-phonics-display{flex-direction:column;gap:16px;padding:20px;display:flex}.syllables-row{justify-content:center;align-items:baseline;gap:2px;display:flex}.syllable-text{font-size:42px;font-weight:700}.syllable-divider{color:#ccc;margin:0 4px}.phonemes-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.phoneme-card{border:1px solid var(--gray-300);color:var(--text-light);background:var(--white);border-radius:6px;padding:8px 12px;font-size:16px}.favorite-page{background:var(--gray);min-height:100%}.favorite-header{background:var(--white);border-bottom:1px solid var(--gray-200);align-items:center;gap:16px;padding:16px 20px;display:flex}.favorite-header .back-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:14px}.favorite-header .back-btn:hover{background:var(--gray)}.page-title{color:var(--text);font-size:18px;font-weight:600}.favorite-search{background:var(--white);padding:16px 20px}.search-input{border:1px solid var(--gray-300);border-radius:var(--btn-radius);outline:none;width:100%;padding:12px 16px;font-size:14px}.search-input:focus{border-color:var(--sky)}.favorite-stats{color:var(--text-light);padding:12px 20px;font-size:13px}.favorite-list{flex-direction:column;gap:12px;padding:0 16px 80px;display:flex}.favorite-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px}.favorite-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.word-info{align-items:baseline;gap:8px;display:flex}.word-text{color:var(--text);font-size:20px;font-weight:700}.word-phonetic{color:var(--text-light);font-size:13px}.word-actions{gap:8px;display:flex}.word-actions .speak-btn,.word-actions .remove-btn{background:var(--gray);cursor:pointer;border:none;border-radius:8px;width:32px;height:32px;font-size:14px}.word-actions .speak-btn:hover{background:var(--sky-bg);color:var(--sky-dark)}.word-actions .remove-btn:hover{color:#ef4444;background:#fee2e2}.favorite-card-body{gap:8px;font-size:14px;display:flex}.favorite-card-body .word-type{color:var(--sky-dark);font-weight:500}.favorite-card-body .word-meaning{color:var(--text)}.favorite-card-example{border-top:1px solid var(--gray-200);margin-top:12px;padding-top:12px}.example-text{color:var(--text-light);font-size:13px;font-style:italic}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-icon{margin-bottom:16px;font-size:48px}.empty-text{color:var(--text-light);margin-bottom:24px;font-size:16px}.go-study-btn{background:linear-gradient(135deg, var(--sky), var(--sky-dark));color:#fff;border-radius:var(--btn-radius);cursor:pointer;border:none;padding:12px 24px;font-size:14px;font-weight:600}.example-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.example-en{color:var(--text);align-items:center;gap:8px;margin-bottom:8px;font-size:16px;display:flex}.highlight-word{color:var(--sky-dark);font-weight:600}.example-cn{color:var(--text-light);font-size:14px}.learning-footer{background:var(--white);z-index:100;padding:16px 20px 24px;position:fixed;bottom:0;left:0;right:0}.learning-footer .footer-gradient{background:linear-gradient(to bottom, transparent, var(--white));pointer-events:none;height:30px;position:absolute;top:-30px;left:0;right:0}.progress-info{text-align:center;color:var(--text-light);margin-bottom:12px;font-size:14px}.progress-current{color:var(--sky-dark);font-size:18px;font-weight:700}.progress-divider{margin:0 4px}.next-word-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#34d399);border:none;border-radius:50px;width:90%;margin:0 auto;padding:16px;font-size:18px;font-weight:700;transition:all .2s;display:block;box-shadow:0 4px 20px #10b98166}.next-word-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #10b98180}.study-settings-page{background:var(--gray);min-height:100%}.settings-header{background:var(--white);border-bottom:1px solid var(--gray-200);padding:16px 20px}.settings-content{max-width:600px;margin:0 auto;padding:20px}.settings-title{text-align:center;color:var(--text);margin-bottom:24px;font-size:24px;font-weight:700}.settings-section{margin-bottom:24px}.section-label{color:var(--text-light);margin-bottom:12px;font-size:14px;font-weight:500;display:block}.book-grid{flex-direction:column;gap:12px;display:flex}.book-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex}.book-card:hover{border-color:var(--sky)}.book-card.selected{border-color:var(--sky-dark);background:var(--sky-bg)}.book-card .book-icon{font-size:32px}.book-card .book-info{flex:1}.book-card .book-name{font-size:16px;font-weight:600}.book-card .book-desc{color:var(--text-light);margin-top:4px;font-size:13px}.book-check{background:var(--sky-dark);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.task-cards{gap:12px;display:flex}.task-card{background:var(--white);border-radius:var(--btn-radius);text-align:center;flex:1;padding:16px}.task-card.highlight{background:linear-gradient(135deg, var(--sky-bg), var(--sky-light));border:2px solid var(--sky)}.task-label{color:var(--text-light);margin-bottom:8px;font-size:13px}.task-control{justify-content:center;align-items:center;gap:8px;margin-bottom:4px;display:flex}.task-btn{background:var(--gray);cursor:pointer;width:28px;height:28px;color:var(--sky-dark);border:none;border-radius:6px;font-size:16px;font-weight:600}.task-btn:hover{background:var(--sky-light);color:#fff}.task-value{text-align:center;min-width:40px;font-size:24px;font-weight:700}.task-big-value{color:var(--sky-dark);font-size:28px;font-weight:700}.task-unit{color:var(--text-muted);font-size:12px}.sort-list{flex-direction:column;gap:10px;display:flex}.sort-item{background:var(--white);border-radius:var(--btn-radius);cursor:pointer;border:2px solid #0000;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.sort-item:hover{background:var(--sky-bg)}.sort-item.active{background:var(--sky-bg);border-color:var(--sky)}.sort-radio{border:2px solid var(--gray-300);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sort-item.active .sort-radio{border-color:var(--sky-dark);background:var(--sky-dark)}.sort-check{color:#fff;font-size:12px}.sort-text{flex:1}.sort-label{font-size:15px;font-weight:600}.sort-desc{color:var(--text-light);margin-top:2px;font-size:12px}.settings-summary{background:var(--white);border-radius:var(--radius);gap:12px;margin-bottom:24px;padding:16px;display:flex}.summary-item{text-align:center;flex:1}.summary-label{color:var(--text-light);margin-bottom:4px;font-size:12px;display:block}.summary-value{font-size:16px;font-weight:600}.start-btn{background:linear-gradient(135deg, var(--sky), var(--sky-dark));color:#fff;border-radius:var(--btn-radius);cursor:pointer;border:none;width:100%;padding:16px;font-size:18px;font-weight:600}.start-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.study-complete-page,.study-page-loading{background:var(--gray);justify-content:center;align-items:center;min-height:100%;display:flex}.complete-card{background:var(--white);border-radius:var(--radius);max-width:400px;box-shadow:var(--shadow-md);text-align:center;padding:40px 24px}.complete-icon{margin-bottom:16px;font-size:64px}.complete-title{margin-bottom:8px;font-size:24px;font-weight:700}.complete-stats{color:var(--text-light);margin-bottom:24px;font-size:16px}.complete-actions{flex-direction:column;gap:12px;display:flex}.continue-btn,.back-home-btn{border-radius:var(--btn-radius);cursor:pointer;border:none;padding:14px 24px;font-size:16px;font-weight:600}.continue-btn{background:linear-gradient(135deg, var(--sky), var(--sky-dark));color:#fff}.back-home-btn{background:var(--gray);color:var(--text)}.loading-text{color:var(--text-light);font-size:16px}.word-listen-page{background:var(--gray);flex-direction:column;min-height:100%;padding-bottom:140px;display:flex}.word-listen-page .listen-header{background:var(--white);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.word-listen-page .back-btn{color:var(--text);cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:16px}.word-listen-page .header-controls{align-items:center;gap:12px;display:flex}.word-listen-page .progress-text{color:var(--text-light);font-size:14px;font-weight:500}.word-listen-page .settings-capsule{background:var(--gray-200);color:var(--text);cursor:pointer;white-space:nowrap;border:none;border-radius:20px;padding:8px 14px;font-size:13px}.word-listen-page .share-btn{cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px}.word-listen-page .settings-panel{background:var(--white);border-bottom:1px solid var(--gray-200);padding:16px 20px}.word-listen-page .setting-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.word-listen-page .setting-row span{color:var(--text);font-size:14px}.word-listen-page .setting-control{align-items:center;gap:12px;display:flex}.word-listen-page .setting-control button{border:1px solid var(--gray-300);background:var(--white);cursor:pointer;border-radius:50%;width:28px;height:28px;font-size:16px}.word-listen-page .setting-control span{text-align:center;min-width:40px;font-weight:600}.word-listen-page .listen-content{flex:1;padding:20px}.word-listen-page .word-hero{background:var(--white);border-radius:20px;margin-bottom:20px;padding:10px 0;position:relative;overflow:hidden}.word-listen-page .four-lines-bg{pointer-events:none;height:124px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.word-listen-page .four-lines-bg .line{position:absolute;left:0;right:0}.word-listen-page .four-lines-bg .line:first-child{background:#888;height:1px;top:0}.word-listen-page .four-lines-bg .line:nth-child(2){background:#888;height:1px;top:41px}.word-listen-page .four-lines-bg .line:nth-child(3){background:#333;height:1.5px;top:83px}.word-listen-page .four-lines-bg .line:nth-child(4){background:#888;height:1px;top:124px}.word-listen-page .word-display{z-index:1;text-align:center;letter-spacing:6px;box-sizing:border-box;justify-content:center;align-items:flex-end;min-height:124px;padding:10px 20px 41px;font-family:Comic Sans MS,Segoe UI,Arial,sans-serif;font-size:42px;font-weight:600;display:flex;position:relative}.word-listen-page .syllable-part{display:inline}.word-listen-page .phonetic-section{justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:flex}.word-listen-page .phonetic-box{color:var(--text-light);font-size:18px}.word-listen-page .phonetic-text{font-family:Times New Roman,serif}.word-listen-page .stress-mark{color:var(--text)}.word-listen-page .speak-btn{cursor:pointer;opacity:.7;background:0 0;border:none;padding:4px;font-size:20px}.word-listen-page .speak-btn:active{opacity:1}.word-listen-page .meaning-section{text-align:center;margin-bottom:24px}.word-listen-page .word-type{background:var(--sky-light);color:var(--sky-dark);border-radius:12px;margin-right:8px;padding:4px 10px;font-size:12px;display:inline-block}.word-listen-page .word-meaning{color:var(--text);font-size:18px;font-weight:500}.word-listen-page .example-card{background:var(--white);box-shadow:var(--shadow-sm);border-radius:16px;padding:16px}.word-listen-page .example-header{margin-bottom:12px}.word-listen-page .example-label{border-left:3px solid var(--sky);color:var(--text);padding-left:10px;font-size:14px;font-weight:600;display:inline-block}.word-listen-page .example-content{gap:12px;display:flex}.word-listen-page .example-text{flex:1}.word-listen-page .example-en{color:var(--text);margin-bottom:6px;font-size:15px;line-height:1.6}.word-listen-page .example-highlight{color:var(--sky-dark);font-weight:600}.word-listen-page .example-cn{color:var(--text-light);font-size:13px}.word-listen-page .listen-footer{background:var(--white);padding:12px 20px 24px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000014}.word-listen-page .footer-tip{text-align:center;color:var(--text-muted);margin-bottom:12px;font-size:11px}.word-listen-page .controls-row{justify-content:center;align-items:center;gap:24px;display:flex}.word-listen-page .control-btn{cursor:pointer;opacity:.6;background:0 0;border:none;padding:8px;font-size:24px}.word-listen-page .control-btn:disabled{opacity:.3;cursor:not-allowed}.word-listen-page .control-btn:active:not(:disabled),.word-listen-page .eye-btn.active{opacity:1}.word-listen-page .play-btn{background:linear-gradient(135deg, var(--sky), var(--sky-dark));color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;display:flex;box-shadow:0 4px 16px #87ceeb66}.word-listen-page .play-btn:active{transform:scale(.95)}.word-listen-page .play-btn.playing{background:linear-gradient(135deg, var(--sky-dark), #4aa8d8)}.word-listen-page .listen-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:40px;display:flex}.word-listen-page .listen-empty .empty-icon{margin-bottom:16px;font-size:48px}.word-listen-page .listen-empty p{color:var(--text-light);margin-bottom:20px;font-size:16px}.word-listen-page .listen-empty button{background:linear-gradient(135deg, var(--sky), var(--sky-dark));color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-size:15px}.msg-wrapper{align-items:flex-start;gap:8px;max-width:80%;display:flex;position:relative}.msg-wrapper:has(.msg.user){flex-direction:row-reverse;align-self:flex-end}.msg-wrapper:has(.msg.ai){align-self:flex-start}.msg-copy-btn{width:32px;min-width:32px;height:32px;position:relative}.scenario-page{background:var(--gray);flex-direction:column;min-height:100%;display:flex}.scenario-page .scenario-header{background:var(--white);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.scenario-page .scenario-header h2{font-size:18px;font-weight:600}.scenario-page .back-btn,.scenario-page .history-btn{color:var(--text);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:14px}.scenario-page .exam-tabs{background:var(--white);border-bottom:1px solid var(--gray-200);justify-content:center;gap:40px;padding:16px;display:flex}.scenario-page .tab-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;padding:8px 20px;font-size:16px;transition:all .2s;position:relative}.scenario-page .tab-btn.active{color:var(--sky-dark);font-weight:600}.scenario-page .tab-btn.active:after{content:"";background:var(--sky);border-radius:2px;height:3px;position:absolute;bottom:-16px;left:0;right:0}.scenario-page .history-panel{background:var(--white);width:280px;box-shadow:var(--shadow-lg);z-index:100;border-radius:12px;position:absolute;top:60px;right:20px;overflow:hidden}.scenario-page .history-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.scenario-page .history-header h3{font-size:14px}.scenario-page .history-header button{cursor:pointer;background:0 0;border:none;font-size:16px}.scenario-page .history-list{max-height:300px;padding:8px;overflow-y:auto}.scenario-page .history-item{cursor:pointer;border-radius:8px;padding:12px}.scenario-page .history-item:hover{background:var(--gray)}.scenario-page .history-title{margin-bottom:4px;font-size:14px;font-weight:500}.scenario-page .history-date{color:var(--text-muted);font-size:12px}.scenario-page .empty-tip{text-align:center;color:var(--text-muted);padding:20px;font-size:13px}.scenario-page .scenario-content{flex:1;display:flex;overflow:hidden}.scenario-page .topic-sidebar{background:var(--white);border-right:1px solid var(--gray-200);width:140px;padding:8px 0;overflow-y:auto}.scenario-page .topic-item{color:var(--text-light);cursor:pointer;border-left:3px solid #0000;padding:12px 16px;font-size:13px;transition:all .2s}.scenario-page .topic-item:hover{background:var(--gray)}.scenario-page .topic-item.active{color:var(--sky-dark);background:var(--sky-bg);border-left-color:var(--sky);font-weight:600}.scenario-page .cards-area{flex:1;padding:16px;overflow-y:auto}.scenario-page .single-card,.scenario-page .scenario-card{background:var(--white);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:16px;align-items:center;gap:16px;margin-bottom:12px;padding:16px;transition:all .2s;display:flex}.scenario-page .single-card:hover,.scenario-page .scenario-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.scenario-page .card-icon{background:var(--gray);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.scenario-page .card-info{flex:1;min-width:0}.scenario-page .card-title{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:600}.scenario-page .card-desc{color:var(--text-light);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.scenario-page .card-action{color:var(--sky-dark);font-size:13px;font-weight:500}.scenario-page .zhongkao-cards-area{flex:1;grid-template-columns:repeat(5,1fr);align-content:start;gap:16px;padding:20px;display:grid;overflow-y:auto}.scenario-page .zhongkao-topic-card{background:var(--white);box-shadow:var(--shadow-sm);cursor:pointer;text-align:center;border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;transition:all .25s;display:flex}.scenario-page .zhongkao-topic-card:hover{box-shadow:var(--shadow-md);border-color:var(--sky);transform:translateY(-4px)}.scenario-page .zhongkao-card-icon{background:var(--sky-bg);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex}.scenario-page .zhongkao-card-title{color:var(--text);font-size:14px;font-weight:600;line-height:1.3}.scenario-page .zhongkao-card-desc{color:var(--text-light);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.scenario-page .zhongkao-card-action{color:var(--sky-dark);margin-top:auto;padding-top:6px;font-size:12px;font-weight:500}@media (width<=1200px){.scenario-page .zhongkao-cards-area{grid-template-columns:repeat(4,1fr)}}@media (width<=900px){.scenario-page .zhongkao-cards-area{grid-template-columns:repeat(3,1fr);gap:12px;padding:16px}}@media (width<=640px){.scenario-page .zhongkao-cards-area{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.scenario-page .zhongkao-topic-card{gap:6px;padding:14px 10px}.scenario-page .zhongkao-card-icon{border-radius:10px;width:40px;height:40px;font-size:20px}.scenario-page .zhongkao-card-title{font-size:13px}.scenario-page .zhongkao-card-desc{font-size:10px}}.chat-page{background:var(--gray);flex-direction:column;height:100%;display:flex}.chat-page .chat-header{background:var(--white);border-bottom:1px solid var(--gray-200);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-page .chat-title{font-size:16px;font-weight:600}.chat-page .chat-count{color:var(--text-light);background:var(--gray-200);border-radius:12px;padding:4px 12px;font-size:13px}.chat-page .chat-messages{flex:1;padding:16px;overflow-y:auto}.chat-page .message{gap:12px;margin-bottom:16px;display:flex}.chat-page .message.user{flex-direction:row-reverse}.chat-page .msg-avatar{background:var(--gray-200);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.chat-page .msg-content{border-radius:16px;max-width:75%;padding:12px 16px;font-size:14px;line-height:1.6}.chat-page .message.ai .msg-content{background:var(--white)}.chat-page .message.user .msg-content{background:var(--sky);color:#fff}.chat-page .msg-content.typing{color:var(--text-light);align-items:center;gap:4px;font-style:italic;display:flex}.chat-page .msg-content.typing span{background:var(--sky-dark);border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:.8s infinite blink}.chat-page .msg-content.typing span:nth-child(2){animation-delay:.15s}.chat-page .msg-content.typing span:nth-child(3){animation-delay:.3s}.chat-page .chat-footer{background:var(--white);flex-shrink:0;padding:12px 16px 24px;box-shadow:0 -4px 20px #0000000d}.chat-page .end-btn{background:linear-gradient(135deg, var(--sky), var(--sky-dark));color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-bottom:12px;padding:12px;font-size:15px;font-weight:600}.chat-page .voice-status{background:var(--sky-bg);border-radius:24px;align-items:center;gap:12px;margin-bottom:12px;padding:10px 16px;animation:2s ease-in-out infinite voicePulse;display:flex}@keyframes voicePulse{0%,to{box-shadow:0 0 #38bdf84d}50%{box-shadow:0 0 0 8px #38bdf800}}.chat-page .voice-wave{align-items:center;gap:3px;height:24px;display:flex}.chat-page .voice-wave span{background:var(--sky-dark);border-radius:3px;width:3px;height:8px;animation:.8s ease-in-out infinite voiceBar}.chat-page .voice-wave span:first-child{height:12px;animation-delay:0s}.chat-page .voice-wave span:nth-child(2){height:18px;animation-delay:.1s}.chat-page .voice-wave span:nth-child(3){height:24px;animation-delay:.2s}.chat-page .voice-wave span:nth-child(4){height:18px;animation-delay:.3s}.chat-page .voice-wave span:nth-child(5){height:12px;animation-delay:.4s}@keyframes voiceBar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.chat-page .voice-text{color:var(--sky-dark);flex:1;font-size:13px;font-weight:500}.chat-page .voice-stop-btn{background:var(--sky-dark);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:4px 14px;font-size:12px;transition:background .2s}.chat-page .voice-stop-btn:hover{background:var(--sky)}.chat-page .chat-input-row{align-items:center;gap:8px;display:flex}.chat-page .chat-input-row input{border:1px solid var(--gray-300);border-radius:24px;flex:1;padding:12px 16px;font-size:14px;transition:border-color .2s}.chat-page .chat-input-row input:focus{border-color:var(--sky);outline:none;box-shadow:0 0 0 3px #38bdf826}.chat-page .chat-input-row input:disabled{background:var(--gray);opacity:.7}.chat-page .mic-btn{background:var(--sky-bg);width:44px;height:44px;color:var(--sky-dark);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:all .25s;display:flex}.chat-page .mic-btn:hover{background:var(--sky);color:#fff;transform:scale(1.05)}.chat-page .mic-btn.recording{color:#fff;background:#ef4444;animation:1.5s ease-in-out infinite micPulse}@keyframes micPulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 10px #ef444400}}.chat-page .send-btn{background:var(--sky);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;transition:all .2s;display:flex}.chat-page .send-btn:hover:not(:disabled){background:var(--sky-dark);transform:scale(1.05)}.chat-page .send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-page .tip{text-align:center;color:var(--text-muted);margin-top:8px;font-size:11px}.summary-page{background:var(--gray);flex-direction:column;min-height:100%;display:flex}.summary-page .summary-header{background:var(--white);border-bottom:1px solid var(--gray-200);align-items:center;gap:16px;padding:16px 20px;display:flex}.summary-page .summary-header h2{font-size:18px}.summary-page .summary-info{background:var(--white);gap:24px;margin-bottom:12px;padding:16px 20px;display:flex}.summary-page .info-item{gap:8px;font-size:14px;display:flex}.summary-page .label{color:var(--text-light)}.summary-page .value{font-weight:600}.summary-page .summary-content{flex:1;padding:0 16px;overflow-y:auto}.summary-page .summary-msg{background:var(--white);border-radius:12px;margin-bottom:12px;padding:12px 16px}.summary-page .role-tag{color:var(--sky-dark);margin-bottom:8px;font-size:12px;font-weight:600;display:inline-block}.summary-page .msg-text{font-size:14px;line-height:1.6}.summary-page .summary-actions{background:var(--white);gap:12px;padding:16px;display:flex}.summary-page .action-btn{cursor:pointer;border:1px solid var(--gray-300);background:var(--white);border-radius:12px;flex:1;padding:14px;font-size:15px}.summary-page .action-btn.primary{background:linear-gradient(135deg, var(--sky), var(--sky-dark));color:#fff;border:none}.msg-wrapper:hover .msg-copy-btn{opacity:1;transform:translateY(0)}.msg-copy-btn:hover{background:var(--sky-bg);color:var(--sky-dark);transform:scale(1.1)}.msg-copy-btn:active{transform:scale(.95)}.msg-copy-btn i.fa-check{color:var(--success)}body.dark .msg-copy-btn{color:var(--text-light);background:#2a3d55}body.dark .msg-copy-btn:hover{color:var(--sky-light);background:#3a4d65}.msg-image{max-width:100%;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:8px;margin:8px 0;transition:transform .2s}.msg-image:hover{transform:scale(1.02)}.image-upload-preview{margin:8px 0;display:inline-block;position:relative}.image-upload-preview img{border:2px solid var(--gray-200);border-radius:8px;max-width:200px;max-height:200px}.image-remove-btn{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .2s;display:flex;position:absolute;top:4px;right:4px}.image-remove-btn:hover{transform:scale(1.1);box-shadow:0 2px 8px #ef444466}.listening-exam-page{padding:0 20px 24px}.exam-header{align-items:center;gap:16px;margin-bottom:16px;padding:16px 0;display:flex}.exam-header .back-btn{background:var(--gray);color:var(--text);cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.exam-header .back-btn:hover{background:var(--sky-bg);color:var(--sky-dark)}.exam-header h2{color:var(--text);flex:1;font-size:18px;font-weight:700}.exam-tabs{gap:8px;margin-bottom:20px;display:flex}.tab-btn{border:2px solid var(--gray-200);background:var(--white);color:var(--text-light);cursor:pointer;border-radius:12px;flex:1;padding:12px 20px;font-size:15px;font-weight:600;transition:all .2s}.tab-btn:hover{border-color:var(--sky);color:var(--sky-dark)}.tab-btn.active{border-color:var(--sky-dark);background:var(--sky-bg);color:var(--sky-dark)}.exam-list-area{margin-bottom:20px}.exam-year-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.exam-year-card{background:var(--white);text-align:center;cursor:pointer;box-shadow:var(--shadow-sm);border:2px solid #0000;border-radius:16px;padding:20px;transition:all .3s}.exam-year-card:hover{border-color:var(--sky);box-shadow:var(--shadow-md);transform:translateY(-4px)}.exam-year-icon{margin-bottom:12px;font-size:36px}.exam-year-title{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:600}.exam-year-info{color:var(--text-light);margin-bottom:12px;font-size:13px}.exam-year-action{color:var(--sky-dark);font-size:13px;font-weight:500}.listening-answer-page{padding:0 20px 24px}.answer-header{align-items:center;gap:16px;margin-bottom:16px;padding:16px 0;display:flex}.answer-header .back-btn{background:var(--gray);color:var(--text);cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.answer-header .back-btn:hover{background:var(--sky-bg);color:var(--sky-dark)}.answer-header h2{color:var(--text);flex:1;font-size:16px;font-weight:700}.answer-progress{color:var(--text-light);background:var(--gray);border-radius:20px;padding:6px 12px;font-size:14px}.section-indicator{background:var(--gray);border-radius:12px;justify-content:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.section-dot{background:var(--gray-200);color:var(--text-muted);border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .3s;display:flex}.section-dot.active{background:var(--sky);color:#fff;font-weight:600}.section-dot.completed{background:var(--success);color:#fff}.section-dot-num{background:#ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex}.section-dot.active .section-dot-num{background:#fff6}.section-dot-name{font-weight:500}.current-section-header{text-align:center;background:linear-gradient(135deg, var(--sky-bg), var(--gray));border-radius:12px;margin-bottom:16px;padding:16px}.current-section-header h3{color:var(--sky-dark);margin-bottom:4px;font-size:18px}.current-section-header p{color:var(--text-light);margin:0;font-size:14px}.section-nav-area{text-align:center;padding:20px 0}.section-complete-btn,.section-next-btn{cursor:pointer;border:none;border-radius:24px;padding:16px 48px;font-size:16px;font-weight:600;transition:all .2s}.section-complete-btn{background:var(--gray-300);color:var(--text-muted)}.section-complete-btn:disabled{opacity:.5;cursor:not-allowed}.section-complete-btn:not(:disabled):hover{background:var(--gray-400)}.section-next-btn{background:linear-gradient(135deg, var(--sky), var(--sky-dark));color:#fff}.section-next-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #4aa8d866}.section-complete-tip{color:var(--success);margin-top:12px;font-size:14px}.audio-placeholder{background:var(--gray);text-align:center;border:2px dashed var(--gray-300);border-radius:16px;margin-bottom:20px;padding:32px}.audio-placeholder-icon{opacity:.5;margin-bottom:12px;font-size:48px}.audio-placeholder-text{color:var(--text-light);margin-bottom:16px;font-size:14px}.audio-placeholder-btn{background:var(--gray-300);color:var(--text-muted);cursor:not-allowed;border:none;border-radius:24px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;display:inline-flex}.audio-placeholder-btn.disabled{opacity:.6}.exam-full-content{background:var(--gray);border:1px solid var(--gray-300);border-radius:12px;margin-bottom:20px;padding:20px}.full-content-text{color:var(--text);white-space:pre-wrap;word-break:break-word;background:0 0;margin:0;padding:0;font-family:Times New Roman,serif;font-size:15px;line-height:1.8}.full-content-text .example{color:var(--text-muted);font-style:italic}.full-content-title,.transcript-title{color:var(--sky-dark);border-bottom:2px solid var(--gray-300);margin-bottom:12px;padding-bottom:8px;font-size:16px;font-weight:600}.exam-transcript-content{background:#fff9e6;border:1px solid khaki;border-radius:12px;margin-bottom:20px;padding:20px}.transcript-text{color:var(--text);white-space:pre-wrap;word-break:break-word;background:0 0;margin:0;padding:0;font-family:Times New Roman,serif;font-size:14px;line-height:1.8}.questions-area{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.question-card{background:var(--white);box-shadow:var(--shadow-sm);border-radius:16px;padding:20px}.question-card.submitted{pointer-events:none}.question-number{color:var(--sky-dark);margin-bottom:12px;font-size:13px;font-weight:600}.question-text{color:var(--text);margin-bottom:16px;font-size:16px;font-weight:600;line-height:1.6}.question-options{flex-direction:column;gap:10px;display:flex}.question-options .option-btn{background:var(--gray);text-align:left;cursor:pointer;border:2px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;transition:all .2s;display:flex}.question-options .option-btn:hover{border-color:var(--sky);background:var(--sky-bg)}.question-options .option-btn.selected{border-color:var(--sky-dark);background:var(--sky-bg)}.question-options .option-btn.correct{border-color:var(--success);color:var(--success);background:#e8f5e9}.question-options .option-btn.wrong{border-color:var(--danger);color:var(--danger);background:#ffebee}.correct-mark{color:var(--success);font-weight:700}.wrong-mark{color:var(--danger);font-weight:700}.user-answer-hint{color:var(--sky-dark);margin-top:12px;font-size:13px;font-weight:500}.submit-area{text-align:center;padding:20px 0}.submit-btn{background:linear-gradient(135deg, var(--sky), var(--sky-dark));color:#fff;cursor:pointer;border:none;border-radius:24px;align-items:center;gap:8px;padding:16px 48px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #4aa8d866}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.submit-tip{color:var(--text-light);margin-top:12px;font-size:13px}.listening-result-page{padding:0 20px 24px}.result-header{align-items:center;gap:16px;margin-bottom:16px;padding:16px 0;display:flex}.result-header .back-btn{background:var(--gray);color:var(--text);cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.result-header .back-btn:hover{background:var(--sky-bg);color:var(--sky-dark)}.result-header h2{color:var(--text);flex:1;font-size:18px;font-weight:700}.result-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.result-tab{border:2px solid var(--gray-200);background:var(--white);min-width:80px;color:var(--text-light);cursor:pointer;text-align:center;border-radius:10px;flex:1;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s}.result-tab:hover{border-color:var(--sky)}.result-tab.active{border-color:var(--sky-dark);background:var(--sky-bg);color:var(--sky-dark)}.score-report{background:var(--white);text-align:center;box-shadow:var(--shadow-sm);border-radius:16px;padding:32px}.score-circle-large{background:linear-gradient(135deg, var(--sky-bg), var(--sky-light));border:4px solid var(--sky);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 16px;display:flex}.score-num-large{color:var(--sky-dark);font-size:36px;font-weight:800;line-height:1}.score-total{color:var(--text-light);font-size:16px}.grade-badge{color:#fff;border-radius:20px;margin-bottom:20px;padding:8px 24px;font-size:16px;font-weight:600;display:inline-block}.score-stats{justify-content:center;gap:32px;display:flex}.stat-item{align-items:center;gap:8px;display:flex}.stat-item .stat-icon{font-size:20px}.stat-item.correct .stat-icon{color:var(--success)}.stat-item.wrong .stat-icon{color:var(--danger)}.stat-item .stat-value{color:var(--text);font-size:24px;font-weight:700}.stat-item .stat-label{color:var(--text-light);font-size:13px}.analysis-area{flex-direction:column;gap:16px;display:flex}.analysis-card{background:var(--white);box-shadow:var(--shadow-sm);border-radius:16px;padding:20px}.analysis-card.correct-card{border-left:4px solid var(--success)}.analysis-card.wrong-card{border-left:4px solid var(--danger)}.analysis-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.analysis-num{color:var(--text-light);font-size:13px;font-weight:600}.analysis-status{border-radius:12px;padding:4px 12px;font-size:13px;font-weight:600}.analysis-status.correct{color:var(--success);background:#e8f5e9}.analysis-status.wrong{color:var(--danger);background:#ffebee}.analysis-question{color:var(--text);margin-bottom:16px;font-size:15px;font-weight:600;line-height:1.6}.analysis-answers{margin-bottom:16px}.answer-row{align-items:center;gap:8px;padding:8px 0;font-size:14px;display:flex}.answer-label{color:var(--text-light)}.answer-value{font-weight:600}.answer-value.correct{color:var(--success)}.answer-value.wrong{color:var(--danger)}.analysis-tip{background:var(--sky-bg);color:var(--text);border-radius:10px;align-items:flex-start;gap:8px;padding:12px 16px;font-size:13px;line-height:1.6;display:flex}.analysis-tip i{color:var(--sky-dark);margin-top:2px}.transcript-area{background:var(--white);box-shadow:var(--shadow-sm);border-radius:16px;padding:20px}.transcript-header{margin-bottom:20px}.transcript-header h3{color:var(--text);font-size:16px;font-weight:700}.transcript-item{background:var(--gray);border-radius:12px;margin-bottom:16px;padding:16px}.transcript-item:last-child{margin-bottom:0}.transcript-num{color:var(--sky-dark);margin-bottom:10px;font-size:13px;font-weight:600}.transcript-text{color:var(--text);margin-bottom:10px;font-size:15px;line-height:1.8}.highlight-text{color:#e67e22;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-radius:4px;padding:2px 6px;font-weight:600}.transcript-answer{color:var(--text-light);font-size:13px}.correct-answer{color:var(--success);font-weight:600}.qa-area{background:var(--white);box-shadow:var(--shadow-sm);border-radius:16px;padding:20px}.qa-tip{background:var(--sky-bg);color:var(--sky-dark);border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.qa-tip i{font-size:18px}@media (width<=768px){.exam-year-grid{grid-template-columns:1fr}.result-tabs{flex-wrap:wrap}.result-tab{min-width:calc(50% - 4px)}.score-stats{gap:16px}.listening-exam-page,.listening-answer-page,.listening-result-page{padding:0 16px 24px}}.listening-review-page{padding:0 20px 24px}.listening-review-page .review-header{align-items:center;gap:16px;margin-bottom:16px;padding:16px 0;display:flex}.listening-review-page .review-header .back-btn{background:var(--gray);color:var(--text);cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.listening-review-page .review-header .back-btn:hover{background:var(--sky-bg);color:var(--sky-dark)}.listening-review-page .review-header h2{color:var(--text);flex:1;font-size:18px;font-weight:700}.clear-all-btn{border:1px solid var(--danger);color:var(--danger);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.clear-all-btn:hover{background:var(--danger);color:#fff}.review-stats{justify-content:center;margin-bottom:20px;display:flex}.review-stat-item{background:var(--white);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;align-items:center;padding:16px 32px;display:flex}.review-stat-item .stat-num{color:var(--danger);font-size:32px;font-weight:800}.review-stat-item .stat-label{color:var(--text-light);font-size:13px}.review-filter-tabs{gap:8px;margin-bottom:20px;display:flex}.filter-tab{border:2px solid var(--gray-200);background:var(--white);color:var(--text-light);cursor:pointer;border-radius:10px;flex:1;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.filter-tab:hover{border-color:var(--sky)}.filter-tab.active{border-color:var(--sky-dark);background:var(--sky-bg);color:var(--sky-dark)}.empty-wrong-list{text-align:center;background:var(--white);border-radius:16px;margin-bottom:20px;padding:60px 20px}.empty-wrong-list .empty-icon{margin-bottom:16px;font-size:64px}.empty-wrong-list .empty-text{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:600}.empty-wrong-list .empty-tip{color:var(--text-light);font-size:14px}.wrong-list-area{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.wrong-item-card{background:var(--white);box-shadow:var(--shadow-sm);border-left:4px solid var(--danger);border-radius:16px;padding:20px}.wrong-item-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.wrong-item-num{color:var(--text-light);font-size:13px;font-weight:600}.wrong-item-source{color:var(--text-muted);background:var(--gray);border-radius:12px;padding:4px 10px;font-size:12px}.wrong-item-delete{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:auto;transition:all .2s;display:flex}.wrong-item-delete:hover{background:var(--danger);color:#fff}.wrong-item-question{color:var(--text);margin-bottom:16px;font-size:16px;font-weight:600;line-height:1.6}.wrong-item-options{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.wrong-option{background:var(--gray);color:var(--text);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;display:flex}.wrong-option.user-wrong{color:var(--danger);background:#ffebee}.wrong-option.correct-answer{color:var(--success);background:#e8f5e9}.wrong-tag{background:var(--danger);color:#fff;border-radius:10px;padding:2px 8px;font-size:11px}.correct-tag{background:var(--success);color:#fff;border-radius:10px;padding:2px 8px;font-size:11px}.wrong-item-transcript{background:var(--gray);border-radius:10px;margin-bottom:16px;padding:14px 16px}.wrong-item-transcript .transcript-label{color:var(--text-muted);margin-bottom:8px;font-size:12px}.wrong-item-transcript .transcript-content{color:var(--text);font-size:14px;line-height:1.8}.wrong-item-analysis{background:var(--sky-bg);color:var(--text);border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:12px;padding:12px 16px;font-size:13px;line-height:1.6;display:flex}.wrong-item-analysis i{color:var(--sky-dark);flex-shrink:0;margin-top:2px}.wrong-item-time{color:var(--text-muted);font-size:12px}.review-chat-section{background:var(--white);box-shadow:var(--shadow-sm);border-radius:16px;padding:20px}.review-chat-header{color:var(--text);align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:600;display:flex}.review-chat-header i{color:var(--sky-dark)}.typing-indicator{align-items:center;gap:4px;padding:8px 0;display:flex}.typing-indicator span{background:var(--sky-dark);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typingBounce}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{opacity:.6;transform:translateY(0)}40%{opacity:1;transform:translateY(-8px)}}@media (width<=768px){.listening-review-page{padding:0 16px 24px}.review-filter-tabs{flex-wrap:wrap}.filter-tab{min-width:calc(33.33% - 6px)}.wrong-item-header{flex-wrap:wrap}.wrong-item-source{order:3;width:100%;margin-top:8px}:root{--header-height:56px;--radius:12px;--btn-radius:8px}.content{padding:8px 8px calc(60px + env(safe-area-inset-bottom,0)) 8px!important}.module{padding:0!important}.top-header{gap:8px;padding:0 10px}.header-right{gap:6px}.header-btn span,.api-label{display:none}.api-status-wrap{gap:4px}.dark-toggle{width:36px;min-width:36px;height:36px}.page-header{margin-bottom:8px;padding:10px 12px}.page-header-icon{width:36px;height:36px;font-size:18px}.page-header-info h2{font-size:15px}.page-header-info p{font-size:11px}.welcome-banner{text-align:center;flex-direction:column;gap:12px;padding:16px}.welcome-banner h1{font-size:18px}.welcome-banner p{font-size:13px}.welcome-stats{justify-content:space-around;width:100%}.feature-grid{gap:10px}.feature-card{padding:14px 12px}.feature-card-icon{font-size:28px}.feature-card h3{font-size:13px}.weakness-grid{gap:10px}.read-cards-grid{grid-template-columns:1fr}.read-card{padding:16px 12px}.read-card-icon{margin-bottom:10px;font-size:32px}.read-card h3{font-size:14px}.read-bg-grid,.grammar-cards-grid{grid-template-columns:1fr}.grammar-card{padding:16px 12px}.grammar-card-icon{font-size:32px}.grammar-card h3{font-size:14px}.scenario-page .exam-tabs{-webkit-overflow-scrolling:touch;gap:16px;padding:10px 12px;overflow-x:auto}.scenario-page .tab-btn{white-space:nowrap;padding:6px 12px;font-size:14px}.scenario-page .history-panel{border-radius:16px 16px 0 0;width:100%;max-height:60vh;position:fixed;inset:auto 0 0;overflow-y:auto}.scenario-page .scenario-content{flex-direction:column}.scenario-page .topic-sidebar{border-right:none;border-bottom:1px solid var(--gray-200);-webkit-overflow-scrolling:touch;flex-shrink:0;width:100%;padding:0;display:flex;overflow-x:auto}.scenario-page .topic-item{white-space:nowrap;border-bottom:3px solid #0000;border-left:none;padding:10px 14px}.scenario-page .topic-item.active{border-left:none;border-bottom-color:var(--sky)}.scenario-page .cards-area{padding:10px}.scenario-page .single-card,.scenario-page .scenario-card{gap:10px;padding:12px}.scenario-page .card-icon{width:40px;height:40px;font-size:20px}.scenario-page .card-title{font-size:14px}.audio-placeholder{padding:16px}.audio-placeholder-icon{margin-bottom:8px;font-size:32px}.audio-placeholder-text{margin-bottom:10px;font-size:12px}.audio-placeholder-btn{padding:8px 16px;font-size:12px}.question-card{border-radius:12px;padding:14px}.question-text{font-size:14px;line-height:1.5}.question-options .option-btn{flex-wrap:wrap;gap:4px;padding:10px 12px;font-size:13px}.submit-btn{padding:12px 32px;font-size:14px}.submit-area{padding:12px 0}.review-stats{flex-wrap:wrap;gap:8px}.review-stat-item{flex:1;min-width:calc(50% - 8px);padding:10px 20px}.review-stat-item .stat-num{font-size:24px}.review-stat-item .stat-label{font-size:11px}.score-circle{width:80px;height:80px;font-size:28px}.essay-camera-page{height:calc(100vh - 120px);min-height:auto}.camera-header{gap:10px;padding:10px 12px}.camera-header h2{font-size:15px}.camera-controls{padding:16px 12px}.camera-btn.capture{width:56px;height:56px}.essay-preview-page{min-height:auto;padding:12px}.preview-image-container{max-height:40vh}.preview-actions{gap:8px}.preview-actions button{padding:10px 16px;font-size:13px}.essay-grading-grid,.essay-word-grid{grid-template-columns:repeat(2,1fr);gap:8px}.essay-result-page{padding:0 12px 24px}.score-stats{flex-wrap:wrap;gap:8px}.error-item{padding:12px}.error-original,.error-corrected{flex-direction:column;gap:4px}.polish-chat-box{min-height:300px}.section-formula{flex-wrap:wrap}.chat-box,.chat-box-full{height:calc(100vh - 220px);min-height:250px}.chat-input-area{gap:6px;padding:8px}.chat-input-area input{padding:10px 12px;font-size:14px}.chat-input-area button{padding:10px 14px;font-size:13px}.mobile-tabbar{display:flex!important}.word-cards-container{padding:0 8px}.study-settings-container{padding:12px}.settings-main-title{margin-bottom:16px;font-size:18px}.book-select-card{gap:10px;padding:12px}.book-select-card .book-icon{width:40px;height:40px;font-size:24px}.listening-exam-page,.listening-answer-page,.listening-result-page,.listening-review-page{padding:0 8px 16px}.answer-header{gap:8px;padding:10px 12px}.answer-header h2{font-size:14px}.answer-progress{padding:4px 10px;font-size:12px}.spk-scenario-grid,.spk-exam-type-grid{grid-template-columns:repeat(2,1fr);gap:8px}.speaking-card{padding:16px 12px}.speaking-card-icon{margin-bottom:8px;font-size:32px}.speaking-card h3{font-size:14px}.scenario-chat-page .chat-messages{padding:8px}.scenario-chat-page .chat-bubble{max-width:85%;padding:10px 14px;font-size:14px}.scenario-chat-page .chat-input-row{gap:8px;padding:8px 12px}.scenario-summary-page{padding:12px}.summary-score{width:80px;height:80px;font-size:28px}}@media (width<=480px){.content{padding:4px 4px calc(60px + env(safe-area-inset-bottom,0)) 4px!important}.page-header{margin-bottom:6px;padding:8px 10px}.page-header-icon{border-radius:8px;width:32px;height:32px;font-size:16px}.page-header-info h2{font-size:14px}.stats-grid{grid-template-columns:1fr 1fr;gap:6px}.stat-card{padding:10px}.stat-card .stat-value{font-size:20px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:8px}.feature-card{padding:10px 8px}.feature-card-icon{font-size:24px}.feature-card h3{font-size:12px}.spk-scenario-grid,.spk-exam-type-grid,.essay-grading-grid,.essay-word-grid{grid-template-columns:1fr}.review-stat-item{min-width:calc(50% - 6px);padding:8px 14px}.review-stat-item .stat-num{font-size:20px}.score-circle{width:64px;height:64px;font-size:22px}.scenario-page .zhongkao-cards-area{grid-template-columns:repeat(2,1fr);gap:8px;padding:8px}.zhongkao-topic-card{padding:10px 8px}.zhongkao-card-icon{width:36px;height:36px;font-size:18px}.zhongkao-card-title{font-size:12px}.zhongkao-card-desc{font-size:10px}.question-card{padding:10px}.question-text{font-size:13px}.question-options .option-btn{padding:8px 10px;font-size:12px}.submit-btn{padding:10px 24px;font-size:13px}.scenario-page .exam-tabs{gap:10px;padding:8px 10px}.scenario-page .tab-btn{padding:5px 8px;font-size:13px}.chat-box,.chat-box-full{height:calc(100vh - 200px);min-height:200px}.polish-chat-box{min-height:250px}}.audio-info{flex-direction:column;gap:2px;min-width:100px;display:flex}.audio-title{color:var(--dark);font-size:14px;font-weight:600}.audio-time{color:var(--gray-500);font-family:Courier New,monospace;font-size:12px}.audio-controls{flex:1;align-items:center;gap:12px;display:flex}.audio-play-btn{color:#fff;cursor:pointer;width:44px;height:44px;transition:var(--t);background:linear-gradient(135deg,#4ecdc4,#45b7aa);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.audio-play-btn:hover{transform:scale(1.05);box-shadow:0 4px 16px #4ecdc466}.audio-play-btn.loading{cursor:wait;background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.audio-play-btn:disabled{opacity:.6;cursor:not-allowed}.audio-play-btn.playing{background:linear-gradient(135deg,#45b7aa,#3da59a);animation:1s infinite playPulse}.audio-progress-bar{background:var(--gray-200);cursor:pointer;border-radius:3px;flex:1;height:6px;overflow:hidden}.audio-progress-fill{background:linear-gradient(90deg,#4ecdc4,#45b7aa);border-radius:3px;height:100%;transition:width .1s linear}.exam-year-section{flex-direction:column;gap:16px;display:flex}.exam-year-group{flex-direction:column;gap:10px;display:flex}.year-label{color:var(--gray-700);border-left:3px solid #4ecdc4;padding-left:4px;font-size:15px;font-weight:600}.progress-bar-container{margin-bottom:16px}.progress-bar-bg{background:var(--gray-200);border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#4ecdc4,#45b7aa);border-radius:4px;height:100%;transition:width .3s}.progress-bar-fill.section-progress{background:linear-gradient(90deg, var(--sky), var(--sky-dark))}.progress-text{color:var(--gray-500);text-align:center;margin-top:6px;font-size:12px}.exam-info-result{background:var(--gray-100);color:var(--gray-600);text-align:center;border-radius:8px;margin-top:16px;padding:10px 16px;font-size:13px}.audio-error-message{color:#856404;text-align:center;background:#fef3cd;border:1px solid #ffc107;border-radius:8px;margin-bottom:16px;padding:10px 16px;font-size:13px}.read-practice-area{flex-direction:column;align-items:center;gap:16px;padding:20px 0;display:flex}.read-hint{color:var(--text-light);text-align:center;font-size:14px}.read-mic-btn{background:linear-gradient(135deg, var(--sky), var(--sky-dark));color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;transition:all .2s;display:flex;box-shadow:0 4px 20px #4aa8d866}.read-mic-btn:hover{transform:scale(1.05);box-shadow:0 6px 28px #4aa8d880}.read-mic-btn:active{transform:scale(.95)}.read-mic-btn.recording{background:linear-gradient(135deg,#ef4444,#dc2626);animation:1.5s infinite pulse-record;box-shadow:0 4px 20px #ef444466}@keyframes pulse-record{0%,to{box-shadow:0 4px 20px #ef444466}50%{box-shadow:0 4px 32px #ef444499}}.read-mic-btn:disabled{background:var(--gray-300);box-shadow:none;cursor:not-allowed}.read-mic-label{color:var(--text-muted);font-size:13px}.read-wave{justify-content:center;align-items:center;gap:4px;height:30px;display:flex}.read-wave span{background:var(--sky);border-radius:2px;width:4px;height:10px;animation:.8s ease-in-out infinite wave-anim}.read-wave span:nth-child(2){animation-delay:.1s}.read-wave span:nth-child(3){animation-delay:.2s}.read-wave span:nth-child(4){animation-delay:.3s}.read-wave span:nth-child(5){animation-delay:.4s}@keyframes wave-anim{0%,to{height:10px}50%{height:24px}}.read-result{text-align:center;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);width:100%;padding:12px}.read-result-label{color:var(--text-muted);margin-bottom:4px;font-size:12px}.read-result-text{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:600}.read-match{font-size:14px;font-weight:500}.read-match.correct{color:var(--success)}.read-match.wrong{color:var(--danger)}.practice-area{flex-direction:column;gap:12px;display:flex}.practice-hint{color:var(--text-light);text-align:center;margin-bottom:4px;font-size:14px}.practice-options{flex-direction:column;gap:10px;display:flex}.practice-option{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--btn-radius);cursor:pointer;text-align:left;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:15px;transition:all .2s;display:flex}.practice-option:hover{border-color:var(--sky);background:var(--sky-bg)}.practice-option.correct{border-color:var(--success);background:#f0fdf4}.practice-option.wrong{border-color:var(--danger);background:#fef2f2}.practice-option:disabled{cursor:default}.practice-option-label{background:var(--gray);width:28px;height:28px;color:var(--text-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.practice-option.correct .practice-option-label{background:var(--success);color:#fff}.practice-option.wrong .practice-option-label{background:var(--danger);color:#fff}.practice-option-text{color:var(--text);flex:1}.practice-feedback{text-align:center;border-radius:var(--btn-radius);padding:12px;font-size:16px;font-weight:600}.practice-feedback.correct{color:var(--success);background:#f0fdf4}.practice-feedback.wrong{color:var(--danger);background:#fef2f2}.spell-area{flex-direction:column;align-items:center;gap:16px;padding:10px 0;display:flex}.spell-result-card{border-radius:var(--btn-radius);justify-content:center;align-items:center;gap:12px;width:100%;padding:16px 24px;font-size:16px;font-weight:600;display:flex}.spell-result-card.correct{color:var(--success);background:#f0fdf4}.spell-result-card.wrong{color:var(--danger);background:#fef2f2}.spell-result-icon{font-size:24px}.spell-hint{color:var(--text-light);text-align:center;font-size:13px}.spell-blanks-row{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:8px;display:flex}.spell-blanks-row.spell-top-blanks{margin-bottom:16px}.spell-blank{border:2px solid var(--gray-300);width:36px;height:42px;color:var(--text);background:var(--white);border-radius:8px;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.spell-blank-text{color:var(--sky-dark)}.spell-blank-text.done{color:var(--success)}.spell-blank-placeholder{color:var(--gray-300);font-size:20px}.spell-parts-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.spell-part-btn{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--btn-radius);color:var(--text);cursor:pointer;padding:10px 20px;font-size:16px;font-weight:600;transition:all .2s}.spell-part-btn:hover{border-color:var(--sky);background:var(--sky-bg)}.spell-part-btn.used{opacity:.3;cursor:default}.dictate-area{flex-direction:column;align-items:center;gap:12px;padding:10px 0;display:flex}.dictate-input-wrapper{justify-content:center;width:100%;display:flex}.dictate-input{border:none;border-bottom:2px solid var(--gray-300);text-align:center;letter-spacing:4px;width:100%;max-width:400px;color:var(--text);text-transform:lowercase;background:0 0;border-radius:0;outline:none;padding:14px 16px;font-size:24px;font-weight:600}.dictate-input:focus{border-bottom-color:var(--sky);box-shadow:none}.dictate-input::placeholder{color:var(--gray-300);letter-spacing:2px;font-size:16px}.dictate-answer{text-align:center;letter-spacing:4px;padding:14px 16px;font-size:24px;font-weight:700}.dictate-answer.correct{color:var(--success)}.dictate-answer.wrong{color:var(--danger)}.dictate-feedback{align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.dictate-feedback.correct{color:var(--success)}.dictate-feedback.wrong{color:var(--danger)}.dictate-correct-word{color:var(--sky-dark);font-weight:700}.dictate-hint{color:var(--text-muted);text-align:center;font-size:13px}.spell-assembled{color:var(--sky-dark);letter-spacing:2px;font-size:42px;font-weight:700}.spell-assembled.done{color:var(--success)}