:root{--bg:#f6f7fb;--card:white;--ink:#262d46;--muted:#858ba1;--line:#e7e9f1;--accent:#7566c5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.8 system-ui,'Microsoft YaHei',sans-serif}:root[data-theme="dark"]{--bg:#171b2b;--card:#22273b;--ink:#edeef7;--muted:#a4abc4;--line:#353c55}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}header{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:0 30px}.brand{font:italic 28px Georgia;color:var(--accent)}nav{display:flex;gap:32px;align-items:center}nav a{font-size:14px}button{border:0;background:transparent;color:inherit}.hero{margin:0 24px;border-radius:18px;height:370px;background:#24294c;position:relative;overflow:hidden;color:#fff;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 78% 90%,#a499cc88,transparent 50%),radial-gradient(circle at 70% 30%,#e5ddff 0 1px,transparent 2px);background-size:auto,79px 83px}.moon{position:absolute;right:18%;top:58px;width:112px;height:112px;border-radius:50%;background:#e6e1f6;box-shadow:0 0 80px #cbc3ff33}.mount{position:absolute;bottom:-110px;right:-10%;width:85%;height:240px;background:#323759;transform:rotate(-13deg);border-radius:45%}.mount.two{right:15%;bottom:-170px;background:#1c2340;transform:rotate(13deg)}.intro{position:relative;margin-left:max(6%,calc((100vw - 1100px)/2));z-index:1}.eyebrow{font-size:11px;letter-spacing:4px;color:#c4bedc}.intro h1{font:italic 76px/1.15 Georgia;margin:18px 0}.intro p{letter-spacing:3px;color:#dedbed}.intro small{color:#a8abc6;font-size:12px}.layout{max-width:1140px;margin:45px auto;display:grid;grid-template-columns:245px 1fr;gap:34px;padding:0 20px}.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:25px}.profile{text-align:center}.avatar{width:64px;height:64px;border-radius:50%;margin:0 auto 10px;background:#efecfa;color:#8c7bb9;font:30px/64px Georgia}.profile h2{font-size:20px;margin:0}.muted{color:var(--muted);font-size:12px}.stats{display:flex;justify-content:space-around;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.stats b{display:block;font-size:19px}.side-title{font-size:12px;letter-spacing:2px;margin:28px 0 12px}.category{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);width:100%}.note{margin-top:25px;color:var(--muted);font-size:12px}.notice{display:flex;gap:18px;padding:17px 22px;border:1px solid #dcd6ef;background:var(--card);border-radius:10px;font-size:13px}.notice b{color:var(--accent);white-space:nowrap}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:32px 0 20px;gap:10px}.toolbar h2{font-size:22px;margin:0}.toolbar small{font-weight:400;font-size:12px;color:var(--muted);margin-left:12px}input{border:1px solid var(--line);border-radius:8px;padding:9px 13px;background:var(--card);color:var(--ink);width:205px}.filters{display:flex;gap:10px;margin-bottom:22px}.filters button{border-radius:6px;padding:5px 15px;color:var(--muted);font-size:12px}.filters button.active{background:#e9e5f5;color:#7966af}article{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:15px 0;padding:25px 28px;transition:transform .2s}article:hover{transform:translateY(-3px);border-color:#bcb1da}article h3{font-size:20px;margin:8px 0 12px;font-weight:600}article p{color:var(--muted);font-size:13px;margin:0 0 20px;line-height:1.9}.meta{font-size:11px;color:var(--muted);letter-spacing:.4px}.tag{color:var(--accent);font-size:11px;background:#f0edf8;padding:4px 10px;border-radius:4px}.end{display:flex;align-items:center;justify-content:space-between}.read{font-size:12px;color:var(--accent)}footer{max-width:1100px;margin:50px auto 0;border-top:1px solid var(--line);padding:25px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}@media(max-width:760px){nav{gap:15px}nav .optional{display:none}.hero{height:310px;margin:0 12px}.intro h1{font-size:58px}.moon{right:8%;width:75px;height:75px;opacity:.5}.layout{grid-template-columns:1fr;margin-top:25px}.layout aside{display:none}.toolbar{flex-wrap:wrap}article{padding:20px}footer{margin-top:20px}.intro p{font-size:13px}}

/* Starry immersive edition */
:root{--bg:#f4f2f8;--card:#ffffffd9;--ink:#35314e;--muted:#89839b;--line:#e7e0ef;--accent:#ac74bb}body{transition:background .5s,color .5s;background-image:radial-gradient(ellipse at 0 55%,#d7c5f32b,transparent 45%),radial-gradient(ellipse at 100% 80%,#f7c6d62b,transparent 45%)}:root[data-theme="dark"]{--bg:#151323;--card:#211d32e8;--ink:#ede6f6;--muted:#a49bb9;--line:#3c334f;--accent:#d2a2e2}header{position:absolute;top:0;left:0;right:0;max-width:none;height:86px;padding:0 6%;z-index:5;color:white;border-bottom:1px solid #ffffff16}.brand{color:white;font-size:30px;text-shadow:0 2px 18px #d8c1fc}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-8px;left:0;width:0;height:2px;background:#efc1e9;transition:width .3s}nav a:hover:after{width:100%}nav button{width:34px;height:34px;border-radius:50%;background:#ffffff13;transition:background .3s}nav button:hover{background:#ffffff36}.hero{margin:0;border-radius:0;height: min(900px,94svh);min-height:620px;justify-content:center;isolation:isolate;background:#252a4b;--px:0px;--py:0px}.hero:before{inset:-35px;z-index:-3;background:linear-gradient(180deg,#1115298c,#302a4a36 48%,#1f1b3b7d),url('/assets/1.avif') center 55%/cover;transform:translate(var(--px),var(--py)) scale(1.04);animation:landscape 2s ease both}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#261e4499,transparent 40%),radial-gradient(ellipse at 50% 15%,#a889bd18,transparent 65%)}.moon,.mount{display:none}.intro{margin:0;text-align:center;z-index:1;transform:translate(calc(var(--px) * -.3),calc(var(--py) * -.3));padding:60px 20px 80px}.eyebrow{font-size:11px;letter-spacing:7px;color:#e7d6ec;animation:rise 1.2s .1s both}.intro h1{font:italic clamp(95px,12vw,165px)/1.1 Georgia,serif;letter-spacing:-5px;margin:20px 0 18px;text-shadow:0 0 45px #edd7ff70,0 4px 25px #1713294d;animation:rise 1.2s .25s both}.intro h1 span{display:inline-block;animation:starTurn 14s linear infinite}.intro p{font-family:Georgia,'KaiTi',serif;font-size:20px;letter-spacing:7px;animation:rise 1.2s .4s both}.intro small{display:block;color:#e7dcea;font-size:12px;letter-spacing:3px;margin-top:24px;animation:rise 1.2s .55s both}.hero-label{position:absolute;left:6%;bottom:74px;writing-mode:vertical-rl;letter-spacing:4px;font-size:10px;color:#eee2ef99}.scroll-cue{position:absolute;bottom:72px;left:calc(50% - 24px);text-align:center;color:#f9efff;z-index:3;font-size:10px;letter-spacing:3px}.scroll-cue span{display:block;font-size:25px;animation:bob 2.2s ease-in-out infinite}.hero-wave{position:absolute;bottom:-1px;width:100%;height:50px;color:var(--bg);transition:color .5s;z-index:3}.hero-wave path{animation:wave 8s ease-in-out infinite alternate;transform-origin:center}.sky{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.aurora{position:absolute;left:10%;right:10%;height:190px;top:0;z-index:-2;background:linear-gradient(110deg,transparent 10%,#ac8ced35 35%,#edb0d038 50%,transparent 75%);filter:blur(35px);transform:rotate(-15deg);animation:aurora 14s ease-in-out infinite alternate}.layout{max-width:1240px;grid-template-columns:258px 1fr;gap:36px;margin-top:35px}.panel{box-shadow:0 8px 30px #6e448009;backdrop-filter:blur(16px);overflow:hidden}.profile{padding-top:35px;position:relative}.profile:before{content:'';position:absolute;left:0;top:0;right:0;height:90px;background:linear-gradient(120deg,#d8c8ed,#f5d5e0);opacity:.6;z-index:-1}.avatar{width:82px;height:82px;border:4px solid var(--card);background:url('/assets/0.avif') center/cover;color:transparent;line-height:74px;box-shadow:0 4px 20px #9568b02e;transition:transform .7s}.avatar:hover{transform:rotate(360deg)}.profile h2{margin:15px 0 5px}.stats b{font-family:Georgia;font-weight:400;font-size:25px}.stats{padding-top:18px}.side-title{color:var(--accent);letter-spacing:2px;font-size:10px}.category{padding:13px 10px;border-radius:7px;transition:background .2s,transform .2s}.category:hover{background:#c9abd422;transform:translateX(4px)}.note{line-height:2.3;border-left:2px solid #cfb6e2;padding-left:17px;margin-top:28px}.notice{border:1px solid var(--line);background:var(--card);box-shadow:0 4px 20px #b78eb309;align-items:center}.notice b{font-size:12px}.toolbar{margin-top:32px}.toolbar h2{font-family:Georgia,'Microsoft YaHei';letter-spacing:1px}.toolbar small{display:block;margin:3px 0 0;font-size:9px;letter-spacing:3px}.filters button{transition:all .25s;border:1px solid transparent}.filters button.active{background:linear-gradient(120deg,#bc95d4,#dc9fbd);color:white;box-shadow:0 3px 10px #b48ac333}.filters button:hover{border-color:var(--accent)}input:focus{outline:2px solid #bca3d4;outline-offset:3px}.story{display:grid;grid-template-columns:34% 1fr;padding:0;overflow:hidden;min-height:235px;margin:22px 0;border-radius:15px;box-shadow:0 5px 25px #613e7907;opacity:0;translate:0 26px;transition:translate .7s,opacity .7s,box-shadow .3s,transform .3s}.story.visible{opacity:1;translate:0 0}.story:hover{transform:translateY(-5px);box-shadow:0 15px 38px #7a559e1c;border-color:#c4a3d3}.story-cover{display:block;overflow:hidden;position:relative;min-height:235px}.story-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#8266aa22,#cd9abb20);transition:opacity .5s}.story-cover img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .8s cubic-bezier(.2,.65,.3,1),filter .8s}.story:hover img{transform:scale(1.09);filter:saturate(1.18)}.story-body{padding:25px 27px}.story h3{font-size:19px;line-height:1.6;margin:10px 0}.story h3:hover{color:var(--accent)}.story p{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story .tag{background:#ba94ce1b;color:var(--accent)}.read{transition:letter-spacing .3s}.read:hover{letter-spacing:1px}.featured{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0 28px}.feature{border-radius:12px;min-height:135px;position:relative;overflow:hidden;isolation:isolate;color:white;padding:25px;text-align:left;transition:transform .4s}.feature:before{content:'';position:absolute;inset:0;z-index:-2;background:var(--image) center/cover;transition:transform .7s}.feature:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#201b3b9c,#36203a22)}.feature:hover{transform:translateY(-4px)}.feature:hover:before{transform:scale(1.08)}.feature small{font-size:9px;letter-spacing:3px;color:#f3e9f5}.feature strong{display:block;font-size:21px;margin-top:5px;letter-spacing:3px}.feature span{font-size:10px;color:#f0e7f6}.feature i{position:absolute;right:22px;bottom:23px;font-style:normal;font-size:22px}.petals{position:fixed;inset:0;pointer-events:none;z-index:8;overflow:hidden}.petal{position:absolute;top:-30px;width:10px;height:15px;background:linear-gradient(135deg,#f9d1e890,#e9b5d878);border-radius:80% 0 80% 40%;animation:petalFall var(--duration) var(--delay) linear infinite}.spark{position:fixed;pointer-events:none;z-index:20;color:#d3a0d9;font-size:17px;animation:spark 900ms ease-out forwards}.reading-progress{position:fixed;left:0;top:0;height:2px;width:0;background:linear-gradient(90deg,#d78fc3,#a18fe0);z-index:20;box-shadow:0 0 10px #daa1ed}.float-tools{position:fixed;right:24px;bottom:24px;z-index:9;display:flex;flex-direction:column;gap:10px}.float-tools button{width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:var(--card);backdrop-filter:blur(12px);box-shadow:0 4px 15px #513a7020;color:var(--accent)}.float-tools button:hover{background:var(--accent);color:white}.float-tools [aria-pressed=false]{opacity:.55}body.effects-off .petals,body.effects-off .sky,body.effects-off .aurora{display:none}body.effects-off *,body.effects-off *:before,body.effects-off *:after{animation:none!important}body.effects-off .intro{transform:none}body.effects-off .hero:before{transform:scale(1.04)}footer{max-width:1200px;letter-spacing:1px;padding-bottom:40px}.footer-star{font-size:26px;text-align:center;color:var(--accent);padding:20px 0 0}
@keyframes rise{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes landscape{from{filter:brightness(.5);scale:1.05}to{filter:brightness(1);scale:1}}@keyframes starTurn{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translateY(9px)}}@keyframes aurora{to{transform:translate(5%,60px) rotate(3deg);opacity:.45}}@keyframes wave{to{transform:scaleX(1.1) translateX(10px)}}@keyframes petalFall{0%{transform:translate3d(0,-30px,0) rotate(0);opacity:0}10%{opacity:.8}90%{opacity:.6}100%{transform:translate3d(140px,105vh,0) rotate(480deg);opacity:0}}@keyframes spark{to{transform:translate(var(--sx),var(--sy)) rotate(150deg);opacity:0}}
@media(min-width:900px){aside{position:sticky;top:25px;align-self:start}}@media(max-width:760px){header{height:70px;padding:0 6%}.hero{height:85svh;min-height:540px}.intro h1{font-size:100px}.intro p{font-size:16px;letter-spacing:4px}.eyebrow{letter-spacing:4px;font-size:9px}.hero-label{display:none}.layout{padding:0 18px;gap:0}.story{grid-template-columns:1fr;min-height:0}.story-cover{min-height:175px}.story-body{padding:22px}.featured{gap:12px}.feature{padding:18px;min-height:120px}.feature strong{font-size:18px}.float-tools{right:12px;bottom:15px}.notice{font-size:11px;gap:12px}.petal:nth-child(n+9){display:none}footer{gap:15px;flex-wrap:wrap}input{width:165px}.toolbar small{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.story{opacity:1;translate:none}.petals,.sky,.aurora{display:none}.intro,.hero:before{transform:none!important}}

/* Complete day / night palette; resolved before the first paint. */
:root{color-scheme:light;--muted:#736b83;--selection:#e8d6f4;--selection-ink:#392447;--focus:#8d529f;--petal-a:#f9d1e890;--petal-b:#e9b5d878;--spark:#b477bf}
:root[data-theme="dark"]{color-scheme:dark;--bg:#111320;--card:#1c1f31f5;--ink:#e9e9f5;--muted:#afb0c8;--line:#34374e;--accent:#d6afea;--selection:#684a83;--selection-ink:#fff;--focus:#d6afea;--petal-a:#b89cdb50;--petal-b:#d5a5cb38;--spark:#c9aae7}
body{background-color:var(--bg);transition:background-color .35s,color .35s}
::selection{background:var(--selection);color:var(--selection-ink)}
button,a,input{-webkit-tap-highlight-color:#bc95d433}
:is(button,a,input):focus-visible{outline:2px solid var(--focus);outline-offset:5px}
input::placeholder{color:var(--muted);opacity:1}
.panel,.notice,.story,input,.float-tools button{transition-property:background-color,border-color,color,box-shadow,transform,opacity,translate;transition-duration:.35s}
.petal{background:linear-gradient(135deg,var(--petal-a),var(--petal-b))}.spark{color:var(--spark)}
:root[data-theme="dark"] body{background-image:radial-gradient(ellipse at 0 55%,#7060aa14,transparent 45%),radial-gradient(ellipse at 100% 80%,#8954740d,transparent 45%)}
:root[data-theme="dark"] header{background:#0b102020;border-color:#c1c3ed12}
:root[data-theme="dark"] .hero:after{background:linear-gradient(180deg,#09102187 0%,#12152b50 45%,#11132099 100%),radial-gradient(ellipse at 50% 15%,#7263b71a,transparent 65%)}
:root[data-theme="dark"] .intro h1{text-shadow:0 0 42px #c7afff35,0 4px 25px #03050f80}
:root[data-theme="dark"] .intro p,:root[data-theme="dark"] .intro small{color:#d9d8eb}
:root[data-theme="dark"] .eyebrow{color:#c5bdd8}
:root[data-theme="dark"] .aurora{opacity:.55}
:root[data-theme="dark"] .profile:before{background:linear-gradient(120deg,#3c335b,#433047);opacity:.8}
:root[data-theme="dark"] .avatar{border-color:#26283c;box-shadow:0 4px 20px #0003;filter:brightness(.85)}
:root[data-theme="dark"] .panel,:root[data-theme="dark"] .notice{box-shadow:0 8px 30px #05061125}
:root[data-theme="dark"] .category:hover{background:#ba9ee016}
:root[data-theme="dark"] .note{border-color:#65517d}
:root[data-theme="dark"] input{background:#171a2a}
:root[data-theme="dark"] .filters button.active{background:linear-gradient(120deg,#62487f,#754b6c);color:#fff;box-shadow:0 3px 12px #0002;border-color:#9a78b0}
:root[data-theme="dark"] .story{box-shadow:0 6px 25px #0506112e}
:root[data-theme="dark"] .story:hover{border-color:#806198;box-shadow:0 14px 35px #0004}
:root[data-theme="dark"] .story-cover img{filter:brightness(.72) saturate(.85)}
:root[data-theme="dark"] .story:hover img{filter:brightness(.87) saturate(1)}
:root[data-theme="dark"] .story .tag{background:#ac82d322;color:#dfbdf0}
:root[data-theme="dark"] .feature:after{background:linear-gradient(90deg,#101426bd,#16152762)}
:root[data-theme="dark"] .feature:before{filter:brightness(.82) saturate(.8)}
:root[data-theme="dark"] .float-tools button{background:#202337ed;box-shadow:0 4px 18px #0004}
:root[data-theme="dark"] .float-tools button:hover{background:#594470;color:#fff;border-color:#a589bd}
:root[data-theme="dark"] .reading-progress{background:linear-gradient(90deg,#ac85c5,#8788c9);box-shadow:0 0 7px #a184cc44}
@media(prefers-reduced-motion:reduce){body,.panel,.notice,.story,input,.float-tools button{transition:none}}