:root{--bg:#07101f;--panel:rgba(13,28,55,.78);--panel2:rgba(9,18,36,.92);--line:rgba(119,210,255,.22);--cyan:#43e8ff;--blue:#4e8cff;--violet:#a77dff;--green:#62ff9c;--yellow:#ffd166;--red:#ff5d7a;--text:#eaf6ff;--muted:#8da5c7}
    *{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 20% -10%,rgba(67,232,255,.18),transparent 30%),radial-gradient(circle at 80% 0,rgba(167,125,255,.15),transparent 32%),linear-gradient(135deg,#050914,#071629 60%,#090b1f);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;min-height:100vh}
    body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent);pointer-events:none}
    .scan{position:fixed;inset:0;background:linear-gradient(to bottom,transparent,rgba(67,232,255,.05),transparent);height:28vh;animation:scan 8s linear infinite;pointer-events:none}@keyframes scan{from{transform:translateY(-35vh)}to{transform:translateY(110vh)}}
    header{max-width:1180px;margin:0 auto;padding:38px 20px 18px;display:grid;grid-template-columns:1.4fr .8fr;gap:18px;align-items:stretch}.hero,.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(15,34,67,.84),rgba(8,18,36,.78));box-shadow:0 20px 60px rgba(0,0,0,.35),inset 0 0 30px rgba(67,232,255,.04);border-radius:26px}.hero{padding:30px;position:relative;overflow:hidden}.hero:after{content:"1600";position:absolute;right:20px;top:6px;font-size:110px;font-weight:900;letter-spacing:-8px;color:rgba(67,232,255,.06)}
    .eyebrow{color:var(--cyan);font-weight:800;letter-spacing:.18em;font-size:13px}.hero h1{font-size:42px;line-height:1.05;margin:14px 0 12px;background:linear-gradient(90deg,#fff,var(--cyan),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#c4d6ef;line-height:1.8;margin:0;max-width:760px}.hero b{color:#fff}.top-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
    .card{padding:20px}.principle{font-size:14px;line-height:1.7;color:#bad0ee}.principle strong{color:var(--yellow)}
    main{max-width:1180px;margin:0 auto;padding:0 20px 46px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0}.stat{border:1px solid var(--line);background:rgba(7,16,32,.72);border-radius:20px;padding:18px}.stat .num{font-size:30px;font-weight:900;color:#fff}.stat .lab{color:var(--muted);font-size:13px;margin-top:4px}.stat.good .num{color:var(--green)}.stat.warn .num{color:var(--yellow)}.stat.hot .num{color:var(--red)}
    .tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.tab{border:1px solid var(--line);background:rgba(8,20,40,.8);color:var(--text);padding:12px 16px;border-radius:999px;cursor:pointer;font-weight:800}.tab.active{background:linear-gradient(90deg,rgba(67,232,255,.22),rgba(167,125,255,.22));border-color:rgba(67,232,255,.65)}
    section.panel{display:none;border:1px solid var(--line);background:rgba(8,18,36,.72);border-radius:26px;padding:22px;margin-top:10px}section.panel.active{display:block}.panel h2{margin:0 0 8px;font-size:24px}.hint{color:var(--muted);line-height:1.7;margin:8px 0 0}.help{margin:4px 0 14px}.help summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:#0b7ba3;font-weight:900;font-size:13px;user-select:none}.help summary::before{content:'＋';font-weight:950}.help[open] summary::before{content:'－'}.help p{margin:8px 0 0}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.btn{border:0;border-radius:14px;padding:12px 16px;color:#04101f;font-weight:900;cursor:pointer;background:linear-gradient(90deg,var(--cyan),#7cffd0);box-shadow:0 8px 24px rgba(67,232,255,.2)}.btn.secondary{color:var(--text);background:rgba(255,255,255,.08);border:1px solid var(--line);box-shadow:none}.btn.danger{background:linear-gradient(90deg,#ff5d7a,#ffb86b)}.btn:disabled{opacity:.45;cursor:not-allowed}
    .wordgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.word{background:linear-gradient(180deg,rgba(15,34,67,.86),rgba(5,12,28,.86));border:1px solid rgba(119,210,255,.18);border-radius:18px;padding:14px;min-height:126px;position:relative;overflow:hidden}.screen-card{max-width:980px;min-height:auto;padding:24px}.screen-card .en{font-size:44px;line-height:1.05}.screen-card .pos{font-size:16px;margin-top:6px}.example{margin:16px 0 18px;padding:12px 14px;border:1px solid rgba(119,210,255,.18);border-radius:14px;background:rgba(255,255,255,.045);color:#cfe2ff;font-size:16px;line-height:1.55}.example:before{content:"Example: ";color:var(--cyan);font-weight:900}.word.keep{border-color:rgba(255,209,102,.72);box-shadow:0 0 0 1px rgba(255,209,102,.18)}.word.known{border-color:rgba(98,255,156,.72);box-shadow:0 0 0 1px rgba(98,255,156,.18)}.word.error{border-color:rgba(255,93,122,.72)}.word .rank{position:absolute;right:10px;top:8px;color:rgba(234,246,255,.35);font-weight:900;font-size:12px}.en{font-size:22px;font-weight:900;letter-spacing:.01em}.pos{font-size:12px;color:var(--cyan);margin-top:4px}.zh{color:#d5e6ff;margin-top:10px;line-height:1.55}.muted{color:var(--muted)}.actions{display:flex;gap:8px;margin-top:12px}.mini{padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--text);font-weight:800;cursor:pointer}.mini.good{border-color:rgba(98,255,156,.6)}.mini.bad{border-color:rgba(255,209,102,.65)}
    .review-card{max-width:720px;margin:0 auto;background:rgba(7,16,32,.82);border:1px solid var(--line);border-radius:24px;padding:24px}.bigword{text-align:center;font-size:42px;font-weight:950;margin:16px 0}.choices{display:grid;gap:12px}.screen-card .choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.choice{text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);border-radius:16px;padding:14px;cursor:pointer;font-size:16px;display:flex;align-items:flex-start;gap:12px;min-height:72px}.choice-key{flex:0 0 auto;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--violet));color:#061120;display:inline-flex;align-items:center;justify-content:center;font-weight:950}.choice-text{line-height:1.5}.choice.correct{border-color:var(--green);background:rgba(98,255,156,.12)}.choice.wrong{border-color:var(--red);background:rgba(255,93,122,.12)}
    .progress{height:12px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;margin:12px 0}.bar{height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet));width:0}.log{display:grid;gap:8px}.logitem{padding:10px 12px;border:1px solid var(--line);border-radius:14px;color:#c5d7f2;background:rgba(255,255,255,.04);font-size:13px}.plan-wrap{display:grid;gap:10px}.subhead{margin:14px 0 6px;color:#123153}.plan-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff}.plan-table{width:100%;border-collapse:collapse;min-width:760px}.plan-table th,.plan-table td{border-bottom:1px solid rgba(34,105,150,.18);padding:12px;vertical-align:top;text-align:left}.plan-table th{background:#e9f8ff;color:#123153;font-weight:950}.daycell{font-weight:950;color:#0b6f94;white-space:nowrap}.pill{display:inline-flex;flex-direction:column;gap:2px;margin:3px;padding:7px 9px;border-radius:12px;background:#f2fbff;border:1px solid rgba(34,105,150,.2);font-weight:900;color:#123153}.pill.done{background:#e8fff2;border-color:rgba(18,135,90,.35);color:#0b754a}.pill.todo{background:#f2f5f8;border-color:rgba(82,107,134,.24);color:#5d7187}.pill.active{background:#fff8dc;border-color:rgba(183,121,0,.28);color:#7a4b00}.pill em{font-style:normal;font-size:12px;color:#526b86;font-weight:700}.review-line{margin:0 0 8px;padding:8px;border-radius:12px;background:#fff8dc;border:1px solid rgba(183,121,0,.22);color:#123153}
    #screenWords{grid-template-columns:minmax(0,1fr)}.screen-card{width:100%;max-width:none;display:grid;grid-template-columns:1fr;grid-template-areas:"word" "choices" "actions";gap:18px}.word-head{grid-area:word;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.screen-card .word-head .en{font-size:56px;line-height:1}.screen-card .word-head .pos{font-size:18px;margin-top:0}.speak-btn{border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.2);color:var(--text);border-radius:999px;padding:12px 16px;font-weight:950;cursor:pointer}.speak-btn:hover{background:rgba(255,255,255,.3)}.screen-card .example{display:none}.screen-card .choices{grid-area:choices;grid-template-columns:repeat(2,minmax(360px,1fr));gap:16px}.screen-card .actions{grid-area:actions;margin-top:0}.screen-card .choice{min-height:94px;padding:18px 22px;font-size:20px}.choice-text{word-break:normal;overflow-wrap:break-word}.screen-card .mini{font-size:16px;padding:12px 16px}
    /* 更适合初中生长期使用的“晨光学习舱”配色：明亮、积极，但保留科技感和可读性 */
    body{background:radial-gradient(circle at 12% 8%,rgba(255,226,121,.45),transparent 24%),radial-gradient(circle at 88% 4%,rgba(95,219,255,.42),transparent 28%),radial-gradient(circle at 70% 92%,rgba(103,255,178,.22),transparent 34%),linear-gradient(135deg,#dff5ff 0%,#bfeaff 34%,#d7fff1 66%,#fff4cf 100%)}
    body:before{background-image:linear-gradient(rgba(23,96,143,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(23,96,143,.08) 1px,transparent 1px);opacity:.75;mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}
    .scan{background:linear-gradient(to bottom,transparent,rgba(255,255,255,.22),transparent)}
    .hero,.card,section.panel{background:linear-gradient(180deg,rgba(17,68,123,.88),rgba(15,49,101,.82));border-color:rgba(255,255,255,.38);box-shadow:0 22px 60px rgba(41,126,177,.24),inset 0 0 36px rgba(255,255,255,.06)}
    .hero:after{color:rgba(255,255,255,.09)}.hero h1{background:linear-gradient(90deg,#ffffff,#c8fff5,#ffe88b);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#e7f5ff}.hero b{color:#fff8b8}.eyebrow{color:#fff08a}.principle{color:#e7f5ff}.muted,.hint{color:#c7dbf2}.stat,.word,.review-card{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(20,60,111,.74));border-color:rgba(255,255,255,.32)}
    .tab{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.38)}.tab.active{background:linear-gradient(90deg,rgba(255,226,121,.36),rgba(73,229,255,.32));border-color:rgba(255,255,255,.65)}.btn{background:linear-gradient(90deg,#ffe66d,#63f7c8);box-shadow:0 10px 28px rgba(34,160,190,.22)}.btn.secondary{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.42)}
    .choice{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.36)}.choice:hover{background:rgba(255,255,255,.26);transform:translateY(-1px)}.choice-key{background:linear-gradient(135deg,#ffe66d,#4ee7ff)}.example{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.3);color:#f3fbff}.example:before{color:#fff08a}.bar{background:linear-gradient(90deg,#ffe66d,#62ff9c,#43e8ff)}
    /* 高对比度清爽版：浅色卡片 + 深色文字，避免白字压在浅蓝背景上看不清 */
    :root{--text:#123153;--muted:#526b86;--line:rgba(42,116,160,.24);--cyan:#008db5;--blue:#2266d8;--green:#12875a;--yellow:#b77900;--red:#d93054}
    body{color:var(--text)}
    .hero,.card,section.panel{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(239,250,255,.92));border-color:rgba(53,136,180,.25);box-shadow:0 22px 58px rgba(61,137,166,.18),inset 0 0 0 1px rgba(255,255,255,.62)}
    .hero h1{background:none;-webkit-background-clip:initial;background-clip:initial;color:#123153}.hero p,.principle,.hint{color:#314f6c}.hero b,.principle strong{color:#0b4f8a}.eyebrow{color:#0b7ba3}.muted{color:#5c7188}
    .tab{background:rgba(255,255,255,.88);border-color:rgba(36,111,156,.34);color:#123153;box-shadow:0 8px 22px rgba(30,105,145,.10)}.tab.active{background:linear-gradient(90deg,#fff2a8,#b9f5ff);border-color:#2e91c3;color:#0b355c}.tab:hover{background:#fff}
    .stat,.word,.review-card{background:linear-gradient(180deg,#ffffff,#edf8ff);border-color:rgba(34,105,150,.28);color:#123153;box-shadow:0 10px 28px rgba(37,107,145,.10)}.stat .num,.en,.bigword,.panel h2{color:#102f50}.stat .lab,.zh{color:#385873}.pos{color:#006f93}.word .rank{color:rgba(18,49,83,.42)}
    .screen-card{background:linear-gradient(180deg,#ffffff,#e9f7ff)}.screen-card .word-head .en{color:#102f50}.screen-timer{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;background:#fff7d6;border:1px solid rgba(187,122,0,.34);color:#7a4b00;font-weight:900;box-shadow:0 6px 16px rgba(150,98,0,.10)}.screen-timer .time{font-variant-numeric:tabular-nums;color:#123153}.speak-btn{background:#ffffff;border-color:rgba(24,89,133,.34);color:#123153;box-shadow:0 6px 16px rgba(30,105,145,.10)}.speak-btn:hover{background:#eaf9ff}
    .choice{background:#ffffff;border-color:rgba(27,98,145,.32);color:#123153;box-shadow:0 8px 18px rgba(29,95,135,.08)}.choice:hover{background:#f2fbff;border-color:#238bc0}.choice-key{background:linear-gradient(135deg,#fff06a,#62e6d1);color:#061b2d}.choice-text{color:#183a5a}.mini{background:#ffffff;color:#123153;border-color:rgba(27,98,145,.32)}.mini.bad{border-color:#d59b23;color:#123153}.btn.secondary{background:#ffffff;color:#123153;border-color:rgba(27,98,145,.32)}
    .word.passed{border-color:#23b56e;background:linear-gradient(180deg,#f1fff6,#ddf7e9)}.word.failed{border-color:#e0a12b;background:linear-gradient(180deg,#fff8e4,#fff0c9)}.status-chip{display:inline-flex;gap:4px;align-items:center;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:900;background:#eef6ff;color:#123153}.status-chip.passed{background:#dff8e8;color:#116438}.status-chip.failed{background:#fff0c9;color:#7a4b00}.check-box{display:grid;gap:12px;margin-top:14px}.check-box .review-card{width:100%}.check-q{border:1px solid rgba(34,105,150,.24);background:#fff;border-radius:16px;padding:12px}.check-q h4{margin:0 0 8px;color:#102f50}.check-choice.selected{outline:3px solid rgba(35,139,192,.35)}
    .achievement{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9999;min-width:280px;max-width:min(520px,92vw);padding:18px 22px;border-radius:22px;background:linear-gradient(135deg,#fff4a8,#b9f5ff);border:1px solid rgba(37,119,160,.28);box-shadow:0 18px 48px rgba(31,95,135,.22);color:#123153;text-align:center;animation:popIn .22s ease-out}.achievement .badge{font-size:28px;font-weight:950}.achievement .title{font-size:20px;font-weight:950;margin-top:4px}.achievement .msg{font-size:14px;color:#4d6680;margin-top:6px;line-height:1.45}@keyframes popIn{from{opacity:0;transform:translate(-50%,-54%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
    .example{background:#ffffff;border:1px solid rgba(34,105,150,.28);color:#173a5f;box-shadow:0 8px 20px rgba(31,96,135,.08)}.example:before{color:#0b6f94}.example span{color:#385873}.example em{display:block;margin-top:6px;color:#6b7f91;font-style:normal;font-size:13px}
    @media(max-width:850px){header{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:34px}.bigword{font-size:34px}}@media(max-width:520px){.grid{grid-template-columns:1fr}.wordgrid{grid-template-columns:1fr}.screen-card .choices{grid-template-columns:1fr}.screen-card .en{font-size:36px}.hero{padding:22px}.hero h1{font-size:30px}}
    .check-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
    .check-type-chip{border-radius:999px;padding:4px 12px;font-size:12px;font-weight:900;background:#eef6ff;color:#123153}
    .check-type-chip.en_to_zh{background:#dff8e8;color:#116438}
    .check-type-chip.spelling{background:#fff0c9;color:#7a4b00}
    .check-type-chip.cloze{background:#f3e8ff;color:#5b2d8e}
    .check-prompt{text-align:center;font-size:40px;font-weight:950;color:#102f50;line-height:1.25;margin:12px 0 4px;overflow-wrap:break-word}
    .check-prompt.zh_to_en{font-size:32px}
    .check-prompt.spelling{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.24em}
    .check-prompt.cloze{font-size:21px;font-weight:700;line-height:1.7;max-width:520px;margin:14px auto 4px}
    .cloze-blank{display:inline-block;min-width:88px;border-bottom:3px solid #23b56e}
    .check-hint{text-align:center;font-size:13px;color:#526b86;margin:0 0 16px}
    .today-check-card .check-q{border:0;background:transparent;padding:0}
    .today-check-card .choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .today-check-card .choice{min-height:56px;align-items:center}
    .check-choices.spelling .choice-text{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:20px}
    .check-choice.selected{outline:0;border-color:#23b56e;background:#f1fff6;box-shadow:0 0 0 2px rgba(35,181,110,.35)}
    .check-toolbar{display:flex;justify-content:center;margin-top:16px}
    @media(max-width:700px){.today-check-card .choices{grid-template-columns:1fr}.check-prompt{font-size:32px}}
    .check-zh{text-align:center;font-size:17px;color:#385873;margin:0 0 4px;font-weight:700}
    .check-mark{margin-left:auto;font-size:13px;font-weight:900;white-space:nowrap}
    .check-mark.good{color:#116438}
    .check-mark.bad{color:#a02040}
    .phonetic{color:#0b6f94;font-weight:700;font-size:13px;letter-spacing:.02em}
    .exchange{margin-top:6px;font-size:12.5px;color:#526b86;line-height:1.6}
    .tabs{align-items:center}
    .tab-spacer{flex:1 1 auto}
    .tabs .tab.aux{font-weight:700;opacity:.85}
    .tabs .btn.tab-checkin{padding:10px 18px;border-radius:999px}
    .tabs .btn.tab-logout{padding:10px 14px;border-radius:999px;font-size:13px}
    @media(max-width:850px){.tab-spacer{display:none}.tabs{justify-content:flex-start}}
    .topic-chip{border-radius:999px;padding:8px 14px}
    .topic-chip.active{border-color:#23b56e;background:#f1fff6;box-shadow:0 0 0 2px rgba(35,181,110,.25)}
    .topic-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;align-items:start;grid-column:1/-1}
    .topic-col{background:linear-gradient(180deg,#ffffff,#edf8ff);border:1px solid rgba(34,105,150,.24);border-radius:16px;padding:12px 14px}
    .topic-col h4{margin:0 0 10px;color:#0b6f94;font-size:14px}
    .topic-item{display:flex;align-items:baseline;gap:8px;padding:7px 4px;border-bottom:1px dashed rgba(34,105,150,.14);font-size:15px;color:#123153}
    .topic-item:last-child{border-bottom:0}
    .topic-item b{min-width:86px}
    .topic-item .topic-zh{color:#526b86;font-size:13px;margin-left:auto;text-align:right}
    .topic-col.ket-ext{border-style:dashed;border-color:rgba(183,121,0,.45);background:linear-gradient(180deg,#fffdf2,#fff7e0)}
    .ket-badge{display:block;font-size:11px;font-weight:700;color:#7a4b00;margin-top:3px}
    #topicChips{background:linear-gradient(180deg,#ffffff,#f0f9ff);border:1px solid rgba(34,105,150,.2);border-radius:16px;padding:14px;gap:10px}
    #topicChips .topic-chip{padding:9px 16px;font-size:13.5px}
    #topicChips .topic-chip.active{font-weight:900}
    #topicWords{grid-template-columns:1fr}
    .topic-cols{display:grid;gap:14px;align-items:start}
    .topic-sections{display:grid;gap:12px}
    .topic-section{background:#fff;border:1px solid rgba(34,105,150,.2);border-radius:14px;padding:12px 14px}
    .topic-section.ket-ext{background:#fffdf4;border:1.5px dashed rgba(183,121,0,.45)}
    .section-head{font-size:13.5px;font-weight:900;color:#0b6f94;padding-bottom:8px;border-bottom:2px solid #d9f0fa;margin-bottom:10px;cursor:pointer;display:flex;align-items:center;gap:8px;user-select:none}
    .section-head.ket{color:#7a4b00;border-bottom-color:#f5e8c8}
    .section-head .ket-badge{display:inline;font-size:11px;background:#fff0c9;color:#7a4b00;padding:2px 8px;border-radius:99px;margin-left:8px}
    .topic-list{display:grid;gap:12px}
    .topic-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:0 32px}
    .topic-cols .topic-rows{grid-template-columns:minmax(0,1fr)}
    .topic-item2{padding:10px 4px;border-bottom:1px dashed rgba(34,105,150,.14);cursor:pointer;min-width:0}
    .topic-item2:last-child{border-bottom:0}
    .ti-line{display:flex;align-items:baseline;gap:10px;min-width:0}
    .ti-word{color:#123153;font-size:15px;font-weight:800}
    .ti-zh{flex:1;min-width:0;color:#526b86;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .ti-caret{color:#9db4c8;font-size:11px;width:14px;text-align:center;flex:none;display:inline-block;transition:transform .15s}
    .topic-item2.open .ti-caret{transform:rotate(180deg)}
    .ti-details{display:none;padding:4px 2px 6px}
    .topic-item2.open .ti-details,.topic-list.full .ti-details{display:block}
    .topic-list.full .ti-caret{visibility:hidden}
    .topic-list.full .topic-item2{cursor:default}
    .ti-meta{margin:2px 0 4px;font-size:12.5px;color:#48627c;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
    .topic-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
    .view-toggle{margin-left:auto;display:flex;gap:6px}
    .view-toggle .mini.active{border-color:#23b56e;background:#f1fff6;color:#0b6f4a;box-shadow:0 0 0 2px rgba(35,181,110,.25)}
    .sec-caret{font-size:11px;color:#9db4c8;flex:none;display:inline-block;transition:transform .15s}
    .topic-section.collapsed .sec-caret{transform:rotate(-90deg)}
    .topic-section.collapsed .section-body{display:none}
    .topic-section.collapsed .section-head{margin-bottom:0;border-bottom:0;padding-bottom:0}
    @media(max-width:700px){.topic-cols{grid-template-columns:1fr!important}}
    .speak-mini{border:0;background:transparent;cursor:pointer;font-size:13px;padding:0 4px;opacity:.55;vertical-align:1px;flex:none}
    .speak-mini:hover{opacity:1}
    .mini-ext{display:inline-block;font-size:10px;font-weight:900;color:#7a4b00;background:#fff0c9;border-radius:6px;padding:1px 5px;margin-left:5px;vertical-align:2px}
    .topic-item2.ph{color:#b8c9d8;text-align:center}
    .ti-pos{color:#006f93;font-size:12px;font-weight:800;background:#e8f6fc;border-radius:6px;padding:1px 6px}
    .tp-phrase{margin-top:5px;font-size:12.5px;font-weight:800;color:#0b754a;background:#eafaf0;border-radius:8px;padding:3px 8px;display:inline-block}
    .tp-example{margin-top:4px;font-size:12.5px;color:#385873;line-height:1.55}
    .tp-example span{display:block;color:#7a93a8;font-size:12px}