.audio-wave[data-v-ab270a2f]{width:min(430px,42vw);height:28px;display:flex;align-items:end;justify-content:center;gap:5px;pointer-events:none}.audio-wave span[data-v-ab270a2f]{width:4px;height:calc(9px + 22px * var(--wave-level));border-radius:999px;background:linear-gradient(180deg,#8ee8ff,#36a9ff 52%,#6d55ff);box-shadow:0 0 10px #48bbff80;transform-origin:bottom center;animation:audioWaveBeat-ab270a2f .78s ease-in-out infinite;opacity:.88}.audio-wave:not(.active) span[data-v-ab270a2f]{animation-play-state:paused;opacity:.5}@keyframes audioWaveBeat-ab270a2f{0%,to{transform:scaleY(.45);filter:brightness(.9)}35%{transform:scaleY(1);filter:brightness(1.28)}62%{transform:scaleY(.66);filter:brightness(1.05)}}:root{color-scheme:dark;--bg: #101114;--panel: #1a1b20;--panel-soft: #23252c;--panel-strong: #2d2f36;--text: #f6f7fb;--muted: #9599a8;--line: #3a3d47;--accent: #7b79ff;--accent-strong: #9eb8ff;--gold: #d49a30;--shadow: 0 16px 36px rgba(0, 0, 0, .32);font-family:PingFang SC,Noto Sans SC,Helvetica Neue,sans-serif}@property --score-border-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top center,rgba(123,121,255,.14),transparent 18%),linear-gradient(180deg,#0d0e11 0%,var(--bg) 100%);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}#app{min-height:100vh}.shell{min-height:100vh;display:grid;grid-template-columns:166px 1fr}.sidebar{background:linear-gradient(180deg,#2d3036,#343841);padding:14px 12px 24px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;gap:10px;align-items:center;margin-bottom:18px}.brand-mark,.profile-avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#7ea2ff,#aaf0ff);color:#112240;font-weight:800}.brand-title{font-size:18px;font-weight:700}.brand-subtitle,.profile-time{color:#ffffffb3;font-size:13px}.profile-card{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;background:#00000029;margin-bottom:18px}.profile-name{font-size:15px;font-weight:700}.nav{display:grid;gap:8px}.nav-item{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;color:#ffffffd1;transition:background .2s ease,color .2s ease}.nav-item.router-link-active{background:linear-gradient(90deg,#7b79fff5,#8fa4ffb8)}.content-shell{min-width:0}.topbar{padding:18px 18px 10px;display:flex;justify-content:space-between;gap:16px;align-items:center}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.topbar-title{font-size:18px;font-weight:700;white-space:nowrap}.icon-chip,.top-chip{border:1px solid var(--line);border-radius:10px;background:#ffffff08;color:var(--text);padding:10px 14px}.top-chip-primary{background:linear-gradient(180deg,#8fb5ff,#7878ff);border-color:#ffffff24;box-shadow:0 0 24px #7c82ff61}.topbar-actions{display:flex;gap:10px;flex-wrap:wrap}.search-shell{min-width:320px}.search-input,.dark-field select{width:100%;background:#202228;border:1px solid #424652;border-radius:8px;color:var(--text);padding:12px 14px}.page{padding:8px 18px 30px}.stack{display:grid;gap:18px}.page-header{display:flex;justify-content:space-between;align-items:end;gap:16px}.page-header h1{margin:0;font-size:18px}.page-header p{margin:6px 0 0;color:var(--muted);font-size:14px}.panel,.lesson-card,.hero-card,.unit-card,.stat-card,.price-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.dark-panel{background:#17181d}.panel{padding:18px}.home-page{min-height:calc(100vh - 76px)}.home-notice{height:28px;display:flex;align-items:center;gap:8px;margin:0 0 8px;color:#eef0ff;overflow:hidden}.home-notice svg{color:#6f73ff;flex:0 0 auto}.home-notice-track{min-width:0;overflow:hidden;white-space:nowrap}.home-notice-track span{display:inline-block;min-width:100%;color:#e7e8f2;animation:marqueeX 22s linear infinite}.home-layout{display:grid;grid-template-columns:minmax(282px,1fr) clamp(342px,20vw,370px) clamp(420px,26.5vw,490px);gap:18px;align-items:stretch}.home-left{display:grid;grid-template-rows:226px 263px 200px;gap:16px}.home-card,.home-rank-card,.home-sign-card{background:#17181d;border:1px solid #4c4f59;border-radius:10px;overflow:hidden}.home-stats-card,.home-time-card,.home-calendar-card{padding:16px}.home-tabs,.category-strip,.settings-tabs,.rank-switch{display:flex;gap:18px;flex-wrap:wrap}.home-tab,.settings-tab,.category-pill{background:none;border:0;color:var(--muted);padding:0 0 8px}.home-tab.active,.settings-tab.active{color:#4ea0ff}.category-pill{padding:10px 14px;border-radius:999px;border:1px solid transparent;background:transparent}.category-pill.active{background:linear-gradient(180deg,#7f7bff,#6663f1);color:#fff}.home-main-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.home-big-stat{min-height:80px;position:relative;padding:15px 82px 14px 18px;border-radius:10px;background:#24262d}.home-big-stat span{display:block;color:#d6d8e4;font-size:15px;line-height:1}.home-big-stat strong{display:flex;align-items:baseline;gap:2px;margin-top:8px;font-size:28px}.home-big-stat small{font-size:15px}.stat-orb{width:54px;height:54px;position:absolute;right:16px;top:50%;transform:translateY(-50%);display:grid;place-items:center;border-radius:50%;color:#111827;background:linear-gradient(135deg,#73d9ff,#705dff);font-weight:700;font-size:34px}.home-mini-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:13px}.home-mini-stat{min-height:65px;padding:9px 4px;text-align:center;border-radius:10px;background:#24262d}.home-mini-stat span{display:block;min-height:25px;color:#d6d8e4;font-size:12px;line-height:1.2}.home-mini-stat strong{display:block;margin-top:2px;font-size:18px;font-weight:500}.home-section-title,.calendar-header,.calendar-header>div:first-child{display:flex;align-items:center}.home-section-title{gap:8px;font-size:16px}.home-section-title svg{color:#479dff}.sign-title{margin-top:18px}.time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.time-box{min-height:64px;display:grid;align-content:center;gap:10px;padding:10px 8px;text-align:center;border-radius:10px;background:#24262d}.time-box span{color:#a9adba;font-size:13px}.time-box strong{color:#f6f7fb;font-size:14px;font-weight:500}.calendar-header{justify-content:space-between}.calendar-header>div:first-child{gap:8px}.calendar-controls{display:flex;border:1px solid #44464f;border-radius:4px;overflow:hidden}.calendar-controls button{width:34px;height:24px;display:grid;place-items:center;border:0;border-right:1px solid #44464f;color:#e5e7f2;background:transparent}.calendar-controls button:last-child{border-right:0}.calendar-controls button:disabled{color:#777b88;cursor:default}.calendar-bars{height:118px;position:relative;display:grid;grid-template-columns:repeat(31,minmax(0,1fr));gap:5px;align-items:end;margin-top:18px}.calendar-tooltip{position:absolute;z-index:8;top:48px;transform:translate(-50%);min-width:96px;padding:10px 14px;border-radius:6px;color:#fff;text-align:center;white-space:nowrap;background:linear-gradient(90deg,#91b3ff,#6b4bdb);box-shadow:0 8px 20px #11142459}.calendar-tooltip:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);border:8px solid transparent;border-right-color:#91b3ff}.calendar-bar{min-width:0;position:relative;display:grid;gap:8px;justify-items:center;border:0;background:transparent;color:#fff;padding:0}.calendar-rail{width:11px;height:82px;display:flex;align-items:end;padding:2px;border-radius:999px;background:#484a52;box-shadow:inset 0 0 0 1px #ffffff1f}.calendar-rail i{width:100%;min-height:0;border-radius:inherit;background:linear-gradient(180deg,#56a5ff,#725dff)}.calendar-bar.active .calendar-rail{background:#535763}.calendar-bar.active .calendar-rail i{min-height:45px}.calendar-bar em{font-size:12px;font-style:normal}.home-sign-card{min-height:705px;position:relative;isolation:isolate;padding:28px 22px;background:linear-gradient(180deg,#0000001a,#0000008c),url(/original-assets/signBg-mm0BkAlA.jpg) center / cover no-repeat}.home-sign-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,rgba(4,9,21,.7) 0%,transparent 32%),linear-gradient(180deg,transparent 48%,rgba(0,0,0,.62) 100%)}.sign-refresh{width:44px;height:44px;position:absolute;right:22px;top:22px;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;background:#fff3}.sign-date strong{display:block;font-size:66px;line-height:1}.sign-date span{display:block;margin-top:8px;font-size:16px}.sign-bottom{position:absolute;left:22px;right:22px;bottom:20px}.sign-days{display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:16px;color:#ffffffc7;font-size:14px}.sign-days span:not(:first-child){text-align:right}.sign-days:after{content:"";grid-column:1 / -1;height:1px;margin-top:16px;background:#ffffffb8}.sign-button{width:100%;height:46px;position:relative;overflow:hidden;border:0;border-radius:8px;color:#fff;background:#ffffff8f}.sign-button i{position:absolute;left:0;top:0;bottom:0;min-width:16px;background:linear-gradient(180deg,#68b7ff,#735bff)}.sign-button span{position:relative}.sign-total{display:flex;justify-content:center;align-items:baseline;gap:8px;margin-top:22px;font-weight:700}.sign-total strong{font-size:24px}.home-rank-card{min-height:754px;padding:16px 16px 14px;background:#1b1c22;border-radius:22px}.home-rank-card h2{margin:0 0 10px;text-align:center;font-size:24px}.rank-tip-viewport{height:29px;overflow:hidden;color:#f6f7fb;text-align:center}.rank-tip-track{display:grid;animation:marqueeY 8s steps(3) infinite}.rank-tip-track span{height:29px;line-height:29px;font-size:14px}.rank-podium{height:178px;display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:end;gap:6px;margin-top:18px}.podium-item{position:relative;display:grid;justify-items:center;align-content:end;min-height:150px;padding-bottom:6px;color:#fff}.podium-item:before{content:"";position:absolute;top:42px;right:12px;bottom:0;left:12px;z-index:0;clip-path:polygon(50% 0,100% 30%,88% 100%,12% 100%,0 30%);background:linear-gradient(180deg,#8164ffeb,#262b5be6)}.podium-item>*{position:relative;z-index:1}.rank-1{min-height:172px}.rank-1:before{background:linear-gradient(180deg,#905cff,#373d8a)}.podium-crown,.rank-number{display:grid;place-items:center;border-radius:50%;background:#f6f7fb;color:#22242d;font-weight:800}.podium-crown{width:24px;height:24px;margin-bottom:4px}.podium-avatar,.rank-avatar{object-fit:cover;border-radius:50%}.podium-avatar{width:54px;height:54px;border:2px solid rgba(255,255,255,.7)}.podium-badge{height:18px;margin-top:5px;padding:1px 8px;border-radius:999px;background:#efeaff;color:#6b40d8;font-size:11px}.podium-name,.podium-time{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.podium-name{margin-top:5px}.podium-time{color:#d9dcff}.rank-list-frame{height:388px;overflow:hidden;margin-top:14px;padding:12px;border:1px solid #535661;border-radius:10px}.rank-list-scroll{display:grid;gap:10px;animation:rankScroll 34s linear infinite}.rank-list-frame:hover .rank-list-scroll{animation-play-state:paused}.rank-row{min-height:52px;display:grid;grid-template-columns:24px 34px minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;background:#31343b}.rank-number{width:20px;height:20px;font-size:12px}.rank-avatar{width:32px;height:32px}.rank-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.rank-row em{color:#f5f6fb;font-size:12px;font-style:normal;white-space:nowrap}.rank-badge-image{display:inline-flex;align-items:center;justify-content:center;min-width:46px}.rank-badge-image img{height:18px;max-width:58px;object-fit:contain}.rank-badge-image.free{height:20px;padding:0 6px;border-radius:4px;background:linear-gradient(90deg,#3bc8ff,#7b74ff);color:#fff;font-size:11px}@keyframes marqueeX{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marqueeY{0%{transform:translateY(0)}to{transform:translateY(-87px)}}@keyframes rankScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.course-page{display:grid;gap:18px}.course-filter-panel{padding:18px 22px 16px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:radial-gradient(circle at right top,rgba(118,110,255,.1),transparent 28%),#14151a;box-shadow:var(--shadow)}.course-filter-head,.course-filter-foot{display:flex;align-items:center;justify-content:space-between;gap:16px}.course-filter-head{margin-bottom:14px}.course-filter-head strong{display:block;margin-bottom:6px;color:#fff;font-size:20px}.course-filter-head span,.course-filter-foot span{color:var(--muted);font-size:13px}.course-reset{border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#ffffff08;color:#d8dcf0;padding:9px 14px}.filter-row{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;padding:11px 0;border-top:1px solid rgba(255,255,255,.055)}.filter-label{padding-top:7px;color:#e8ebf8;font-weight:700}.filter-options{display:flex;flex-wrap:wrap;gap:8px;max-height:78px;overflow:auto;padding-right:4px}.filter-chip{border:1px solid transparent;border-radius:999px;background:transparent;color:#ffffffb8;padding:7px 13px;font-size:13px}.filter-chip:hover{color:#fff;background:#ffffff0f}.filter-chip.active{color:#fff;border-color:#7778ffb8;background:linear-gradient(90deg,#6c84fff2,#6f52ffd1);box-shadow:0 0 18px #6460ff47}.course-filter-foot{padding-top:12px;border-top:1px solid rgba(255,255,255,.055)}.course-filter-foot strong{color:#9eb8ff}.lesson-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.lesson-card{position:relative;overflow:visible;display:grid;background:#111216;border-color:#383a43;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.lesson-card:hover{z-index:4;transform:translateY(-3px);border-color:#7c8fffbf;box-shadow:0 22px 42px #0000005c}.lesson-cover{position:relative;aspect-ratio:.74;background:#0f1116;overflow:hidden;border-radius:16px 16px 0 0}.lesson-cover img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.lesson-card:hover .lesson-cover img{transform:scale(1.04)}.lesson-cover-badge{position:absolute;left:8px;top:8px;max-width:calc(100% - 16px);padding:4px 8px;border-radius:999px;background:#0000007a;color:#fff;font-size:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lesson-meta,.lesson-actions,.lesson-stats{padding:11px 12px}.lesson-meta h3{margin:8px 0 7px;min-height:42px;font-size:15px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-meta p,.lesson-stats{color:var(--muted);font-size:13px}.lesson-tag{display:inline-flex;align-items:center;max-width:100%;padding:5px 9px;border-radius:999px;background:#ffffff0f;color:#f0f2fa;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-stats{display:flex;justify-content:space-between;border-top:1px solid var(--line)}.lesson-actions{display:flex;gap:8px}.lesson-hover-pop{position:absolute;left:50%;bottom:calc(100% - 8px);width:250px;transform:translate(-50%,8px);opacity:0;pointer-events:none;display:grid;gap:8px;padding:14px;border-radius:14px;background:#1e1f26f5;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 52px #00000073;transition:opacity .16s ease,transform .16s ease}.lesson-card:hover .lesson-hover-pop{opacity:1;transform:translate(-50%,-4px)}.lesson-hover-pop strong{color:#fff}.lesson-hover-pop span,.lesson-hover-pop em{color:var(--muted);font-size:13px;font-style:normal;line-height:1.55}.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;min-height:42px;border-radius:12px;border:1px solid var(--line)}.primary-button{background:linear-gradient(180deg,#8fb5ff,#6a64ff);border-color:transparent;color:#fff}.ghost-button{background:transparent;color:var(--text)}.ghost-gold{border-color:#d49a3099;color:#f5c15f}.primary-compact,.ghost-compact{flex:1;min-height:36px;padding:8px 10px;border-radius:10px;font-size:13px}.hero-card{display:grid;grid-template-columns:98px 1fr;min-height:136px;overflow:hidden}.hero-card img{width:100%;height:100%;object-fit:cover}.hero-card-dark{background:#2b2c31;position:relative}.hero-card-dark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at right bottom,rgba(114,92,255,.16),transparent 26%),radial-gradient(circle at right center,rgba(255,255,255,.05),transparent 20%);pointer-events:none}.hero-meta{padding:18px 22px 18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-breadcrumb{color:var(--muted);font-size:13px;margin-bottom:6px}.hero-stats{color:#d9dcea}.hero-actions{display:flex;gap:12px;justify-content:end}.unit-grid{display:grid;gap:18px}.unit-grid-wide{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 10px}.unit-card{padding:18px}.unit-card-dark{background:#111216;border-color:#464852;min-height:94px;display:grid;gap:18px;transition:border-color .18s ease,background .18s ease,transform .18s ease}.unit-card-dark:hover{transform:translateY(-2px);border-color:#8997ffb8;background:#14161c}.unit-card-top,.unit-card-bottom{display:flex;justify-content:space-between;gap:14px;align-items:center}.unit-card p{color:var(--muted);margin:8px 0 0;font-size:12px}.status-pill{padding:6px 12px;border-radius:999px;border:1px solid #555863;color:var(--muted);font-size:12px}.inline-link{color:var(--accent-strong)}.inline-button{border:0;background:transparent;padding:0}.practice-screen{min-height:calc(100vh - 112px);display:grid;grid-template-rows:auto auto 1fr auto;gap:18px;padding:2px 4px 0}.practice-header{display:flex;justify-content:space-between;align-items:start}.practice-lesson{color:#8fb0ff;font-size:clamp(26px,2.6vw,40px);line-height:1.12;font-weight:800;letter-spacing:.2px}.practice-course{margin-top:10px;color:var(--muted);font-size:20px;font-weight:600}.practice-head-actions{display:flex;align-items:center;gap:8px;color:#f4f6ff;font-size:18px;font-weight:700}.practice-status-dot{width:9px;height:9px;border-radius:50%;background:#67ffb3;box-shadow:0 0 16px #67ffb3cc}.practice-status-dot.paused{background:#ffbe62;box-shadow:0 0 16px #ffbe62cc}.practice-toolbar{display:flex;gap:12px}.toolbar-pill{background:#24242b;border:1px solid #454753;border-radius:11px;color:#f6f7fb;padding:13px 19px;min-height:58px;box-shadow:inset 0 1px #ffffff0d}.practice-timer{font-size:22px;min-width:118px}.toolbar-toggle{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700}.toolbar-toggle.active{border-color:#8d87ffb3}.toggle-dot{width:38px;height:23px;border-radius:999px;background:linear-gradient(90deg,#8aa7ff,#7058ff);position:relative;box-shadow:0 0 18px #7264ff73}.toggle-dot:after{content:"";position:absolute;top:3px;right:4px;width:17px;height:17px;border-radius:50%;background:#fff}.practice-mini-icon{color:#98b2ff;font-weight:800}.practice-stage{min-height:620px;position:relative;border-bottom:5px solid rgba(255,255,255,.045);overflow:hidden}.practice-progress-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff08}.practice-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#326cff,#8aa8ff);box-shadow:0 0 18px #326cffb3}.practice-main{position:relative;min-height:580px;display:grid;grid-template-columns:minmax(0,1fr) 392px;gap:36px;align-items:center}.practice-prompt-wrap{min-height:430px;display:grid;place-items:center;align-content:center;position:relative;padding:60px 20px 90px}.practice-cn-stage{max-width:100%;color:#f7f8ff;font-size:clamp(42px,4.4vw,74px);line-height:1.16;font-weight:900;text-align:center;letter-spacing:.04em;text-shadow:0 14px 34px rgba(0,0,0,.34)}.answer-line{position:absolute;top:61%;width:156px;border-bottom:5px solid #3475ff;box-shadow:0 0 18px #3475ff80}.practice-en-stage{margin-top:58px;font-size:clamp(26px,2.5vw,40px);font-weight:800;color:#d4dbff;text-align:center}.token-row{display:flex;flex-wrap:wrap;gap:10px}.token-row span{padding:8px 12px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.token-row-floating{margin-top:22px;justify-content:center;max-width:900px}.answer-token{border:1px solid rgba(92,128,255,.36);border-radius:12px;background:#282d46c7;color:#eef2ff;padding:10px 14px;box-shadow:inset 0 1px #ffffff0d}.typing-track{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:900px;margin-top:82px;min-height:72px}.typing-slot{min-width:58px;min-height:48px;padding:9px 15px;border-radius:12px;border:1px solid rgba(83,87,102,.85);background:#202128c7;color:#ffffffa8;font-size:22px;font-weight:800;letter-spacing:.05em;transition:border .15s ease,background .15s ease,color .15s ease,transform .15s ease}.typing-slot.active{color:#fff;border-color:#82a0ff;background:#32498ab8;box-shadow:0 0 24px #3f6cff52;transform:translateY(-2px)}.typing-slot.done{color:#bdfbd4;border-color:#62ffa780}.typing-slot.punctuation{min-width:auto;color:#8e93a4;background:transparent;border-color:transparent;padding-inline:2px}.practice-answer-zone{display:grid;justify-items:center}.translate-stage{width:min(940px,92vw);display:grid;justify-items:center;align-content:center;gap:46px;min-height:430px;transform:translateY(8px)}.translate-stage.shake{animation:typingShake .22s ease}.translate-cn{color:#f5f6fb;font-size:clamp(24px,2.2vw,32px);font-weight:600;letter-spacing:.03em;text-align:center}.translate-input-row{display:flex;justify-content:center;align-items:end;flex-wrap:wrap;gap:34px;min-height:88px}.translate-slot{position:relative;min-width:86px;min-height:74px;padding:0 8px 26px;border:0;background:transparent;color:#fff;font-size:clamp(42px,4vw,58px);line-height:1;font-weight:800;text-align:center}.translate-slot span{display:inline-block;min-width:18px}.translate-slot i{position:absolute;left:7px;right:7px;bottom:0;height:4px;border-radius:999px;background:#ffffff8c}.translate-slot.active i,.translate-slot.done i{background:#326cff;box-shadow:0 0 18px #326cff8f}.translate-slot.done span{color:#326cff}.translate-slot.wrong span{color:#ff424d}.translate-slot.wrong i{background:#ff424d;box-shadow:0 0 18px #ff424d7a}.translate-slot.punctuation{min-width:28px;padding-inline:0;color:#fff}.translate-answer-card{width:min(388px,86vw);display:grid;justify-items:center;gap:12px;padding:24px 28px;border-radius:14px;border:1px solid #535661;background:#1d1e23;box-shadow:0 16px 44px #00000057}.translate-answer-phonetic{color:#a7a8af;font-size:18px}.translate-answer-card strong{color:#fff;font-size:28px;line-height:1.12}.translate-answer-card i{width:204px;height:4px;border-radius:999px;background:#326cff;box-shadow:0 0 18px #326cff85}.translate-answer-card span{color:#8d8f99;font-size:19px;font-weight:700}.translate-answer-card p{margin:0;color:#fff;font-size:18px}.practice-mode-listen,.practice-mode-typing,.practice-mode-oral{gap:22px}.listen-orb{width:128px;height:128px;border-radius:50%;display:grid;place-items:center;position:relative;color:#fff;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.34),transparent 22%),linear-gradient(135deg,#7ea4ff,#5d48ff 62%,#282a47);border:1px solid rgba(161,180,255,.55);box-shadow:0 0 0 14px #556cff14,0 22px 60px #3753ff61;cursor:pointer}.listen-orb:before,.listen-orb:after{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:inherit;border:1px solid rgba(124,154,255,.26);animation:listenPulse 2.3s ease-out infinite}.listen-orb:after{top:-30px;right:-30px;bottom:-30px;left:-30px;animation-delay:.6s}.listen-orb span{position:absolute;top:26px;right:26px;bottom:26px;left:26px;border-radius:inherit;background:#ffffff14}.listen-orb strong{position:relative;font-size:44px;z-index:1}.listen-title{font-size:clamp(34px,4vw,58px)}.typing-sentence-input{min-width:min(860px,86%);min-height:70px;border-radius:16px;border:1px solid rgba(95,103,128,.9);background:#1b1d26e0;color:#f8f9ff;padding:18px 24px;font-size:clamp(24px,2.2vw,36px);line-height:1.25;font-weight:800;text-align:center;letter-spacing:.035em;box-shadow:inset 0 1px #ffffff0a,0 18px 42px #00000038}.typing-sentence-input.error{border-color:#ff5e5ecc;color:#ffb4b4;box-shadow:0 0 26px #ff52522e}.typing-sentence-input.success{border-color:#5dffabc7;color:#baffd9;box-shadow:0 0 26px #5dffab2e}.typing-practice-stage{width:min(1040px,94vw);display:grid;justify-items:center;gap:22px;transform:translateY(-2px)}.typing-practice-stage.shake{animation:typingShake .22s ease}.typing-target-line{min-height:68px;display:flex;justify-content:center;flex-wrap:wrap;gap:.13em;color:#ffffff8c;font-size:clamp(42px,4vw,58px);line-height:1.08;font-weight:900;letter-spacing:.055em;transition:filter .2s ease,opacity .2s ease}.typing-target-line.hidden{filter:blur(8px);opacity:.72}.typing-target-line span{position:relative;display:inline-block;min-width:.36em;transition:color .12s ease,transform .12s ease,text-shadow .12s ease}.typing-target-line span.space{min-width:.5em}.typing-target-line span.typed{color:#416cff;text-shadow:0 0 18px rgba(65,108,255,.35)}.typing-target-line span.current{color:#f1f4ff;transform:translateY(-1px)}.typing-target-line span.current:after,.typing-target-line span.typed:last-child:after{content:"";position:absolute;left:14%;right:14%;bottom:-10px;height:4px;border-radius:999px;background:#376cff;box-shadow:0 0 16px #376cffa6}.typing-grammar-role{color:#8f9098;font-size:22px;font-weight:700}.typing-translation{color:#f6f6f8;font-size:clamp(24px,2.2vw,32px);font-weight:700}.typing-keyboard-wrap{width:min(1040px,92vw);position:relative;margin-top:24px;border-radius:20px;padding:20px 20px 18px;background:#1b1b1d;box-shadow:0 22px 60px #0000006b}.typing-keyboard{display:grid;gap:clamp(8px,1vw,14px)}.keyboard-row{display:flex;justify-content:center;gap:clamp(8px,1vw,14px)}.keyboard-key{width:clamp(38px,4.2vw,55px);height:clamp(38px,4.2vw,55px);display:grid;place-items:center;border-radius:8px;color:#ffffffb8;background:#303033;font-size:16px;font-weight:900;box-shadow:inset 0 -2px #00000024,inset 0 1px #ffffff0a;transition:background .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease}.keyboard-key.wide{width:clamp(70px,7.5vw,96px)}.keyboard-key.spacer{color:transparent}.keyboard-key.active{color:#fff;background:linear-gradient(180deg,#7770d9,#5451b6);box-shadow:0 0 0 3px #346cff38,0 0 28px #486fff85;transform:translateY(-5px)}.keyboard-key.pressed{color:#fff;background:#426fff;transform:translateY(2px) scale(.96)}.typing-hands{position:absolute;left:50%;bottom:-30px;width:min(640px,62vw);height:230px;transform:translate(-50%);pointer-events:none}.hand-finger{position:absolute;bottom:0;width:58px;height:172px;border-radius:44px 44px 28px 28px;background:#96969694;border:4px solid rgba(210,210,210,.25);box-shadow:inset 0 14px 28px #ffffff14;transform-origin:bottom center;transition:background .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease}.hand-finger:after{content:"";position:absolute;left:10px;right:10px;top:18px;height:2px;border-radius:999px;background:#ffffff38}.hand-finger.active{background:#4670ff8a;border-color:#3a75ffe0;box-shadow:0 0 30px #3d74ff80,inset 0 16px 28px #ffffff1a;transform:translateY(-28px) rotate(var(--finger-rotate, 0deg)) scaleY(1.08)}.left-pinky{left:92px;height:160px;--finger-rotate: 12deg;transform:rotate(12deg)}.left-ring{left:160px;height:178px;--finger-rotate: 14deg;transform:rotate(14deg)}.left-middle{left:228px;height:186px;--finger-rotate: 10deg;transform:rotate(10deg)}.left-index{left:296px;height:182px;--finger-rotate: 8deg;transform:rotate(8deg)}.left-thumb{left:354px;width:72px;height:90px;--finger-rotate: -34deg;transform:rotate(-34deg)}.right-thumb{right:354px;width:72px;height:90px;--finger-rotate: 34deg;transform:rotate(34deg)}.right-index{right:296px;height:182px;--finger-rotate: -8deg;transform:rotate(-8deg)}.right-middle{right:228px;height:186px;--finger-rotate: -10deg;transform:rotate(-10deg)}.right-ring{right:160px;height:178px;--finger-rotate: -14deg;transform:rotate(-14deg)}.right-pinky{right:92px;height:160px;--finger-rotate: -12deg;transform:rotate(-12deg)}.typing-next-tip{display:inline-flex;align-items:center;gap:12px;min-height:40px;padding:7px 16px;border-radius:999px;color:#a4a8b6;background:#1c1c20c7}.typing-next-tip strong{min-width:34px;color:#fff;font-size:24px}.typing-next-tip em{color:#8ba7ff;font-style:normal;font-weight:800}.practice-hint{margin:0;color:#9da4b8;font-size:16px}.oral-card{width:min(980px,92%);min-height:360px;border-radius:28px;border:1px solid rgba(118,127,154,.28);background:radial-gradient(circle at 50% 0%,rgba(93,126,255,.2),transparent 44%),linear-gradient(180deg,#181a22f5,#0d0e12f0);display:grid;justify-items:center;align-content:center;gap:18px;padding:36px;box-shadow:0 26px 80px #00000057}.oral-label{padding:8px 14px;border-radius:999px;color:#bfd0ff;background:#5b75ff29;border:1px solid rgba(113,140,255,.25);font-weight:800}.oral-text{margin-top:0;max-width:900px;font-size:clamp(34px,3.6vw,60px);color:#fff}.oral-translation{color:#b6bac9;font-size:22px}.oral-record-button{min-width:176px;min-height:56px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#fff;background:linear-gradient(90deg,#658cff,#6d4cff);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:18px;font-weight:900;box-shadow:0 16px 36px #5363ff47}.oral-record-button span{width:14px;height:14px;border-radius:50%;background:#fff}.oral-record-button.recording{background:linear-gradient(90deg,#ff6c7a,#ff9b61);animation:recordBreath 1.2s ease-in-out infinite}.oral-score{display:flex;align-items:center;gap:12px;color:#dfe6ff}.oral-score strong{color:#84ffa8;font-size:42px}@keyframes listenPulse{0%{transform:scale(.92);opacity:.9}to{transform:scale(1.18);opacity:0}}@keyframes recordBreath{50%{transform:scale(1.04);box-shadow:0 0 38px #ff667a57}}@keyframes typingShake{25%{transform:translate(-8px,-2px)}50%{transform:translate(7px,-2px)}75%{transform:translate(-4px,-2px)}}.practice-screen-full{min-height:100vh;width:100vw;padding:14px 18px 18px;gap:14px;background:#000;color:#fff;grid-template-rows:48px 42px 1fr auto;overflow:hidden}.practice-screen-full .practice-header{border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:12px}.practice-title-row,.practice-top-actions{display:flex;align-items:center;gap:12px}.practice-back{width:32px;height:32px;border:0;border-radius:50%;color:#fff;background:linear-gradient(135deg,#8ca1ff,#5971ff);font-size:24px;line-height:1}.practice-screen-full .practice-lesson{font-size:17px;color:#88a0ff}.practice-screen-full .practice-course{margin-top:1px;color:#8d8d92;font-size:12px}.practice-action-chip{height:28px;border:0;border-radius:6px;padding:0 10px;color:#e7e7ec;background:#232327e0;font-size:14px;font-weight:700}.practice-screen-full .practice-toolbar{align-items:start}.practice-screen-full .toolbar-pill{min-height:40px;border:0;border-radius:7px;padding:0 12px;background:#1f1f22;color:#e8e8ea;font-size:16px}.practice-screen-full .practice-timer{min-width:112px}.practice-screen-full .toolbar-toggle{font-size:16px;gap:8px}.practice-screen-full .toggle-dot{width:36px;height:22px;background:#4a4a4c;box-shadow:none}.practice-screen-full .toolbar-toggle.active .toggle-dot{background:linear-gradient(90deg,#8aa7ff,#7058ff)}.practice-screen-full .practice-stage{min-height:0;border-bottom:0;overflow:visible}.practice-screen-full .practice-main{min-height:calc(100vh - 190px);display:block}.practice-screen-full .practice-prompt-wrap{min-height:calc(100vh - 232px);padding:12px 20px 92px}.practice-screen-full .practice-footer{width:min(1040px,88vw);justify-self:center;min-height:46px;background:#18181a;border-radius:8px;padding:7px;gap:8px}.practice-screen-full .practice-progress-bar{left:50%;right:auto;bottom:68px;width:min(900px,76vw);height:6px;transform:translate(-50%);border-radius:999px;background:#444}.practice-screen-full .practice-progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#96b2ff,#8a4eff)}.practice-audio-wave{position:fixed;left:50%;bottom:168px;z-index:24;transform:translate(-50%)}.oral-lesson-stage{width:min(760px,92vw);display:grid;justify-items:center;gap:22px;transform:translateY(18px)}.oral-practice-stage{width:min(760px,92vw);min-height:calc(100vh - 285px);display:grid;justify-items:center;align-content:center;gap:28px;transform:translateY(52px)}.oral-sentence-display{display:flex;align-items:center;justify-content:center;gap:22px;color:#fff;font-size:clamp(42px,3.1vw,58px);line-height:1.08;font-weight:400;text-align:center;letter-spacing:.01em}.oral-sentence-display.scored span{display:grid;justify-items:center;gap:9px}.oral-sentence-display em{width:110%;height:4px;border-radius:999px;background:currentColor}.oral-sentence-display small{font-size:22px;line-height:1}.oral-page-cn{color:#8f9097;font-size:clamp(24px,1.8vw,34px);line-height:1.2;text-align:center;margin-top:-4px}.oral-page-orb{--oral-mic-size: clamp(64px, 4.7vw, 92px);width:var(--oral-mic-size);height:var(--oral-mic-size);margin-top:34px;filter:drop-shadow(0 0 20px rgba(26,184,255,.3))}.oral-page-orb .record-ripple{width:var(--oral-mic-size);height:var(--oral-mic-size)}.oral-page-orb:before,.oral-page-orb:after{content:"";position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;border-radius:50%;pointer-events:none}.oral-page-orb:before{background:radial-gradient(circle,rgba(90,230,255,.34),transparent 58%),conic-gradient(from 0deg,#67ffdb6b,#199fff42,#7366ff33,#67ffdb6b);filter:blur(7px);opacity:.55;animation:micAuraFlow 3.4s linear infinite}.oral-page-orb:after{top:13%;right:13%;bottom:13%;left:13%;border:1px solid rgba(179,240,255,.3);box-shadow:inset 0 0 18px #ffffff24;animation:micInnerBreath 2.2s ease-in-out infinite}.oral-page-caption{color:#777982;font-size:17px;margin-top:-8px}.oral-page-result{width:min(540px,48vw);min-height:240px;margin:18px 0 4px;grid-template-columns:minmax(0,1fr) 132px;gap:10px 22px;padding:20px 24px;position:relative;overflow:hidden;border:1px solid transparent;background:linear-gradient(#111212eb,#111212e0) padding-box,conic-gradient(from var(--score-border-angle, 0deg),#5fdcff,#6b67ff,#5df7ca,#5fdcff) border-box;box-shadow:0 0 22px #39c9ff38,0 20px 46px #0000006b;animation:scoreBorderFlow 3.2s linear infinite}.oral-page-result:before{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;background:linear-gradient(110deg,transparent 36%,rgba(255,255,255,.11) 45%,rgba(104,225,255,.18) 50%,transparent 60%);transform:translate(-32%) rotate(5deg);animation:scoreCardSweep 3.6s ease-in-out infinite;pointer-events:none}.oral-page-result:after{content:"";position:absolute;right:38px;top:18px;width:148px;height:148px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.25) 0deg 6deg,transparent 6deg 15deg),radial-gradient(circle,rgba(155,255,94,.42),transparent 58%);mix-blend-mode:screen;filter:blur(1px);opacity:.45;animation:medalRaysSpin 8s linear infinite,medalRaysPulse 1.8s ease-in-out infinite;pointer-events:none}.oral-page-result.weak:after{background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.2) 0deg 6deg,transparent 6deg 15deg),radial-gradient(circle,rgba(255,72,82,.34),transparent 58%)}.oral-page-result span{font-size:17px;position:relative;z-index:1}.oral-page-result strong{font-size:31px;text-decoration-thickness:5px;position:relative;z-index:1}.oral-page-result p{font-size:18px;position:relative;z-index:1}.oral-page-result .score-medal{width:92px;height:92px;position:relative;z-index:2;animation:medalFloat 2.4s ease-in-out infinite,medalGlow 2.3s ease-in-out infinite}.oral-page-result .score-medal b{font-size:33px}.oral-page-result .score-medal small{font-size:13px}.oral-page-result .score-metrics{gap:12px;position:relative;z-index:1}.oral-page-result .score-metrics div{padding:10px 12px}.oral-page-result .score-metrics span{font-size:15px}.oral-page-result .score-metrics strong{margin-left:10px;font-size:20px}.oral-page-result .score-metrics i{height:7px;margin-top:10px}.oral-page-wave{position:absolute;left:50%;bottom:95px;transform:translate(-50%);height:22px;margin:0;gap:5px}.oral-page-wave span{width:3px}.phrase-board{display:flex;align-items:end;justify-content:center;gap:22px}.phrase-segment-wrap{display:grid;justify-items:center;gap:4px}.phrase-phonetic{color:#9b9ca3;font-size:19px;line-height:1}.phrase-pos-row{min-height:28px;display:flex;gap:8px}.phrase-pos{border-radius:8px;padding:3px 10px;color:#fff;background:#35435a;font-size:18px;line-height:1.2}.phrase-card{min-width:156px;min-height:98px;border-radius:12px;padding:8px 14px 12px;display:grid;justify-items:center;align-content:center;color:#fff}.phrase-words{display:flex;align-items:center;justify-content:center;gap:24px;font-size:42px;line-height:1;font-weight:900}.phrase-line{width:100%;height:5px;margin:10px 0 12px}.phrase-role{font-size:25px}.phrase-purple .phrase-card{background:#5b075e}.phrase-purple .phrase-line{background:#ff24ff}.phrase-purple .phrase-pos{background:#179d93}.phrase-gold .phrase-card{min-width:280px;background:#604409}.phrase-gold .phrase-line{background:#ffbd22}.phrase-gold .phrase-pos:nth-child(1){background:#47556d}.phrase-gold .phrase-pos:nth-child(2){background:#8d0c9b}.phrase-gold .phrase-pos:nth-child(3){background:#4e20a2}.oral-main-translation{color:#f7f7f7;font-size:24px}.analysis-trigger-wrap{position:relative;display:grid;justify-items:center}.analysis-trigger{border:0;border-radius:5px;padding:7px 18px;color:#fff;background:#38e9bd;font-size:18px;font-weight:900}.analysis-popover{position:absolute;top:62px;width:400px;border-radius:6px;border:1px solid #44484f;background:#202123;color:#d8dbe2;padding:22px 26px;text-align:left;box-shadow:0 14px 28px #0006;z-index:4}.analysis-popover:before{content:"";position:absolute;left:50%;top:-11px;width:20px;height:20px;transform:translate(-50%) rotate(45deg);background:#202123;border-left:1px solid #44484f;border-top:1px solid #44484f}.analysis-popover strong{display:block;margin-bottom:22px;color:#fff;font-size:30px}.analysis-popover p{margin:0;color:#d4d7de;font-size:28px;line-height:1.35}.record-orb{width:120px;height:120px;border:0;border-radius:50%;background:transparent;padding:0;position:relative;display:grid;place-items:center;filter:drop-shadow(0 18px 28px rgba(0,119,255,.22))}.record-ripple{width:120px;height:120px;overflow:visible}.record-orb.oral-page-orb,.record-orb.oral-page-orb .record-ripple{width:var(--oral-mic-size);height:var(--oral-mic-size)}.ripple-layer{transform-origin:center;opacity:.95;animation:micJelly 2.1s ease-in-out infinite,micColorBreath 3.4s ease-in-out infinite;will-change:transform,opacity,filter}.ripple-two{animation-delay:.16s}.ripple-three{animation-delay:.32s}.record-orb.recording .ripple-layer{animation:micJellyRecording .86s ease-in-out infinite,micColorBreath 1.7s ease-in-out infinite}.record-orb.scored .ripple-layer{animation:micJellyScored 2.4s ease-in-out infinite,micColorBreath 3.6s ease-in-out infinite}.oral-record-caption{color:#83858c;font-size:16px;margin-top:-6px}.oral-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;background:#000000db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exit-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#000000bd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exit-modal-card{width:clamp(640px,56vw,1140px);border-radius:clamp(26px,2vw,40px);overflow:hidden;background:radial-gradient(circle at 50% 15%,rgba(175,155,255,.2),transparent 32%),linear-gradient(180deg,#302d34f5,#18181af5);border:1px solid rgba(224,214,255,.2);box-shadow:inset 0 0 24px #ddcfff59,0 30px 100px #00000094}.exit-modal-head{height:clamp(72px,6.45vw,132px);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(28px,2.25vw,46px);border-bottom:1px solid rgba(255,255,255,.08)}.exit-modal-head strong{color:#fff;font-size:clamp(22px,1.56vw,32px);font-weight:500}.exit-modal-close{width:clamp(40px,2.73vw,56px);height:clamp(40px,2.73vw,56px);border:0;border-radius:50%;color:#38383d;background:#b9b9bd;font-size:clamp(28px,1.95vw,40px);line-height:1}.exit-modal-body{padding:clamp(26px,2.25vw,46px);display:grid;gap:clamp(18px,1.66vw,34px)}.exit-encourage{min-height:clamp(78px,6.74vw,138px);border-radius:clamp(14px,1.07vw,22px);display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#b9c0ff,#8d95fb);font-size:clamp(22px,1.56vw,32px);font-weight:900}.exit-option{min-height:clamp(66px,5.56vw,114px);border:0;border-radius:clamp(14px,.98vw,20px);padding:0 clamp(24px,1.86vw,38px);display:flex;align-items:center;gap:clamp(16px,1.17vw,24px);color:#f3f4f7;background:#575757d1;font-size:clamp(22px,1.56vw,32px);text-align:left}.exit-option:hover{background:#67676aeb}.exit-option span{width:clamp(24px,1.56vw,32px);color:#fff;font-size:clamp(24px,1.66vw,34px)}.exit-continue{min-height:clamp(66px,5.56vw,114px);border:0;border-radius:999px;color:#fff;background:linear-gradient(90deg,#6ecaff,#6048ff);font-size:clamp(22px,1.56vw,32px);font-weight:900}.completion-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;overflow:hidden;background:#00000094;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.completion-modal-card{width:min(740px,82vw);position:relative;z-index:2;display:grid;gap:22px;padding:30px;border-radius:30px;border:1px solid rgba(196,184,255,.35);background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.14),transparent 34%),linear-gradient(180deg,#383740f0,#1c1c20f2);box-shadow:0 0 0 1px #ffffff0a,0 34px 100px #0000009e}.completion-modal-card header{color:#e8e8ef;font-size:18px}.completion-check{width:92px;height:92px;justify-self:center;display:grid;place-items:center;border-radius:50%;color:#456bff;background:#f5f8ff;border:16px solid #456bff;font-size:42px;font-weight:900;box-shadow:0 18px 42px #456bff52}.completion-modal-card>strong{text-align:center;color:#fff;font-size:30px}.completion-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.completion-stats div{min-height:94px;display:grid;grid-template-columns:62px 1fr;align-content:center;column-gap:14px;padding:16px;border-radius:12px;background:#ffffff24}.completion-stats span{grid-row:span 2;width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(180deg,#58d7b6,#15d490);color:#fff;font-size:22px}.completion-stats div:nth-child(2) span{background:#f1f8ff;color:#348ee8}.completion-stats p{margin:0;color:#bfc1ca;font-size:16px}.completion-stats b{color:#fff;font-size:21px}.completion-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.completion-actions button{min-height:58px;border:0;border-radius:14px;color:#fff;background:linear-gradient(90deg,#79b5ff,#c78cff);font-size:18px;font-weight:800}.completion-actions button:nth-child(2){background:linear-gradient(90deg,#64c8ff,#5f4bff)}.completion-actions .completion-return{grid-column:1 / -1;color:#e7e7ec;background:#fff3}.confetti-piece{position:absolute;top:-32px;border-radius:3px;animation:confettiFall linear infinite}@keyframes confettiFall{0%{opacity:0;transform:translate3d(0,-40px,0) rotate(0)}12%{opacity:1}to{opacity:.85;transform:translate3d(40px,110vh,0) rotate(520deg)}}.oral-modal-card{width:min(1040px,72vw);min-height:min(580px,66vh);border-radius:34px;position:relative;display:grid;justify-items:center;align-content:center;gap:12px;background:radial-gradient(circle at 50% 21%,rgba(139,116,91,.13),transparent 19%),radial-gradient(circle at 50% 75%,rgba(26,156,190,.14),transparent 20%),linear-gradient(180deg,#28272a,#202020);box-shadow:inset 0 0 24px #d8c6ff6b,0 0 0 1px #dad1ff40,0 34px 90px #000000a3}.oral-modal-close{position:absolute;right:24px;top:24px;width:36px;height:36px;border:0;border-radius:50%;background:#b9b9bd;color:#33343a;font-size:26px;line-height:1}.oral-modal-sentence{color:#fff;font-size:clamp(28px,2.4vw,44px);line-height:1.1;display:flex;gap:18px;align-items:center;justify-content:center}.oral-modal-sentence.scored span{display:grid;justify-items:center;gap:8px}.oral-modal-sentence em{width:110%;height:4px;border-radius:999px;background:currentColor}.oral-modal-sentence small{font-size:20px;line-height:1}.score-good{color:#46b957}.score-mid{color:#ffd846}.score-bad{color:#ff3039}.oral-modal-cn{color:#a9a9ae;font-size:clamp(18px,1.45vw,28px)}.modal-record-orb{--oral-mic-size: clamp(64px, 4.7vw, 92px);margin-top:16px}.modal-caption{margin-top:-6px;font-size:16px}.modal-audio-wave{width:min(360px,38vw);margin-top:4px}.oral-result-card{width:min(770px,60vw);min-height:250px;border-radius:16px;border:2px solid #65d6ff;display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:14px 26px;align-items:center;padding:24px 34px;background:radial-gradient(circle at 84% 32%,rgba(128,255,96,.16),transparent 25%),#1c1d1dd1;box-shadow:0 0 36px #4cc0ff38}.oral-result-card.weak{border-color:#5abfff}.oral-result-card span{color:#b8b9bf;font-size:22px}.oral-result-card strong{display:block;margin:8px 0;color:#fff;font-size:38px;font-style:italic;line-height:1;text-decoration:underline;text-decoration-color:#4fc661;text-decoration-thickness:8px;text-underline-offset:-2px}.oral-result-card.weak strong{text-decoration-color:#ff5358}.oral-result-card p{color:#b8b9bf;font-size:24px;margin:10px 0 0}.score-medal{grid-row:span 2;width:112px;height:112px;justify-self:center;display:grid;place-items:center;align-content:center;color:#fff;background:linear-gradient(145deg,#7fff63,#20b844);clip-path:polygon(50% 0,86% 12%,100% 48%,86% 88%,50% 100%,14% 88%,0 48%,14% 12%);filter:drop-shadow(0 0 28px rgba(117,255,91,.42));animation:medalGlow 2.3s ease-in-out infinite}.oral-result-card.weak .score-medal{background:linear-gradient(145deg,#ff9797,#e33131);filter:drop-shadow(0 0 28px rgba(255,75,75,.42))}.score-medal b{font-size:42px}.score-medal small{font-size:16px}.score-metrics{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.score-metrics div{border:1px solid #595d61;border-radius:8px;padding:14px 18px 12px}.score-metrics span{font-size:20px}.score-metrics strong{display:inline;margin-left:18px;font-size:28px;font-style:normal;text-decoration:none}.score-metrics i{display:block;height:12px;margin-top:14px;border-radius:999px;background:#666;overflow:hidden}.score-metrics em{display:block;height:100%;border-radius:inherit;background:#4bb858}.oral-result-card.weak .score-metrics em{background:#7c7c7c}@keyframes micJelly{0%,to{transform:scale(1) translate(0);opacity:.92}35%{transform:scale(1.08,.96) translate(2px,-1px);opacity:1}70%{transform:scale(.96,1.06) translate(-2px,2px)}}@keyframes micJellyRecording{0%,to{transform:scale(1)}50%{transform:scale(1.16,.92) rotate(2deg)}}@keyframes micJellyScored{0%,to{transform:scale(1) rotate(0)}45%{transform:scale(1.07) rotate(-2deg)}}@keyframes micAuraFlow{0%{transform:rotate(0) scale(.98);opacity:.42}50%{transform:rotate(180deg) scale(1.06);opacity:.72}to{transform:rotate(360deg) scale(.98);opacity:.42}}@keyframes micInnerBreath{0%,to{transform:scale(.96);opacity:.38}50%{transform:scale(1.08);opacity:.78}}@keyframes micColorBreath{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.18) saturate(1.22)}}@keyframes scoreBorderFlow{to{--score-border-angle: 360deg}}@keyframes scoreCardSweep{0%,38%{transform:translate(-48%) rotate(5deg);opacity:0}52%{opacity:.78}78%,to{transform:translate(48%) rotate(5deg);opacity:0}}@keyframes medalRaysSpin{to{transform:rotate(360deg)}}@keyframes medalRaysPulse{0%,to{opacity:.28;scale:.9}50%{opacity:.58;scale:1.06}}@keyframes medalFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.025)}}@keyframes medalGlow{0%,to{filter:drop-shadow(0 0 20px rgba(117,255,91,.34))}50%{filter:drop-shadow(0 0 34px rgba(151,255,112,.72))}}@keyframes waveBounce{0%,to{height:8px;opacity:.66}50%{height:28px;opacity:1}}.practice-note-floating{justify-self:end;width:392px;min-height:236px;max-height:430px;overflow:auto;padding:30px;border-radius:18px;background:linear-gradient(180deg,#ffffff09,#ffffff04),#17181d;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff0a,0 22px 52px #00000042}.practice-note-floating h2{margin:0 0 18px;color:#fff;font-size:32px;line-height:1.1;font-weight:900}.practice-note-floating p{color:var(--muted);line-height:1.7;margin:0}.analysis-block{margin-top:18px;display:grid;gap:10px}.analysis-block strong{color:#e9ecff;font-size:15px}.analysis-chip,.word-chip{border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#ffffff0a;color:#f2f4ff;padding:10px 12px;text-align:left}.analysis-chip{display:grid;gap:5px}.analysis-chip em,.word-chip small{color:#98a0b6;font-style:normal;font-size:12px}.word-chip{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.word-page,.word-detail-page{display:grid;gap:18px}.word-hero-panel,.word-detail-hero,.word-chapter-panel,.word-entry-panel{border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(135deg,#1d1f28f5,#0e0f13f5);box-shadow:0 24px 80px #00000047}.word-hero-panel{position:relative;display:flex;justify-content:space-between;align-items:center;overflow:hidden;padding:24px}.word-hero-panel:after{content:"";position:absolute;right:0;bottom:-80px;width:300px;height:180px;background:radial-gradient(circle,rgba(99,102,241,.34),transparent 70%);pointer-events:none}.word-hero-panel strong{display:block;margin-bottom:8px;color:#fff;font-size:28px}.word-hero-panel p,.word-detail-info p,.word-chapter-panel header span,.word-entry-panel header span{margin:0;color:var(--text-muted)}.word-hero-stat{position:relative;display:grid;place-items:center;width:108px;height:108px;border:1px solid rgba(118,144,255,.35);border-radius:28px;background:linear-gradient(145deg,#5467ff5c,#5bccff29)}.word-hero-stat span{color:#fff;font-size:30px;font-weight:800}.word-hero-stat small{margin-top:-28px;color:var(--text-muted)}.word-filter-panel{margin:0}.word-book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.word-book-card{position:relative;min-height:250px;overflow:hidden;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:#121319;color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.word-book-card:hover{transform:translateY(-4px);border-color:#6f7eff8c;box-shadow:0 18px 44px #00000057}.word-book-cover{display:flex;flex-direction:column;justify-content:space-between;height:134px;padding:16px;border-radius:18px;background:radial-gradient(circle at 76% 22%,rgba(255,255,255,.32),transparent 24%),linear-gradient(145deg,#36d6b4,#4b65ff 54%,#7b3fff)}.word-book-cover span{color:#fff;font-size:34px;font-weight:900;letter-spacing:-.04em}.word-book-cover em{align-self:flex-start;padding:5px 9px;border-radius:999px;background:#00000052;color:#ffffffd6;font-size:12px;font-style:normal}.word-book-meta{padding:12px 2px 8px}.word-book-meta strong{display:-webkit-box;min-height:44px;overflow:hidden;color:#fff;font-size:16px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.word-book-meta p{display:-webkit-box;min-height:38px;margin:8px 0 0;overflow:hidden;color:var(--text-muted);font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.word-book-foot{display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:13px}.word-book-foot b{color:#8aa7ff}.word-detail-hero{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:24px}.word-detail-cover{display:grid;min-height:220px;place-items:center;border-radius:24px;background:radial-gradient(circle at 80% 18%,rgba(255,255,255,.28),transparent 25%),linear-gradient(150deg,#00d3a7,#4566ff 52%,#5b2df5)}.word-detail-cover span{color:#fff;font-size:54px;font-weight:900}.word-detail-info h1{margin:10px 0 12px;color:#fff;font-size:34px;line-height:1.18}.word-detail-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.word-detail-stats span{padding:9px 12px;border-radius:12px;background:#ffffff12;color:var(--text-secondary)}.word-chapter-panel,.word-entry-panel{padding:20px}.word-chapter-panel header,.word-entry-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.word-chapter-panel header strong,.word-entry-panel header strong{color:#fff;font-size:20px}.word-chapter-list{display:flex;flex-wrap:wrap;gap:10px;max-height:214px;overflow:auto}.word-chapter-chip{min-width:130px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff0f;color:var(--text-secondary);text-align:left}.word-chapter-chip.active{border-color:#7185ffb8;background:linear-gradient(135deg,#5e78ff61,#57d8ff1f);color:#fff}.word-chapter-chip strong,.word-chapter-chip span{display:block}.word-chapter-chip span{margin-top:5px;color:var(--text-muted);font-size:12px}.word-entry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.word-entry-card{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff0e}.word-entry-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.word-entry-head strong{color:#fff;font-size:23px}.word-entry-head span{color:#8fa2ff;font-size:13px;white-space:nowrap}.word-entry-card p{min-height:42px;margin:10px 0;color:var(--text-secondary);line-height:1.5}.word-examples{display:grid;gap:5px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.word-examples span{color:#fff;font-size:13px}.word-examples em{color:var(--text-muted);font-size:12px;font-style:normal}.mode-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#000000ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mode-dialog{width:min(860px,calc(100vw - 36px));overflow:hidden;border-radius:24px;background:radial-gradient(circle at top,rgba(189,177,255,.28),transparent 34%),linear-gradient(180deg,#383346f5,#1f1f26f5);border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 90px #00000085,0 0 30px #8b79ff3d}.mode-dialog-head{height:70px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:20px;border-bottom:1px solid rgba(255,255,255,.08)}.mode-close{width:28px;height:28px;border:0;border-radius:50%;background:#ffffff9e;color:#50515c;font-size:23px;line-height:1}.mode-carousel{height:276px;display:flex;align-items:center;gap:10px;padding:40px 22px 24px;overflow:hidden}.mode-carousel-four{height:292px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:42px 22px 28px}.mode-card{flex:0 0 31%;height:195px;min-width:0;border:0;border-radius:12px;color:#fff;position:relative;overflow:hidden;background-size:cover;background-position:center;display:grid;align-content:end;justify-items:center;padding:16px 10px 18px;isolation:isolate;transform:scale(.88);opacity:.82}.mode-carousel-four .mode-card{width:100%;height:205px;transform:none;opacity:.86}.mode-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,transparent 35%,rgba(20,20,28,.72))}.mode-card.active{flex-basis:42%;z-index:2;transform:scale(1.08);opacity:1;box-shadow:0 22px 42px #0000005c}.mode-carousel-four .mode-card.active{transform:translateY(-8px);opacity:1}.mode-card.active:before{background:linear-gradient(180deg,#4562ff00 34%,#4562fff2)}.mode-tag{position:absolute;top:9px;left:9px;padding:4px 9px;border-radius:6px;background:#4162ff;font-size:12px}.mode-title{position:relative;font-size:20px;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.5)}.mode-desc{position:relative;margin-top:7px;max-width:240px;color:#ffffffc7;font-size:12px;line-height:1.4}.mode-dialog-foot{min-height:82px;display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:14px 22px 22px;border-top:1px solid rgba(255,255,255,.08)}.mode-cancel,.mode-confirm{min-height:46px;border-radius:10px;font-size:18px}.mode-cancel{border:1px solid #716dff;color:#bdc9ff;background:transparent}.mode-confirm{border:0;color:#fff;background:linear-gradient(90deg,#68c6ff,#644cff)}.practice-toast{position:absolute;left:50%;bottom:74px;transform:translate(-50%);padding:13px 22px;border-radius:12px;color:#fff;background:linear-gradient(90deg,#85a7ff,#6d53ff);box-shadow:0 12px 36px #485cff6b;font-weight:800}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.word-mall-page{gap:18px}.word-mall-tabs{display:flex;align-items:center;gap:52px;padding:2px 0 8px}.word-main-tab{border:0;background:transparent;color:#ebeef7a8;font-size:22px;font-weight:700}.word-main-tab.active{color:#53b7ff}.word-version-panel{display:flex;flex-wrap:wrap;gap:18px 24px;padding:22px;border-radius:18px;background:#2b2f36}.word-version-chip{min-width:132px;border:0;border-radius:7px;padding:9px 14px;background:transparent;color:#eceff79e;font-size:18px;text-align:center}.word-version-chip.active{color:#fff;background:linear-gradient(90deg,#6cd4ff,#664cff)}.word-book-list-grid{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:16px 28px}.word-list-card{display:grid;grid-template-columns:116px 1fr;gap:12px;min-height:146px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#0f1114;color:inherit;text-decoration:none;transition:border-color .18s ease,transform .18s ease}.word-list-card:hover{border-color:#707dffb8;transform:translateY(-2px)}.word-list-cover{display:grid;place-items:center;overflow:hidden;border-radius:12px;background:#eef2f7}.word-list-cover img{width:78px;height:78px;object-fit:contain}.word-list-info{display:grid;align-content:start;gap:10px;min-width:0}.word-list-info strong{display:-webkit-box;overflow:hidden;color:#fff;font-size:22px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:1}.word-list-info p{display:-webkit-box;margin:0;min-height:44px;overflow:hidden;color:#eff2fa8f;font-size:16px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.word-list-info span{justify-self:end;align-self:end;color:#eff2fa94;font-size:15px}.word-detail-original{gap:16px}.word-detail-banner{position:relative;min-height:164px;overflow:hidden;padding:22px 24px;border-radius:15px;background:#24282d}.word-detail-banner .word-detail-info h1{margin:0 0 22px;font-size:26px;line-height:1.25;background:linear-gradient(90deg,#734cff,#61d4ff);-webkit-background-clip:text;color:transparent}.word-detail-banner .word-detail-info p{margin-bottom:24px;color:#edf0f999;font-size:16px}.word-detail-counts{display:flex;gap:22px;color:#fff;font-size:18px}.word-detail-banner img{position:absolute;right:30px;bottom:-22px;width:170px;opacity:.1}.word-collect-pill,.word-reset-pill,.word-count-pill{position:relative;z-index:1;border:1px solid rgba(255,181,47,.65);border-radius:999px;padding:7px 15px;color:#ffc15f;background:#ffa51e24;font-weight:800}.word-collect-pill{position:absolute;top:20px;right:20px;color:#fff;background:#ec9b22}.word-detail-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}.word-smart-switch{display:inline-flex;align-items:center;gap:8px;color:#e8ebf6;font-size:20px}.word-smart-switch input{display:none}.word-smart-switch i{position:relative;display:inline-block;width:52px;height:28px;border-radius:999px;background:#4b4d53}.word-smart-switch i:after{content:"";position:absolute;top:5px;left:5px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .18s ease}.word-smart-switch input:checked+i{background:#7165ff}.word-smart-switch input:checked+i:after{transform:translate(24px)}.word-help{display:inline-grid;width:18px;height:18px;place-items:center;border-radius:50%;background:#ffffff8c;color:#20242a;font-size:12px;font-weight:900}.word-unit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 16px}.word-unit-card{display:flex;align-items:center;justify-content:space-between;min-height:112px;border:0;border-radius:10px;padding:20px;background:#2b2f35;color:#f7f8ff;font-size:19px;text-align:left}.word-unit-card.active,.word-unit-card:hover{background:linear-gradient(135deg,#342673,#2b6370)}.word-unit-card small{color:#f0f3fa85;font-size:13px}.word-mode-dialog{width:min(740px,calc(100vw - 40px))}.word-mode-carousel{height:270px;padding-inline:22px}.word-mode-carousel .mode-card{flex-basis:30%}.word-mode-carousel .mode-card.active{flex-basis:46%}.word-practice-stage{display:grid;align-content:center;justify-items:center;gap:28px;padding-bottom:120px}.word-answer-card{display:grid;justify-items:center;min-width:330px;padding:22px 30px;border:1px solid rgba(255,255,255,.24);border-radius:13px;background:#1c1f25;color:#fff}.word-answer-card span{color:#ffffff94;font-size:18px}.word-answer-card strong{color:#fff;font-size:28px}.word-answer-card i{width:104px;height:4px;border-radius:999px;background:#5977ff}.word-answer-card p{margin:16px 0 0;color:#fff;font-size:20px}.word-spell-area{display:grid;justify-items:center;gap:22px;min-width:360px}.word-spell-target{display:flex;justify-content:center;gap:2px;min-height:56px;color:#ff3041;font-size:44px;font-weight:900;letter-spacing:.02em}.word-spell-target span{min-width:30px;text-align:center;color:#fff}.word-spell-target .word-input-text{min-width:0;color:#3769ff;text-align:center;white-space:nowrap;text-transform:lowercase;transition:color .15s ease,text-shadow .15s ease}.word-spell-target .word-input-text.typed{color:#3769ff;text-shadow:0 0 18px rgba(55,105,255,.28)}.word-spell-target .word-input-text.wrong{color:#ff3041;text-shadow:0 0 16px rgba(255,48,65,.28)}.word-spell-target span.typed{color:#3769ff}.word-spell-target span.current,.word-spell-target span.wrong{color:#ff3041}.word-spell-answer{color:#fff}.word-spell-line{width:180px;height:4px;margin-top:-18px;background:#7c7c7c;border-radius:999px;transition:background .15s ease,box-shadow .15s ease,width .15s ease}.word-spell-line.active{width:190px;background:#3f76ff;box-shadow:0 0 16px #3f76ff99,0 0 34px #4c6dff42}.word-phonetic-main{color:#ffffff8f;font-size:29px}.word-chinese-main{color:#fff;font-size:35px}.word-practice-stats{display:grid;grid-template-columns:repeat(3,1fr);width:min(760px,64vw);margin-top:80px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff14}.word-practice-stats div{display:grid;place-items:center;gap:8px;min-height:82px}.word-practice-stats span{color:#ffffff8f}.word-practice-stats strong{color:#fff;font-size:22px}.word-hidden-input{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}@media(max-width:1300px){.word-book-list-grid,.word-unit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.word-book-list-grid,.word-unit-grid{grid-template-columns:1fr}}.login-card{width:min(560px,100%);padding:28px;border-radius:20px;background:#17181df5;border:1px solid #343746;box-shadow:var(--shadow);display:grid;gap:18px}.login-brand{display:flex;gap:14px;align-items:center}.login-brand h1{margin:0 0 8px}.login-brand p{margin:0;color:var(--muted);line-height:1.6}.login-code-row{display:grid;grid-template-columns:1fr 150px;gap:12px;align-items:end}.login-code-field{min-width:0}.login-send,.login-submit{width:100%}.login-dev-code{color:#9eb8ff}.login-error{color:#ff8f8f}.practice-footer{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:18px 0 24px}.footer-key{background:#2a2a2f;color:#f0f2f8;border:1px solid #484953;border-radius:7px;padding:7px 10px;font-size:14px;font-weight:700;box-shadow:inset 0 1px #ffffff0d}.footer-key:hover{border-color:#7f91ff;background:#32333c}.footer-key-primary{background:linear-gradient(180deg,#3a3a46,#282932);border-color:#5b5f70}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.price-card{padding:22px}.price-card h2{margin:12px 0 10px}.price-card p,.prose-panel p{color:var(--muted);line-height:1.7}.price-card.featured{background:linear-gradient(180deg,#252632,#1d1e28)}.membership-banner,.summary-grid{display:grid;gap:12px}.membership-banner{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.compact-list,.journal-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.compact-list li,.journal-list li{display:flex;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.empty-line{color:var(--muted)}.settings-panel-dark{padding-top:10px}.settings-tabs{padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid #2f3038}.settings-form{display:grid;gap:24px}.dark-field,.toggle-line,.slider-line{display:grid;gap:10px}.toggle-line{grid-template-columns:1fr auto;align-items:center}.slider-line em{color:var(--accent-strong);font-style:normal}.ranking-index,.journal-meta{color:var(--muted);font-size:13px}@media(max-width:1080px){.lesson-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.unit-grid-wide,.home-layout,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-layout,.pricing-grid{grid-template-columns:1fr}.practice-note-floating{position:static;width:100%;margin-top:24px}.practice-main{grid-template-columns:1fr}}@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.topbar{flex-direction:column;align-items:start}.search-shell{min-width:100%}.topbar-left{width:100%;flex-wrap:wrap}.dashboard-row.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-board{min-height:540px}}@media(max-width:720px){.page{padding:8px 14px 24px}.lesson-grid,.dashboard-row.two,.dashboard-row.three,.dashboard-row.compact,.unit-grid-wide,.summary-grid,.membership-banner{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-board{min-height:420px}.practice-cn-stage{font-size:34px}.practice-lesson{font-size:22px}}