/* Refined study interface — 2026-10-22. Existing learning state and semantic colors stay intact. */
:root{--pri:#355a78;--pri2:#243d54;--org:#ce9145;--grn:#397c64;--bg:#f1f4f8;--line:#dde5ee;--shadow:0 8px 28px #243d5409;--radius:18px}
html{background:#f1f4f8}body{background:radial-gradient(ellipse at 8% 4%,#dde8f4 0,transparent 42%),radial-gradient(ellipse at 95% 36%,#f4e6da 0,transparent 42%),linear-gradient(145deg,#f5f7fb,#edf1f8 58%,#f8f2ea);background-attachment:fixed;color:#2d3f50;font-size:15px;line-height:1.85;min-height:100vh}
body.lwxy-gold{--pri:#84663b;--pri2:#4e432f;--org:#c1934f;--line:#e9dec8;background:radial-gradient(ellipse at 7% 3%,#f4e6c8 0,transparent 42%),radial-gradient(ellipse at 100% 45%,#e9e2d7 0,transparent 46%),linear-gradient(135deg,#faf7f0,#f2eee6 60%,#fbf8f1);background-attachment:fixed;color:#4b4335}
.topbar{background:linear-gradient(115deg,#172b40 0%,#29465f 58%,#1d344c 100%);padding:19px 28px 15px;border-bottom:1px solid #ffffff20;box-shadow:0 6px 28px #172b401c;isolation:isolate}
.lwxy-gold .topbar{background:radial-gradient(ellipse at 90% 0%,#65503840,transparent 55%),linear-gradient(110deg,#1b1e25,#2c2b2b 58%,#24252a);border-bottom:1px solid #b7995b66;box-shadow:0 8px 28px #3f342119}
.header-main{gap:22px;min-height:65px}.brand{gap:15px}.brand .university-emblem{width:56px;height:57px;object-fit:contain;filter:drop-shadow(0 2px 3px #0003);flex:none}.brand h1{font-size:21px!important;font-weight:650!important;letter-spacing:.015em!important;line-height:1.45;margin:0!important;color:#f9fbfe}.header-main .header-note{display:none}.header-reader{gap:6px}.primary-bookmarks{gap:9px}.header-reader .header-bookmark{min-height:45px;padding:10px 19px;border-radius:11px;border:1px solid #efc58488;background:linear-gradient(145deg,#dca961,#b98136);box-shadow:inset 0 1px 0 #fff5,0 4px 10px #0001;color:#fffdf9;font-size:14px;font-weight:650;transition:transform .16s,filter .16s}.header-reader .header-bookmark:hover{filter:brightness(1.07);transform:translateY(-1px)}.header-reader .bookmark-jump{background:linear-gradient(145deg,#fff8e8,#eddfbe);border-color:#ebd6aa;color:#6e5228}.bookmark-menu summary{font-size:11px;color:#e7d7b5;padding:0 2px;letter-spacing:.03em}
.nav{gap:7px;margin-top:17px;align-items:center}.nav a{border:1px solid #ffffff13;background:#ffffff0c;border-radius:9px;padding:6px 11px;font-size:12px;line-height:1.6;color:#e7edf3;transition:background .15s,transform .15s}.nav a:hover{background:#ffffff1c;transform:translateY(-1px)}.nav a[aria-current="page"]{outline:none;box-shadow:inset 0 0 0 1px #b0c4d77a;background:#ffffff19;color:white}.nav a.mock-link{background:#35775e;border-color:#7ba28d44;color:#f6fff9}.nav a.err{background:#a85550;border-color:#de8b7744;color:#fff9f8}.nav a.speed-link,.nav a.speed-link[aria-current="page"]{background:linear-gradient(135deg,#dea55d,#c38536);color:#fff;border:1px solid #efc89566;outline:none;box-shadow:inset 0 1px 0 #fff3}.nav a.speed-link[aria-current="page"]{box-shadow:0 0 0 2px #f7e1b366}
.svip,.lwxy-gold .svip{display:inline-flex;position:relative;align-items:center;gap:10px!important;margin:9px 0 0;padding:7px 13px!important;border:1px solid #b9995f99!important;border-radius:10px!important;background:linear-gradient(120deg,#4b3c26 0%,#24252a 39%,#57432b 78%,#302c25)!important;box-shadow:inset 0 1px 0 #ffe9a033,inset 0 -1px 0 #e5ba6c22,0 4px 14px #0002!important;overflow:hidden;color:#ebcd8d!important;min-width:235px}
.svip::after{content:'';position:absolute;pointer-events:none;inset:0;background:linear-gradient(110deg,transparent 0%,#ffe7b20c 42%,#fff4d827 49%,transparent 58%);transform:translateX(-110%);animation:vipGleam 2s ease .25s 1}.vip-crown{width:30px;height:29px;fill:#d8b66e;stroke:#f8dfa4;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 1px 3px #d9ba5940);flex:none}.svip .vip-wordmark{display:flex!important;flex-direction:column;line-height:1.25;gap:4px}.vip-wordmark b{font-size:15px;letter-spacing:.1em;color:#f4dfa4}.vip-wordmark em{font-style:normal;font-size:11px;letter-spacing:.13em;border-left:1px solid #bf9e5f66;padding-left:9px;margin-left:4px;color:#d3ae6d}.svip .vip-wordmark small{font-size:9px;letter-spacing:.12em;color:#c5af83}.svip .vip-spark{font-size:22px!important;margin-left:auto;color:#e6c47b;opacity:.9}@keyframes vipGleam{to{transform:translateX(110%)}}
.wrap{max-width:1020px;padding:22px 22px 100px}.card,.lwxy-gold .card{background:#ffffffed;border:1px solid #e4eaf2;border-radius:var(--radius);box-shadow:var(--shadow);padding:23px 25px;margin:15px 0}.lwxy-gold .card{background:linear-gradient(135deg,#fffefb,#fffcf6);border-color:#e8dfcf;box-shadow:0 8px 26px #63533308}#status{font-size:11px;letter-spacing:.02em;color:#8793a1;padding:0 4px 8px}#questions>h2,.welcome>h2{font-size:19px;padding:13px 18px;border-radius:12px;background:linear-gradient(115deg,#355a78,#486b87);color:#fff;font-weight:650;margin:23px 0 17px}.lwxy-gold #questions>h2,.lwxy-gold .welcome>h2{background:linear-gradient(115deg,#807052,#a58a5c)}.card .stem{font-size:16px;line-height:1.85;color:#273e53;margin:11px 0 17px;font-weight:650}.lwxy-gold .card .stem{color:#53452f}.meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px}.meta>span{border:0;background:#f0f4f8;border-radius:6px;color:#788b9c;padding:2px 7px}.meta>span.qno{font-size:12px;background:#e6edf6;color:#3c5773;border-radius:7px;min-width:27px;line-height:22px;margin-right:1px}.meta .weight.major{color:#9c762c;background:#fcf4df}.meta .weight.minor{color:#9a8969;background:#f6f2e9}.lwxy-gold .meta>span{background:#f2ede3;color:#8c7c60}.lwxy-gold .meta>span.qno{background:#eee3c9;color:#8f6c32}
.opts{gap:9px}.opts button{margin:0;padding:13px 15px;background:#f7f9fc;border:1px solid #dfe6ef;border-radius:10px;line-height:1.75;font-size:14px;color:#40546a;transition:background .15s,border-color .15s,box-shadow .15s}.opts button:hover{border-color:#9eb5ca;background:#eff4fa;box-shadow:0 2px 9px #29465f08}.opts button.ok{border-color:#80af94;background:#ecf5ee;color:#30634c;font-weight:600;box-shadow:inset 3px 0 0 #70a482}.opts button.bad{border-color:#d39a93;background:#fcf0ee;color:#9a4a44;box-shadow:inset 3px 0 0 #c8887f}.lwxy-gold .opts button:not(.ok):not(.bad){background:#fcfaf6;border-color:#e9e0d2;color:#6d5a3d}.answer.ansbox,.ansbox{margin-top:19px;background:#f3f7f4;border:1px solid #e0eae3;border-left:3px solid #81a28e;border-radius:12px;padding:18px 19px;color:#485c51;font-size:14px;line-height:1.95}.lwxy-gold .answer.ansbox{background:#faf7ee;border-color:#ebe1cd;border-left-color:#bda16c}.ansbox>b:first-of-type{font-size:12px;color:#a66752;letter-spacing:.03em}.expfull{background:#fffefa;border-left:2px solid #d8b36e;border-radius:8px;padding:5px 15px 10px;margin-top:10px;font-size:14px}.expfull p{margin:1.2em 0}.card button.exp-toggle{border:1px solid #dfd6bb;background:linear-gradient(120deg,#f9f3e5,#f3ebd8);color:#8d7041;border-radius:8px;font-size:12px;font-weight:600;padding:8px 12px;margin:0 0 13px}.answer img,.ansbox img{border-radius:9px}.card textarea{border:1px solid #dce4ed;border-radius:9px;background:#f9fbfd;padding:12px;resize:vertical}
.card button:not(.opts button):not(.exp-toggle):not(.undo-action):not(.wrong-toggle):not(.favorite-toggle){border-radius:8px;border-color:#d6e0e9;background:#f1f5fa;color:#42627e;padding:8px 13px}.card button[data-action="reveal"],.card button[data-action="big"]{background:linear-gradient(120deg,#d4a15b,#b9853e)!important;color:white!important;border-color:#c59553!important}.page-progress{background:#e9eff7;border:1px solid #dce5f0;color:#57718c;padding:10px 15px;border-radius:10px;font-size:12px}.lwxy-gold .page-progress{background:#eee7d8;border-color:#e7d9bd;color:#8b734c}
.actions{gap:10px;padding-top:17px;margin-top:18px;border-top:1px solid #eef1f5;align-items:center;justify-content:flex-end;flex-wrap:wrap}.card .actions .wrong-toggle{border-radius:9px;padding:9px 16px;font-size:12px;background:#fff6ef;color:#9d7956;border-color:#ead4bc;min-height:41px;font-weight:600}.card .actions .wrong-toggle.is-added{background:#ad6d5e;color:#fff;border-color:#b77e6f}.card .actions .favorite-toggle{border-radius:9px;padding:9px 15px;min-height:41px;border:1px solid #e2d6bc;color:#a28d63;background:#fffdf8;font-size:12px}.card .actions .favorite-toggle.is-favorite{color:#967330;background:#faf0d8;border-color:#d8be82}.card .actions .favorite-toggle:first-child{margin-right:auto}.card .actions .undo-action,.undo-action{font-size:14px!important;padding:10px 23px!important;min-width:116px;min-height:45px;border-radius:10px!important;background:#eee8d8!important;border:1px solid #d2bea0!important;color:#866942!important;box-shadow:inset 0 1px 0 #fff8;font-weight:650;animation:noticeLife 10s linear both}
.removed-question{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 25px;margin:15px 0;border:1px dashed #d3c3a5;border-radius:16px;background:linear-gradient(120deg,#fcf8edb8,#f4efe3b8);min-height:116px}.removed-question>div{min-width:0}.removed-question b{font-size:13px;color:#8d7a5d;font-weight:600}.removed-question small{display:block;font-size:11px;color:#a69a86;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:560px}.removed-icon{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;color:#a18c63;background:#ede5d2;margin-right:8px;font-size:12px}.undo-notices{right:auto;left:50%;transform:translateX(-50%);bottom:auto;top:calc(var(--reader-top,130px) + 15px);max-width:min(650px,calc(100vw - 32px))}.undo-notice{background:#fffdf5f5;border:1px solid #e4d7ba;box-shadow:0 8px 28px #3c352618;color:#927c56;gap:24px;padding:13px 18px;backdrop-filter:blur(8px)}.undo-notice .undo-action{font-size:13px!important;min-height:40px;min-width:100px}.reader-notice{background:#2b4052ed;border:1px solid #ffffff22;border-radius:10px;font-size:12px;max-width:calc(100vw - 28px)}
.source-picker{font-size:13px;gap:10px}.source-picker select,.reader-controls select,.reader-controls input,.profilebar input{border:1px solid #d9e1ea;background:#fbfcfe;border-radius:8px;color:#4d657c;padding:8px 12px;min-height:38px}.source-picker select{min-width:220px}.wrong-view-tabs{display:inline-flex;padding:4px;background:#edf1f6;border-radius:11px;gap:3px;margin:14px 12px 0 0;vertical-align:middle}.card .wrong-view-tabs button{border:0!important;margin:0!important;background:transparent!important;color:#8b97a4!important;padding:7px 13px!important;border-radius:8px!important;font-size:12px}.card .wrong-view-tabs button[aria-pressed="true"]{background:#fff!important;color:#4b6279!important;box-shadow:0 2px 5px #253c5210}.wrong-view-tabs b{font-size:10px;margin-left:6px;opacity:.65}.wrong-study-modes{display:inline-flex;gap:8px;vertical-align:middle;margin-top:14px}.card .wrong-study-modes button{font-size:12.5px;font-weight:650;padding:10px 19px!important;border:1.5px solid #cfd9e4!important;border-radius:10px!important;background:#fff!important;color:#54708a!important;box-shadow:0 1px 4px #243d5412,inset 0 1px 0 #fff;transition:background .15s,color .15s,box-shadow .15s}.card .wrong-study-modes button:active{transform:translateY(1px)}.card .wrong-study-modes button[aria-pressed="true"]{border-color:var(--pri)!important;background:var(--pri)!important;color:#fff!important;box-shadow:inset 0 2px 5px #00000038}.lwxy-gold .card .wrong-study-modes button{border-color:#e2d5b8!important;background:#fffdf7!important;color:#7a6238!important}.lwxy-gold .card .wrong-study-modes button[aria-pressed="true"]{border-color:#84663b!important;background:#84663b!important;color:#fdf8ec!important;box-shadow:inset 0 2px 5px #00000045}.empty-state{text-align:center;padding:45px!important}.empty-state>span{font-size:32px;color:#c2b08b}.empty-state h3{font-size:15px;font-weight:500;color:#8996a1}.empty-state p{font-size:12px;color:#a0aab4}.speed-tools{border-radius:14px;padding:18px 20px}.reader-title{font-size:13px;color:#536b80;margin-bottom:14px}.reader-controls{font-size:12px;gap:12px}.reader-controls label{display:inline-flex;align-items:center;gap:7px}.reader-controls select{max-width:250px}.reader-controls input{width:145px}.module-entry button{background:#ffffffa8;border-color:#ddd5c5;color:#9c7d45;border-radius:9px;padding:9px 16px;font-size:12px}.bookmark-list{border:1px solid #e6e2d9!important;box-shadow:0 16px 40px #172b4025!important;border-radius:14px!important;padding:15px!important;background:#fffefb!important}.bookmark-row{padding:12px 0;border-bottom:1px solid #eeeae1}.bookmark-row b{color:#66573c;font-size:12px}.bookmark-row small{font-size:10px;line-height:1.7;color:#9b9280}.bookmark-row button{background:#faf8f3;border-color:#e1d7c3;color:#96805a;border-radius:6px;padding:5px 10px!important;font-size:11px!important}.bookmark-clear{min-height:37px;margin-top:12px!important;border-radius:8px;background:#fbf3e5!important;border-color:#dbc79e!important;color:#997a46!important}.bookmark-slot.is-marked{padding:0 0 10px!important}.leaf-mark{width:32px;height:35px;font-size:25px}.leaf-mark img{width:32px!important;height:35px!important}.bookmark-caption{font-size:10px;color:#b29864}.card:has(.is-marked){background:linear-gradient(135deg,#fffcf4,#fff9ed)!important;border-color:#e4d2a5!important}.card.jump-target{outline:2px solid #d6b571;outline-offset:2px}
.profilebar{gap:15px;padding:25px!important}.profilebar h2{font-size:17px;color:#4b647a}.profilebar .hint{color:#9a9f9f;font-size:11px}.profile-entry input{font-size:15px;min-height:44px}.profilebar .profile-load{background:linear-gradient(115deg,#355875,#52748f)!important;color:#fff!important;border:0!important;border-radius:9px;min-height:46px;font-size:13px}.password-settings summary{font-size:12px;color:#8a9bab}.profilebar .password-settings{border-color:#edf0f3}.profilebar.loaded-profile{display:flex;align-items:center;gap:15px}.loaded-profile h2{margin:0;font-size:15px}.loaded-profile .hint{flex-basis:auto!important;margin:0!important}.loaded-profile button[data-action="logout"]{margin-left:auto;font-size:11px}.mode-grid{gap:15px}.mode-grid a{background:linear-gradient(135deg,#ffffffeb,#f8faffc9);border:1px solid #dee6ef;border-radius:16px;padding:25px;color:#49647f;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.mode-grid a:hover{transform:translateY(-3px);box-shadow:0 12px 28px #243d5410;border-color:#b1c2d3}.catalog-intro{padding:32px 0 22px}.catalog-intro h2{font-size:32px;letter-spacing:.02em;color:#304c67;margin:14px 0}.catalog-intro p{font-size:13px;color:#8b9ba9}.eyebrow{font-size:10px;letter-spacing:.22em;color:#b39a72}.welcome p{color:#7f8e9b;font-size:13px}.catalog-header .brand img{width:46px;height:46px}.catalog-header .brand h1{font-size:21px}.catalog-header .header-note{font-size:11px;color:#bac9d6;margin-top:5px}
@media(min-width:1450px){.topbar{padding-left:max(28px,calc((100vw - 1320px)/2));padding-right:max(28px,calc((100vw - 1320px)/2))}}
@media(max-width:850px){.brand h1{font-size:18px!important}.header-reader .header-bookmark{padding:9px 14px;font-size:13px}.header-main{gap:12px}.nav{gap:6px}.nav a{padding:5px 9px;font-size:11px}.svip,.lwxy-gold .svip{min-width:210px;padding:6px 11px!important}.vip-wordmark b{font-size:14px}.wrap{padding:18px 17px 90px}}
@media(max-width:650px){body{font-size:14px}.topbar{padding:14px 13px 12px}.header-main{gap:12px;min-height:0}.header-main .brand{width:100%;gap:10px}.brand .university-emblem{width:43px;height:45px}.brand h1{font-size:14px!important;line-height:1.5!important;letter-spacing:0!important}.svip,.lwxy-gold .svip{margin-top:7px;min-width:209px;gap:9px!important;padding:5px 10px!important;border-radius:8px!important}.vip-crown{width:24px;height:24px}.vip-wordmark b{font-size:12px}.vip-wordmark em{font-size:9px;padding-left:7px}.svip .vip-wordmark small{font-size:8px}.svip .vip-spark{font-size:17px!important}.header-reader{justify-content:flex-end;gap:12px}.primary-bookmarks{gap:7px}.header-reader .header-bookmark{font-size:12px;min-height:38px;padding:8px 12px;border-radius:8px}.bookmark-menu summary{font-size:10px}.nav{margin-top:12px;gap:5px}.nav a{font-size:10px;padding:5px 7px;border-radius:7px}.wrap{padding:15px 11px 90px}.card,.lwxy-gold .card{border-radius:14px;padding:17px 15px;margin:13px 0}.card .stem{font-size:15px;line-height:1.85;margin:11px 0 14px}.meta{gap:5px}.meta>span{font-size:10px;padding:2px 6px}.opts{gap:8px}.opts button{padding:11px 12px;font-size:13px;border-radius:9px;line-height:1.8}.answer.ansbox,.ansbox{padding:14px 13px;font-size:13px;line-height:1.95}.expfull{font-size:13px;padding:3px 11px 9px}.expfull p{margin:1.1em 0}.card button.exp-toggle{font-size:11px;padding:7px 9px}.actions{gap:8px;padding-top:13px;margin-top:14px}.card .actions .favorite-toggle,.card .actions .wrong-toggle{padding:8px 10px;font-size:11px;min-height:37px;margin:0}.card .actions .undo-action{padding:9px 17px!important;min-height:42px;min-width:109px;font-size:13px!important;margin:0}.removed-question{padding:18px 15px;border-radius:13px;gap:12px;min-height:111px}.removed-question small{max-width:180px;font-size:10px}.removed-question .undo-action{min-width:105px!important;padding:10px 14px!important;font-size:13px!important}.undo-notice{padding:10px 12px;gap:12px}.undo-notice span{font-size:11px}.reader-controls{gap:9px}.reader-controls label{font-size:11px;gap:6px}.reader-controls select{max-width:213px}.reader-controls input{width:125px}.speed-tools{padding:15px}.bookmark-list{padding:12px!important}.bookmark-row{padding:11px 0}.bookmark-row small{font-size:9px}.bookmark-row button{padding:5px 8px!important}.bookmark-row b{font-size:12px}.wrong-view-tabs{margin:12px 0 0;display:flex;width:max-content;max-width:100%}.wrong-study-modes{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;width:100%}.card .wrong-study-modes button{flex:1 1 auto;font-size:13px;padding:11px 18px!important;min-height:44px}.source-picker select{font-size:12px;min-height:39px}.page-progress{font-size:11px;padding:8px 12px}.catalog-intro h2{font-size:24px}.catalog-intro{padding:23px 2px}.profilebar{padding:18px!important}.loaded-profile .hint{flex-basis:100%!important}.loaded-profile button[data-action="logout"]{margin-left:0}.mode-grid a{border-radius:13px;padding:20px}.catalog-header .brand h1{font-size:19px!important}.catalog-header .brand img{width:40px;height:40px}#questions>h2,.welcome>h2{font-size:16px;padding:11px 14px;border-radius:10px}}
@media(prefers-reduced-motion:reduce){.svip::after{animation:none}.header-reader .header-bookmark:hover,.nav a:hover,.mode-grid a:hover{transform:none}}
.opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.opts button{height:100%}.module-entry{margin:5px 0 9px}.bookmark-row-actions{flex:none}.card .exp-toggle{background:linear-gradient(120deg,#f9f3e5,#f3ebd8)!important;color:#8d7041!important;border-color:#dfd6bb!important}
@media(max-width:650px){.opts{grid-template-columns:1fr;gap:8px}}
/* Header photographs stay inside the dark masthead. */
.svip,.lwxy-gold .svip{inset:auto!important}
.topbar{overflow:visible;background:#13283e;position:sticky}.topbar>.header-main,.topbar>.nav,.catalog-header>.brand{position:relative;z-index:1}.header-scenery{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#172b40}.header-scenery>span{position:absolute;inset:0;background-repeat:no-repeat;background-size:cover}.scene-landscape{background-image:url('/koujie/assets/campus-header.jpg');background-position:center 47%;opacity:.73}.header-scenery::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10253be6 0%,#10253ba8 46%,#10253b65 75%,#10253ba8 100%)}.lwxy-gold .scene-landscape{display:none}.lwxy-gold .header-scenery{background:#1b2028}.lwxy-gold .scene-art{left:49%;background-image:url('/koujie/assets/xiaoqiao-shanhai.jpg');background-position:69% 30%;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 22%)}.lwxy-gold .scene-portrait{inset:0 auto 0 47%;width:240px;background-size:cover;background-position:center 26%;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 78%,transparent);opacity:.9}.lwxy-gold .header-scenery::after{background:linear-gradient(90deg,#171d29f5 0%,#171d29d9 39%,#151c2435 56%,#151c2440 76%,#151c24ab 100%)}.lwxy-gold .scene-1 .scene-art{display:none}.lwxy-gold .scene-1 .scene-portrait{left:57%;width:34%;background-position:center 29%;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}.lwxy-gold .scene-2 .scene-portrait{display:none}.lwxy-gold .scene-2 .scene-art{left:35%;background-position:70% 25%}.lwxy-gold .scene-3>span{display:none}.header-utilities{display:flex;align-items:flex-end;flex-direction:column;gap:6px;flex:none;margin-left:auto}.scene-toggle{border:1px solid #cfbd8d55;border-radius:20px;background:#1a243683;color:#e5d8b3;font-size:10px;line-height:1.4;padding:5px 10px;cursor:pointer;backdrop-filter:blur(6px)}.scene-toggle:hover{background:#9a7a473d;color:#fff5d9}.header-reader{width:auto}.brand h1{text-shadow:0 2px 12px #0006}.nav a{backdrop-filter:blur(8px);background:#11263880}.lwxy-gold .nav a:not(.mock-link):not(.err):not(.speed-link){background:#171e2a99}.header-reader .header-bookmark{box-shadow:0 3px 15px #0002,inset 0 1px 0 #fff5}
.study-toolbar{justify-content:space-between;align-items:center;gap:16px;min-height:46px}.sort-picker{display:inline-flex;align-items:center;gap:10px;color:#8696a5;font-size:11px}.sort-picker select{appearance:auto;padding:8px 30px 8px 12px;min-height:39px;border:1px solid #d7e0e9;border-radius:9px;background:#ffffffc9;color:#526c83;font-size:12px;cursor:pointer;box-shadow:0 2px 6px #182d4105}.lwxy-gold .sort-picker select{border-color:#dfd2b7;color:#8b724a;background:#fffdf7}.study-dashboard{border-radius:15px;padding:18px 21px 15px;margin:12px 0 20px;background:linear-gradient(120deg,#f9fcffed,#eaf1f8ed);border:1px solid #dbe5ef;box-shadow:0 3px 16px #2d486405}.study-overview{display:flex;justify-content:space-between;gap:14px;align-items:center}.progress-label{font-weight:600;font-size:12px;color:#5c7891}.study-message{font-size:10px;color:#95a3b0}.study-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin:12px 0 15px}.study-metrics>div{display:flex;gap:8px;align-items:baseline}.study-metrics strong{font-size:27px;line-height:1.3;letter-spacing:-.04em;font-weight:600;color:#42647f;font-variant-numeric:tabular-nums}.study-metrics strong small{font-size:12px;font-weight:400;letter-spacing:0;opacity:.65}.study-metrics>div>span{font-size:10px;letter-spacing:.03em;color:#92a3b1}.study-progress-track{height:4px;background:#dae5ef;border-radius:9px;overflow:hidden}.study-progress-track>span{display:block;height:100%;background:linear-gradient(90deg,#5b8d9a,#94b7a4);border-radius:9px;transition:width .35s ease}.lwxy-gold .study-dashboard{background:linear-gradient(120deg,#fffdf8,#f6f0e3);border-color:#e6dcc5}.lwxy-gold .progress-label,.lwxy-gold .study-metrics strong{color:#9b7e48}.lwxy-gold .study-message,.lwxy-gold .study-metrics>div>span{color:#b1a288}.lwxy-gold .study-progress-track{background:#eadfc7}.lwxy-gold .study-progress-track>span{background:linear-gradient(90deg,#ae8b48,#d4bd7d)}
@media(min-width:850px){.header-main .brand{flex:1;min-width:0}.header-main .brand h1{font-size:20px!important}}
@media(max-width:650px){.header-utilities{width:100%;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px}.header-utilities:has(.scene-toggle):not(:has(.header-reader)){position:absolute;right:0;bottom:-2px;width:auto}.header-main{position:relative}.header-reader{margin-left:auto;flex:0 1 auto}.scene-toggle{font-size:9px;padding:5px 8px;white-space:nowrap}.header-scenery .scene-landscape{background-position:57% 48%}.lwxy-gold .scene-art{left:30%;background-position:73% 33%;opacity:.69}.lwxy-gold .scene-portrait{left:38%;width:42%;background-position:center 25%;opacity:.65}.lwxy-gold .header-scenery::after{background:linear-gradient(90deg,#171d29ed,#171d29b0 48%,#151c2469 80%,#151c24a0)}.lwxy-gold .scene-1 .scene-portrait{left:36%;width:64%;background-position:center 27%}.lwxy-gold .scene-2 .scene-art{left:20%}.study-dashboard{padding:15px 15px 13px;border-radius:13px}.study-message{display:none}.study-metrics{gap:9px;margin:11px 0 13px}.study-metrics>div{flex-direction:column;gap:4px}.study-metrics strong{font-size:25px}.study-metrics>div>span{font-size:9px}.study-metrics strong small{font-size:11px}.sort-picker{gap:7px}.sort-picker select{padding:7px 10px;min-height:37px;font-size:11px}.study-toolbar{min-height:42px}.study-toolbar button{font-size:11px;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.study-progress-track>span{transition:none}}
@media(max-width:650px){.lwxy-gold .header-main .brand h1{max-width:229px}.lwxy-gold .header-scenery.scene-0 .scene-portrait{left:auto;right:0;top:0;bottom:auto;width:105px;height:112px;background-size:cover;background-position:center 21%;opacity:.95;mask-image:linear-gradient(90deg,transparent,#000 24%,#000)}.lwxy-gold .header-scenery.scene-0 .scene-art{left:24%;background-position:65% 30%}}
/* Yellow remains the default; Swan Dream is the first alternative. */
.lwxy-gold .scene-swan{display:none;left:49%;background-image:url('/koujie/assets/xiaoqiao-swan.jpg');background-position:55% 39%;opacity:.89;mask-image:linear-gradient(90deg,transparent,#000 21%)}
.lwxy-gold .scene-1 .scene-art{display:none}.lwxy-gold .scene-1 .scene-swan{display:block}.lwxy-gold .scene-1 .scene-portrait{display:block;left:46%;right:auto;top:0;bottom:0;width:225px;height:auto;background-size:cover;background-position:center 26%;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 78%,transparent);opacity:.89}
.lwxy-gold .scene-2 .scene-art,.lwxy-gold .scene-2 .scene-swan{display:none}.lwxy-gold .scene-2 .scene-portrait{display:block;inset:0 3% 0 auto;width:39%;height:auto;background-size:cover;background-position:center 28%;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 80%,transparent)}
.lwxy-gold .scene-3 .scene-swan{display:block;left:34%;background-position:center 35%}.lwxy-gold .scene-4>span{display:none}.lwxy-gold .scene-4 .scene-art{display:block;left:34%;background-position:70% 28%;opacity:.9}
body.swan-theme .topbar{border-bottom-color:#b5a4d55c}body.swan-theme .svip{background:linear-gradient(120deg,#4a4059,#242331 50%,#5c4a60)!important;border-color:#bca2c78c!important}body.swan-theme .header-scenery{background:#1c1f32}body.swan-theme .header-scenery::after{background:linear-gradient(90deg,#161c30f7 0%,#171c30e3 37%,#191d342d 57%,#1b21334d 80%,#171c31ad 100%)}
.home-hero{position:relative;isolation:isolate;overflow:hidden;min-height:240px;padding:30px 32px;margin:15px 0 24px;border:1px solid #dfd3b6;border-radius:20px;background:linear-gradient(110deg,#23272c,#313333);display:flex;align-items:center;box-sizing:border-box}.home-visual{position:absolute;inset:0;z-index:-1;pointer-events:none}.home-visual>span{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat}.home-character{left:37%!important;background-image:url('/koujie/assets/xiaoqiao-shanhai.jpg');background-position:65% 33%;mask-image:linear-gradient(90deg,transparent,#000 23%);opacity:.86}.home-visual .home-portrait{left:36%;width:225px;background-size:cover;background-position:center 28%;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 78%,transparent);opacity:.94}.home-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1a2231e8,#202836ad 34%,#25282b0d 65%,#171c2f36)}.home-kicker{font-size:10px;letter-spacing:.19em;color:#cfb783}.home-hero h2{font-size:23px;line-height:1.5;margin:12px 0 9px;color:#fff4da;font-weight:600}.home-hero p{font-size:12px;color:#ddd0b7;margin:0}.swan-theme .home-hero{background:#202337;border-color:#c4b6d3}.swan-theme .home-character{background-image:url('/koujie/assets/xiaoqiao-swan.jpg');background-position:56% 35%}.swan-theme .home-hero h2{color:#f4ecff}.swan-theme .home-kicker,.swan-theme .home-hero p{color:#ccc1dd}
@media(max-width:650px){.lwxy-gold .scene-1 .scene-swan{left:20%;background-position:46% 42%;opacity:.82}.lwxy-gold .scene-1 .scene-portrait{left:auto;right:0;top:0;bottom:auto;width:105px;height:112px;background-size:cover;background-position:center 21%;opacity:.95;mask-image:linear-gradient(90deg,transparent,#000 24%,#000)}.lwxy-gold .scene-2 .scene-portrait{inset:0 0 0 auto;width:54%;height:auto;background-position:center 27%}.lwxy-gold .scene-3 .scene-swan{left:0;background-position:48% 40%}.home-hero{min-height:225px;padding:23px 20px;border-radius:16px;margin-top:14px}.home-hero h2{font-size:19px;max-width:180px}.home-hero p{font-size:10px;max-width:155px}.home-kicker{font-size:8px;letter-spacing:.12em}.home-character{left:13%!important;background-position:61% 30%;opacity:.68}.home-visual .home-portrait{left:auto;right:0;top:0;bottom:auto;height:130px;width:108px;background-position:center 22%;mask-image:linear-gradient(90deg,transparent,#000 22%,#000);opacity:.96}.home-visual::after{background:linear-gradient(90deg,#1a2231db,#1d2435b8 42%,#21232e26 84%)}.swan-theme .home-character{background-position:51% 35%}}