@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&family=DM+Sans:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#101321;--panel:#191b29;--text:#eae4db;--muted:#a09da0;--dim:#706f78;--gold:#d9b798;--line:rgba(219,198,178,.17);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Noto Sans SC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.8}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid #e2b899;outline-offset:4px}.sky-texture{position:absolute;inset:0 0 auto;height:1000px;pointer-events:none;background:radial-gradient(ellipse at 78% 25%,rgba(170,110,93,.13),transparent 33%),radial-gradient(ellipse at 45% 80%,rgba(99,78,111,.10),transparent 40%)}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 7.2%;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.045)}.brand{display:flex;align-items:center;gap:12px;font-family:'Noto Serif SC',serif;letter-spacing:.16em;font-size:17px}.brand-mark{color:#e9c6a6;font-size:27px;line-height:1}.brand small{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:.17em;color:#87848a;margin-top:3px}.site-header nav{display:flex;align-items:center;gap:42px;color:#b6b0b2;font-size:12px;letter-spacing:.08em}.site-header nav a:hover{color:#f2d5bc}.write-link{border:1px solid #766860;border-radius:3px;padding:8px 17px;color:#e9d7ca}.write-link span{margin-left:12px}.demo-note{text-align:center;color:#b7a99d;background:#282532;padding:6px 12px;font-size:11px}.hero{min-height:750px;max-width:1440px;margin:auto;padding:0 7.2%;position:relative;display:flex;align-items:center}.hero-inner{position:relative;z-index:1;padding:30px 0 90px}.eyebrow{color:#c7a48d;letter-spacing:.18em;font-size:10px;font-weight:600}.dot,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#dcb697;margin-right:9px;box-shadow:0 0 12px #efbf9e}.hero-intro{color:#b9a99f;letter-spacing:.24em;font-size:12px;margin:65px 0 8px}.hero h1{font:400 clamp(70px,9vw,124px)/1.25 'Noto Serif SC',serif;letter-spacing:.14em;margin:0 0 28px;color:#f0e8dd}.title-star{font:18px sans-serif;vertical-align:top;margin-left:10px;color:#d9b698}.hero-copy,.hero-verse{font-family:'Noto Serif SC',serif;line-height:2.25;color:#c8bfba;font-size:15px}.hero-verse{color:#9e9694;margin-top:27px;font-size:13px}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-radius:3px;padding:12px 19px;font-size:12px;letter-spacing:.05em}.primary{background:#e3c7b0;color:#1d1a22!important;border:0}.primary:hover{background:#f1dccb}.text-button{color:#d9c9bc}.hero-art{position:absolute;width:min(53vw,680px);height:min(53vw,680px);right:4%;top:4%;display:grid;place-items:center}.planet{width:49%;aspect-ratio:1;border-radius:50%;position:relative;background:radial-gradient(circle at 35% 30%,#ae8a82 0%,#745763 18%,#332e44 50%,#161a2a 72%);box-shadow:inset -35px -30px 70px #111420,0 0 100px 25px rgba(193,125,105,.13),0 0 190px 35px rgba(125,94,117,.1)}.planet-glow{position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,rgba(249,213,177,.22),transparent 45%)}.orbit{position:absolute;width:77%;height:77%;border:1px solid rgba(221,191,174,.13);border-radius:50%;transform:rotate(-25deg) scaleY(.6)}.orbit-two{width:91%;height:91%;transform:rotate(33deg) scaleY(.65);opacity:.45}.spark{position:absolute;font-style:normal;color:#edcdb2;text-shadow:0 0 15px #e8b99a}.spark.a{top:20%;left:26%;font-size:17px}.spark.b{top:34%;right:11%;font-size:18px}.spark.c{bottom:22%;right:27%;font-size:10px}.spark.d{bottom:30%;left:16%;font-size:12px}.art-caption{position:absolute;bottom:13%;right:3%;color:#908585;font-size:9px;letter-spacing:.13em;line-height:2.2}.hero-bottom{position:absolute;bottom:30px;left:7.2%;right:7.2%;display:flex;align-items:center;gap:15px;color:#77747c;font-size:9px;letter-spacing:.12em}.hero-rule{height:1px;background:var(--line);flex:1}.section{max-width:1300px;padding:120px 5%;margin:auto;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:48px}.section h2{font:400 clamp(30px,3.3vw,43px)/1.4 'Noto Serif SC',serif;letter-spacing:.04em;margin:15px 0 16px}.section h2 span{color:#d7a98c}.section-head p:not(.eyebrow),.growth>p:not(.eyebrow){color:#a6a0a1;line-height:2.1;font-size:13px}.section-side{color:#8e8788;font:12px/2 'Noto Serif SC',serif;text-align:right}.section-side span{color:#dab9a2;margin-left:15px}.cosmos-shell{position:relative;border:1px solid #3d3841;background:radial-gradient(ellipse at 50% 100%,#4b3840 0,transparent 45%),radial-gradient(ellipse at 25% 20%,#242838 0,#101420 70%);overflow:hidden}.cosmos-top{position:absolute;z-index:1;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;color:#a7a1a2;font-size:11px;pointer-events:none}.cosmos-top span+span{color:#777680}.live-dot{background:#c6a78f;width:5px;height:5px}.cosmos-shell canvas{display:block;width:100%;height:490px;cursor:crosshair}.cosmos-controls{position:absolute;bottom:22px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;color:#8f8b90;font-size:11px}.cosmos-controls button,.growth-link{background:transparent;color:#e1c6b1;border:1px solid #786961;padding:10px 15px}.canvas-fallback{display:flex;gap:9px;flex-wrap:wrap;padding:0 28px 20px}.canvas-fallback button{border:0;background:transparent;color:#aaa2a2;text-decoration:underline;font-size:11px}.subnote{font-size:11px;color:#85818a;margin-top:16px}.reading-layout{display:grid;grid-template-columns:230px 1fr;gap:70px}.view-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line)}.view-tabs button,.topic-list button{background:none;border:0;color:#777780;padding:12px 0}.view-tabs button.active{color:#e0c3ae;border-bottom:1px solid #dfbaa0}.topic-list{padding:22px 0}.topic-list button{display:flex;width:100%;justify-content:space-between;text-align:left;font-size:12px}.topic-list button span{color:#6e6b76}.topic-list button.selected{color:#e9d1bd}.reading-aside{font:12px/2 'Noto Serif SC',serif;color:#827d80}.list-heading{display:flex;align-items:end;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #56505a;color:#d5c3b9}.list-heading small{display:block;font-size:9px;color:#77717a;letter-spacing:.16em}.list-heading>span{color:#77717a;font-size:10px}.entry{width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;color:#ded6d0;display:flex;justify-content:space-between;gap:20px;padding:20px 0}.entry:hover{color:#e8bea1}.entry span:first-child{font:14px 'Noto Serif SC',serif}.entry time{color:#827f87;font-size:11px;white-space:nowrap}.writer{background:#f2ece5;color:#342e30;box-shadow:0 0 90px rgba(210,157,127,.11);border:1px solid #e0c7b8;padding:22px 28px 18px}.writer-top,.writer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px;color:#918079}.writer-top small{color:#aa9b92}.writer textarea{display:block;width:100%;min-height:300px;background:transparent;border:0;resize:vertical;padding:40px 12px;font:16px/2.1 'Noto Serif SC',serif;color:#332d2d}.writer textarea::placeholder{color:#b3a6a0}.writer-bottom{border-top:1px solid #ded2c9;padding-top:14px}.writer-bottom button{background:#40343a;border:0;color:#f1e3d6;padding:10px 16px}.write-steps{display:flex;justify-content:space-between;gap:15px;margin-top:22px;color:#ac9e99;font-size:11px}.growth{padding-top:90px;padding-bottom:90px}.growth-link{display:flex;justify-content:space-between;gap:15px;width:100%;margin-top:25px;text-align:left;padding:20px;border-color:var(--line)}.growth-link span{color:#9a8b85}footer{max-width:1300px;margin:auto;padding:40px 5% 70px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#beb1ab}footer small,footer p,footer a{font-size:11px;color:#827d82}dialog{border:1px solid #5d5152;background:#1a1c28;color:var(--text);width:min(680px,calc(100% - 28px));padding:0;max-height:90vh}dialog::backdrop{background:rgba(5,7,13,.8);backdrop-filter:blur(8px)}.reader-inner,.notice-inner{position:relative;padding:55px clamp(25px,6vw,68px)}.close{position:absolute;right:20px;top:15px;background:none;border:0;color:#b8a7a0;font-size:30px}.reader-inner h2,.notice-inner h2{font:400 30px/1.5 'Noto Serif SC',serif}.reader-meta{font-size:11px;color:#92898a;border-bottom:1px solid var(--line);padding-bottom:20px}.reader-body{font:15px/2.2 'Noto Serif SC',serif;color:#d2c9c2;white-space:pre-wrap}.return{margin-top:28px;background:none;border:0;color:#d6b39c;padding:0}.notice-inner p:not(.eyebrow){color:#b1a7a5;line-height:2}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:700px){.site-header{height:72px;padding:0 20px}.brand small{display:none}.site-header nav{gap:17px;font-size:11px}.site-header nav a:nth-child(3){display:none}.write-link{padding:6px 9px}.write-link span{display:none}.demo-note{font-size:10px}.hero{min-height:780px;padding:0 22px;align-items:flex-start}.hero-inner{padding:75px 0 0}.hero-intro{margin-top:32px}.hero h1{font-size:70px}.hero-art{width:100%;height:400px;top:auto;bottom:55px;right:0;opacity:.75}.hero-bottom{left:22px;right:22px}.hero-copy{font-size:13px}.section{padding:75px 22px}.section-head{margin-bottom:30px}.section-side{display:none}.cosmos-shell canvas{height:410px}.cosmos-top{left:14px;right:14px;top:15px}.cosmos-top span+span{display:none}.cosmos-controls{left:14px;right:14px}.cosmos-controls span{display:none}.canvas-fallback{padding:0 14px 15px}.reading-layout{grid-template-columns:1fr;gap:20px}.topic-list{display:flex;flex-wrap:wrap;gap:8px 20px;padding:10px 0}.topic-list button{width:auto;gap:6px}.reading-aside{display:none}.writer{padding:18px}.writer textarea{min-height:260px;padding:30px 5px}.writer-bottom{align-items:flex-start;flex-direction:column}.write-steps{flex-direction:column;gap:4px}footer{padding:35px 22px;gap:20px;align-items:flex-start;flex-direction:column}footer p{margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important}}
[hidden]{display:none!important}
.hero{overflow:hidden}
/* 星空从内容栏延伸到整个视野，与页面的夜色自然融为一体。 */
.universe.section{max-width:none;padding-left:0;padding-right:0;border-top:0;overflow:hidden}
.universe>.section-head,.universe>.subnote{max-width:1170px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}
.cosmos-shell{border:0;background:radial-gradient(ellipse at 52% 60%,rgba(89,62,75,.24),transparent 48%),radial-gradient(ellipse at 24% 30%,rgba(42,47,69,.55),transparent 50%),linear-gradient(#101321,#111525 45%,#101321);overflow:visible}
.cosmos-shell canvas{height:min(85vh,760px);min-height:520px;touch-action:pan-y}
.cosmos-top,.cosmos-controls{left:max(24px,calc((100vw - 1120px)/2));right:max(24px,calc((100vw - 1120px)/2))}
.canvas-fallback{max-width:1170px;margin:auto;padding:0 24px 18px}
@media(max-width:700px){.universe.section{padding-left:0;padding-right:0}.universe>.section-head,.universe>.subnote{padding-left:22px;padding-right:22px}.cosmos-shell canvas{height:70vh;min-height:480px}.cosmos-top,.cosmos-controls{left:22px;right:22px}.canvas-fallback{padding-left:22px;padding-right:22px}}
/* 让操作像文字一样留在星空中，保留键盘可访问的星星入口。 */
.cosmos-controls button{border:0;background:transparent;padding:10px 0;color:#e1c6b1;letter-spacing:.04em}
.cosmos-controls button:hover{color:#fff0dd;text-shadow:0 0 15px rgba(232,190,157,.65)}
.canvas-fallback{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0}
.canvas-fallback:focus-within{position:relative;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;display:flex;max-width:1170px;margin:auto;padding:12px 24px 20px}
.canvas-fallback button{color:#d8c2b2;text-decoration:none}
.canvas-fallback button:hover{color:#fff0dd}
/* 写作区域延续夜色，暖光慢慢散开，没有纸张或输入框的硬边缘。 */
.writer{position:relative;isolation:isolate;background:transparent;border:0;box-shadow:none;color:#eae4db;padding:22px 28px 18px}
.writer::before{content:"";position:absolute;inset:-50px -8%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 52%,rgba(143,99,88,.15),rgba(105,75,75,.07) 35%,transparent 72%)}
.writer-top,.writer-bottom{color:#a69b98}
.writer-top small{color:#8c8484}
.writer textarea{color:#ede5dc;border:0;outline:0;background:transparent;caret-color:#e6c1a4}
.writer textarea::placeholder{color:#a9a09e}
.writer textarea:focus-visible{outline:0}
.writer-bottom{border-top:0}
.writer-bottom button{background:transparent;border:0;color:#e0c3ad;padding:10px 0}
.writer-bottom button:hover{color:#fff0dd;text-shadow:0 0 15px rgba(232,190,157,.45)}
@media(max-width:700px){.writer{padding:18px 4px}}
.write-entry{position:relative;isolation:isolate;padding:50px 24px;color:#d4beb0}.write-entry:before{content:"";position:absolute;z-index:-1;inset:-35px -5%;background:radial-gradient(ellipse at 30% 50%,rgba(143,99,88,.16),transparent 70%);pointer-events:none}.write-entry a{color:#e2c2a9;font:18px 'Noto Serif SC',serif}.write-entry a span{margin-left:18px}.write-entry p{color:#898185;font-size:12px;margin-top:14px}.encounter-links{display:grid;gap:16px;margin-top:22px}.encounter-links a{display:block;padding:12px 0;border-bottom:1px solid var(--line);color:#e5c5ae}.encounter-links a:hover{color:#fff0dd}
.canvas-fallback a{color:#d8c2b2;text-decoration:none;font-size:11px}.canvas-fallback a:hover{color:#fff0dd}