body:not(.admin-portal) header{position:relative;display:flex;align-items:center;gap:16px;flex-wrap:nowrap;z-index:30}
body:not(.admin-portal) header #site-nav{display:flex!important;position:static;width:auto;margin-left:auto;padding:0;background:transparent;border:0;box-shadow:none;gap:10px;align-items:center}
body:not(.admin-portal) header [hidden]{display:none!important}
body:not(.admin-portal) header #nav-login,body:not(.admin-portal) header #nav-register,body:not(.admin-portal) header #nav-agent{width:auto;white-space:nowrap;background:var(--zone-soft,#f1ebff);color:var(--zone,#6945b7);border:1px solid transparent;border-radius:12px;padding:12px 19px;min-height:44px;box-shadow:none;font-weight:650}
.avatar-wrap{position:relative;flex:0 0 auto;order:2}
.profile-menu{position:absolute;right:0;top:calc(100% + 14px);width:230px;padding:8px;background:#fff;border:1px solid #e6e1ef;border-radius:16px;box-shadow:0 14px 44px #30234320;z-index:60}
.profile-menu-summary{padding:12px 12px 14px;margin-bottom:5px;border-bottom:1px solid #ece9f2;display:grid;gap:6px}
.profile-menu-summary strong{font-size:15px;color:#34384e;overflow-wrap:anywhere}.profile-menu-summary span{font-size:12px;color:#8b829e}
.profile-menu>a,.profile-menu>button{display:block;width:100%;margin:0;padding:11px 12px;min-height:42px;text-align:left;text-decoration:none;border:0;border-radius:9px;box-shadow:none;background:transparent;color:#555970;font-size:14px;font-weight:500}
.profile-menu>a:hover,.profile-menu>button:hover{background:#f5f2fb;color:#6945b7}
.profile-menu #profile-logout{color:#b35770}.profile-menu .profile-mobile-link{display:none}
.agent-statistics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.agent-statistics>div{display:grid;gap:9px;padding:20px 12px;background:#f7f5fc;border-radius:12px;text-align:center}.agent-statistics strong{font-size:28px;color:#6d55b5}.agent-statistics span{font-size:12px;color:#8b849b}
#challenge-redeem-form{display:flex;align-items:stretch;gap:10px}#challenge-redeem-form input{flex:1;min-width:0;width:auto;min-height:46px;margin:0;padding:12px;border:1px solid #e3dfed;border-radius:10px;background:#faf9fd}#challenge-redeem-form button{flex:0 0 auto;margin:0;white-space:nowrap;min-height:46px;box-shadow:none;border-radius:10px}
@media(max-width:899px){body:not(.admin-portal) header{gap:10px}body:not(.admin-portal) header .brand{min-width:0;flex:1;margin-right:0}body:not(.admin-portal) header #site-nav{order:1;gap:7px;margin:0;flex:0 0 auto}body.signed-in:not(.admin-portal) header #site-nav{display:none!important}body:not(.admin-portal) header #nav-login,body:not(.admin-portal) header #nav-register{padding:8px 12px;min-height:38px;font-size:13px}body:not(.admin-portal) header .brand small{display:none}.profile-menu .profile-mobile-link{display:block}.profile-menu{max-width:calc(100vw - 32px)}.agent-statistics{gap:8px}.agent-statistics>div{padding:16px 6px}.agent-statistics strong{font-size:25px}.challenge-redeem-section .account-section-heading{align-items:flex-start;flex-direction:column;gap:6px}#challenge-redeem-form button{font-size:12px;padding:10px 12px}}
/* Keep every desktop navigation entry on the same visual scale. */
body:not(.admin-portal) header #site-nav button{width:auto;min-height:44px;padding:12px 19px;border-radius:12px;font-size:14px;font-weight:650;white-space:nowrap;box-shadow:none}
body:not(.admin-portal) header #nav-agent{background:var(--zone-soft,#f1ebff);color:var(--zone,#6945b7);border:1px solid transparent}
body:not(.admin-portal) header #menu-toggle{display:none}
.account-balance-actions{display:grid;grid-template-columns:1fr;width:190px;gap:10px;flex-shrink:0}.account-balance-actions #account-recharge,.account-balance-actions #account-wallet{width:100%;min-height:42px;margin:0;padding:10px 15px}
@media(max-width:899px){body.signed-in:not(.admin-portal) header #menu-toggle{display:block;order:1;border:0;background:transparent;box-shadow:none;border-radius:0;width:36px;min-height:38px;padding:4px;color:var(--zone,#6945b7);font-size:25px;flex:0 0 36px}body.signed-in:not(.admin-portal) header.menu-open #site-nav{display:grid!important;grid-template-columns:1fr;position:absolute;left:auto;right:16px;top:calc(100% + 6px);width:230px;padding:8px;border:1px solid #e6e1ef;border-radius:16px;background:white;box-shadow:0 14px 44px #30234320;z-index:60;gap:4px}body.signed-in:not(.admin-portal) header #site-nav button{width:100%;text-align:left;background:transparent;border:0;box-shadow:none;padding:11px 12px;color:#555970}body.signed-in:not(.admin-portal) header #site-nav button:hover{background:#f5f2fb}body:not(.admin-portal) header #nav-login,body:not(.admin-portal) header #nav-register{padding:8px 12px;min-height:38px;font-size:13px}}
@media(max-width:650px){.account-balance-actions{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Text navigation, with color providing the visual identity. */
body:not(.admin-portal) header #site-nav button,body[data-zone]:not(.admin-portal) header #site-nav button{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:10px 12px;transition:opacity .15s}
body:not(.admin-portal) header #site-nav #library{color:var(--zone,#5842b8)}
body:not(.admin-portal) header #site-nav #saved{color:#97600e}
body:not(.admin-portal) header #site-nav #wrongbook{color:#b34561}
body:not(.admin-portal) header #site-nav #redeem{color:#277b70}
body:not(.admin-portal) header #site-nav #nav-agent{color:#3578b5}
body:not(.admin-portal) header #site-nav button:hover{opacity:.7}
body:not(.admin-portal) header #site-nav button::before,body:not(.admin-portal) header #site-nav button::after{content:none!important}
@media(max-width:899px){
 body.signed-in:not(.admin-portal) header.menu-open #site-nav{width:min(320px,calc(100vw - 32px));padding:18px 16px 14px;gap:4px;border-radius:20px;box-shadow:0 18px 50px #35234d24;animation:navigation-reveal .16s ease-out;transform-origin:top right}
 body.signed-in:not(.admin-portal) header.menu-open #site-nav::before{content:'快捷导航';display:block;padding:0 10px 12px;margin-bottom:5px;border-bottom:1px solid #ede9f4;color:#9890a7;font-size:12px;letter-spacing:1px}
 body.signed-in:not(.admin-portal) header #site-nav button{position:relative;padding:14px 12px;min-height:50px;font-size:15px;text-align:left;letter-spacing:.2px}
 body.signed-in:not(.admin-portal) header #site-nav button[aria-current=page]{font-weight:750}
 body.signed-in:not(.admin-portal) header #site-nav button[aria-current=page]::after{content:''!important;position:absolute;right:12px;top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:currentColor}
 body.signed-in:not(.admin-portal) header #site-nav #redeem{border-top:0!important;margin-top:0;padding-top:14px}
 body.signed-in:not(.admin-portal) header.menu-open #menu-toggle{color:var(--zone,#6945b7);opacity:.65}
}
@keyframes navigation-reveal{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){body.signed-in:not(.admin-portal) header.menu-open #site-nav{animation:none}}
/* Route themes shared by the page, its controls and dialogs. */
body[data-zone="agent"],body[data-zone="activation"],body[data-zone="notebook"]{--accent:var(--zone);--purple:var(--zone);background:linear-gradient(180deg,var(--zone-light),#fafbfd 900px)}
body[data-zone="agent"] #library,body[data-zone="activation"] #library,body[data-zone="notebook"] #library{color:#7452c7!important}
body:not(.admin-portal) header #site-nav #wrongbook{color:#b34561}
body[data-zone="agent"] .wallet-page,body[data-zone="activation"] .wallet-page{--wallet-accent:var(--zone);--wallet-soft:var(--zone-light)}
.wallet-page .wallet-balance{display:flex!important;flex-direction:row!important;flex-wrap:nowrap;align-items:center;justify-content:space-between;background:linear-gradient(120deg,var(--zone-light),#fff);border-color:color-mix(in srgb,var(--zone) 20%,white)}
.wallet-page .wallet-balance>div{min-width:0}.wallet-page .wallet-balance #wallet-topup{flex:0 0 auto;width:auto}
.wallet-page .wallet-heading span,.wallet-page .wallet-balance span,.wallet-page .wallet-scope,.wallet-page .account-back{color:var(--zone)}
.wallet-page .wallet-balance strong,.wallet-page .wallet-product-price strong,.wallet-page .agent-statistics strong{color:var(--zone)}
.wallet-page .agent-statistics>div,.wallet-page .wallet-table th{background:var(--zone-light)}
.wallet-page .account-section,.wallet-page .wallet-products article{border-color:color-mix(in srgb,var(--zone) 17%,white)}
.wallet-page button,.wallet-page .wallet-products button{color:var(--zone);background:var(--zone-light);border-color:color-mix(in srgb,var(--zone) 25%,white);box-shadow:none}
.wallet-page button.primary{background:var(--zone);color:white;border-color:var(--zone)}
body[data-zone="agent"] dialog button.primary,body[data-zone="activation"] dialog button.primary,body[data-zone="notebook"] dialog button.primary{background:var(--zone);border-color:var(--zone);color:white}
body[data-zone="agent"] .wallet-payment strong,body[data-zone="activation"] .wallet-payment strong{color:var(--zone)}
body[data-zone="notebook"] .notebook-page{--book-accent:#a57919;--book-soft:#fff5d9;--book-line:#ead9a9;--book-border:#ead9a9}
@media(max-width:650px){.wallet-page .wallet-balance{padding:20px;gap:12px}.wallet-page .wallet-balance strong{font-size:28px}.wallet-page .wallet-balance #wallet-topup{padding:10px 12px;font-size:12px}}
body[data-zone="notebook"] .notebook-page{--book-tint:#fff5d9}
body[data-zone="notebook"] .notebook-page .book-card .card-word,body[data-zone="notebook"] .notebook-page .book-source-label{color:var(--book-accent)}
body[data-zone="wrongbook"]{--accent:var(--zone);--purple:var(--zone);background:linear-gradient(180deg,var(--zone-light),#fafbfd 900px)}
body[data-zone="wrongbook"] header #site-nav #library{color:#7452c7!important}
body[data-zone="wrongbook"] .notebook-page{--book-accent:#b34561;--book-tint:#fcecf1;--book-soft:#fcecf1;--book-line:#edc4ce;--book-border:#edc4ce}
body[data-zone="wrongbook"] .notebook-page .book-card .card-word,body[data-zone="wrongbook"] .notebook-page .book-source-label{color:var(--book-accent)}
body[data-zone="wrongbook"] dialog button.primary{background:var(--zone);border-color:var(--zone);color:white}
.zone-card[data-zone="primary"]{background:#fff0e6;border-color:#e9b79b;color:#bd683f}.zone-card[data-zone="junior"]{background:#f0f5e5;border-color:#bac99a;color:#637b35}.zone-card[data-zone="senior"]{background:#eaf2f6;border-color:#afc4cf;color:#466b7f}
.zone-card[data-zone="primary"] .zone-code,.zone-card[data-zone="primary"] .zone-title-line b{color:#bd683f}.zone-card[data-zone="junior"] .zone-code,.zone-card[data-zone="junior"] .zone-title-line b{color:#637b35}.zone-card[data-zone="senior"] .zone-code,.zone-card[data-zone="senior"] .zone-title-line b{color:#466b7f}
.zone-card[data-zone="university"]{background:#f5eee6;border-color:#cdb59e;color:#88613e}.zone-card[data-zone="university"] .zone-code,.zone-card[data-zone="university"] .zone-title-line b{color:#88613e}
.zone-card[data-zone="primary"]{--tile:#bd683f;--tile-bg:#fff0e6;--tile-border:#e9b79b}.zone-card[data-zone="junior"]{--tile:#637b35;--tile-bg:#f0f5e5;--tile-border:#bac99a}.zone-card[data-zone="senior"]{--tile:#466b7f;--tile-bg:#eaf2f6;--tile-border:#afc4cf}.zone-card[data-zone="university"]{--tile:#88613e;--tile-bg:#f5eee6;--tile-border:#cdb59e}.zone-card[data-zone="university"] .zone-code{font-size:clamp(20px,2.6vw,34px);overflow-wrap:anywhere}
.zone-grid .zone-card .zone-title-line b,.zone-grid .zone-card .zone-title-line small,.zone-grid .zone-card .zone-code,.zone-grid .zone-card .zone-card-bottom b,.zone-grid .zone-card .zone-start-label,.zone-grid .zone-card .zone-card-top>span:last-child{color:var(--tile)}
/* Word counts previously inherited the global purple --zone via an !important rule. */
.zone-grid .zone-card{--zone:var(--tile)}
.zone-grid .zone-card .zone-card-bottom b,.zone-grid .zone-card .zone-card-bottom b span{color:var(--tile)!important}
.course-version-description{margin:12px 0 0;color:#8a8d9b;font-size:13px;line-height:1.7}.zone-course-tile .course-cover-label{font-weight:650}.zone-course-tile .course-tile-cta{white-space:nowrap}
/* Both editions belong to the same zone and share its visual theme. */
.zone-lobby .zone-course-tile .course-cover{background:var(--zone-light);color:var(--zone)}
@media(max-width:650px){.course-title-row{flex-wrap:wrap}.course-title-row .course-tile-cta{margin-left:auto}}

.brand .brand-logo{display:block;width:54px;height:48px;object-fit:contain;flex:none;background:transparent;border:0;border-radius:0;box-shadow:none}.brand small{letter-spacing:1px}@media(max-width:650px){.brand .brand-logo{width:40px;height:38px}}

/* Navigation identities stay stable across page themes and mobile menus. */
body:not(.admin-portal) header #site-nav #nav-tutorials{color:#167baf!important;background:#e7f3fc;border-color:#c8e0f0}
body:not(.admin-portal) header #site-nav #nav-tutorials:hover{background:#dceef9;color:#12678f!important}
body:not(.admin-portal) header #site-nav #library{color:#7452c7!important;background:transparent;border-color:transparent}
body[data-zone="tutorials"] header #site-nav #library{box-shadow:none}
@media(max-width:899px){body.signed-in:not(.admin-portal) header #site-nav #nav-tutorials{color:#167baf!important;background:transparent;border-color:transparent}body.signed-in:not(.admin-portal) header #site-nav #nav-tutorials[aria-current=page]{background:#e7f3fc}}