:root{
  --navy:#0b2242;
  --navy-2:#123a68;
  --gold:#c99a2e;
  --red:#a43b3b;
  --green:#1b7f55;
  --bg:#f4f6f8;
  --card:#ffffff;
  --text:#1f2937;
  --muted:#667085;
  --line:#d9e0ea;
  --soft:#eef3f9;
  --stress:#fff1bd;
}
*{box-sizing:border-box}
body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}
button,select,input{font:inherit}
button{cursor:pointer;border:0;border-radius:12px;padding:10px 16px;background:var(--soft);color:var(--navy);font-weight:700;transition:.2s}
button:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(11,34,66,.12)}
button.primary{background:var(--navy);color:white}
button.secondary{background:white;border:1px solid var(--line)}
button.danger{background:#fff1f1;color:#9b1c1c;border:1px solid #ffd1d1}
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:12px;cursor:pointer;min-width:260px}
.brand-mark{width:44px;height:44px;border-radius:12px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:.5px}
.brand-title{font-weight:900;color:var(--navy);font-size:18px}.brand-subtitle{font-size:12px;color:var(--muted)}
.nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.nav button{font-size:14px;padding:8px 10px;background:transparent}.nav button.active{background:var(--navy);color:white}.menu-toggle{display:none}
main{max-width:1180px;margin:0 auto;padding:28px 18px 46px}.page{display:none}.page.active{display:block}.page-head{margin-bottom:18px}.page-head h1{font-size:34px;color:var(--navy);margin:0 0 6px}.page-head p{margin:0;color:var(--muted)}
.hero{display:grid;grid-template-columns:1.5fr .9fr;gap:28px;align-items:center;margin:20px 0 26px}.hero-text{background:linear-gradient(135deg,var(--navy),#143e72);color:white;border-radius:28px;padding:42px;box-shadow:0 20px 45px rgba(11,34,66,.24)}.eyebrow{color:#e2c985;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:13px}.hero h1{font-size:42px;line-height:1.14;margin:12px 0 18px}.lead{font-size:17px;color:#e7eef8;max-width:760px}.hero-actions{display:flex;gap:12px;margin-top:24px}.hero-actions .primary{background:white;color:var(--navy)}.hero-actions .secondary{background:rgba(255,255,255,.12);color:white;border:1px solid rgba(255,255,255,.32)}
.hero-card{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:30px;text-align:center;box-shadow:0 18px 50px rgba(11,34,66,.12)}.word-large{font-size:52px;font-weight:900;color:var(--navy)}.phonetic{font-size:20px;color:var(--muted);margin:6px 0 16px}.meaning{font-size:20px;margin:14px 0 18px}.syllable-demo,.syllables{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0}.syllable-demo span,.syllables span{padding:8px 12px;border-radius:12px;background:var(--soft);font-weight:900;color:var(--navy);font-size:20px}.syllable-demo .stress,.syllables .stress{background:var(--stress);outline:2px solid var(--gold)}.vowel{color:var(--red);font-weight:950;text-decoration:underline;text-underline-offset:3px}
.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.library-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;cursor:pointer;box-shadow:0 8px 22px rgba(11,34,66,.06);transition:.2s}.library-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(11,34,66,.12)}.library-card h2{color:var(--navy);margin:0 0 8px}.library-card p{color:var(--muted);min-height:72px}.library-card span{display:inline-block;color:var(--red);font-weight:800;background:#fff4ef;padding:6px 10px;border-radius:99px}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.features div{background:white;border:1px solid var(--line);border-radius:18px;padding:18px}.features strong{display:block;color:var(--navy);font-size:18px}.features span{color:var(--muted)}
.panel{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;margin-bottom:18px;box-shadow:0 8px 24px rgba(11,34,66,.05)}.controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.controls label,.settings-grid label{font-weight:800;color:var(--navy);display:flex;flex-direction:column;gap:6px}select,input.text-input,.settings-grid input,.settings-grid select{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:white;min-width:210px}.learn-layout{display:grid;grid-template-columns:1.5fr .75fr;gap:18px}.word-panel{text-align:center}.word-title{font-size:64px;font-weight:950;color:var(--navy);line-height:1}.source-tag{font-size:12px;color:var(--muted);background:var(--soft);border-radius:99px;padding:6px 10px;display:inline-block;margin-top:10px}.word-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:14px 0}.word-meta span{background:#f7f9fc;border:1px solid var(--line);padding:7px 12px;border-radius:12px}.example-box{background:#fbfcff;border-left:5px solid var(--gold);text-align:left;padding:15px 16px;border-radius:12px;margin:16px 0}.button-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}.word-list{display:flex;flex-wrap:wrap;gap:8px}.word-chip{background:#f7f9fc;border:1px solid var(--line);border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:800}.word-chip.active{background:var(--navy);color:white}.word-chip.review{border-color:var(--gold);background:#fff9e8}.family-table{width:100%;border-collapse:collapse;margin-top:14px}.family-table th,.family-table td{border-bottom:1px solid var(--line);padding:10px;text-align:left}.family-table th{background:var(--soft);color:var(--navy)}.rule-list{display:grid;gap:10px}.rule-item{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fbfcff}.rule-item strong{color:var(--red);font-size:18px}.morph-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.practice-card{max-width:760px;margin-left:auto;margin-right:auto}.question{font-size:24px;font-weight:850;color:var(--navy);margin-bottom:14px}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.option-grid button{font-size:20px;padding:18px;background:#f7f9fc;border:1px solid var(--line)}.option-grid button.correct{background:#e6f6ef;border-color:#8bd9b5;color:var(--green)}.option-grid button.wrong{background:#fff0f0;border-color:#ffb0b0;color:#a12222}.feedback{min-height:36px;font-weight:850;text-align:center;margin:12px 0}.feedback.ok{color:var(--green)}.feedback.bad{color:#a12222}.text-input{width:100%;font-size:24px;text-align:center;margin:16px 0}.auto-current{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.auto-word{font-size:56px;font-weight:950;color:var(--navy)}.auto-meaning{font-size:24px;color:var(--muted)}.context-instruction{text-align:center;color:var(--navy);font-weight:900;font-size:22px}.progress-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat{background:var(--soft);border-radius:16px;padding:16px;text-align:center}.stat strong{display:block;font-size:28px;color:var(--navy)}.progress-table{width:100%;border-collapse:collapse}.progress-table th,.progress-table td{border-bottom:1px solid var(--line);padding:9px;text-align:left;font-size:14px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
footer{text-align:center;padding:24px;color:var(--muted);border-top:1px solid var(--line);background:white}
code{background:#eef3f9;padding:2px 6px;border-radius:6px}.hidden{display:none!important}
@media (max-width:900px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:70px;left:12px;right:12px;background:white;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 16px 40px rgba(11,34,66,.16)}.nav.open{display:grid;grid-template-columns:1fr 1fr}.brand{min-width:0}.brand-subtitle{display:none}.hero{grid-template-columns:1fr}.hero h1{font-size:32px}.hero-text{padding:28px}.library-grid,.features,.learn-layout,.morph-layout,.grid-2,.settings-grid{grid-template-columns:1fr}.option-grid{grid-template-columns:1fr}.progress-summary{grid-template-columns:1fr 1fr}.word-title{font-size:48px}.topbar{padding:10px 12px}.page-head h1{font-size:28px}}
@media (max-width:520px){main{padding:18px 12px}.hero-actions{flex-direction:column}.nav.open{grid-template-columns:1fr}.word-large{font-size:42px}.syllable-demo span,.syllables span{font-size:18px}.controls{display:grid}.controls label,select{width:100%}.progress-summary{grid-template-columns:1fr}.option-grid button{font-size:18px}.word-title{font-size:42px}}

.learn-nav-bar{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  width:100%;
  margin-top:8px;
}
.learn-nav-status{
  font-size:14px;
  color:#4b5563;
  background:#f3f4f6;
  border:1px solid #e5e7eb;
  padding:8px 12px;
  border-radius:999px;
}
.learn-notice{
  display:none;
  width:100%;
  margin-top:8px;
  padding:10px 12px;
  border-radius:12px;
  background:#fff7ed;
  color:#9a3412;
  border:1px solid #fed7aa;
  font-weight:600;
}
.learn-notice.show{display:block;}
@media (max-width: 640px){
  .learn-nav-bar button{flex:1; min-width:120px;}
  .learn-nav-status{width:100%; text-align:center;}
}
.learn-auto-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid rgba(11,34,66,.12)}
.learn-auto-bar label{display:flex;align-items:center;gap:6px}
.learn-auto-bar select{min-width:88px}


/* V1.3: syllable count, stronger example, group article */
.syllable-total{display:flex;justify-content:center;align-items:center;gap:8px;margin:10px 0 4px;color:var(--navy);font-weight:900}
.syllable-count{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:white;font-size:18px;box-shadow:0 6px 16px rgba(11,34,66,.12)}
.count-1{background:#123a68}.count-2{background:#1b7f55}.count-3{background:#a43b3b}.count-4{background:#7c3aed}.count-5{background:#b7791f}.count-6{background:#0f766e}
.syllables span{position:relative;min-width:54px;border:2px solid transparent}
.syllables .syllable-tone-1{border-color:#bcd2f3;background:#eef4ff}.syllables .syllable-tone-2{border-color:#b7e4cf;background:#effaf4}.syllables .syllable-tone-3{border-color:#f7c4c4;background:#fff3f3}.syllables .syllable-tone-4{border-color:#dac4ff;background:#f7f1ff}.syllables .syllable-tone-5{border-color:#f3d48a;background:#fff8e7}.syllables .syllable-tone-6{border-color:#b7e1e4;background:#effafa}
.syllable-num{position:absolute;top:-10px;left:-8px;width:22px;height:22px;border-radius:50%;background:var(--navy);color:white;font-style:normal;font-size:12px;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.example-highlight{border-left-width:7px;background:linear-gradient(180deg,#ffffff,#fffaf0)}
.example-en{font-size:24px;line-height:1.7;font-weight:900;color:var(--navy);margin-top:8px;letter-spacing:.01em}
.example-cn{font-size:17px;color:#4b5563;margin-top:8px}
.group-article{border-top:5px solid var(--navy)}
.article-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.article-head h2{margin:0;color:var(--navy);font-size:26px}.article-head p{margin:6px 0 0;color:var(--muted)}
.article-en{font-size:21px;line-height:1.8;font-weight:700;color:#243044;background:#fbfcff;border-left:5px solid var(--gold);padding:18px;border-radius:14px;margin:18px 0}
.article-en mark{background:#fff1bd;color:#7a3415;border-radius:6px;padding:0 4px;font-weight:950}
.article-targets{display:flex;flex-wrap:wrap;gap:8px}
.article-buttons{margin-top:0}
@media (max-width:900px){.article-head{flex-direction:column}.example-en{font-size:21px}.article-en{font-size:18px}.article-buttons{justify-content:flex-start}}

/* V1.4: word-above-syllables layout, POS badge, classical Chinese paraphrase */
.word-main-block{background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid var(--line);border-radius:20px;padding:18px 14px;margin-bottom:12px}
.word-label{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:white;border-radius:999px;padding:5px 12px;font-weight:900;font-size:13px;letter-spacing:.08em;margin-bottom:8px}
.pos-badge{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;background:#fff7df;border:1px solid #efd28b;color:#7a4b00;border-radius:999px;padding:8px 14px;font-weight:900;font-size:18px}
.syllable-section{background:#fbfcff;border:1px solid var(--line);border-radius:18px;padding:14px;margin:12px 0 16px}
.syllable-total{font-size:17px}.syllables{margin-top:12px}.syllables span{font-size:22px;padding:12px 16px}.example-highlight{border-left:6px solid var(--red);background:#fffdf8}.example-highlight strong{color:var(--navy);font-size:16px}.example-en{font-size:26px;line-height:1.65;color:var(--navy);font-weight:950;letter-spacing:.01em}.example-cn{font-size:16px;color:var(--muted);margin-top:8px}
.article-label{display:inline-block;background:var(--navy);color:white;border-radius:999px;padding:6px 12px;font-weight:900;font-size:13px;letter-spacing:.05em;margin-top:10px}
.article-wenyan{font-family:"STKaiti","KaiTi","SimKai","Noto Serif SC",serif;font-size:22px;line-height:1.9;color:#3e2b14;background:#fffaf0;border-left:5px solid var(--red);padding:18px;border-radius:14px;margin:12px 0 18px;font-weight:700}
.article-targets{margin-top:12px}.article-targets .word-chip{margin-bottom:4px}
@media (max-width:900px){.pos-badge{font-size:16px}.syllables span{font-size:20px}.article-wenyan{font-size:20px}.example-en{font-size:22px}}

/* V1.6: small Chinese meaning beside the word, English remains dominant */
.word-title-line{display:flex;align-items:baseline;justify-content:center;gap:10px;flex-wrap:wrap}
.word-side-meaning{font-size:14px;font-weight:800;color:var(--muted);background:#f7f9fc;border:1px solid var(--line);border-radius:999px;padding:4px 8px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:520px){.word-side-meaning{font-size:12px;max-width:160px}.word-title-line{gap:6px}}


/* V1.7: make POS and Chinese meaning visible beside the word */
.word-title-line{align-items:center}
.word-pos-inline{font-size:14px;font-weight:900;color:#7a4b00;background:#fff7df;border:1px solid #efd28b;border-radius:999px;padding:5px 9px;white-space:nowrap}
.word-side-meaning{font-size:13px;font-weight:850;color:#5b6472;background:#f7f9fc;border:1px solid var(--line);border-radius:999px;padding:5px 9px;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:520px){.word-pos-inline{font-size:12px}.word-side-meaning{font-size:12px;max-width:180px}}


/* V1.8: vocabulary PDF export page */
.export-note{background:#fff7ed;border:1px solid #fed7aa;color:#7a3415;border-radius:14px;padding:14px;line-height:1.65}
.export-buttons{justify-content:flex-start;align-items:center}
.export-feature-list{margin-top:8px}
.export-feature-list div{min-height:110px}
.export-cover-preview{display:grid;grid-template-columns:1.25fr .95fr;gap:18px;align-items:stretch}
.export-cover-left{display:flex;flex-direction:column;justify-content:center;gap:12px}
.export-cover-left h2{margin:0;color:var(--navy)}
.export-inline-logo{width:100%;max-width:320px;display:block;filter:drop-shadow(0 8px 18px rgba(7,31,61,.08))}
.export-contact-line{margin-top:4px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#fffaf0,#fff4db);border:1px solid #efd9a6;color:#7a4b00;font-weight:700}
.export-cover-right{display:grid;grid-template-columns:1fr;gap:12px}
.export-mini-stage{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;padding:10px;border:1px solid #d9e2ef;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f7f9fc)}
.export-mini-stage img{width:92px;height:70px;object-fit:cover;border-radius:12px;box-shadow:0 8px 20px rgba(11,34,66,.10)}
.export-mini-stage span{font-weight:800;color:#0b2242;line-height:1.5}
.export-feature-list-rich{grid-template-columns:repeat(4,minmax(0,1fr))}
.export-feature-list-rich div{min-height:126px}
@media (max-width:1100px){.export-cover-preview{grid-template-columns:1fr}.export-feature-list-rich{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.export-mini-stage{grid-template-columns:76px 1fr}.export-mini-stage img{width:76px;height:60px}.export-feature-list-rich{grid-template-columns:1fr}.export-inline-logo{max-width:260px}}
@media (max-width:900px){.export-buttons{justify-content:center}.export-note{grid-column:auto}}

/* V1.9: IPA and stricter syllable teaching display */
.phonetic{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;background:#fffaf0;border:1px solid #f1d48d;border-radius:999px;padding:8px 14px;margin:10px auto 16px;max-width:max-content;color:#3e2b14}
.ipa-label{font-size:13px;font-weight:900;color:#7a3415;letter-spacing:.02em}
.ipa-text{font-size:22px;font-weight:900;color:#0b2242;font-family:Arial,"Noto Sans",sans-serif}
.syllable-word-top{font-size:28px;font-weight:950;color:#0b2242;margin:6px 0 10px;letter-spacing:.02em}
.syllable-guidance{font-size:12px;color:#64748b;font-weight:800;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:3px 8px;margin-left:6px}
.syllable-section .word-label{background:#7a3415}
@media (max-width:520px){.ipa-text{font-size:19px}.phonetic{border-radius:16px}.syllable-word-top{font-size:24px}.syllable-guidance{display:block;margin:6px 0 0}}


/* V2.2 多样化例句标签 */
.example-kind{
  display:inline-block;
  margin-right:10px;
  padding:3px 8px;
  border-radius:999px;
  background:#f2ead8;
  color:#7a4d08;
  font-size:12px;
  font-weight:700;
  vertical-align:middle;
}
.example-highlight .example-en{
  line-height:1.65;
}

/* V2.4 本组记单词检验：英文选汉语 + 汉语选英文 */
.memory-check{border-top:5px solid var(--red);margin-top:18px}
.memory-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.memory-head h2{margin:8px 0 6px;color:var(--navy);font-size:26px}
.memory-head p{margin:0;color:var(--muted);line-height:1.6}
.memory-score{min-width:82px;text-align:center;border-radius:18px;background:var(--navy);color:white;font-weight:950;font-size:24px;padding:14px 12px;box-shadow:0 10px 24px rgba(11,34,66,.15)}
.memory-count-info{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0 6px;padding:12px 14px;border-radius:16px;background:#f7f2e7;border:1px solid #e6d5ad;color:#2f2f2f;font-weight:850}
.memory-count-info span{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid #eadab7;border-radius:999px;padding:7px 10px}
.memory-score .score-main{font-size:24px;line-height:1.1}
.memory-score .score-sub{font-size:12px;font-weight:800;opacity:.86;margin-top:4px}
.memory-complete{font-size:30px;font-weight:950;color:var(--red)}

.memory-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.memory-question{background:#fbfcff;border:1px solid var(--line);border-radius:18px;padding:18px;text-align:center;color:#243044;min-height:96px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.memory-mode{display:inline-flex;align-self:center;background:#fff7df;border:1px solid #efd28b;color:#7a4b00;border-radius:999px;padding:5px 12px;font-weight:950;font-size:14px}
.memory-prompt-word{font-size:30px;font-weight:950;color:var(--navy);letter-spacing:.03em}
.memory-prompt-cn{font-size:28px;font-weight:950;color:var(--navy);font-family:"Noto Serif SC","Songti SC","SimSun",serif}
.memory-prompt-tip{font-size:14px;color:var(--muted);font-weight:800}
.memory-options{margin-top:14px}
.memory-options button{min-height:62px}
.memory-next-row{margin-top:10px}
@media (max-width:900px){.memory-head{flex-direction:column}.memory-score{align-self:stretch}.memory-prompt-cn{font-size:23px}.memory-prompt-word{font-size:26px}.memory-actions button{flex:1;min-width:150px}}
/* V2.5 本组记单词检验：相关词选项、计时器、点击突出 */
.memory-question-top{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}
.memory-timer{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:38px;border-radius:999px;background:#0b2242;color:#fff;font-weight:950;font-size:18px;box-shadow:0 8px 20px rgba(11,34,66,.18)}
.memory-timer.danger{background:#b42318;animation:timerPulse .8s infinite alternate}
@keyframes timerPulse{from{transform:scale(1)}to{transform:scale(1.08)}}
.memory-option-btn{position:relative;border:2px solid transparent;transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease, background .12s ease}
.memory-option-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(11,34,66,.14);border-color:#d7b45f}
.memory-option-btn.selected{border-color:#0b2242;box-shadow:0 0 0 4px rgba(11,34,66,.12),0 14px 28px rgba(11,34,66,.18);transform:scale(1.03)}
.memory-option-btn.correct{background:#e8f7ee!important;border-color:#16803c!important;color:#0b4f25!important;font-weight:950}
.memory-option-btn.wrong{background:#fdeaea!important;border-color:#b42318!important;color:#8a1f17!important;font-weight:950}
.memory-option-btn.disabled{cursor:default;opacity:.96}
.memory-next-row .primary{font-size:17px;padding:13px 22px;box-shadow:0 10px 24px rgba(132,31,39,.18)}

/* V3.1 group article word highlighting only: no prefix/suffix/root mini notes in articles */
.article-en {
  line-height: 2.05;
}
.article-word {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin: 0 2px;
  padding: 2px 5px 3px;
  border-radius: 10px;
  background: #fff1b8;
  border: 1px solid rgba(130, 90, 0, .28);
  box-shadow: 0 2px 6px rgba(90, 60, 0, .08);
  cursor: pointer;
}
.article-word:hover {
  transform: translateY(-1px);
  background: #ffe27a;
}
.article-word-main {
  font-weight: 800;
  color: #7a1f1f;
  line-height: 1.05;
}
.affix-mini {
  font-size: 10px;
  color: #23406b;
  line-height: 1.1;
  white-space: nowrap;
  margin-top: 1px;
  opacity: .9;
}
.morpheme-box {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 10px 0 8px;
  padding: 8px 10px;
  background: #f8fafc;
  border: 1px solid #dbe4f0;
  border-radius: 12px;
}
.morpheme-title {
  font-size: 13px;
  font-weight: 800;
  color: #283b5f;
}
.morpheme-badge {
  font-size: 12px;
  color: #6e1f1f;
  background: #fff7d6;
  border: 1px solid #ead38a;
  border-radius: 999px;
  padding: 3px 8px;
}
@media (max-width: 640px) {
  .article-word { padding: 2px 4px; margin: 1px; }
  .affix-mini { font-size: 9px; }
}

.memory-final-score{font-size:42px;font-weight:950;color:var(--navy);line-height:1.1}
.memory-complete.pass{color:#16803c}
.memory-complete.retry{color:#b42318}
.memory-auto-feedback{background:#f8fafc!important;color:#64748b!important;border-color:#e2e8f0!important;font-weight:850}
.memory-retry-btn{font-size:18px;padding:14px 24px;box-shadow:0 12px 28px rgba(132,31,39,.22)}

/* V3.1: article words are highlighted only, without morpheme annotations. */
.article-word{display:inline-flex;flex-direction:row;align-items:baseline;padding:2px 6px 3px;}
.affix-mini{display:none!important;}

/* V3.7: highlight Chinese words in the classical Chinese translation that correspond to the current group English words. */
.wenyan-cn-hit{
  background:#fff1bd;
  color:#7a1f1f;
  border:1px solid rgba(132,31,39,.25);
  border-radius:6px;
  padding:0 4px;
  margin:0 1px;
  font-weight:950;
  box-shadow:0 2px 6px rgba(90,60,0,.08);
}
.wenyan-legend{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin:8px 0 16px;
  padding:10px 12px;
  background:#fffdf7;
  border:1px solid #ead38a;
  border-radius:14px;
  color:#513012;
  font-size:13px;
}
.wenyan-legend strong{color:#7a1f1f;margin-right:2px}
.wenyan-legend span{
  background:#fff7d6;
  border:1px solid #ead38a;
  border-radius:999px;
  padding:3px 8px;
  font-weight:850;
}

/* V3.7.8: smaller example/article text and only the small inline POS label */
.pos-badge{display:none!important;}
.example-highlight strong{font-size:14px!important;}
.example-kind{font-size:11px!important;padding:2px 7px!important;}
.example-en{
  font-size:18px!important;
  line-height:1.55!important;
  font-weight:760!important;
  letter-spacing:0!important;
}
.example-cn{
  font-size:13px!important;
  line-height:1.55!important;
  margin-top:6px!important;
}
.article-en{
  font-size:16.5px!important;
  line-height:1.78!important;
  font-weight:560!important;
  padding:15px!important;
}
.article-wenyan{
  font-size:16.5px!important;
  line-height:1.82!important;
  font-weight:560!important;
  padding:15px!important;
}
.article-word-main{font-size:inherit!important;line-height:1.15!important;}
.wenyan-cn-hit{font-size:inherit!important;}
@media (max-width:900px){
  .example-en{font-size:16px!important;line-height:1.55!important;}
  .example-cn{font-size:12.5px!important;}
  .article-en{font-size:15.5px!important;line-height:1.72!important;}
  .article-wenyan{font-size:15.5px!important;line-height:1.78!important;}
}

/* V3.7.12 词库学习页：本组单词增加小号词性与中文提示，保持英文为主。 */
.word-chip-learn{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:2px;
  line-height:1.18;
  min-height:38px;
}
.chip-word-main{
  font-weight:800;
  letter-spacing:.01em;
}
.chip-word-small{
  font-size:10px;
  opacity:.72;
  font-weight:500;
  max-width:150px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}


/* V3.7.13 首页：单词像朋友的学习理念 */
.friend-philosophy{background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid var(--line);border-left:6px solid var(--gold);border-radius:24px;padding:28px 32px;margin:8px 0 26px;box-shadow:0 12px 34px rgba(11,34,66,.08)}
.friend-philosophy .friend-kicker{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.friend-philosophy h2{font-size:28px;line-height:1.28;margin:0 0 16px;color:var(--navy)}
.friend-philosophy p{font-size:16px;line-height:1.9;color:#34445c;margin:10px 0}
@media (max-width:900px){.friend-philosophy{padding:22px 20px}.friend-philosophy h2{font-size:24px}.friend-philosophy p{font-size:15px;line-height:1.82}}


/* V3.7.14 自动朗读：例句关键词高亮 */
.auto-current{align-items:stretch!important;justify-content:flex-start!important;text-align:left!important;gap:14px}.auto-progress-line{text-align:center;font-size:13px;color:var(--muted);font-weight:800;margin-bottom:8px}.auto-word-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;text-align:center}.auto-word-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;justify-content:center}.auto-word{font-size:54px;font-weight:950;color:var(--navy);line-height:1}.auto-pos{font-size:13px;font-weight:900;color:var(--red);background:#fff3f0;border:1px solid #ffd1c7;border-radius:999px;padding:5px 9px;margin-bottom:6px}.auto-meaning-small{font-size:13px;font-weight:800;color:var(--muted);background:#f7f9fc;border:1px solid var(--line);border-radius:999px;padding:5px 9px;margin-bottom:6px}.auto-ipa{font-size:20px;color:var(--navy);font-weight:800;margin-top:8px}.auto-sentence-box{margin-top:14px;background:#fbfcff;border-left:5px solid var(--gold);border-radius:14px;padding:12px 14px;text-align:left}.auto-sentence-title{font-size:12px;letter-spacing:.08em;color:var(--muted);font-weight:900;margin-bottom:6px}.auto-sentence-en{font-size:18px;line-height:1.65;color:var(--navy);font-weight:850}.auto-sentence-cn{font-size:13px;line-height:1.6;color:var(--muted);margin-top:6px}.auto-keyword{background:#fff0b8;color:var(--red);border:1px solid #f0d16b;border-radius:8px;padding:1px 5px;font-weight:950}.auto-group-list{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:12px}.auto-list-word{border:1px solid var(--line);background:#f7f9fc;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:850;color:var(--navy);display:inline-flex;gap:5px;align-items:center}.auto-list-word small{font-size:10px;color:var(--muted);font-weight:700}.auto-list-word.active{background:var(--navy);color:white;border-color:var(--navy);transform:scale(1.06)}.auto-list-word.active small{color:#fff8dd}@media (max-width:900px){.auto-word{font-size:42px}.auto-sentence-en{font-size:16px}.auto-list-word{font-size:12px;padding:6px 8px}}

/* V3.7.16 自动朗读控制按钮 */
/* V3.7.17 保留 V3.7 主线，只补中英指令与小号中文 */
.auto-status{
  margin:10px 0 12px;
  padding:8px 10px;
  border-radius:10px;
  background:#f6f7fb;
  color:#364152;
  font-size:13px;
  line-height:1.45;
}
.auto-control-row{
  gap:8px;
}
.auto-control-row button{
  min-width:108px;
}
@media (max-width: 640px){
  .auto-control-row button{
    flex:1 1 42%;
    min-width:0;
  }
}


/* V3.7.17 自动朗读中英指令与小号中文 */
.en-small{font-size:.72em;color:var(--muted);font-weight:800;margin-left:6px}.bilingual-controls label span{font-size:12px;color:var(--muted);font-weight:750}.auto-instruction{text-align:center;font-weight:900;color:var(--navy);background:#fbfcff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin-bottom:12px}.auto-instruction span{display:block;font-size:12px;color:var(--muted);margin-top:3px}.auto-status span{font-size:12px;color:var(--muted);font-weight:750}.bilingual-buttons button{line-height:1.15;min-height:54px}.bilingual-buttons button span{font-size:11px;font-weight:800;opacity:.82}.auto-progress-line span{font-size:11px;color:var(--muted);font-weight:750}.auto-list-word{flex-direction:column!important;gap:2px!important;align-items:center!important;line-height:1.15}.auto-list-word b{font-size:13px}.auto-list-word small{font-size:10px!important;max-width:96px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auto-meaning-small{font-size:12px!important}.auto-pos{font-size:12px!important}.auto-ipa{font-size:17px!important}@media (max-width:900px){.bilingual-buttons button{min-width:42%;}.auto-list-word small{max-width:76px}.en-small{display:block;margin-left:0;margin-top:3px}}


/* V3.7.18 英美音自然人声 */
.bilingual-controls label select#autoAccent,
.bilingual-controls label select#autoVoiceMode,
.bilingual-controls label select#autoRate {
  border-color: rgba(11, 34, 66, 0.28);
}
.auto-status {
  line-height: 1.55;
}


/* V3.7.19 自动朗读：发音、速度、模式按钮放大突出 */
.bilingual-controls{
  gap:16px!important;
  align-items:stretch!important;
}
.bilingual-controls label{
  background:#ffffff;
  border:1px solid rgba(11,34,66,.14);
  border-radius:18px;
  padding:14px 15px;
  box-shadow:0 8px 22px rgba(11,34,66,.06);
  font-size:16px;
  font-weight:950;
  line-height:1.25;
}
.bilingual-controls label span{
  display:block;
  font-size:13px!important;
  margin-top:3px;
}
.bilingual-controls label select{
  width:100%;
  min-width:0!important;
  min-height:58px;
  margin-top:8px;
  padding:14px 16px!important;
  border:2px solid rgba(11,34,66,.28)!important;
  border-radius:16px!important;
  background:#fbfcff;
  color:var(--navy);
  font-size:16px;
  font-weight:950;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.bilingual-controls label select:focus{
  outline:none;
  border-color:var(--gold)!important;
  box-shadow:0 0 0 4px rgba(199,161,91,.18);
}
.bilingual-controls label select#autoAccent,
.bilingual-controls label select#autoVoiceMode,
.bilingual-controls label select#autoRate{
  background:linear-gradient(180deg,#fffdf7,#ffffff);
  border-color:rgba(199,161,91,.75)!important;
}
.bilingual-controls label input[type=checkbox]{
  transform:scale(1.35);
  margin:7px 8px 7px 2px;
  accent-color:var(--navy);
}
.auto-control-row{
  gap:12px!important;
}
.auto-control-row button,
.bilingual-buttons button{
  min-height:68px!important;
  min-width:148px!important;
  padding:14px 18px!important;
  border-radius:18px!important;
  font-size:16px!important;
  font-weight:950!important;
  box-shadow:0 8px 20px rgba(11,34,66,.08);
}
.bilingual-buttons button span{
  display:block;
  font-size:12px!important;
  margin-top:5px;
}
.bilingual-buttons button.primary{
  box-shadow:0 10px 24px rgba(11,34,66,.2);
}
@media (max-width:900px){
  .bilingual-controls{grid-template-columns:1fr!important;}
  .bilingual-controls label{font-size:16px;padding:14px;}
  .bilingual-controls label select{min-height:56px;font-size:16px;}
  .auto-control-row button,
  .bilingual-buttons button{flex:1 1 44%;min-width:0!important;min-height:64px!important;}
}
@media (max-width:520px){
  .auto-control-row button,
  .bilingual-buttons button{flex:1 1 100%;}
}


/* V3.7.21 自动朗读选项区精简：发音、声音、速度选择缩小，避免占据主视觉 */
.bilingual-controls{
  gap:8px!important;
  align-items:center!important;
}
.bilingual-controls label{
  background:transparent!important;
  border:0!important;
  border-radius:10px!important;
  padding:4px 6px!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.18!important;
  min-width:0!important;
}
.bilingual-controls label span{
  display:inline!important;
  font-size:10px!important;
  margin-top:0!important;
  margin-left:4px!important;
  color:var(--muted)!important;
  font-weight:700!important;
}
.bilingual-controls label select,
.bilingual-controls label select#autoAccent,
.bilingual-controls label select#autoVoiceMode,
.bilingual-controls label select#autoRate{
  width:auto!important;
  min-width:112px!important;
  min-height:34px!important;
  height:34px!important;
  margin-top:4px!important;
  padding:4px 28px 4px 8px!important;
  border:1px solid rgba(11,34,66,.20)!important;
  border-radius:9px!important;
  background:#fff!important;
  color:var(--navy)!important;
  font-size:12px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.bilingual-controls label select:focus{
  outline:none!important;
  border-color:var(--gold)!important;
  box-shadow:0 0 0 2px rgba(199,161,91,.14)!important;
}
.bilingual-controls label input[type=checkbox]{
  transform:scale(1)!important;
  margin:2px 5px 2px 0!important;
}
.auto-status{
  margin:6px 0 8px!important;
  padding:6px 8px!important;
  font-size:12px!important;
}
@media (max-width:900px){
  .bilingual-controls{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
  }
  .bilingual-controls label{
    flex:0 1 auto!important;
    font-size:12px!important;
    padding:3px 5px!important;
  }
  .bilingual-controls label select,
  .bilingual-controls label select#autoAccent,
  .bilingual-controls label select#autoVoiceMode,
  .bilingual-controls label select#autoRate{
    min-width:98px!important;
    height:32px!important;
    min-height:32px!important;
    font-size:12px!important;
    padding:3px 24px 3px 7px!important;
  }
}
@media (max-width:520px){
  .bilingual-controls label select,
  .bilingual-controls label select#autoAccent,
  .bilingual-controls label select#autoVoiceMode,
  .bilingual-controls label select#autoRate{
    min-width:92px!important;
  }
}

/* V3.7.24 单个词汇中文标注：英文为主，中文作为小号确认信息 */
.single-word-cn-note{display:inline-flex;align-items:center;gap:8px;margin-top:8px;background:#fffaf0;border:1px solid #f0dca4;color:var(--navy);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:850;max-width:92%;line-height:1.25}
.single-word-cn-note span{font-size:11px;color:var(--muted);font-weight:900;letter-spacing:.02em}
.single-word-cn-note strong{font-size:14px;color:var(--navy);font-weight:950;white-space:normal}
@media (max-width:520px){.single-word-cn-note{font-size:12px;padding:6px 10px}.single-word-cn-note strong{font-size:13px}}

/* V3.7.25: make single-word Chinese meaning visible beside the current word */
.word-cn-inline{font-size:13px;font-weight:900;color:var(--navy);background:#fff7df;border:1px solid #efd58a;border-radius:999px;padding:5px 10px;margin-left:2px;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.word-cn-inline.muted-cn{color:#8a6b1f;background:#fffaf0}
.muted-cn-note strong{color:#8a6b1f!important}
@media (max-width:520px){.word-cn-inline{font-size:12px;max-width:190px;padding:4px 8px}}

/* V3.7.26 single word card group return chips */
.group-return-box{background:#fbfcff;border-left:5px solid var(--navy);}
.group-return-targets{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;}
.group-return-targets .word-chip{display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-width:72px;}
.group-return-targets .word-chip.active{background:var(--navy);color:#fff;border-color:var(--navy);}
.group-return-tip{font-size:12px;color:var(--muted);margin-top:8px;}


/* V3.7.28: 词库学习页右侧本组单词只放英文；本组目标词保留小号中文，方便识别和点击 */
.article-targets-with-cn{display:flex;flex-wrap:wrap;gap:8px;}
.article-targets-with-cn .target-word-chip{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:76px;line-height:1.15;padding:7px 11px;}
.article-targets-with-cn .chip-word-small{font-size:10px;opacity:.78;font-weight:600;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.group-return-targets .word-chip{min-height:34px;}
.group-return-targets .chip-word-small{display:none!important;}

/* Professional homepage and logo refresh */
.brand{min-width:300px}
.brand-mark{
  width:48px;height:48px;border-radius:16px;
  background:linear-gradient(135deg,#0b2242 0%,#123a68 60%,#c99a2e 160%);
  color:white;position:relative;overflow:hidden;box-shadow:0 10px 24px rgba(11,34,66,.18);
}
.brand-mark::before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.35);border-radius:12px}
.brand-mark::after{content:"";position:absolute;width:42px;height:42px;border-radius:50%;right:-18px;top:-18px;background:rgba(201,154,46,.45)}
.brand-mark span{position:relative;z-index:2;font-size:13px;letter-spacing:.08em}
.brand-title{font-size:19px;letter-spacing:.01em}.brand-subtitle{font-weight:700;letter-spacing:.04em;color:#5f6b7a}
.professional-hero .hero-text{background:radial-gradient(circle at 82% 10%,rgba(201,154,46,.28),transparent 28%),linear-gradient(135deg,#071a33,#0b2242 55%,#123a68);position:relative;overflow:hidden}
.professional-hero .hero-text::after{content:"";position:absolute;right:-70px;bottom:-70px;width:220px;height:220px;border:1px solid rgba(255,255,255,.12);border-radius:50%}
.professional-hero .hero-text h1{max-width:780px;letter-spacing:-.02em}
.hero-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.hero-trust-row span{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.09);border-radius:999px;padding:7px 11px;color:#f6f8fb;font-size:13px;font-weight:850}
.premium-logo-card{padding:34px 28px;background:linear-gradient(180deg,#ffffff,#f7f9fc);border:1px solid #d6dfeb}
.logo-orb{width:148px;height:148px;margin:0 auto 18px;border-radius:38px;background:linear-gradient(135deg,#0b2242,#143e72);position:relative;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 22px 48px rgba(11,34,66,.22);overflow:hidden}
.logo-orb::before{content:"";position:absolute;inset:13px;border:1px solid rgba(255,255,255,.3);border-radius:28px}
.logo-orb::after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-40px;top:-35px;background:rgba(201,154,46,.42)}
.logo-letters{position:relative;z-index:3;font-size:34px;font-weight:950;letter-spacing:.08em}
.logo-line{position:absolute;z-index:2;width:82px;height:2px;background:rgba(255,255,255,.55);transform:rotate(-28deg)}
.logo-dot{position:absolute;z-index:3;width:11px;height:11px;border-radius:50%;background:#e6c46d;box-shadow:0 0 0 4px rgba(230,196,109,.18)}
.dot-a{left:33px;bottom:42px}.dot-b{right:37px;top:43px}.dot-c{right:42px;bottom:35px;background:#ffffff}
.product-name{font-size:27px;font-weight:950;color:var(--navy);letter-spacing:-.01em}.product-cn{font-size:16px;font-weight:900;color:#6b4a12;margin-top:2px}.product-slogan{font-size:13px;line-height:1.65;color:#667085;margin:14px auto 18px;max-width:260px}
.friend-philosophy{border-left:0;border-top:5px solid var(--gold);background:linear-gradient(180deg,#ffffff,#f8fbff)}
footer p{font-weight:800;color:#5f6b7a;letter-spacing:.03em}
@media (max-width:900px){.brand{min-width:0}.brand-mark{width:44px;height:44px}.product-name{font-size:24px}.logo-orb{width:124px;height:124px;border-radius:32px}.logo-letters{font-size:28px}.hero-trust-row span{font-size:12px}}


/* Login menu and account entrance: professional homepage baseline preserved */
.login-shell{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.login-card,.login-status-card{min-height:420px}
.login-brand-card{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:16px;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#fffaf0);border:1px solid var(--line)}
.login-logo{width:56px;height:56px;border-radius:16px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:center;font-weight:950;letter-spacing:.08em;box-shadow:0 12px 28px rgba(11,34,66,.18)}
.login-brand-card h2{margin:0;color:var(--navy);font-size:24px}
.login-brand-card p{margin:2px 0 0;color:var(--muted);font-weight:800}
.login-form{display:grid;gap:14px}
.login-form label{font-weight:900;color:var(--navy);display:flex;flex-direction:column;gap:6px}
.login-form label span,.login-status-card h2 span{font-size:12px;color:var(--muted);font-weight:800;margin-left:4px}
.login-form select,.login-form input{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:white;width:100%;min-width:0;font-size:17px}
.login-form .text-input{text-align:left;margin:0;font-size:17px}
.login-actions button span,.login-status-card .button-row button span{font-size:12px;opacity:.78;font-weight:800}
.login-message{min-height:28px;font-weight:900;text-align:center;border-radius:12px;padding:7px 10px;background:#f8fafc;color:var(--muted)}
.login-message.ok{background:#e8f7ee;color:#0b6b3b}
.login-message.bad{background:#fff0f0;color:#a12222}
.login-status-card h2{margin:4px 0 14px;color:var(--navy)}
.login-status-box{border:1px solid var(--line);border-radius:18px;background:#fbfcff;min-height:102px;display:flex;align-items:center;justify-content:center;padding:16px;margin-bottom:16px}
.login-empty{text-align:center;color:var(--muted);font-weight:950;font-size:22px}
.login-empty span{font-size:13px;font-weight:800;color:#94a3b8}
.login-user-ok{display:flex;align-items:center;gap:14px;width:100%}
.login-user-mark{width:44px;height:44px;border-radius:50%;background:var(--green);color:white;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:950}
.login-user-ok strong{display:block;color:var(--navy);font-size:22px}
.login-user-ok span,.login-user-ok small{display:block;color:var(--muted);font-weight:800;margin-top:2px}
.login-benefits{display:grid;gap:10px}
.login-benefits div{border:1px solid var(--line);border-radius:16px;padding:14px;background:white}
.login-benefits strong{display:block;color:var(--navy);font-size:17px}
.login-benefits span{color:var(--muted);font-size:14px}
@media (max-width:900px){.login-shell{grid-template-columns:1fr}.login-card,.login-status-card{min-height:auto}.login-actions button{flex:1;min-width:140px}}

/* 词源生成模块：只从当前课标词库中生成词源、词族、前后缀关系 */
.origin-intro{display:flex;gap:18px;align-items:center;background:linear-gradient(135deg,#ffffff,#f7fbff)}
.origin-intro-mark{width:62px;height:62px;border-radius:18px;background:var(--navy);color:#f3c75f;display:flex;align-items:center;justify-content:center;font-weight:950;letter-spacing:.06em;box-shadow:0 12px 28px rgba(11,34,66,.18);flex:0 0 auto}
.origin-intro h2{margin:0 0 6px;color:var(--navy);font-size:24px}.origin-intro p{margin:0;color:#43536b;line-height:1.75}
.origin-controls label span{font-size:12px;color:var(--muted);font-weight:700}.origin-controls select{min-width:190px}.origin-summary{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:0 0 18px}.origin-summary>div{background:#f7f9fc;border:1px solid var(--line);border-radius:16px;padding:14px 16px}.origin-summary strong{display:block;font-size:24px;color:var(--navy);line-height:1.1}.origin-summary span{font-size:13px;color:var(--muted);line-height:1.5}.origin-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.origin-card{background:white;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 8px 24px rgba(11,34,66,.055)}.origin-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}.origin-card-head h3{margin:2px 0 0;color:var(--navy);font-size:25px}.origin-card-head strong{background:#fff6dd;border:1px solid #ead38a;color:#6f4d12;border-radius:999px;padding:6px 10px;font-size:13px;white-space:nowrap}.origin-type{font-size:12px;font-weight:900;color:var(--red);letter-spacing:.08em}.origin-meaning{font-weight:900;color:#26354b;margin:8px 0}.origin-idea{font-size:14px;color:#526176;line-height:1.62;margin:6px 0 14px}.origin-word-list{display:flex;flex-wrap:wrap;gap:8px}.origin-word-chip,.origin-family-flow button{border:1px solid var(--line);background:#f8fafc;border-radius:14px;padding:8px 10px;text-align:left;display:inline-flex;flex-direction:column;gap:1px;cursor:pointer;min-width:94px}.origin-word-chip:hover,.origin-family-flow button:hover{border-color:#d0a640;background:#fff9e8}.origin-word-chip strong,.origin-family-flow strong{color:var(--navy);font-size:15px}.origin-word-chip span,.origin-family-flow span{font-size:11px;color:var(--red);font-weight:850}.origin-word-chip small,.origin-family-flow small{font-size:11px;color:#566579;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.origin-more{font-size:12px;color:var(--muted);margin-top:10px}.origin-family-flow{display:flex;align-items:stretch;flex-wrap:wrap;gap:8px}.origin-family-flow em{font-style:normal;font-size:10px;color:#77859a;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.origin-arrow{align-self:center;color:#b9902f;font-weight:950}.empty-state{text-align:center;color:var(--muted);font-weight:800}
@media (max-width:900px){.origin-cards,.origin-summary{grid-template-columns:1fr}.origin-intro{align-items:flex-start}.origin-card-head h3{font-size:22px}.origin-controls select{min-width:150px}}


/* V3.7.31 词族完整显示：库内/库外标注 */
.family-box strong{display:block;margin-bottom:8px;color:var(--navy)}
.family-legend{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px}
.family-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;border:1px solid var(--line)}
.family-badge.in{background:#eef5ff;color:#173f73;border-color:#c9dcf4}.family-badge.out{background:#fff7e4;color:#7b4f08;border-color:#ead38a}
.family-chip-list{display:flex;flex-wrap:wrap;gap:8px}.family-chip{display:inline-flex;align-items:center;gap:6px;line-height:1.1}.family-chip em{font-style:normal;font-size:10px;border-radius:999px;padding:2px 6px;background:#eef5ff;color:#173f73}.family-chip.out-vocab{background:#fffaf0;border-style:dashed;color:#704c12}.family-chip.out-vocab em{background:#fff1c7;color:#704c12}.family-chip-word{font-weight:900}
.origin-family-flow .origin-family-member{position:relative}.origin-family-flow .origin-family-member b{font-size:10px;font-style:normal;border-radius:999px;padding:2px 6px;width:max-content;background:#eef5ff;color:#173f73;margin-top:2px}.origin-family-flow .origin-family-member.out-vocab{background:#fffaf0;border-style:dashed}.origin-family-flow .origin-family-member.out-vocab b{background:#fff1c7;color:#704c12}.origin-family-flow .origin-family-member.out-vocab strong{color:#704c12}
@media (max-width:720px){.family-chip-list{gap:6px}.family-chip{font-size:12px;padding:7px 9px}.origin-family-flow .origin-family-member{min-width:88px}}

/* V3.7.32：词源先学习后练习 */
.origin-practice-panel{margin:16px 0 18px}.origin-learn-bar,.origin-practice-box,.origin-practice-note{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 8px 24px rgba(11,34,66,.055)}.origin-learn-bar{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center}.origin-learn-bar strong{display:block;color:var(--navy);font-size:18px;margin-bottom:4px}.origin-learn-bar span{display:block;color:var(--muted);font-size:13px;line-height:1.6}.origin-mini-stats{display:grid;grid-template-columns:auto auto auto auto auto auto;gap:4px 7px;align-items:center;background:#f7f9fc;border:1px solid var(--line);border-radius:16px;padding:10px 12px}.origin-mini-stats b{color:var(--red);font-size:18px;text-align:right}.origin-mini-stats span{font-size:12px;color:var(--muted);font-weight:800}.origin-practice-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.origin-practice-head span{font-size:12px;font-weight:900;color:var(--red);letter-spacing:.08em}.origin-practice-box h3{margin:8px 0 14px;color:var(--navy);font-size:23px}.origin-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.origin-choice-grid button{border:1px solid var(--line);border-radius:16px;background:#f8fafc;padding:13px;text-align:left;font-weight:900;color:#26354b;cursor:pointer}.origin-choice-grid button:hover{border-color:#d0a640;background:#fff9e8}.origin-practice-feedback{border-radius:16px;padding:12px 14px;margin:10px 0;font-weight:800;line-height:1.55}.origin-practice-feedback.ok{background:#f0f9f1;border:1px solid #aad7b0;color:#166534}.origin-practice-feedback.bad{background:#fff1f1;border:1px solid #efb4b4;color:#8a1f1f}.origin-example-strip{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#f7f9fc;border:1px dashed var(--line);border-radius:16px;padding:12px;margin-top:12px}.origin-example-strip>strong{color:var(--navy);margin-right:4px}.origin-practice-note{text-align:center;color:var(--muted);font-weight:850}.origin-family-flow{align-items:flex-start}.origin-family-flow .origin-family-member em{color:#7b5b16}.origin-family-flow .origin-family-member strong:before{content:""}.origin-family-flow .origin-family-member:first-of-type{background:#f5f8ff;border-color:#c8d7ee}
@media (max-width:900px){.origin-learn-bar{grid-template-columns:1fr}.origin-mini-stats{width:max-content}.origin-choice-grid{grid-template-columns:1fr}}

/* V3.7.33 词形变化系统 */
.form-intro{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:20px;
  align-items:center;
  background:linear-gradient(135deg, rgba(11,34,66,.96), rgba(117,30,42,.92));
  color:#fff;
  border:1px solid rgba(255,255,255,.14);
}
.form-intro h2{margin:0 0 8px;font-size:1.45rem;color:#fff;}
.form-intro p{margin:0;line-height:1.85;color:rgba(255,255,255,.9);}
.form-intro-mark{
  width:104px;height:104px;border-radius:26px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.1);
  font-weight:900;letter-spacing:.08em;
  box-shadow:inset 0 0 30px rgba(255,255,255,.12);
}
.form-controls{display:grid;grid-template-columns:1fr 1fr auto auto;gap:14px;align-items:end;}
.form-controls label span{font-size:.75rem;color:var(--muted);}
.form-summary{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:12px;margin:18px 0;}
.form-summary>div{
  background:#fff;border:1px solid var(--border);border-radius:18px;padding:16px;
  box-shadow:0 10px 24px rgba(11,34,66,.06);
}
.form-summary strong{display:block;font-size:1.8rem;color:var(--navy);}
.form-summary span{color:var(--muted);font-size:.9rem;}
.form-study-cards{display:grid;gap:18px;margin-bottom:18px;}
.form-section-card{
  background:#fff;border:1px solid var(--border);border-radius:24px;padding:20px;
  box-shadow:0 14px 34px rgba(11,34,66,.07);
}
.form-section-head{
  display:grid;grid-template-columns:1fr minmax(220px, .7fr);gap:14px;align-items:start;margin-bottom:16px;
}
.form-section-head h2{margin:0;color:var(--navy);font-size:1.25rem;}
.form-section-head p{margin:4px 0 0;color:var(--muted);}
.form-section-head strong{
  background:rgba(117,30,42,.08);color:var(--burgundy);border-radius:16px;padding:12px;line-height:1.55;
}
.form-rule-grid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:14px;}
.form-rule-card{
  background:linear-gradient(180deg,#fff,#f8fafc);
  border:1px solid var(--border);border-radius:18px;padding:16px;
}
.form-rule-top{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:10px;}
.form-rule-top span{font-weight:800;color:var(--navy);}
.form-rule-top small{color:var(--muted);line-height:1.5;text-align:right;}
.form-pattern{
  display:inline-block;background:rgba(11,34,66,.08);color:var(--navy);
  border-radius:999px;padding:7px 12px;font-weight:800;margin-bottom:10px;
}
.form-rule-card p{margin:0 0 12px;line-height:1.7;color:#334155;}
.form-examples{display:flex;flex-wrap:wrap;gap:8px;}
.form-examples button{
  border:1px solid rgba(11,34,66,.12);background:#fff;border-radius:999px;
  padding:7px 10px;color:#334155;cursor:pointer;
}
.form-examples button:hover{border-color:var(--burgundy);color:var(--burgundy);}
.form-practice-card{margin-top:18px;}
.form-practice-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:14px;}
.form-practice-head h2{margin:4px 0 4px;color:var(--navy);}
.form-practice-head p{margin:0;color:var(--muted);}

.form-practice-stats{
  display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center;
}
.form-practice-stats span{
  display:inline-flex;align-items:center;gap:5px;
  background:rgba(11,34,66,.06);border:1px solid rgba(11,34,66,.1);
  border-radius:999px;padding:7px 10px;color:var(--navy);font-weight:800;font-size:.88rem;
}
.form-practice-stats span b{font-size:1.05rem;color:var(--burgundy);}
.form-practice-stats small{
  flex-basis:100%;color:var(--muted);line-height:1.55;margin-top:2px;
}

.form-q-tag{
  display:inline-block;margin-right:10px;background:rgba(117,30,42,.1);color:var(--burgundy);
  border-radius:999px;padding:5px 10px;font-size:.8rem;font-weight:800;
}
.form-options button{font-size:1rem;font-weight:700;}
.form-practice-note{
  background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:18px;padding:16px;
}
@media (max-width: 760px){
  .form-intro{grid-template-columns:1fr;}
  .form-intro-mark{width:86px;height:86px;}
  .form-controls{grid-template-columns:1fr;}
  .form-summary{grid-template-columns:1fr;}
  .form-section-head{grid-template-columns:1fr;}
  .form-rule-grid{grid-template-columns:1fr;}
  .form-practice-head{display:block;}
}

/* V3.7.34 完整不规则变化清单 */
.form-irregular-full{margin-top:18px;display:grid;gap:16px;}
.form-irregular-title{background:#f8fafc;border:1px dashed var(--border);border-radius:18px;padding:16px;}
.form-irregular-title h3{margin:0 0 6px;color:var(--navy);font-size:1.18rem;}
.form-irregular-title p{margin:0;color:var(--muted);line-height:1.65;}
.form-irregular-table-card{border:1px solid var(--border);border-radius:20px;background:linear-gradient(180deg,#fff,#fbfcff);overflow:hidden;}
.form-irregular-table-head{display:flex;justify-content:space-between;gap:14px;align-items:start;padding:16px;border-bottom:1px solid var(--border);background:rgba(11,34,66,.035);}
.form-irregular-table-head h4{margin:0 0 5px;color:var(--navy);font-size:1.03rem;}
.form-irregular-table-head p{margin:0;color:var(--muted);line-height:1.55;font-size:.92rem;}
.form-irregular-table-head span{white-space:nowrap;background:rgba(117,30,42,.1);color:var(--burgundy);font-weight:900;border-radius:999px;padding:7px 11px;font-size:.82rem;}
.table-scroll{overflow:auto;max-height:520px;}
.form-irregular-table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px;}
.form-irregular-table th{position:sticky;top:0;background:#0b2242;color:#fff;text-align:left;padding:10px 12px;font-size:.86rem;z-index:1;}
.form-irregular-table td{border-bottom:1px solid rgba(11,34,66,.08);padding:8px 10px;vertical-align:top;}
.form-irregular-table tr:nth-child(even) td{background:#f8fafc;}
.form-irregular-table td button{border:0;background:transparent;color:#26354b;font-weight:800;cursor:pointer;text-align:left;padding:2px 0;line-height:1.35;}
.form-irregular-table td button:hover{color:var(--burgundy);text-decoration:underline;}
@media (max-width:760px){.form-irregular-table-head{display:block}.form-irregular-table-head span{display:inline-block;margin-top:10px}.table-scroll{max-height:430px}.form-irregular-table{min-width:680px}}


/* V3.7.38 英文短文跟读高亮 + 白话文翻译 */
.article-play-tip{margin:10px 0 6px;padding:10px 14px;border-radius:14px;background:#f3f6fb;color:#243044;font-weight:750;border:1px solid rgba(11,34,66,.10);}
.article-cn{font-size:16.5px!important;line-height:1.86!important;font-weight:560!important;color:#25324a;background:#fffdf7;border-left:5px solid var(--gold);padding:15px!important;border-radius:14px;margin:12px 0 18px;}
.article-read-word{display:inline-flex;flex-direction:row;align-items:baseline;justify-content:center;vertical-align:middle;margin:0 1px;padding:1px 4px 2px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;position:relative;}
.article-read-word:hover{background:#eef3ff;border-color:rgba(11,34,66,.12);}
.article-read-word.article-target-word{background:#fff1b8;border:1px solid rgba(130,90,0,.28);box-shadow:0 2px 6px rgba(90,60,0,.08);}
.article-read-word.reading-done{background:#e9eef7;border-color:rgba(11,34,66,.08);color:#526179;}
.article-read-word.reading-active{background:#0b2242!important;color:#fff!important;border-color:#0b2242!important;box-shadow:0 0 0 4px rgba(11,34,66,.15),0 8px 18px rgba(11,34,66,.22)!important;transform:translateY(-2px) scale(1.08);animation:gneWordRise .52s ease-in-out infinite alternate;}
.article-read-word.reading-active::after{content:"";position:absolute;left:12%;right:12%;bottom:-4px;height:3px;border-radius:999px;background:var(--gold);animation:gneUnderlinePulse .52s ease-in-out infinite alternate;}
.article-read-word.reading-active .article-word-main{color:#fff!important;}
.article-read-word.article-target-word .article-word-main{color:#7a1f1f;font-weight:850;}
@media (max-width:900px){.article-cn{font-size:15.5px!important;line-height:1.78!important;}.article-play-tip{font-size:13px;}}

@keyframes gneWordRise{0%{transform:translateY(1px) scale(1.02);}100%{transform:translateY(-4px) scale(1.10);}}
@keyframes gneUnderlinePulse{0%{opacity:.45;transform:scaleX(.72);}100%{opacity:1;transform:scaleX(1.08);}}
.article-buttons button:disabled{opacity:.45;cursor:not-allowed;}
.article-cn{white-space:pre-line;}

/* V3.7.41 英语短文与句子字号收紧：专业学习软件阅读密度 */
.article-head h2{font-size:22px!important;line-height:1.25!important;}
.article-head p{font-size:13px!important;line-height:1.45!important;}
.article-play-tip{font-size:12.5px!important;line-height:1.45!important;margin:8px 0 6px!important;padding:8px 12px!important;border-radius:12px!important;}
.article-en{
  font-size:14.5px!important;
  line-height:1.56!important;
  font-weight:520!important;
  letter-spacing:0!important;
  padding:12px 14px!important;
  margin:12px 0!important;
  border-left-width:4px!important;
  border-radius:12px!important;
}
.article-cn{
  font-size:14px!important;
  line-height:1.62!important;
  font-weight:460!important;
  letter-spacing:0!important;
  padding:12px 14px!important;
  margin:10px 0 14px!important;
  border-left-width:4px!important;
  border-radius:12px!important;
}
.article-label{font-size:11.5px!important;padding:4px 9px!important;margin-top:8px!important;}
.article-read-word,
.article-word{
  margin:0!important;
  padding:0 2px 1px!important;
  border-radius:5px!important;
  box-shadow:none!important;
}
.article-read-word.article-target-word,
.article-word{border-color:rgba(130,90,0,.18)!important;background:#fff5c9!important;}
.article-word-main{font-size:inherit!important;line-height:1.08!important;font-weight:720!important;}
.article-read-word.article-target-word .article-word-main{font-weight:760!important;color:#7a1f1f!important;}
.article-read-word.reading-done{background:#edf1f7!important;color:#647084!important;}
.article-read-word.reading-active{
  box-shadow:0 0 0 2px rgba(11,34,66,.12),0 5px 12px rgba(11,34,66,.16)!important;
  transform:translateY(-1px) scale(1.04)!important;
  animation:gneWordRiseCompact .48s ease-in-out infinite alternate!important;
}
.article-read-word.reading-active::after{height:2px!important;bottom:-3px!important;left:18%!important;right:18%!important;}
@keyframes gneWordRiseCompact{0%{transform:translateY(0) scale(1.01);}100%{transform:translateY(-2px) scale(1.045);}}

.example-box{padding:12px 14px!important;margin:12px 0!important;border-radius:12px!important;}
.example-highlight strong{font-size:13px!important;}
.example-kind{font-size:10.5px!important;padding:2px 6px!important;margin-right:6px!important;}
.example-en{font-size:15px!important;line-height:1.48!important;font-weight:700!important;letter-spacing:0!important;}
.example-cn{font-size:12.5px!important;line-height:1.45!important;margin-top:5px!important;}
.auto-sentence-box{padding:10px 12px!important;margin-top:10px!important;border-radius:12px!important;}
.auto-sentence-title{font-size:11px!important;margin-bottom:4px!important;}
.auto-sentence-en{font-size:15px!important;line-height:1.5!important;font-weight:720!important;}
.auto-sentence-cn{font-size:12.5px!important;line-height:1.45!important;margin-top:4px!important;}
.form-rule-card p{font-size:14px!important;line-height:1.55!important;margin-bottom:10px!important;}
.form-examples{gap:6px!important;}
.form-examples button{font-size:12.5px!important;padding:5px 8px!important;line-height:1.25!important;}

@media (max-width:900px){
  .article-head h2{font-size:20px!important;}
  .article-en{font-size:13.8px!important;line-height:1.54!important;padding:11px 12px!important;}
  .article-cn{font-size:13.5px!important;line-height:1.58!important;padding:11px 12px!important;}
  .article-read-word,.article-word{padding:0 1px 1px!important;}
  .example-en{font-size:14px!important;line-height:1.45!important;}
  .example-cn{font-size:12px!important;line-height:1.42!important;}
  .auto-sentence-en{font-size:14px!important;}
  .auto-sentence-cn{font-size:12px!important;}
}


/* V3.7.42 Times New Roman 阅读字体 + 跟读同步加速 */
:root{--gne-reading-font:"Times New Roman", Times, serif;}
.article-en,
.article-read-word,
.article-word-main,
.example-en,
.auto-sentence-en,
.form-examples button,
.form-irregular-table td button{
  font-family:var(--gne-reading-font)!important;
}
.article-cn,
.example-cn,
.auto-sentence-cn{
  font-family:"Times New Roman","SimSun","Songti SC",serif!important;
}
.article-en{
  font-size:14px!important;
  line-height:1.48!important;
  word-spacing:1px!important;
}
.article-cn{
  font-size:13.5px!important;
  line-height:1.54!important;
}
.article-read-word{
  transition:background .055s linear,color .055s linear,transform .055s ease-out,box-shadow .055s ease-out!important;
  will-change:transform,background,color;
}
.article-read-word.reading-active{
  transform:translateY(-1px) scale(1.035)!important;
  animation:gneWordBeatFast .28s ease-out 1!important;
}
.article-read-word.reading-active::after{
  animation:gneUnderlineBeatFast .28s ease-out 1!important;
}
@keyframes gneWordBeatFast{
  0%{transform:translateY(0) scale(1.00);}
  42%{transform:translateY(-3px) scale(1.065);}
  100%{transform:translateY(-1px) scale(1.035);}
}
@keyframes gneUnderlineBeatFast{
  0%{opacity:.35;transform:scaleX(.55);}
  55%{opacity:1;transform:scaleX(1.12);}
  100%{opacity:.82;transform:scaleX(.92);}
}
@media (max-width:900px){
  .article-en{font-size:13.4px!important;line-height:1.45!important;}
  .article-cn{font-size:13px!important;line-height:1.5!important;}
}

/* V3.7.43 跟读起伏柔化：保持高亮同步，降低单词跳动速度与幅度 */
.article-read-word{
  transition:background .09s linear,color .09s linear,transform .12s ease-out,box-shadow .12s ease-out!important;
}
.article-read-word.reading-active{
  transform:translateY(-1px) scale(1.026)!important;
  animation:gneWordBeatSoft .58s cubic-bezier(.22,.75,.28,1) 1!important;
}
.article-read-word.reading-active::after{
  animation:gneUnderlineBeatSoft .68s ease-out 1!important;
}
@keyframes gneWordBeatSoft{
  0%{transform:translateY(0) scale(1.00);}
  45%{transform:translateY(-1.8px) scale(1.038);}
  100%{transform:translateY(-1px) scale(1.026);}
}
@keyframes gneUnderlineBeatSoft{
  0%{opacity:.42;transform:scaleX(.68);}
  60%{opacity:.92;transform:scaleX(1.02);}
  100%{opacity:.78;transform:scaleX(.94);}
}


/* V3.7.44 删除单词起伏：只保留稳定逐词高亮 */
.article-read-word{
  transition:background .08s linear,color .08s linear,border-color .08s linear,box-shadow .08s linear!important;
  transform:none!important;
  animation:none!important;
  will-change:auto!important;
}
.article-read-word.reading-active{
  background:#0b2242!important;
  color:#fff!important;
  border-color:#0b2242!important;
  box-shadow:0 0 0 2px rgba(11,34,66,.12)!important;
  transform:none!important;
  animation:none!important;
}
.article-read-word.reading-active::after{
  display:none!important;
  content:none!important;
  animation:none!important;
}
.article-read-word.reading-active .article-word-main{
  color:#fff!important;
  transform:none!important;
  animation:none!important;
}

/* V3.7.47 Context Practice System */
.context-intro{display:flex;gap:18px;align-items:center;border-left:5px solid #8b1e3f;background:linear-gradient(135deg,#fff,#f7f2f4)}
.context-intro-mark{width:64px;height:64px;border-radius:18px;background:#0b2242;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:.06em;box-shadow:0 12px 30px rgba(11,34,66,.18)}
.context-intro h2{margin:0 0 6px;font-size:1.18rem;color:#0b2242}.context-intro p{margin:0;color:#536070;line-height:1.65}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.context-controls label span{font-size:.78rem;color:#687589}
.context-summary{margin:18px 0}.context-summary{display:grid;grid-template-columns:1.45fr 1fr;gap:16px}.context-title-block,.context-stat-grid{background:#fff;border:1px solid #e5e9f0;border-radius:18px;padding:18px;box-shadow:0 10px 28px rgba(11,34,66,.06)}
.context-title-block h2{margin:7px 0;color:#0b2242;font-size:1.35rem}.context-title-block h2 span{font-family:"Times New Roman",Times,serif;color:#8b1e3f;font-size:1rem}.context-title-block p{margin:0;color:#566274;line-height:1.65}
.context-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:center}.context-stat-grid div{background:#f7f9fc;border-radius:14px;padding:12px;text-align:center}.context-stat-grid strong{display:block;font-size:1.55rem;color:#8b1e3f}.context-stat-grid span{font-size:.82rem;color:#5d6979}
.context-content{margin-top:16px}.context-section-head{background:#fff;border:1px solid #e5e9f0;border-radius:18px;padding:16px 18px;margin-bottom:14px}.context-section-head h2{margin:0 0 6px;color:#0b2242}.context-section-head p{margin:0;color:#5f6b79;line-height:1.6}
.context-word-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.context-word-card{background:#fff;border:1px solid #e6ebf2;border-radius:16px;padding:14px;box-shadow:0 8px 22px rgba(11,34,66,.05)}
.context-word-main{display:flex;justify-content:space-between;gap:8px;align-items:center}.context-word-main strong{font-family:"Times New Roman",Times,serif;font-size:1.24rem;color:#0b2242}.context-word-main span{font-size:.78rem;background:#f0f3f8;color:#516074;border-radius:999px;padding:3px 7px}.context-word-cn{color:#8b1e3f;font-weight:700;margin:6px 0}.context-word-card p{font-family:"Times New Roman",Times,serif;font-size:.98rem;line-height:1.45;color:#313b49;margin:8px 0 10px}.compact-row{gap:6px;flex-wrap:wrap}.compact-row button,.tiny-btn{font-size:.78rem;padding:6px 9px}
.context-table-wrap{background:#fff;border:1px solid #e5e9f0;border-radius:18px;overflow:auto}.context-table{width:100%;border-collapse:collapse}.context-table th,.context-table td{padding:12px 14px;border-bottom:1px solid #edf0f5;text-align:left;vertical-align:top}.context-table th{background:#f7f9fc;color:#0b2242}.context-table td:first-child{font-family:"Times New Roman",Times,serif;color:#0b2242;font-size:1.05rem}.context-table td:nth-child(3){font-family:"Times New Roman",Times,serif;color:#313b49}
.context-function-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.context-function-card{background:#fff;border:1px solid #e6ebf2;border-radius:16px;padding:16px;box-shadow:0 8px 22px rgba(11,34,66,.05)}.context-function-card span{display:inline-block;background:#f5edf0;color:#8b1e3f;border-radius:999px;padding:4px 10px;font-size:.82rem;margin-bottom:10px}.context-function-card strong{display:block;font-family:"Times New Roman",Times,serif;font-size:1.08rem;color:#0b2242;margin-bottom:7px}.context-function-card p{margin:0 0 10px;color:#566274}
.context-practice-card{background:#fff;border:1px solid #e5e9f0;border-radius:18px;padding:20px;box-shadow:0 12px 30px rgba(11,34,66,.06)}.context-question{font-family:"Times New Roman",Times,serif;font-size:1.22rem;color:#0b2242;background:#f7f9fc;border-radius:14px;padding:16px;margin-bottom:14px}.context-options button{font-family:"Times New Roman",Times,serif;font-size:1.05rem}
@media (max-width: 980px){.context-summary{grid-template-columns:1fr}.context-word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.context-function-list,.grid-3{grid-template-columns:1fr}.context-stat-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 560px){.context-word-grid{grid-template-columns:1fr}.context-stat-grid{grid-template-columns:repeat(2,1fr)}.context-intro{align-items:flex-start}.context-intro-mark{width:52px;height:52px;border-radius:14px}}
/* V3.7.48 全词库语境归类系统 */
.context-coverage-note{margin-top:10px;padding:9px 12px;border-radius:12px;background:#f7f9fc;border:1px solid #e6ebf2;color:#425066;font-size:.92rem;line-height:1.45}
.context-word-count-line{margin:0 0 12px;padding:9px 12px;border-radius:12px;background:#fff;border:1px solid #e6ebf2;color:#0b2242;font-size:.95rem}
.context-word-grid-all{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.context-word-card-compact{padding:11px;border-radius:14px}.context-word-card-compact .context-word-main strong{font-size:1.1rem}.context-word-card-compact .context-word-cn{font-size:.92rem;margin:4px 0}.context-word-card-compact p{font-size:.88rem;line-height:1.35;margin:6px 0 8px}.context-word-card-compact .compact-row button{font-size:.72rem;padding:5px 7px}
@media (max-width: 1180px){.context-word-grid-all{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width: 980px){.context-word-grid-all{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 560px){.context-word-grid-all{grid-template-columns:1fr}}


/* V3.7.49 context function classification */
.mini-meta{font-size:12px;line-height:1.45;color:#667085;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:6px 8px;margin:6px 0 8px;}
.context-role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;}
.context-role-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px;box-shadow:0 8px 22px rgba(15,23,42,.06);}
.context-role-card h3{margin:0 0 6px;font-size:18px;color:#1f2937;}
.context-role-card h3 span{font-size:13px;color:#6b7280;font-weight:600;}
.context-role-card p{font-size:13px;line-height:1.55;color:#475569;margin:0 0 10px;}
.context-role-words{display:flex;flex-wrap:wrap;gap:6px;max-height:220px;overflow:auto;padding-right:4px;}
.context-role-words span{font-size:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;padding:5px 8px;color:#334155;}
.context-word-card p{font-family:"Times New Roman","Microsoft YaHei",serif;}


/* V3.7.50 词句生成系统 */
.sentence-intro .context-intro-mark{background:linear-gradient(135deg,#143866,#8a6a2a);}
.sentence-controls select{min-width:180px;}
.sentence-summary{margin:16px 0;}
.sentence-stat-grid{margin-top:12px;}
.sentence-section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin:18px 0 14px;}
.sentence-section-head h2{margin:0;color:#0b2242;font-size:1.25rem;}
.sentence-section-head p{margin:6px 0 0;color:#5b6472;line-height:1.55;max-width:820px;}
.sentence-core-grid,.sentence-function-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;}
.sentence-core-card,.sentence-function-grid article,.sentence-word-card,.sentence-practice-card{background:#fff;border:1px solid #d9e1ec;border-radius:18px;padding:16px;box-shadow:0 10px 28px rgba(11,34,66,.06);}
.sentence-core-card span,.sentence-function-grid span{display:inline-block;font-size:.78rem;letter-spacing:.04em;color:#8a6a2a;font-weight:800;text-transform:uppercase;margin-bottom:8px;}
.sentence-core-card h3{margin:0 0 8px;color:#132f55;font-size:1rem;}
.sentence-core-card strong,.sentence-function-grid strong,.sentence-en{display:block;font-family:"Times New Roman",Times,serif;font-size:1rem;line-height:1.45;color:#0d2340;margin:6px 0;}
.sentence-core-card p,.sentence-function-grid p,.sentence-cn{margin:6px 0;color:#415066;line-height:1.55;font-size:.94rem;}
.sentence-core-card em{display:block;color:#6b7280;font-style:normal;background:#f6f8fb;border-radius:12px;padding:8px;margin:8px 0;line-height:1.45;}
.sentence-word-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px;}
.sentence-word-top{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #edf1f6;padding-bottom:8px;margin-bottom:10px;}
.sentence-word-top strong{font-family:"Times New Roman",Times,serif;font-size:1.2rem;color:#0b2242;}
.sentence-word-top span{font-size:.78rem;background:#eef4fb;color:#214466;border-radius:999px;padding:4px 8px;white-space:nowrap;}
.sentence-word-cn{font-weight:800;color:#8a4b1f;margin-bottom:8px;}
.sentence-expand-ladder{display:grid;gap:10px;}
.sentence-expand-ladder article{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid #dbe3ef;border-radius:16px;padding:12px 14px;box-shadow:0 8px 22px rgba(11,34,66,.045);}
.sentence-step{width:34px;height:34px;border-radius:50%;background:#0b2242;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;}
.sentence-expand-ladder span{font-size:.78rem;color:#8a6a2a;font-weight:800;}
.sentence-expand-ladder strong{display:block;font-family:"Times New Roman",Times,serif;font-size:1.03rem;color:#0b2242;margin:3px 0;}
.sentence-expand-ladder p{margin:0;color:#506070;}
.sentence-practice-card{max-width:860px;}
@media(max-width:720px){.sentence-section-head{display:block}.sentence-expand-ladder article{grid-template-columns:34px 1fr}.sentence-expand-ladder article button{grid-column:2}.sentence-word-grid{grid-template-columns:1fr}}


/* V3.7.52 选择生成练习：每6句一组、自动定时、答案、暂停停止 */
.sentence-practice-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fff;border:1px solid #d9e1ec;border-radius:18px;padding:14px 16px;margin:12px 0 14px;box-shadow:0 10px 28px rgba(11,34,66,.055)}
.sentence-practice-toolbar strong{display:block;color:#0b2242;font-size:1rem;margin-bottom:4px}
.sentence-practice-toolbar span{display:block;color:#64748b;font-size:.9rem}
.sentence-practice-list{display:grid;gap:12px;max-width:980px}
.sentence-practice-item{display:grid;grid-template-columns:42px 1fr;gap:12px;background:#fff;border:1px solid #d9e1ec;border-radius:18px;padding:14px;box-shadow:0 9px 24px rgba(11,34,66,.045)}
.sentence-practice-item.active{border-color:#8a6a2a;box-shadow:0 12px 30px rgba(138,106,42,.14)}
.sentence-practice-item.revealed{background:#fbfcff}
.sentence-practice-no{width:34px;height:34px;border-radius:50%;background:#0b2242;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}
.sentence-practice-item.active .sentence-practice-no{background:#8a6a2a}
.sentence-practice-prompt{font-weight:800;color:#102a4a;margin-bottom:6px}
.sentence-practice-cn{font-size:.96rem;line-height:1.55;color:#334155;background:#f8fafc;border:1px solid #edf1f6;border-radius:12px;padding:10px 12px;margin-bottom:10px}
.sentence-practice-options button{font-size:.96rem;line-height:1.35;text-align:left}
.sentence-practice-options button.selected{outline:2px solid #8a6a2a;background:#fff8ec}
@media(max-width:720px){.sentence-practice-toolbar{display:block}.sentence-practice-toolbar .button-row{margin-top:10px}.sentence-practice-item{grid-template-columns:34px 1fr;padding:12px}.sentence-practice-options{grid-template-columns:1fr}}


/* V3.7.53 听音选词系统：自动放音、暂停继续停止、听词/听句 */
.listening-intro .context-intro-mark{background:linear-gradient(135deg,#0b2242,#1f6f8b);}
.listening-controls select{min-width:180px;}
.listen-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0;}
.listen-summary div{background:#fff;border:1px solid #d9e1ec;border-radius:16px;padding:14px;text-align:center;box-shadow:0 8px 22px rgba(11,34,66,.045);}
.listen-summary strong{display:block;color:#0b2242;font-size:1.2rem;line-height:1.25;}
.listen-summary span{display:block;color:#64748b;font-size:.82rem;margin-top:4px;}
.listen-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fff;border:1px solid #d9e1ec;border-radius:18px;padding:14px 16px;margin:12px 0 14px;box-shadow:0 10px 28px rgba(11,34,66,.055);}
.listen-toolbar strong{display:block;color:#0b2242;font-size:1rem;margin-bottom:4px;line-height:1.35;}
.listen-toolbar span{display:block;color:#64748b;font-size:.9rem;line-height:1.45;}
.listen-card{display:grid;grid-template-columns:46px 1fr;gap:14px;background:#fff;border:1px solid #d9e1ec;border-radius:20px;padding:18px;box-shadow:0 10px 28px rgba(11,34,66,.055);max-width:980px;}
.listen-card.revealed{background:#fbfcff;}
.listen-no{width:38px;height:38px;border-radius:50%;background:#0b2242;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;}
.listen-prompt{font-weight:900;color:#102a4a;margin-bottom:8px;}
.listen-display{font-family:"Times New Roman",Times,serif;font-size:1.08rem;line-height:1.5;color:#0d2340;background:#f8fafc;border:1px solid #edf1f6;border-radius:14px;padding:13px 14px;margin-bottom:12px;}
.listen-display.sentence{font-size:1rem;}
.listen-options button{font-family:"Times New Roman",Times,serif;font-size:1rem;line-height:1.35;text-align:left;}
.listen-options button.selected{outline:2px solid #8a6a2a;background:#fff8ec;}
.listen-extra{display:grid;gap:6px;margin-top:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:14px;background:#f9fafb;color:#475569;font-size:.92rem;}
.listen-extra span{display:block;}
.listen-extra p{margin:4px 0 0;font-family:"Times New Roman",Times,serif;color:#0d2340;line-height:1.45;}
.listen-progress-list{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0;max-width:980px;}
.listen-progress-list span{min-width:34px;text-align:center;border-radius:999px;border:1px solid #d9e1ec;background:#fff;color:#64748b;padding:6px 9px;font-size:.84rem;font-weight:800;}
.listen-progress-list span.active{border-color:#8a6a2a;background:#fff8ec;color:#8a4b1f;}
.listen-progress-list span.done{background:#ecfdf5;color:#047857;border-color:#bbf7d0;}
@media(max-width:900px){.listen-summary{grid-template-columns:repeat(2,minmax(0,1fr));}.listen-toolbar{display:block}.listen-toolbar .button-row{margin-top:10px}.listen-card{grid-template-columns:38px 1fr;padding:14px}}
@media(max-width:560px){.listen-summary{grid-template-columns:1fr}.listen-options{grid-template-columns:1fr}.listen-display{font-size:.98rem}.listen-toolbar .button-row{display:grid;grid-template-columns:1fr 1fr}.listen-toolbar .button-row button{width:100%}}


/* V3.7.55 Dictation Practice */
.spell-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0;}
.spell-summary div{background:#fff;border:1px solid #d9e1ec;border-radius:16px;padding:14px;text-align:center;box-shadow:0 8px 22px rgba(11,34,66,.045);}
.spell-summary strong{display:block;color:#0b2242;font-size:1.2rem;line-height:1.25;}
.spell-summary span{display:block;color:#64748b;font-size:.82rem;margin-top:4px;}
.spell-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fff;border:1px solid #d9e1ec;border-radius:18px;padding:14px 16px;margin:12px 0 14px;box-shadow:0 10px 28px rgba(11,34,66,.055);}
.spell-toolbar strong{display:block;color:#0b2242;font-size:1rem;margin-bottom:4px;line-height:1.35;}
.spell-toolbar span{display:block;color:#64748b;font-size:.9rem;line-height:1.45;}
.spell-card{display:grid;grid-template-columns:46px 1fr;gap:14px;background:#fff;border:1px solid #d9e1ec;border-radius:20px;padding:18px;box-shadow:0 10px 28px rgba(11,34,66,.055);max-width:980px;}
.spell-card.revealed{background:#fbfcff;}
.spell-no{width:38px;height:38px;border-radius:50%;background:#0b2242;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;}
.spell-prompt{font-weight:900;color:#102a4a;margin-bottom:8px;}
.spell-display{font-family:"Times New Roman",Times,serif;font-size:1.08rem;line-height:1.5;color:#0d2340;background:#f8fafc;border:1px solid #edf1f6;border-radius:14px;padding:13px 14px;margin-bottom:12px;}
.spell-display.sentence{font-size:1rem;}
.spell-input{font-family:"Times New Roman",Times,serif;font-size:1.08rem;text-align:left;margin:8px 0 10px;}
.spell-extra{display:grid;gap:6px;margin-top:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:14px;background:#f9fafb;color:#475569;font-size:.92rem;}
.spell-extra span{display:block;}
.spell-extra p{margin:4px 0 0;font-family:"Times New Roman",Times,serif;color:#0d2340;line-height:1.45;}
.spell-progress-list{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0;max-width:980px;}
.spell-progress-list span{min-width:34px;text-align:center;border-radius:999px;border:1px solid #d9e1ec;background:#fff;color:#64748b;padding:6px 9px;font-size:.84rem;font-weight:800;}
.spell-progress-list span.active{border-color:#8a6a2a;background:#fff8ec;color:#8a4b1f;}
.spell-progress-list span.done{background:#ecfdf5;color:#047857;border-color:#bbf7d0;}
@media(max-width:900px){.spell-summary{grid-template-columns:repeat(2,minmax(0,1fr));}.spell-toolbar{display:block}.spell-toolbar .button-row{margin-top:10px}.spell-card{grid-template-columns:38px 1fr;padding:14px}}
@media(max-width:560px){.spell-summary{grid-template-columns:1fr}.spell-display{font-size:.98rem}.spell-toolbar .button-row{display:grid;grid-template-columns:1fr 1fr}.spell-toolbar .button-row button{width:100%}}

/* V3.7.58 发布级 polish：logo、首页逻辑、电脑端/手机端专业适配 */
:root{
  --navy:#071f3d;
  --navy-2:#0f3768;
  --gold:#c89b3c;
  --gold-soft:#fff5da;
  --bg:#f3f6fb;
  --ink:#152033;
}
body{
  background:
    radial-gradient(circle at 8% 2%, rgba(201,154,46,.12), transparent 26%),
    radial-gradient(circle at 92% 8%, rgba(7,31,61,.10), transparent 30%),
    linear-gradient(180deg,#f8fbff 0%, #f3f6fb 42%, #eef3f8 100%);
  color:var(--ink);
}
.topbar{
  padding:10px 22px;
  background:rgba(255,255,255,.92);
  border-bottom:1px solid rgba(7,31,61,.10);
  box-shadow:0 10px 28px rgba(7,31,61,.06);
}
.brand-with-logo{min-width:310px;gap:10px;}
.header-logo{width:252px;max-height:64px;object-fit:contain;display:block;filter:drop-shadow(0 8px 18px rgba(7,31,61,.08));}
.brand-text-fallback{display:none;}
.nav{gap:6px;align-items:center;}
.nav button{
  border-radius:999px;
  font-weight:900;
  color:#12243e;
  padding:8px 11px;
  white-space:nowrap;
}
.nav button:hover{background:#f4f7fb;box-shadow:none;}
.nav button.active{background:linear-gradient(135deg,var(--navy),#123a68);box-shadow:0 8px 20px rgba(7,31,61,.18);}
main{max-width:1280px;padding-top:30px;}
button.primary{background:linear-gradient(135deg,var(--navy),#123a68);box-shadow:0 10px 22px rgba(7,31,61,.16);}
button.secondary{background:rgba(255,255,255,.88);}
.panel,.hero-card,.library-card{
  border-color:rgba(7,31,61,.10);
  box-shadow:0 12px 32px rgba(7,31,61,.06);
}
.page-head{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(7,31,61,.08);
  border-radius:22px;
  padding:18px 20px;
  box-shadow:0 12px 28px rgba(7,31,61,.045);
}
.page-head h1{letter-spacing:-.02em;}
.home-pro .release-hero{grid-template-columns:1.25fr .75fr;gap:20px;margin-top:8px;}
.release-hero-text{
  min-height:420px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    radial-gradient(circle at 86% 12%, rgba(201,154,46,.34), transparent 30%),
    radial-gradient(circle at 16% 86%, rgba(255,255,255,.12), transparent 28%),
    linear-gradient(135deg,#06172c,#0b2242 58%,#123a68)!important;
  border:1px solid rgba(255,255,255,.12);
}
.release-hero-text h1{font-size:48px;line-height:1.1;max-width:820px;}
.release-hero-text .lead{font-size:18px;line-height:1.85;color:#edf4ff;}
.release-logo-card{
  min-height:420px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  background:linear-gradient(180deg,#fff,#fbfdff);
  position:relative;
  overflow:hidden;
}
.release-logo-card::before{
  content:"";position:absolute;inset:-80px -60px auto auto;width:230px;height:230px;border-radius:50%;background:rgba(201,154,46,.12);
}
.home-logo-img{width:100%;max-width:360px;display:block;position:relative;cursor:pointer;}
.release-mini-route{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0 20px;flex-wrap:wrap;}
.release-mini-route span{width:38px;height:38px;border-radius:12px;background:#f2f6fb;color:var(--navy);display:grid;place-items:center;font-weight:950;border:1px solid rgba(7,31,61,.08);}
.release-mini-route b{color:var(--gold);}
.home-section{margin:24px 0;}
.section-headline{background:white;border:1px solid rgba(7,31,61,.10);border-radius:24px;padding:24px 26px;margin-bottom:16px;box-shadow:0 12px 28px rgba(7,31,61,.045);}
.section-headline span,.philosophy-card span{display:inline-block;color:#8a6113;background:var(--gold-soft);border:1px solid rgba(201,154,46,.25);border-radius:999px;padding:6px 11px;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;}
.section-headline h2,.philosophy-card h2{margin:0;color:var(--navy);font-size:28px;line-height:1.28;letter-spacing:-.02em;}
.section-headline p,.philosophy-card p{margin:10px 0 0;color:#59677c;line-height:1.75;}
.section-headline.compact{padding:20px 24px;}
.learning-route{display:grid;grid-template-columns:repeat(9,1fr);gap:10px;}
.learning-route button{min-height:96px;background:white;border:1px solid rgba(7,31,61,.10);border-radius:18px;text-align:left;padding:14px;box-shadow:0 10px 24px rgba(7,31,61,.045);}
.learning-route button strong{display:block;color:var(--navy);font-size:15px;line-height:1.25;margin-bottom:8px;}
.learning-route button span{display:block;color:#617088;font-size:12px;line-height:1.45;font-weight:800;}
.learning-route button:hover{background:#fffaf0;border-color:rgba(201,154,46,.55);}
.stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.stage-card{background:white;border:1px solid rgba(7,31,61,.10);border-radius:26px;overflow:hidden;cursor:pointer;box-shadow:0 18px 40px rgba(7,31,61,.07);transition:.22s;}
.stage-card:hover{transform:translateY(-4px);box-shadow:0 26px 55px rgba(7,31,61,.12);}
.stage-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#f8fafc;}
.stage-body{padding:18px 20px 20px;}
.stage-body h3{margin:0;color:var(--navy);font-size:24px;}
.stage-body h3 small{display:block;color:#7b5a17;font-size:13px;margin-top:4px;letter-spacing:.02em;}
.stage-body p{color:#59677c;line-height:1.65;margin:10px 0 14px;min-height:78px;}
.stage-body span{display:inline-flex;align-items:center;border-radius:999px;background:linear-gradient(135deg,var(--navy),#123a68);color:white;padding:8px 12px;font-weight:900;font-size:13px;}
.module-grid-pro{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.module-grid-pro article{background:white;border:1px solid rgba(7,31,61,.10);border-radius:22px;padding:20px;cursor:pointer;box-shadow:0 14px 30px rgba(7,31,61,.05);transition:.22s;position:relative;overflow:hidden;}
.module-grid-pro article::after{content:"";position:absolute;right:-36px;top:-36px;width:92px;height:92px;border-radius:50%;background:rgba(201,154,46,.12);}
.module-grid-pro article:hover{transform:translateY(-3px);border-color:rgba(201,154,46,.50);box-shadow:0 20px 44px rgba(7,31,61,.10);}
.module-grid-pro b{display:inline-flex;width:36px;height:36px;border-radius:12px;background:#eef4fb;color:var(--navy);align-items:center;justify-content:center;margin-bottom:12px;}
.module-grid-pro h3{margin:0 0 8px;color:var(--navy);font-size:22px;}
.module-grid-pro p{margin:0;color:#5f6b7c;line-height:1.65;}
.philosophy-section{display:grid;grid-template-columns:1.45fr .9fr;gap:18px;align-items:stretch;}
.philosophy-card{background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid rgba(7,31,61,.10);border-radius:26px;padding:28px;box-shadow:0 14px 34px rgba(7,31,61,.06);}
.data-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.data-cards div{background:linear-gradient(135deg,#071f3d,#123a68);border-radius:22px;padding:22px;color:white;box-shadow:0 18px 38px rgba(7,31,61,.16);}
.data-cards strong{display:block;font-size:30px;line-height:1.1;color:#f7d78b;}
.data-cards span{display:block;margin-top:8px;color:#e8eef7;font-weight:900;}
.controls{background:rgba(255,255,255,.86);}
.controls label{font-size:15px;}
select,input.text-input,.settings-grid input,.settings-grid select{box-shadow:inset 0 1px 0 rgba(255,255,255,.8);}
.option-grid button{border-radius:18px;}
.auto-word,.word-title,.word-large{font-family:"Times New Roman","Microsoft YaHei",serif;}
@media (max-width:1180px){
  .learning-route{grid-template-columns:repeat(3,1fr);}
  .brand-with-logo{min-width:250px;}.header-logo{width:220px;}
  .nav button{font-size:13px;padding:7px 9px;}
}
@media (max-width:900px){
  .brand-with-logo{min-width:0;}
  .header-logo{width:190px;}
  .nav{top:74px;}
  .home-pro .release-hero,.stage-grid,.module-grid-pro,.philosophy-section{grid-template-columns:1fr;}
  .release-hero-text{min-height:auto;padding:32px!important;}
  .release-hero-text h1{font-size:36px;}
  .learning-route{grid-template-columns:repeat(2,1fr);}
  .stage-body p{min-height:auto;}
  .data-cards{grid-template-columns:1fr 1fr;}
}
@media (max-width:520px){
  main{padding:18px 12px 36px;}
  .topbar{padding:9px 12px;}
  .header-logo{width:158px;}
  .release-hero-text h1{font-size:30px;}
  .release-hero-text .lead{font-size:15px;line-height:1.75;}
  .home-logo-img{max-width:280px;}
  .learning-route,.data-cards{grid-template-columns:1fr;}
  .section-headline h2,.philosophy-card h2{font-size:22px;}
  .stage-body h3{font-size:21px;}
  .module-grid-pro article{padding:18px;}
}

/* V3.7.59 自动朗读模块：发布级清晰整理 */
.auto-reading-page .auto-page-head{
  background:linear-gradient(135deg,#ffffff,#f7f9fc);
  border:1px solid rgba(7,31,61,.10);
  border-left:6px solid #c99a2e;
  border-radius:26px;
  padding:24px 28px;
  box-shadow:0 14px 34px rgba(7,31,61,.055);
}
.auto-reading-page .auto-page-head h1{margin-bottom:8px;}
.auto-reading-page .auto-page-head p{max-width:980px;line-height:1.78;color:#4e5d70;}
.auto-guide-strip{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px;
}
.auto-guide-strip article{
  background:#fff;border:1px solid rgba(7,31,61,.10);border-radius:22px;padding:18px 18px 18px 64px;position:relative;
  box-shadow:0 10px 24px rgba(7,31,61,.045);min-height:92px;
}
.auto-guide-strip b{
  position:absolute;left:18px;top:18px;width:34px;height:34px;border-radius:12px;background:#071f3d;color:#f7d78b;
  display:flex;align-items:center;justify-content:center;font-weight:950;
}
.auto-guide-strip strong{display:block;color:#071f3d;font-size:17px;margin-bottom:6px;}
.auto-guide-strip span{display:block;color:#64748b;font-size:13px;line-height:1.55;font-weight:750;}
.auto-section-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:18px 2px 10px;}
.auto-section-title h2{margin:0;color:#071f3d;font-size:22px;}
.auto-section-title p{margin:0;color:#64748b;font-weight:800;font-size:13px;}
.auto-settings-panel{
  display:grid!important;grid-template-columns:repeat(4,minmax(170px,1fr))!important;gap:12px!important;align-items:stretch!important;
  padding:16px!important;border-radius:24px!important;background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
}
.auto-settings-panel label{
  border:1px solid #dbe3ef!important;background:#fff!important;border-radius:18px!important;padding:12px 13px!important;
  font-size:14px!important;color:#071f3d!important;font-weight:950!important;box-shadow:0 8px 20px rgba(7,31,61,.035)!important;
}
.auto-settings-panel label span{font-size:11px!important;color:#7a8798!important;letter-spacing:.01em;}
.auto-settings-panel select{
  width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;margin-top:6px!important;
  border-radius:12px!important;font-size:13px!important;padding:7px 30px 7px 10px!important;background:#f8fafc!important;border:1px solid #dbe3ef!important;
}
.auto-settings-panel .auto-check-label{
  display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;
  background:#fffaf0!important;border-color:#efd58a!important;
}
.auto-check-label input{grid-row:1 / span 2;accent-color:#071f3d;transform:scale(1.1)!important;margin:0!important;}
.auto-check-label strong{font-size:14px;color:#071f3d;}
.auto-check-label span{grid-column:2;}
.auto-clean-box{border-radius:26px!important;padding:22px!important;background:linear-gradient(180deg,#ffffff,#f7f9fc)!important;}
.auto-box-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;}
.auto-box-head h2{margin:0 0 4px;color:#071f3d;font-size:24px;}
.auto-box-head p{margin:0;color:#64748b;font-size:13px;font-weight:800;}
.auto-mini-rule{background:#071f3d;color:#f7d78b;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950;white-space:nowrap;}
.auto-clean-box .auto-instruction{
  background:#fff;border:1px dashed #cfd8e6;border-radius:18px;padding:12px 14px;margin-bottom:14px;color:#071f3d;
}
.auto-current{min-height:260px!important;}
.auto-empty-state{
  display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#64748b!important;
  background:#fff;border:1px solid #dbe3ef;border-radius:22px;padding:32px!important;font-weight:900;
}
.auto-progress-line{
  display:flex;justify-content:space-between;align-items:center;gap:12px;background:#071f3d;color:#fff;border-radius:16px;padding:10px 14px!important;margin-bottom:12px!important;text-align:left!important;
}
.auto-progress-line strong{color:#f7d78b;font-size:14px;}
.auto-progress-line span{color:#eef3fb!important;font-size:12px!important;font-weight:850!important;}
.auto-practice-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start;}
.auto-main-card{
  background:#fff!important;border:1px solid #dbe3ef!important;border-radius:24px!important;padding:24px!important;text-align:center!important;box-shadow:0 12px 28px rgba(7,31,61,.06)!important;
}
.auto-card-kicker{font-size:12px;font-weight:950;letter-spacing:.08em;color:#9a6b14;text-transform:uppercase;margin-bottom:10px;}
.auto-word-row{justify-content:center!important;align-items:center!important;}
.auto-word{font-size:58px!important;line-height:.98!important;color:#071f3d!important;letter-spacing:-.01em;}
.auto-meta-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px;}
.auto-pos,.auto-meaning-small{
  margin:0!important;border-radius:999px!important;padding:7px 11px!important;font-size:13px!important;background:#f7f9fc!important;border:1px solid #dbe3ef!important;color:#2d3a4a!important;
}
.auto-meaning-small{background:#fff7df!important;border-color:#efd58a!important;color:#61440f!important;}
.auto-ipa{margin-top:13px!important;font-size:18px!important;color:#071f3d!important;font-family:"Times New Roman",Times,serif;}
.auto-ipa span{font-size:11px;background:#071f3d;color:#f7d78b;border-radius:8px;padding:3px 6px;margin-right:6px;font-family:"Microsoft YaHei",sans-serif;}
.auto-syllable-wrap{margin:12px auto 0;max-width:760px;}
.auto-main-card .syllable-box{margin-top:10px;}
.auto-sentence-box{
  margin-top:16px!important;background:#fbfcff!important;border:1px solid #e3e8f0!important;border-left:5px solid #c99a2e!important;border-radius:18px!important;padding:16px!important;
}
.auto-sentence-title{font-size:12px!important;color:#7a8798!important;letter-spacing:.06em!important;margin-bottom:8px!important;}
.auto-sentence-en{font-size:18px!important;line-height:1.62!important;font-weight:760!important;color:#071f3d!important;}
.auto-sentence-cn{font-size:13px!important;line-height:1.55!important;color:#667085!important;border-top:1px solid #edf1f6;margin-top:10px!important;padding-top:8px;}
.auto-side-panel{background:#fff;border:1px solid #dbe3ef;border-radius:24px;padding:14px;box-shadow:0 12px 28px rgba(7,31,61,.05);}
.auto-side-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#071f3d;}
.auto-side-head strong{font-size:16px;}.auto-side-head span{font-size:12px;color:#64748b;font-weight:850;}
.auto-group-list{max-height:430px;overflow:auto;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin:0!important;padding-right:3px;}
.auto-list-word{
  display:grid!important;grid-template-columns:28px 1fr;grid-template-rows:auto auto;gap:1px 8px!important;align-items:center!important;
  border-radius:14px!important;padding:8px 10px!important;background:#f8fafc!important;border:1px solid #e4eaf2!important;transform:none!important;text-align:left;
}
.auto-list-word em{grid-row:1 / span 2;font-style:normal;width:24px;height:24px;border-radius:8px;background:#eaf0f7;color:#071f3d;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:950;}
.auto-list-word b{font-size:14px!important;color:#071f3d;line-height:1.1;}
.auto-list-word small{font-size:11px!important;color:#6b7686!important;max-width:100%!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.auto-list-word.active{background:#071f3d!important;border-color:#071f3d!important;color:#fff!important;box-shadow:0 10px 22px rgba(7,31,61,.18);}
.auto-list-word.active em{background:#f7d78b;color:#071f3d;}.auto-list-word.active b,.auto-list-word.active small{color:#fff!important;}
.auto-status{
  background:#fff!important;border:1px solid #dbe3ef!important;border-radius:16px!important;padding:11px 14px!important;margin:14px 0!important;color:#475569!important;font-size:13px!important;line-height:1.55!important;
}
.auto-control-block{background:#fff;border:1px solid #dbe3ef;border-radius:20px;padding:13px 14px;margin-top:12px;}
.auto-control-block-light{background:#fbfcff;}
.auto-control-title{font-size:13px;font-weight:950;color:#071f3d;margin-bottom:8px;}
.auto-control-row{justify-content:flex-start!important;margin-top:0!important;gap:10px!important;}
.auto-control-row button,.auto-clean-box .bilingual-buttons button{
  min-height:52px!important;min-width:132px!important;border-radius:16px!important;padding:10px 14px!important;font-size:14px!important;box-shadow:none!important;
}
.auto-control-row button span{font-size:11px!important;margin-top:3px!important;}
.auto-control-row .danger-soft{border-color:#f0c7c7!important;background:#fff7f7!important;color:#9b1c1c!important;}
@media (max-width:1000px){
  .auto-guide-strip{grid-template-columns:1fr;}
  .auto-settings-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .auto-practice-grid{grid-template-columns:1fr;}
  .auto-side-panel{order:2;}
  .auto-group-list{max-height:260px;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:620px){
  .auto-reading-page .auto-page-head{padding:20px 18px;}
  .auto-section-title{display:block;}.auto-section-title p{margin-top:5px;}
  .auto-settings-panel{grid-template-columns:1fr!important;}
  .auto-box-head{display:block;}.auto-mini-rule{display:inline-flex;margin-top:8px;}
  .auto-word{font-size:44px!important;}
  .auto-main-card{padding:18px!important;}
  .auto-sentence-en{font-size:15.5px!important;line-height:1.55!important;}
  .auto-group-list{grid-template-columns:1fr!important;}
  .auto-control-row button,.auto-clean-box .bilingual-buttons button{flex:1 1 100%!important;min-width:0!important;}
}


/* V3.7.60 导航菜单左靠拢 + 中英文双行专业菜单 */
.topbar{
  justify-content:flex-start !important;
  gap:14px !important;
  padding:9px 18px !important;
}
.brand-with-logo{
  flex:0 0 auto;
  min-width:216px !important;
  max-width:236px;
}
.header-logo{
  width:220px !important;
  max-height:58px !important;
}
.nav-bilingual{
  flex:1 1 auto;
  justify-content:flex-start !important;
  align-items:center;
  gap:6px !important;
  margin-left:4px;
  padding-left:10px;
  border-left:1px solid rgba(7,31,61,.10);
}
.nav-bilingual button{
  min-width:68px;
  min-height:46px;
  padding:6px 9px !important;
  border-radius:15px !important;
  background:rgba(255,255,255,.58) !important;
  border:1px solid transparent;
  color:#0e2748;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
  line-height:1.08;
  box-shadow:none !important;
}
.nav-bilingual button strong{
  display:block;
  font-size:14px;
  font-weight:950;
  letter-spacing:.02em;
}
.nav-bilingual button span{
  display:block;
  margin-top:3px;
  font-size:9.5px;
  font-weight:850;
  color:#6b778a;
  letter-spacing:.01em;
  font-family:"Times New Roman",Times,serif;
}
.nav-bilingual button:hover{
  transform:translateY(-1px);
  background:#fffaf0 !important;
  border-color:rgba(200,155,60,.42);
}
.nav-bilingual button.active{
  background:linear-gradient(135deg,#071f3d,#123a68) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.12);
  box-shadow:0 9px 20px rgba(7,31,61,.18) !important;
}
.nav-bilingual button.active span{
  color:#f6d78b;
}
@media (max-width:1280px){
  .brand-with-logo{min-width:194px !important;max-width:210px;}
  .header-logo{width:198px !important;}
  .nav-bilingual button{min-width:62px;padding:6px 7px !important;}
  .nav-bilingual button strong{font-size:13px;}
  .nav-bilingual button span{font-size:8.8px;}
}
@media (max-width:1080px){
  .topbar{justify-content:space-between !important;}
  .brand-with-logo{min-width:0 !important;max-width:none;}
  .header-logo{width:190px !important;}
  .nav-bilingual{
    display:none;
    position:absolute;
    top:74px;
    left:12px;
    right:12px;
    background:white;
    border:1px solid var(--line);
    border-left:1px solid var(--line);
    border-radius:18px;
    padding:12px;
    margin-left:0;
    box-shadow:0 16px 40px rgba(11,34,66,.16);
  }
  .nav-bilingual.open{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  .nav-bilingual button{width:100%;min-width:0;min-height:52px;}
  .nav-bilingual button strong{font-size:14px;}
  .nav-bilingual button span{font-size:10px;}
}
@media (max-width:620px){
  .header-logo{width:160px !important;}
  .nav-bilingual.open{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:420px){
  .nav-bilingual.open{grid-template-columns:1fr;}
}

/* V3.7.60 mobile/tablet menu trigger alignment fix */
@media (max-width:1080px){
  .menu-toggle{display:block;flex:0 0 auto;background:#f4f7fb;border:1px solid rgba(7,31,61,.12);color:#071f3d;font-weight:950;padding:8px 12px;border-radius:14px;}
}

/* V3.7.62: instruction-focused polish */
.instruction-card{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 18px;
  margin:0 0 16px;
  border:1px solid #ead28f;
  border-left:6px solid var(--gold);
  border-radius:18px;
  background:linear-gradient(180deg,#fffdf6,#fff7df);
  box-shadow:0 8px 22px rgba(122,75,0,.08);
}
.instruction-card strong{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  background:var(--navy);
  color:#fff;
  font-size:15px;
  letter-spacing:.04em;
}
.instruction-card span{
  color:#3d2f13;
  font-weight:800;
  line-height:1.65;
}
.page-head p::first-letter{font-weight:900;color:var(--navy)}
.page-head p{font-weight:650;color:#4d5b70}
.context-intro p,.form-intro p,.origin-intro p,.sentence-intro p,.listening-intro p,.spelling-intro p{font-size:15px;line-height:1.75;color:#4b5563}
.origin-intro,.form-intro,.context-intro{box-shadow:0 6px 18px rgba(11,34,66,.04)}
.export-note{border-left:6px solid var(--gold)!important;background:#fffaf0!important;color:#51360a!important;font-weight:800}
.hero .lead{font-weight:700}
.module-grid-pro article p,.stage-body p{line-height:1.7}
@media (max-width:700px){
  .instruction-card{align-items:flex-start;flex-direction:column;gap:8px;padding:13px 14px}
  .instruction-card strong{font-size:14px}
  .instruction-card span{font-size:14px}
}

/* V3.7.65: final homepage premium polish + concise export */
.home-pro{position:relative;padding-top:4px;}
.home-pro::before{content:"";position:absolute;inset:-28px -80px auto -80px;height:520px;background:radial-gradient(circle at 18% 18%,rgba(201,154,46,.13),transparent 28%),radial-gradient(circle at 84% 8%,rgba(18,58,104,.12),transparent 30%);pointer-events:none;z-index:-1;}
.home-pro .release-hero{grid-template-columns:minmax(0,1.38fr) minmax(320px,.62fr);gap:22px;margin-top:12px;align-items:stretch;}
.release-hero-text{min-height:450px!important;border-radius:34px!important;padding:52px 50px!important;box-shadow:0 30px 75px rgba(7,23,44,.26),inset 0 1px 0 rgba(255,255,255,.18);}
.release-hero-text::before{content:"";position:absolute;left:34px;top:32px;width:92px;height:4px;border-radius:999px;background:linear-gradient(90deg,#e6c46d,rgba(230,196,109,.15));}
.release-hero-text h1{font-size:52px!important;line-height:1.08!important;letter-spacing:-.045em;max-width:880px!important;margin-top:18px!important;}
.release-hero-text .lead{max-width:760px;color:#eef5ff!important;font-size:18px!important;}
.release-hero-text .eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;color:#f7d78b;}
.hero-actions button{border-radius:999px;padding:12px 18px;min-width:116px;}
.hero-trust-row{margin-top:26px;}
.hero-trust-row span{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);}
.release-logo-card{border-radius:34px!important;padding:34px 28px!important;border:1px solid rgba(7,31,61,.08);box-shadow:0 24px 62px rgba(7,31,61,.13);background:linear-gradient(180deg,#ffffff,#f7faff 76%,#fff7e8)!important;}
.release-logo-card::after{content:"GNE";position:absolute;left:24px;bottom:20px;font-size:54px;font-weight:950;letter-spacing:.06em;color:rgba(11,34,66,.045);}
.product-slogan{font-size:14px!important;letter-spacing:.08em;text-transform:uppercase;color:#6f5120!important;font-weight:950;}
.release-mini-route span{background:#fff;border:1px solid #dbe4f0;box-shadow:0 8px 18px rgba(7,31,61,.06);}
.stage-section{margin-top:28px;}
.section-headline.compact{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#ffffff,#f7fbff);border-radius:24px;padding:20px 24px;border-left:6px solid var(--gold);}
.section-headline.compact span{margin-bottom:0;}
.stage-grid{gap:20px;}
.stage-card{border-radius:28px;border:1px solid rgba(7,31,61,.08);box-shadow:0 22px 56px rgba(7,31,61,.09);}
.stage-card img{height:230px;aspect-ratio:auto;}
.stage-body{padding:20px 22px 22px;}
.stage-body p{min-height:0;margin:8px 0 16px;color:#4b5c72;font-weight:700;}
.stage-body span{box-shadow:0 10px 22px rgba(11,34,66,.16);}
.philosophy-section{margin-top:22px;grid-template-columns:1.18fr .82fr;}
.philosophy-card{border-radius:30px;padding:32px;background:linear-gradient(135deg,#ffffff,#f5f8fc 68%,#fff8e8);border-left:6px solid var(--gold);}
.philosophy-card h2{font-size:32px;}
.data-cards div{border-radius:24px;min-height:118px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#071a33,#0b2242 62%,#163f70);}
.export-cover-preview{border-radius:26px;background:linear-gradient(135deg,#ffffff,#f8fbff);}
.export-note{font-size:15px;color:#526173;align-self:center;}
@media (max-width:900px){.home-pro .release-hero{grid-template-columns:1fr}.release-hero-text{padding:34px!important;min-height:auto!important}.release-hero-text h1{font-size:38px!important}.section-headline.compact{display:block}.stage-card img{height:auto}.philosophy-section{grid-template-columns:1fr}}
@media (max-width:520px){.release-hero-text h1{font-size:31px!important}.release-hero-text{padding:28px 24px!important;border-radius:26px!important}.release-logo-card{border-radius:26px!important}.stage-card{border-radius:22px}.philosophy-card h2{font-size:24px}.hero-trust-row span{font-size:12px}}

/* V3.7.66 home refinement */
.home-hero-refined{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)!important;gap:24px!important;align-items:stretch!important}
.release-hero-text{background:radial-gradient(circle at 90% 8%,rgba(230,196,109,.18),transparent 26%),linear-gradient(135deg,#06162d 0%,#0b2242 54%,#12355c 100%)!important}
.release-hero-text h1{font-size:44px!important;line-height:1.12!important;letter-spacing:-.03em!important;max-width:640px!important}
.release-hero-text .lead{font-size:18px!important;line-height:1.7!important;max-width:620px!important}
.home-route-band{margin-top:18px;display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}
.home-route-band span,.home-route-band b{color:#fff;font-weight:900;font-size:18px;line-height:1}
.home-route-band b{color:#f2d28b;font-size:16px}
.home-hero-actions{margin-top:22px!important}
.compact-trust-row{margin-top:18px!important}
.compact-trust-row span{padding:8px 12px!important;font-size:12.5px!important}
.home-side-card{display:flex;flex-direction:column;justify-content:flex-start;padding:26px 24px!important;gap:14px;border-radius:32px!important;background:linear-gradient(180deg,#ffffff,#f7fafc)!important;border:1px solid #d9e2ef;box-shadow:0 22px 52px rgba(11,34,66,.14)!important}
.home-side-card .home-logo-img{width:100%;max-width:248px;align-self:center;cursor:pointer}
.home-side-title{font-size:20px;font-weight:900;color:#0b2242;text-align:center;margin-top:4px}
.home-side-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.home-side-grid button{appearance:none;border:none;border-radius:16px;padding:14px 12px;background:linear-gradient(180deg,#0f315a,#0b2242);color:#fff;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 10px 20px rgba(11,34,66,.12)}
.home-side-grid button:hover{transform:translateY(-1px)}
.home-side-note{font-size:12px;color:#5c6b80;line-height:1.7;text-align:center;border-top:1px solid #e2e8f0;padding-top:12px}
.stage-section{margin-top:8px}
.section-headline.compact h2{font-size:28px;color:#0b2242}
.section-headline.compact span{color:#7a8aa0;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
.stage-card{border-radius:24px!important;overflow:hidden;box-shadow:0 18px 45px rgba(11,34,66,.08)!important;border:1px solid #dfe7f0!important}
.stage-card img{height:210px;object-fit:cover}
.stage-body{padding:18px 18px 20px!important}
.stage-body h3{font-size:22px!important;color:#0b2242!important}
.stage-body p{font-size:14px!important;color:#607086!important;min-height:42px}
.stage-body span{font-weight:900;color:#0b2242!important}
.philosophy-card{border-radius:26px!important;padding:28px 28px 26px!important;background:linear-gradient(180deg,#ffffff,#f8fbfd)!important;border:1px solid #dfe7f0!important;box-shadow:0 16px 36px rgba(11,34,66,.08)!important}
.philosophy-card span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#7a8aa0;font-weight:800}
.philosophy-card h2{margin-top:8px;font-size:28px;color:#0b2242}
.philosophy-card p{margin:10px 0 0;color:#5d6b80;font-size:15px;line-height:1.8}
.data-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.data-cards div{border-radius:22px!important;padding:22px 20px!important;background:linear-gradient(180deg,#0c2445,#133963)!important;color:#fff;box-shadow:0 16px 38px rgba(11,34,66,.14)!important}
.data-cards strong{font-size:30px!important;display:block;margin-bottom:8px}
.data-cards span{font-size:13px!important;color:#e8eef7!important;line-height:1.6}
.export-cover-left h2{font-size:24px}
.export-note{font-size:13px;line-height:1.7}
@media (max-width:1100px){.home-hero-refined{grid-template-columns:1fr!important}.home-side-card{order:2}.release-hero-text h1{max-width:none!important}}
@media (max-width:520px){.release-hero-text h1{font-size:30px!important}.home-route-band{padding:12px 14px;gap:8px}.home-route-band span{font-size:16px}.home-side-grid{grid-template-columns:1fr}.section-headline.compact h2{font-size:24px}.stage-card img{height:180px}}

/* V3.7.67 menu bar beauty polish */
.topbar{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,253,.97)) !important;
  border-bottom:1px solid rgba(11,34,66,.08) !important;
  box-shadow:0 14px 30px rgba(11,34,66,.08) !important;
  padding:10px 20px !important;
}
.brand-with-logo{
  position:relative;
  padding-right:10px;
}
.nav-bilingual{
  position:relative;
  background:linear-gradient(180deg,rgba(241,245,251,.95),rgba(255,255,255,.92));
  border:1px solid rgba(11,34,66,.08);
  border-radius:22px;
  padding:7px 8px 7px 14px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 10px 24px rgba(11,34,66,.06);
  overflow:hidden;
}
.nav-bilingual::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  border-radius:22px 0 0 22px;
  background:linear-gradient(180deg,#e1b85c,#c99a2e);
  opacity:.95;
}
.nav-bilingual button{
  position:relative;
  min-width:72px;
  min-height:50px;
  padding:7px 10px !important;
  border-radius:16px !important;
  background:transparent !important;
  border:1px solid transparent !important;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.nav-bilingual button::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:6px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#e3c26f,#c99a2e);
  opacity:0;
  transform:scaleX(.55);
  transition:.18s ease;
}
.nav-bilingual button strong{
  font-size:14px;
  letter-spacing:.03em;
}
.nav-bilingual button span{
  margin-top:4px;
  font-size:9px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.nav-bilingual button:hover{
  background:linear-gradient(180deg,#fffdf8,#fff6df) !important;
  border-color:rgba(201,154,46,.34) !important;
  box-shadow:0 8px 16px rgba(11,34,66,.08);
}
.nav-bilingual button:hover::after,
.nav-bilingual button.active::after{
  opacity:1;
  transform:scaleX(1);
}
.nav-bilingual button.active{
  background:linear-gradient(135deg,#071f3d,#123a68) !important;
  border-color:rgba(201,154,46,.36) !important;
  box-shadow:0 12px 22px rgba(7,31,61,.22) !important;
}
.nav-bilingual button.active strong{color:#fff;}
.nav-bilingual button.active span{color:#f2d28b;}
.menu-toggle{
  box-shadow:0 8px 18px rgba(11,34,66,.08);
}
@media (max-width:1280px){
  .nav-bilingual{padding-left:12px !important;}
  .nav-bilingual button{min-width:66px;}
}
@media (max-width:1080px){
  .topbar{padding:10px 14px !important;}
  .nav-bilingual{
    background:linear-gradient(180deg,#ffffff,#f7fafc);
    border-radius:22px;
    padding:12px !important;
    box-shadow:0 20px 48px rgba(11,34,66,.16);
  }
  .nav-bilingual::before{display:none;}
  .nav-bilingual.open{gap:10px !important;}
  .nav-bilingual button{
    min-height:56px;
    background:#f8fbff !important;
    border:1px solid #dbe4ef !important;
  }
  .nav-bilingual button.active{
    background:linear-gradient(135deg,#071f3d,#123a68) !important;
    border-color:rgba(201,154,46,.38) !important;
  }
  .menu-toggle{
    background:linear-gradient(180deg,#ffffff,#eef3f9) !important;
    border:1px solid rgba(11,34,66,.10) !important;
    border-radius:15px !important;
    color:#071f3d !important;
    padding:9px 12px !important;
  }
}

/* V3.7.68 home lightness + clearer instructions */
body{background:#f7f9fc !important;color:#1f2f44 !important;}
.page-head p{color:#44556b !important;font-weight:700 !important;line-height:1.75 !important;font-size:15px !important;}
.instruction-card{
  display:grid !important;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:14px;
  background:linear-gradient(180deg,#fffdf7,#fff7e4) !important;
  border:1px solid #ecd8a5 !important;
  border-left:6px solid #d7aa41 !important;
  box-shadow:0 10px 24px rgba(122,75,0,.08) !important;
}
.instruction-card strong{
  align-self:center;
  background:linear-gradient(180deg,#0f315a,#0b2242);
  color:#fff !important;
  padding:10px 14px !important;
  border-radius:12px;
  font-size:14px !important;
  letter-spacing:.04em;
}
.instruction-card span{
  color:#24384f !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.8 !important;
}
.release-hero-text{
  background:
    radial-gradient(circle at 88% 12%,rgba(247,214,133,.24),transparent 26%),
    linear-gradient(135deg,#0f315a 0%,#1a4d7d 54%,#2a6796 100%) !important;
  color:#ffffff !important;
  box-shadow:0 18px 42px rgba(17,55,94,.18) !important;
}
.release-hero-text .eyebrow{
  display:inline-flex;
  align-items:center;
  padding:7px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  color:#f4d58a !important;
}
.release-hero-text h1{color:#ffffff !important; text-shadow:0 2px 10px rgba(0,0,0,.08);}
.release-hero-text .lead{color:#eef5fb !important; font-weight:700;}
.home-route-band{
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.22) !important;
}
.hero-actions .secondary{background:rgba(255,255,255,.17) !important;border-color:rgba(255,255,255,.28) !important;}
.compact-trust-row span{
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#ffffff !important;
}
.home-side-card{
  background:linear-gradient(180deg,#ffffff,#fbfdff) !important;
  border-color:#dce6f2 !important;
  box-shadow:0 18px 42px rgba(11,34,66,.10) !important;
}
.home-side-title{color:#0c2749 !important;}
.home-side-note{color:#42556f !important;font-size:13px !important;}
.stage-section{margin-top:14px !important;}
.stage-grid{gap:18px !important;}
.stage-card{
  position:relative;
  background:#ffffff !important;
  border:1px solid #dce5f0 !important;
  box-shadow:0 18px 42px rgba(11,34,66,.08) !important;
}
.stage-grid .stage-card::before{
  position:absolute;
  top:14px;
  left:14px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:58px;
  padding:7px 12px;
  border-radius:999px;
  color:#fff;
  font-size:13px;
  font-weight:900;
  letter-spacing:.04em;
  box-shadow:0 8px 18px rgba(11,34,66,.18);
}
.stage-grid .stage-card:nth-child(1)::before{content:"小学";background:linear-gradient(135deg,#2b7a57,#1d6a49);}
.stage-grid .stage-card:nth-child(2)::before{content:"初中";background:linear-gradient(135deg,#346aa1,#234f7f);}
.stage-grid .stage-card:nth-child(3)::before{content:"高中";background:linear-gradient(135deg,#855c1d,#b9852c);}
.stage-card img{filter:saturate(1.04) brightness(1.04);}
.stage-body h3{color:#0b2242 !important;}
.stage-body p{color:#4a5d76 !important;font-weight:700;}
.stage-body span{display:inline-flex;align-items:center;gap:6px;color:#0b2242 !important;}
.section-headline.compact h2,.philosophy-card h2{color:#0b2242 !important;}
.section-headline.compact span,.philosophy-card span{color:#76879d !important;}
.philosophy-card p{color:#4a5d76 !important;font-weight:700;}
.data-cards div{
  background:linear-gradient(180deg,#15416b,#1f588d) !important;
  box-shadow:0 16px 32px rgba(21,65,107,.14) !important;
}
.export-note,.export-cover-left p,.export-contact-line{color:#334962 !important;}
@media (max-width:700px){
  .instruction-card{grid-template-columns:1fr !important;}
  .instruction-card strong{justify-self:start;}
}

/* V3.7.69 stage card readability fix */
.stage-grid .stage-card::before{display:none !important;}
.stage-card{
  background:linear-gradient(180deg,#ffffff,#fbfdff) !important;
}
.stage-card img{
  height:240px !important;
  object-fit:cover !important;
  filter:none !important;
}
.stage-body{
  padding:20px 22px 24px !important;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:250px;
}
.stage-body h3{font-size:24px !important;line-height:1.25 !important;color:#0b2242 !important;}
.stage-body h3 small{display:block !important;color:#8a661f !important;font-size:14px !important;margin-top:8px !important;}
.stage-body p{
  min-height:0 !important;
  margin:14px 0 18px !important;
  color:#4d6078 !important;
  font-weight:700 !important;
  font-size:15px !important;
}
.stage-body span{
  margin-top:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:190px;
  padding:14px 24px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#0b2242,#174b80) !important;
  color:#ffffff !important;
  font-size:16px !important;
  font-weight:900 !important;
  letter-spacing:.02em;
  box-shadow:0 14px 28px rgba(11,34,66,.18) !important;
}
.stage-card:hover .stage-body span{
  background:linear-gradient(135deg,#12355f,#1e5a99) !important;
}
@media (max-width:520px){
  .stage-card img{height:190px !important;}
  .stage-body{min-height:auto;}
  .stage-body span{min-width:0;width:100%;}
}

/* V3.7.71 grand menu + syllable display polish */
.topbar{
  padding:14px 24px !important;
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  border-bottom:1px solid rgba(11,34,66,.08) !important;
  box-shadow:0 18px 42px rgba(11,34,66,.08) !important;
}
.brand-with-logo{gap:16px !important;}
.nav-bilingual{
  margin-left:18px !important;
  padding:10px 14px 10px 18px !important;
  border-radius:26px !important;
  background:linear-gradient(180deg,#f9fbfe,#eef4fb) !important;
  border:1px solid rgba(11,34,66,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 16px 30px rgba(11,34,66,.07) !important;
}
.nav-bilingual::before{
  content:"";
  position:absolute;
  left:0;top:12px;bottom:12px;
  width:4px;
  border-radius:99px;
  background:linear-gradient(180deg,#e1c37b,#c99a2e) !important;
}
.nav-bilingual button{
  min-width:86px !important;
  min-height:58px !important;
  padding:10px 12px !important;
  border-radius:18px !important;
}
.nav-bilingual button strong{
  font-size:15px !important;
  letter-spacing:.03em !important;
}
.nav-bilingual button span{
  margin-top:5px !important;
  font-size:10.5px !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  text-transform:none !important;
  font-family:"Times New Roman",Times,serif !important;
}
.nav-bilingual button:hover{
  background:linear-gradient(180deg,#fffdf8,#fff6e5) !important;
  border-color:rgba(201,154,46,.34) !important;
  box-shadow:0 10px 18px rgba(11,34,66,.08) !important;
}
.nav-bilingual button.active{
  background:linear-gradient(135deg,#0b2242,#174b80) !important;
  box-shadow:0 14px 28px rgba(11,34,66,.18) !important;
}
.nav-bilingual button.active span{color:#f3d48c !important;}
.menu-toggle{
  padding:10px 14px !important;
  border-radius:16px !important;
}
.syllable-guidance{font-weight:800 !important;color:#8a661f !important;}
@media (max-width:1360px){
  .nav-bilingual button{min-width:74px !important;padding:8px 9px !important;}
  .nav-bilingual button span{font-size:9.4px !important;}
}
@media (max-width:1080px){
  .topbar{padding:12px 14px !important;}
  .nav-bilingual{padding:14px !important;margin-left:0 !important;border-radius:22px !important;}
  .nav-bilingual::before{display:none;}
  .nav-bilingual.open{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:10px !important;}
  .nav-bilingual button{min-width:0 !important;min-height:56px !important;}
}
@media (max-width:620px){
  .nav-bilingual.open{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}

/* V3.7.72 larger and clearer checkboxes */
.ui-check{
  appearance:auto;
  -webkit-appearance:checkbox;
  inline-size:26px !important;
  block-size:26px !important;
  min-width:26px !important;
  min-height:26px !important;
  margin:0 !important;
  transform:none !important;
  accent-color:var(--navy) !important;
  cursor:pointer;
  box-shadow:0 0 0 3px rgba(11,34,66,.08);
  border-radius:7px;
}
.ui-check:focus-visible{
  outline:none;
  box-shadow:0 0 0 4px rgba(201,154,46,.25);
}
.check-label,
.auto-check-label,
.inline-check{
  position:relative;
}
.settings-grid .check-label{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:14px !important;
  min-height:74px;
  padding:14px 16px !important;
  border:1px solid var(--line) !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#fffdf8,#ffffff) !important;
  box-shadow:0 8px 22px rgba(11,34,66,.05) !important;
  font-size:17px !important;
  font-weight:900 !important;
}
.settings-grid .check-label .check-text{
  display:block;
  color:var(--navy);
  line-height:1.45;
}
.settings-grid .check-label .check-sub{
  display:inline;
  color:#6a7688;
  font-size:15px;
  font-weight:800;
}
.auto-check-label{
  display:grid !important;
  grid-template-columns:28px 1fr !important;
  align-items:center !important;
  column-gap:12px !important;
  row-gap:2px !important;
  min-height:58px;
  padding:10px 12px !important;
  border:1px solid rgba(11,34,66,.10) !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#ffffff,#fbfdff) !important;
  box-shadow:0 8px 18px rgba(11,34,66,.05) !important;
}
.auto-check-label .ui-check{grid-row:1 / span 2; align-self:center;}
.auto-check-label strong{
  display:block;
  color:var(--navy);
  font-size:16px !important;
  line-height:1.2;
}
.auto-check-label span{
  display:block !important;
  margin:0 !important;
  color:#6a7688 !important;
  font-size:12.5px !important;
  font-weight:800 !important;
}
.inline-check{
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:10px !important;
  padding:10px 14px !important;
  border-radius:14px !important;
  background:#fffdf7 !important;
  border:1px solid #eadfb9 !important;
  font-size:15px !important;
  font-weight:900 !important;
}
.inline-check .check-text{color:var(--navy);}
@media (max-width:900px){
  .settings-grid .check-label{min-height:68px;font-size:16px !important;}
  .auto-check-label{min-height:56px;}
}

/* V3.7.74 four-character Chinese menu balance */
.nav-bilingual button{
  min-width:96px !important;
  min-height:62px !important;
  padding:10px 13px !important;
}
.nav-bilingual button strong{
  font-size:15.5px !important;
  letter-spacing:.08em !important;
  white-space:nowrap !important;
}
.nav-bilingual button span{
  font-size:10.2px !important;
  line-height:1.15 !important;
  white-space:normal !important;
  text-transform:none !important;
}
@media (max-width:1360px){
  .nav-bilingual button{min-width:86px !important;padding:9px 10px !important;}
  .nav-bilingual button strong{font-size:14.5px !important;letter-spacing:.05em !important;}
  .nav-bilingual button span{font-size:9.4px !important;}
}
@media (max-width:1080px){
  .nav-bilingual button{min-width:0 !important;min-height:58px !important;}
  .nav-bilingual button strong{font-size:15px !important;}
}

/* V3.7.75 Logic Words module */
.logic-tabs{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  margin:18px 0 20px;
}
.logic-tabs button{
  border:1px solid var(--line);
  border-radius:18px;
  padding:14px 12px;
  background:linear-gradient(180deg,#ffffff,#f7fbff);
  box-shadow:0 10px 24px rgba(11,34,66,.06);
  cursor:pointer;
  text-align:center;
}
.logic-tabs button strong{display:block;color:var(--navy);font-size:16px;letter-spacing:.04em;}
.logic-tabs button span{display:block;margin-top:5px;color:#6a7688;font-family:"Times New Roman",Times,serif;font-size:12px;font-weight:800;}
.logic-tabs button.active{background:linear-gradient(135deg,#0b2242,#174b80);border-color:#174b80;}
.logic-tabs button.active strong{color:#fff;}
.logic-tabs button.active span{color:#f2d28b;}
.logic-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;align-items:start;}
.logic-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;}
.logic-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:linear-gradient(180deg,#ffffff,#fbfdff);box-shadow:0 10px 24px rgba(11,34,66,.05);}
.logic-word{font-family:"Times New Roman",Times,serif;font-size:24px;font-weight:900;color:var(--navy);}
.logic-meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;}
.logic-meta span{background:#eef4fb;border:1px solid #d9e5f1;border-radius:999px;padding:5px 10px;color:#254462;font-size:13px;font-weight:800;}
.logic-example{margin:8px 0 4px;color:#172b43;font-family:"Times New Roman",Times,serif;font-size:16px;font-weight:700;}
.logic-trans{margin:0;color:#5f6f83;font-size:14px;}
.practice-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;}
.logic-question-box{border-radius:18px;padding:18px;background:#f8fbff;border:1px solid #dce8f4;}
.logic-question-word{font-family:"Times New Roman",Times,serif;font-size:30px;font-weight:900;color:var(--navy);margin-bottom:8px;}
.logic-question-box p{margin:0 0 6px;font-family:"Times New Roman",Times,serif;font-size:17px;color:#172b43;}
.logic-question-box small{color:#5f6f83;font-weight:700;}
.logic-options{margin-top:14px;}
.logic-options button{font-size:16px;font-weight:900;}
.logic-generation-panel{margin-top:18px;}
.logic-generation-box{border-radius:18px;border:1px solid #dce8f4;background:linear-gradient(180deg,#ffffff,#f8fbff);padding:18px;}
.generation-prompt{color:var(--navy);font-family:"Times New Roman",Times,serif;font-size:20px;font-weight:900;}
.generation-point{display:inline-flex;margin:12px 0;padding:6px 12px;border-radius:999px;background:#fff7df;border:1px solid #ead69c;color:#7a5b16;font-weight:900;}
.generation-answers p{margin:8px 0;padding:10px 12px;border-radius:12px;background:#eef4fb;color:#172b43;font-family:"Times New Roman",Times,serif;font-size:17px;font-weight:700;}
@media (max-width:1180px){.logic-tabs{grid-template-columns:repeat(3,minmax(0,1fr));}.logic-layout{grid-template-columns:1fr;}}
@media (max-width:680px){.logic-tabs{grid-template-columns:repeat(2,minmax(0,1fr));}.logic-card-grid{grid-template-columns:1fr;}}

/* V3.7.76 logic page render fix */
.logic-static-fallback{
  margin:18px 0;
}
.logic-static-fallback .logic-tabs{
  margin-bottom:18px;
}
#page-logic .panel{
  min-height:120px;
}

/* V3.7.77 Logic Words selectable content hard fix */
#page-logic .logic-tabs{display:grid !important;}
#page-logic .logic-tabs button{display:block !important;opacity:1 !important;visibility:visible !important;}
#page-logic .logic-card-grid{min-height:180px;}
#page-logic .logic-options button{min-height:48px;border-radius:14px;border:1px solid #d8e4f1;background:#fff;font-weight:900;cursor:pointer;}
#page-logic .logic-options button:hover{background:#fff7df;border-color:#d4aa43;}
#page-logic .feedback.correct{background:#eef9f1;border:1px solid #b8dfc2;color:#12602a;padding:10px 12px;border-radius:12px;margin-top:12px;font-weight:900;}
#page-logic .feedback.wrong{background:#fff3ef;border:1px solid #efc0ae;color:#8a2f17;padding:10px 12px;border-radius:12px;margin-top:12px;font-weight:900;}

/* V3.7.78 complete logic classification */
.logic-subtabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px;}
.logic-subtabs button{border:1px solid #d9e5f1;background:#fff;border-radius:999px;padding:7px 12px;color:#254462;font-weight:900;cursor:pointer;box-shadow:0 5px 12px rgba(11,34,66,.04);}
.logic-subtabs button.active{background:#0b2242;color:#fff;border-color:#0b2242;}
.logic-group-title{grid-column:1/-1;margin:8px 0 0;padding:8px 12px;border-left:4px solid #c99a2e;background:#fff8e7;border-radius:12px;color:#17395d;font-size:16px;font-weight:900;letter-spacing:.04em;}
.logic-card-grid{align-items:start;}
@media (max-width:680px){.logic-subtabs button{font-size:13px;padding:7px 10px;}}

/* V3.7.79 Logic Adverbials full practice */
.logic79-toolbar,
.logic79-cat-tabs,
.logic79-subtabs,
.logic79-controls{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:16px 0;
}
.logic79-toolbar button,
.logic79-cat-tabs button,
.logic79-subtabs button,
.logic79-controls button{
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(180deg,#ffffff,#f7fbff);
  color:var(--navy);
  padding:11px 15px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(11,34,66,.05);
}
.logic79-toolbar button.active,
.logic79-cat-tabs button.active,
.logic79-subtabs button.active{
  background:linear-gradient(135deg,#0b2242,#174b80);
  color:#fff;
  border-color:#174b80;
}
.logic79-cat-tabs button strong{
  display:block;
  font-size:15px;
  letter-spacing:.04em;
}
.logic79-cat-tabs button span{
  display:block;
  margin-top:4px;
  color:#6a7688;
  font-family:"Times New Roman",Times,serif;
  font-size:12px;
}
.logic79-cat-tabs button.active span{color:#f2d28b;}
.logic79-view{display:none;}
.logic79-view.active{display:block;}
.logic79-panel{margin-top:16px;}
.logic79-count{
  display:inline-flex;
  align-items:center;
  padding:7px 12px;
  border-radius:999px;
  background:#fff7df;
  color:#7a5b16;
  border:1px solid #ead69c;
  font-weight:900;
}
.logic79-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.logic79-card-grid.inner{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.logic79-group{
  grid-column:1 / -1;
}
.logic79-group-title{
  margin:12px 0 10px;
  padding:9px 12px;
  border-radius:14px;
  background:#eef4fb;
  color:var(--navy);
  font-weight:900;
}
.logic79-group-title span{
  color:#6a7688;
  font-size:13px;
  margin-left:6px;
}
.logic79-card{
  border:1px solid var(--line);
  border-radius:18px;
  padding:15px;
  background:linear-gradient(180deg,#fff,#fbfdff);
  box-shadow:0 10px 24px rgba(11,34,66,.05);
}
.logic79-word{
  font-family:"Times New Roman",Times,serif;
  color:var(--navy);
  font-size:22px;
  font-weight:900;
}
.logic79-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:9px 0;
}
.logic79-meta span{
  background:#eef4fb;
  border:1px solid #d9e5f1;
  border-radius:999px;
  padding:5px 10px;
  color:#254462;
  font-size:13px;
  font-weight:800;
}
.logic79-example,
.logic79-question-box p{
  font-family:"Times New Roman",Times,serif;
  font-size:16.5px;
  font-weight:700;
  color:#172b43;
  margin:7px 0 4px;
}
.logic79-trans,
.logic79-question-box small{
  color:#5f6f83;
  font-size:14px;
  font-weight:700;
}
.logic79-question-box{
  margin-top:16px;
  border:1px solid #dce8f4;
  border-radius:18px;
  background:#f8fbff;
  padding:18px;
}
.logic79-question-word{
  font-family:"Times New Roman",Times,serif;
  font-size:30px;
  font-weight:900;
  color:var(--navy);
  margin-bottom:8px;
}
.logic79-options{
  margin-top:14px;
}
.logic79-options button{
  font-size:16px;
  font-weight:900;
  min-height:48px;
}
@media (max-width:1180px){
  .logic79-card-grid.inner{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:720px){
  .logic79-card-grid,.logic79-card-grid.inner{grid-template-columns:1fr;}
  .logic79-toolbar button,.logic79-cat-tabs button,.logic79-subtabs button{flex:1 1 42%;}
}


/* V3.7.80 Logic Words learning/practice labels */
.logic80-stage-guide{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:16px 0 18px;
}
.logic80-stage-guide div{
  border:1px solid #d8e3ef;
  border-radius:18px;
  padding:14px 16px;
  background:linear-gradient(180deg,#ffffff,#f7fbff);
  box-shadow:0 10px 24px rgba(11,34,66,.055);
}
.logic80-stage-guide strong{
  display:block;
  color:#0b315f;
  font-size:18px;
  font-weight:950;
  margin-bottom:5px;
}
.logic80-stage-guide span{
  display:block;
  color:#52677e;
  font-size:14px;
  font-weight:800;
}
.logic80-toolbar{
  align-items:stretch;
  gap:18px !important;
}
.logic80-toolbar button{
  min-width:230px !important;
  min-height:116px !important;
  padding:16px 18px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:8px !important;
  text-align:left !important;
  border-radius:24px !important;
}
.logic80-toolbar button strong{
  font-size:30px !important;
  line-height:1.05 !important;
  letter-spacing:.02em !important;
}
.logic80-toolbar button small{
  display:block;
  font-size:14px;
  font-weight:900;
  color:#5d7086;
}
.logic80-toolbar button.active small{
  color:#e9c979;
}
.logic80-tab-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 12px;
  border-radius:999px;
  font-size:13px;
  font-weight:950;
  letter-spacing:.08em;
  border:1px solid #d8e3ef;
  background:#eef4fb;
  color:#0b315f;
}
.logic80-tab-badge.practice{
  background:#fff7df;
  border-color:#ead69c;
  color:#7a5b16;
}
.logic80-tab-badge.learn{
  background:#eaf7f0;
  border-color:#bfe3ce;
  color:#207247;
}
.logic80-toolbar button.active .logic80-tab-badge{
  background:#ffffff;
  color:#0b315f;
  border-color:rgba(255,255,255,.55);
}
#logic79-view-learn .practice-head h2::before{
  content:"学习区";
  display:inline-flex;
  margin-right:10px;
  padding:4px 10px;
  border-radius:999px;
  background:#eaf7f0;
  border:1px solid #bfe3ce;
  color:#207247;
  font-size:13px;
  vertical-align:middle;
}
#logic79-view-function .practice-head h2::before,
#logic79-view-inner .practice-head h2::before,
#logic79-view-between .practice-head h2::before{
  content:"练习区";
  display:inline-flex;
  margin-right:10px;
  padding:4px 10px;
  border-radius:999px;
  background:#fff7df;
  border:1px solid #ead69c;
  color:#7a5b16;
  font-size:13px;
  vertical-align:middle;
}
@media (max-width:1180px){
  .logic80-stage-guide{grid-template-columns:1fr;}
  .logic80-toolbar button{min-width:calc(50% - 10px) !important;}
}
@media (max-width:720px){
  .logic80-toolbar button{min-width:100% !important;}
  .logic80-toolbar button strong{font-size:25px !important;}
}


/* V3.7.81 Logic Words pronunciation support */
.logic81-voice-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:12px 0 18px;
  padding:14px 18px;
  border-radius:18px;
  border:1px solid #d8e3ef;
  background:linear-gradient(180deg,#ffffff,#f7fbff);
  box-shadow:0 10px 24px rgba(11,34,66,.05);
  color:#0b315f;
  font-weight:900;
}
.logic81-voice-bar label{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:18px;
}
.logic81-voice-bar input{
  width:24px;
  height:24px;
  accent-color:#0b4f8a;
}
.logic81-voice-bar span{
  color:#5d7086;
  font-size:14px;
}
.logic81-word-row,
.logic81-question-word-row{
  display:flex;
  align-items:center;
  gap:10px;
}
.logic81-question-word-row{
  margin-bottom:8px;
}
.logic81-sound-btn,
.logic81-mini-sound{
  border:1px solid #d6e3f0;
  background:#fff;
  color:#0b315f;
  cursor:pointer;
  font-weight:950;
  box-shadow:0 6px 14px rgba(11,34,66,.08);
}
.logic81-sound-btn{
  width:38px;
  height:38px;
  border-radius:50%;
  font-size:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.logic81-sound-btn:hover,
.logic81-mini-sound:hover{
  transform:translateY(-1px);
  border-color:#b98b22;
  background:#fff7df;
}
.logic81-example-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.logic81-example-row .logic79-trans{
  flex:1;
}
.logic81-mini-sound{
  border-radius:999px;
  padding:6px 12px;
  font-size:13px;
  white-space:nowrap;
}
.logic79-question-box .logic81-mini-sound{
  margin:4px 0 8px;
}
@media (max-width:720px){
  .logic81-voice-bar{flex-direction:column;align-items:flex-start;}
  .logic81-example-row{flex-direction:column;align-items:flex-start;}
}


/* V3.7.82 Logic sentence auto controls */
.logic82-controls{
  margin:14px 0 12px;
  padding:12px;
  border:1px solid #dce8f4;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
}
.logic82-controls button{
  font-weight:950;
  min-width:96px;
}
.logic82-status{
  display:inline-flex;
  align-items:center;
  margin:0 0 12px;
  padding:7px 12px;
  border-radius:999px;
  background:#eef4fb;
  border:1px solid #d9e5f1;
  color:#254462;
  font-size:14px;
  font-weight:900;
}
@media (max-width:720px){
  .logic82-controls{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .logic82-controls button{
    width:100%;
  }
}

/* V3.7.83 Logic question bank expansion */
.logic83-count-card{
  margin:14px 0 18px;
  border:1px solid #ead69c;
  border-radius:18px;
  padding:14px 18px;
  background:linear-gradient(180deg,#fffaf0,#fff7df);
  color:#173455;
  box-shadow:0 10px 24px rgba(122,91,22,.07);
}
.logic83-count-card strong{
  display:block;
  font-size:18px;
  font-weight:950;
  color:#7a5b16;
  margin-bottom:5px;
}
.logic83-count-card span{
  display:block;
  font-size:15px;
  font-weight:850;
  color:#27425f;
}


/* V3.7.84 Logic sentence listen button position fix */
.logic84-view{display:none;}
.logic84-view.active{display:block;}
.logic84-voice-toggle{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:12px 0 18px;
  padding:10px 14px;
  border:1px solid #d9e5f1;
  border-radius:999px;
  background:#ffffff;
  color:#173556;
  font-weight:900;
}
.logic84-voice-toggle input{
  width:22px;
  height:22px;
  accent-color:#0b4c86;
}
.logic84-word-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.logic84-sentence-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:8px;
}
.logic84-sentence-row.main{
  align-items:flex-start;
  padding:14px 16px;
  border:1px solid #dce8f4;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
}
.logic84-question-sentence{
  margin:0;
  flex:1;
  color:#142a44;
  font-family:"Times New Roman",Times,serif;
  font-size:22px;
  font-weight:900;
  line-height:1.45;
}
.logic84-sound-btn{
  flex:0 0 auto;
  border:1px solid #d8e3ef;
  border-radius:999px;
  background:#fff7df;
  color:#7a5b16;
  padding:8px 13px;
  font-weight:950;
  cursor:pointer;
  white-space:nowrap;
}
.logic84-sound-btn:hover{
  background:#f9e7ae;
}
.logic84-target-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:12px 0 6px;
  color:#425872;
  font-weight:900;
}
.logic84-target-row strong{
  color:#0b2242;
  font-family:"Times New Roman",Times,serif;
  font-size:22px;
}
.logic84-question-label{
  display:inline-flex;
  margin-bottom:10px;
  padding:5px 12px;
  border-radius:999px;
  background:#eaf7f0;
  border:1px solid #bfe3ce;
  color:#207247;
  font-size:14px;
  font-weight:950;
}
.logic79-cat-tabs,
.logic79-subtabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:12px 0;
}
.logic79-cat-tabs button,
.logic79-subtabs button{
  border:1px solid #d8e3ef;
  border-radius:999px;
  padding:9px 14px;
  background:#fff;
  color:#0b2242;
  font-weight:900;
  cursor:pointer;
}
.logic79-cat-tabs button.active,
.logic79-subtabs button.active{
  background:#0b4c86;
  border-color:#0b4c86;
  color:#fff;
}
.logic79-cat-tabs button span{
  display:block;
  color:inherit;
  opacity:.75;
  font-family:"Times New Roman",Times,serif;
  font-size:12px;
}
@media (max-width:720px){
  .logic84-sentence-row.main,
  .logic84-sentence-row,
  .logic84-word-row{
    align-items:flex-start;
    flex-direction:column;
  }
  .logic84-sound-btn{
    width:100%;
  }
  .logic84-question-sentence{
    font-size:18px;
  }
}


/* V3.7.88: homepage level-card image no-crop fix + final visual consistency */
.stage-card img{
  width:100% !important;
  height:auto !important;
  aspect-ratio:4/3 !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#f8fafc !important;
  display:block !important;
}
.stage-card{
  display:flex !important;
  flex-direction:column !important;
}
.stage-body{
  flex:1 1 auto !important;
}
.export-mini-stage img{
  object-fit:contain !important;
  object-position:center center !important;
  background:#ffffff !important;
}
@media (max-width:520px){
  .stage-card img{height:auto !important;}
}


/* V3.7.89: homepage bilingual platform-positioning statement */
.positioning-section{margin:22px 0 24px !important;}
.positioning-card{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  padding:30px 34px 28px;
  background:
    radial-gradient(circle at 92% 8%,rgba(201,154,46,.18),transparent 28%),
    linear-gradient(135deg,#ffffff 0%,#f7fbff 58%,#fff8e8 100%);
  border:1px solid #dfe7f0;
  border-left:7px solid var(--gold);
  box-shadow:0 22px 54px rgba(11,34,66,.10);
}
.positioning-card::after{
  content:"GNE";
  position:absolute;
  right:26px;
  bottom:14px;
  font-size:74px;
  line-height:1;
  font-weight:950;
  letter-spacing:.05em;
  color:rgba(11,34,66,.045);
  pointer-events:none;
}
.positioning-kicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(201,154,46,.12);
  border:1px solid rgba(201,154,46,.28);
  color:#7a5a15;
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.positioning-card h2{
  margin:0 0 14px;
  color:#0b2242;
  font-size:32px;
  line-height:1.28;
  letter-spacing:-.025em;
}
.positioning-card p{
  position:relative;
  z-index:1;
  max-width:1080px;
  margin:10px 0 0;
  color:#34445c;
  font-size:16px;
  line-height:1.92;
  font-weight:720;
}
.positioning-card .positioning-en{
  color:#53647a;
  font-family:Georgia,"Times New Roman",serif;
  font-size:15.5px;
  line-height:1.78;
  font-weight:600;
}
.positioning-tags{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:18px;
}
.positioning-tags span{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:8px 12px;
  background:#0b2242;
  color:#fff;
  font-size:13px;
  font-weight:900;
  box-shadow:0 8px 18px rgba(11,34,66,.14);
}
@media (max-width:720px){
  .positioning-card{padding:24px 20px;border-radius:24px;}
  .positioning-card h2{font-size:24px;}
  .positioning-card p{font-size:14.5px;line-height:1.82;}
  .positioning-card .positioning-en{font-size:14px;}
  .positioning-card::after{font-size:48px;right:14px;bottom:10px;}
}

/* Account Authorization Edition */
.account-page .account-head{padding:22px 24px;border-radius:24px;background:linear-gradient(135deg,#f8fbff,#fffaf0);border:1px solid rgba(7,31,61,.10);box-shadow:0 18px 45px rgba(11,34,66,.06)}
.account-center-box{display:grid;gap:18px}.account-summary-grid{display:grid;grid-template-columns:0.95fr 1.4fr;gap:18px}.account-profile-card,.account-stats-card,.school-report-panel,.admin-generator-panel,.generated-account-panel,.account-modules-panel{border-radius:24px!important;box-shadow:0 18px 45px rgba(11,34,66,.07)!important}.account-profile-card{text-align:center;display:grid;gap:10px;justify-items:center}.account-avatar{width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,#0b2242,#123b72);color:#f2d28b;display:flex;align-items:center;justify-content:center;font-weight:950;letter-spacing:.08em;box-shadow:0 18px 35px rgba(11,34,66,.18)}.account-profile-card h2{margin:4px 0 0;color:var(--navy);font-size:28px}.account-profile-card p{margin:0;color:var(--muted);font-weight:800}.account-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 12px;background:#edf3fb;color:#123b72;font-weight:950;font-size:13px;margin:2px 4px}.account-pill.success{background:#e8f7ee;color:#0b6b3b}.account-pill.trial{background:#fff7dc;color:#8a5b00}.account-pill.danger{background:#fff0f0;color:#a12222}.account-expiry{font-size:14px}.account-stats-card h2,.account-modules-panel h2,.school-report-panel h2,.admin-generator-panel h2,.generated-account-panel h2{margin:0 0 16px;color:var(--navy)}.account-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 18px}.account-stat-row div{border:1px solid var(--line);border-radius:18px;background:#fbfcff;padding:16px;text-align:center}.account-stat-row strong{display:block;color:var(--navy);font-size:32px;line-height:1}.account-stat-row span{color:var(--muted);font-weight:850;font-size:13px}.module-access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.module-access-card{border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#ffffff,#f8fbff);padding:16px;text-align:left;cursor:pointer;transition:.22s;box-shadow:0 12px 28px rgba(11,34,66,.06)}.module-access-card:hover{transform:translateY(-3px);box-shadow:0 20px 38px rgba(11,34,66,.10)}.module-access-card strong{display:block;color:var(--navy);font-size:18px}.module-access-card span{display:block;color:#b98513;font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin-top:4px}.module-access-card small{display:block;color:var(--muted);font-weight:750;margin-top:8px;line-height:1.45}.module-access-card.locked{opacity:.62;background:#f4f6f8;position:relative}.module-access-card.locked::after{content:"LOCKED";position:absolute;right:12px;top:12px;border-radius:999px;background:#fff0f0;color:#a12222;font-weight:950;font-size:10px;padding:4px 7px}.auth-lock-card{text-align:center;padding:34px!important}.auth-lock-card h2{color:var(--navy);margin:0 0 8px}.auth-lock-card p,.muted-note{color:var(--muted);font-weight:750;line-height:1.7}.auth-table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:18px;font-size:14px}.auth-table th{background:#0b2242;color:#fff;text-align:left;padding:12px}.auth-table td{border-bottom:1px solid var(--line);padding:12px;color:#243349;font-weight:750}.auth-table tbody tr:nth-child(even){background:#f8fbff}.admin-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.admin-form-grid label{font-weight:900;color:var(--navy)}.admin-form-grid input{margin-top:6px}.official-login-list{max-height:none}.account-route-row{margin-top:14px}.account-status-bad .login-user-mark{background:#a12222}.account-status-trial .login-user-mark{background:#b98513}
@media (max-width:900px){.account-summary-grid,.teacher-grid,.admin-grid{grid-template-columns:1fr}.module-access-grid{grid-template-columns:1fr 1fr}.admin-form-grid{grid-template-columns:1fr 1fr}.auth-table{font-size:12px}.auth-table th,.auth-table td{padding:9px}}
@media (max-width:560px){.module-access-grid,.admin-form-grid,.account-stat-row{grid-template-columns:1fr}.account-profile-card h2{font-size:23px}}

/* V3.8.3 Account Opening / Payment Introduction Page */
.account-open-home{padding:24px;border-radius:28px;background:linear-gradient(135deg,#f8fbff,#fffdf6);border:1px solid rgba(11,34,66,.10);box-shadow:0 18px 45px rgba(11,34,66,.06)}
.account-open-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.account-open-mini-grid article{padding:18px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(11,34,66,.05)}.account-open-mini-grid strong{display:block;color:var(--navy);font-size:18px;margin-bottom:8px}.account-open-mini-grid span{display:block;color:var(--muted);font-weight:750;line-height:1.65}.account-open-home-actions{margin-top:16px}.account-opening-page .page-head{margin-bottom:18px}.opening-hero{display:grid;grid-template-columns:1.45fr .75fr;gap:18px;align-items:center;background:linear-gradient(135deg,#0b2242,#123b72)!important;color:#fff;overflow:hidden;position:relative}.opening-hero::after{content:"GNE";position:absolute;right:22px;bottom:-22px;font-size:86px;font-weight:950;letter-spacing:.12em;color:rgba(255,255,255,.07)}.opening-kicker{display:inline-flex;border:1px solid rgba(242,210,139,.45);color:#f2d28b;border-radius:999px;padding:7px 12px;font-weight:950;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.opening-hero h2{margin:14px 0 10px;font-size:30px;line-height:1.25}.opening-hero p{margin:0;color:rgba(255,255,255,.86);font-weight:750;line-height:1.85}.opening-contact-card{border-radius:24px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);padding:22px;display:grid;gap:8px;position:relative;z-index:1}.opening-contact-card strong{font-size:22px;color:#fff}.opening-contact-card span{color:rgba(255,255,255,.78);font-weight:800}.opening-contact-card em{font-style:normal;color:#f2d28b;font-weight:950;word-break:break-word}.opening-grid.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.opening-plan-card{position:relative;overflow:hidden;min-height:290px}.opening-plan-card h2{margin:0 0 8px;color:var(--navy);font-size:24px}.opening-plan-card p{margin:0 0 14px;color:var(--muted);font-weight:800;line-height:1.65}.opening-plan-card.featured{border:2px solid rgba(242,210,139,.75)!important;box-shadow:0 24px 55px rgba(11,34,66,.10)!important}.opening-price{border-radius:20px;background:#f7f9fc;border:1px solid var(--line);padding:16px;color:#0b2242;font-weight:950;font-size:24px;margin:12px 0 14px}.opening-price span{display:block;font-size:12px;color:#b98513;letter-spacing:.05em;text-transform:uppercase;margin-top:5px}.opening-plan-card ul{margin:0;padding-left:19px;color:#26384e;font-weight:780;line-height:1.8}.opening-process-panel h2,.opening-info-panel h2{margin:0 0 16px;color:var(--navy)}.opening-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.opening-steps div{border:1px solid var(--line);border-radius:22px;background:#fbfcff;padding:18px}.opening-steps b{width:36px;height:36px;border-radius:14px;background:#0b2242;color:#f2d28b;display:flex;align-items:center;justify-content:center;font-weight:950;margin-bottom:12px}.opening-steps strong{display:block;color:var(--navy);font-size:18px;margin-bottom:6px}.opening-steps span{display:block;color:var(--muted);font-weight:750;line-height:1.6}.opening-info-panel p{color:var(--muted);font-weight:750;line-height:1.7;margin-top:-4px}.opening-actions{margin-top:16px}.opening-table{margin-top:12px}
@media (max-width:900px){.account-open-mini-grid,.opening-hero,.opening-grid.three,.opening-steps{grid-template-columns:1fr}.opening-hero h2{font-size:25px}.opening-plan-card{min-height:auto}}

.login-delivery-box{
  margin-top:18px;
  padding:16px 18px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(15,55,92,.08),rgba(212,175,55,.10));
  border:1px solid rgba(15,55,92,.12);
}
.login-delivery-box h3{
  margin:0 0 8px;
  color:var(--ink);
  font-size:18px;
}
.login-delivery-box p{
  margin:0;
  color:var(--muted);
  line-height:1.8;
}


/* V3.8.6 trial account limitation notice */
.trial-limit-panel {
  border-left: 5px solid #f59e0b;
  background: linear-gradient(135deg, rgba(255,251,235,.95), rgba(255,255,255,.98));
}
.trial-limit-panel h2 { color: #92400e; margin-bottom: 8px; }
.trial-limit-panel p { color: #5f430c; line-height: 1.75; }
.module-access-card.locked small { color: #9a3412; font-weight: 700; }


/* V3.8.7 免费试看与正式账号授权提示 */
.access-demo-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:16px 0 18px;
  padding:16px 18px;
  border:1px solid rgba(37,99,235,.20);
  background:linear-gradient(135deg, rgba(239,246,255,.96), rgba(255,255,255,.98));
  box-shadow:0 12px 30px rgba(15,35,72,.08);
}
.access-demo-banner strong{
  color:#0b2242;
  font-size:1.05rem;
  white-space:nowrap;
}
.access-demo-banner span{
  flex:1;
  color:#374151;
  line-height:1.65;
}
.access-demo-banner button{
  white-space:nowrap;
}
@media (max-width: 720px){
  .access-demo-banner{align-items:flex-start; flex-direction:column;}
  .access-demo-banner button{width:100%;}
}


/* V3.8.8 安全试看版 */
.security-preview-notice{margin:18px 0 0;padding:12px 16px;border:1px solid rgba(30,64,175,.16);background:linear-gradient(135deg,rgba(239,246,255,.92),rgba(255,255,255,.94));border-radius:16px;color:#334155;display:flex;gap:10px;align-items:flex-start;font-size:13px;box-shadow:0 8px 22px rgba(15,23,42,.06)}
.security-preview-notice strong{color:#1d4ed8;white-space:nowrap}.security-preview-notice span{line-height:1.7}.copyright-line{font-size:12px;color:#64748b;line-height:1.8;max-width:980px;margin:6px auto 0}.access-demo-banner strong{color:#1e40af}
body::after{content:"GNE WordFriend · Preview";position:fixed;right:14px;bottom:12px;font-size:11px;color:rgba(15,23,42,.34);letter-spacing:.08em;pointer-events:none;z-index:9999}