@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Serif+SC:wght@600;700&display=swap');
:root{--paper:#f2efe7;--ink:#1d211c;--muted:#666b62;--line:#cbc8bd;--orange:#eb642f;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}.site-header,main,footer{width:min(calc(100% - 48px),var(--max));margin:auto}.site-header{height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.logo{font-family:Georgia,serif;font-size:1.65rem;font-weight:800;letter-spacing:-.08em}.logo span,.kicker,h1 span{color:var(--orange)}nav{display:flex;gap:34px;font-size:.8rem;font-weight:600;letter-spacing:.12em}.location{justify-self:end;display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font:11px monospace}.location i{width:7px;height:7px;border-radius:50%;background:#57a06c;box-shadow:0 0 0 4px #57a06c1c}.hero{min-height:680px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;border-bottom:1px solid var(--line)}.kicker{margin:0 0 20px;font:700 11px monospace;letter-spacing:.16em}h1,h2,h3{font-family:"Noto Serif SC",serif}h1{margin:0;font-size:clamp(4rem,7.2vw,7rem);line-height:1.02;letter-spacing:-.07em}.intro{max-width:550px;margin:30px 0 36px;color:var(--muted);font-size:1.04rem;line-height:1.9}.explore{display:inline-flex;gap:38px;padding-bottom:8px;border-bottom:1px solid;font-weight:600}.explore b{color:var(--orange)}.hero-art{position:relative;min-height:480px;overflow:hidden}.sun{position:absolute;width:180px;height:180px;left:35%;top:43%;transform:translate(-50%,-50%);border-radius:50%;background:var(--orange);box-shadow:inset -24px -18px #671e081f}.weather-widget{position:absolute;z-index:3;width:278px;right:0;bottom:28px;padding:16px 17px;border:1px solid #1d211c80;border-radius:16px;background:#f5f1e9dc;box-shadow:0 18px 45px #2223;backdrop-filter:blur(12px);transition:opacity .25s,transform .25s}.weather-widget:before{content:"";position:absolute;left:-38px;top:34px;width:38px;height:1px;background:var(--ink);opacity:.45}.weather-top,.weather-place,.weather-meta{display:flex;align-items:center;justify-content:space-between}.weather-top label{font:700 9px monospace;letter-spacing:.14em;color:var(--orange)}.weather-top select{max-width:88px;padding:4px 20px 4px 8px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font-size:.7rem;cursor:pointer}.weather-main{display:flex;align-items:end;gap:12px;margin:16px 0 2px}.weather-main span{font-size:2rem;color:var(--orange)}.weather-main strong{font:500 3.2rem/1 Georgia,serif;letter-spacing:-.08em}.weather-place{margin-top:3px;font-weight:600}.weather-place time{color:var(--muted);font:11px monospace}.weather-widget>p{margin:4px 0 13px;color:var(--muted);font-size:.72rem}.weather-meta{padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:.62rem}.weather-meta b{margin-left:3px;color:var(--ink);font-weight:600}.weather-widget.loading{opacity:.68;transform:translateY(3px)}.weather-widget.error{border-color:#8b6f62}
.weather-fx{position:fixed;inset:0;z-index:20;overflow:hidden;pointer-events:none}.weather-fx span{position:absolute;display:block}.weather-fx.rain span{top:-15vh;width:1px;height:60px;background:linear-gradient(transparent,#8eb7c8aa);transform:rotate(12deg);animation:rainfall var(--duration) linear infinite;animation-delay:var(--delay)}.weather-fx.wind span{left:-20vw;width:var(--width);height:1px;border-radius:50%;background:linear-gradient(90deg,transparent,#d6ded7aa,transparent);animation:windflow var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.weather-fx.snow span{top:-5vh;color:#fff;font-size:var(--size);filter:drop-shadow(0 1px 2px #4566);animation:snowfall var(--duration) linear infinite;animation-delay:var(--delay)}.weather-fx.clear:after{content:"";position:absolute;width:45vw;height:45vw;right:-18vw;top:-24vw;border-radius:50%;background:#f3b84618;filter:blur(60px);animation:sunbreath 6s ease-in-out infinite}.weather-fx.storm:after{content:"";position:absolute;inset:0;background:#dce8ff18;animation:lightning 7s step-end infinite}@keyframes rainfall{to{transform:translate(18vw,125vh) rotate(12deg)}}@keyframes windflow{0%{transform:translateX(0);opacity:0}20%{opacity:1}100%{transform:translateX(140vw);opacity:0}}@keyframes snowfall{to{transform:translate(12vw,110vh) rotate(360deg)}}@keyframes sunbreath{50%{opacity:.45;transform:scale(1.12)}}@keyframes lightning{0%,91%,94%,100%{opacity:0}92%,95%{opacity:1}}.orbit{position:absolute;left:50%;top:50%;border:1px solid;border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.orbit.one{width:360px;height:180px;left:35%}.orbit.two{width:280px;height:410px;left:35%;border-style:dashed;opacity:.35}.orbit.one:after{content:"";position:absolute;width:20px;height:20px;right:34px;top:18px;border-radius:50%;background:#f1ba3e;border:1px solid}.star{position:absolute;color:#1f503d;font-size:2.2rem}.s1{left:12%;top:18%}.s2{right:10%;bottom:16%;font-size:1.3rem}.hero-art small{position:absolute;right:3%;top:16%;color:var(--muted);font:10px monospace;letter-spacing:.12em;transform:rotate(8deg)}
.spaces{padding:110px 0 120px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-heading h2,.contact h2{margin:0;font-size:clamp(2.5rem,5vw,4.8rem);letter-spacing:-.06em}.section-heading>p{margin:0 0 8px;color:var(--muted);line-height:1.8}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.space-card{min-height:295px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:24px;overflow:hidden;border:1px solid var(--line);transition:min-height .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1),opacity .35s,filter .35s,box-shadow .35s}.space-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #24271c18}.card-grid.has-active{grid-template-columns:repeat(5,1fr)}.card-grid.has-active .space-card.active{order:-1;grid-column:1/-1;min-height:470px;transform:none;box-shadow:0 22px 55px #24271c24}.card-grid.has-active .space-card.active.music{min-height:560px}.card-grid.has-active .space-card:not(.active){order:2;grid-column:span 1;min-height:145px;padding:17px;opacity:.68;filter:saturate(.58);transform:scale(.98)}.card-grid.has-active .space-card:not(.active):hover{opacity:1;filter:saturate(1);transform:translateY(-3px)}.card-grid.has-active .space-card:not(.active) p{display:none}.card-grid.has-active .space-card:not(.active) h3{margin:0;font-size:1.15rem}.card-grid.has-active .space-card:not(.active)>i{font-size:3rem}.card-grid.has-active .space-card:not(.active)>b{right:15px;bottom:14px}.space-card.active>i{opacity:.24;transform:rotate(0) scale(1.35);transition:.45s}.space-card.active h3{font-size:2.7rem;transition:.35s}.inline-space-content{margin-top:32px;padding-top:25px;border-top:1px solid currentColor}.inline-space-intro{max-width:610px!important;margin-bottom:24px!important;font-size:.95rem!important;opacity:.8!important}.inline-resources{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.inline-resource{min-height:115px;padding:18px;border:1px solid currentColor;background:#ffffff18}.inline-resource small{display:block;margin-bottom:24px;font:10px monospace;letter-spacing:.12em;opacity:.65}.inline-resource strong{display:block;font-family:"Noto Serif SC",serif}.inline-hint{position:absolute;right:24px;top:25px;font:10px monospace;letter-spacing:.1em;opacity:.7}::view-transition-group(*){animation-duration:.55s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.space-card em{font:11px monospace;font-style:normal;opacity:.65}.space-card>i{position:absolute;right:20px;top:10px;font:5.2rem Georgia;opacity:.18;transform:rotate(-8deg)}.space-card h3{margin:0 0 10px;font-size:2rem;letter-spacing:-.05em}.space-card p{max-width:250px;margin:0;font-size:.88rem;line-height:1.65;opacity:.7}.space-card>b{position:absolute;right:22px;bottom:22px;font-size:1.3rem}.basketball{background:#e76535}.novels{background:#254e3b;color:#f5f0df}.life{background:#e4ad35}.knowledge{background:#dedbd0}.secret{background:#2b2d29;color:#f3f0e7}.music{background:#c9d5ca}.secret-gate-content{max-width:620px}.secret-lock{display:grid;gap:18px;padding:26px;border:1px solid currentColor;background:#ffffff10}.secret-lock-mark{font:700 10px monospace;letter-spacing:.18em;color:#eb642f}.secret-form{display:grid;gap:10px}.secret-form label{font:700 10px monospace;letter-spacing:.14em;opacity:.72}.secret-row{display:grid;grid-template-columns:1fr auto;gap:10px}.secret-row input{min-width:0;padding:13px 14px;border:1px solid currentColor;background:#f3f0e7;color:#1d211c;font:600 1rem "DM Sans","Microsoft YaHei",sans-serif}.secret-row input:focus{outline:2px solid #eb642f;outline-offset:2px}.secret-submit{padding:12px 18px;border:1px solid #eb642f;background:#eb642f;color:#f3f0e7;cursor:pointer;font-weight:700}.secret-error{min-height:20px;margin:0;color:#ffb199;font-size:.82rem}.space-card.secret.secret-unlocked .inline-hint{color:#e4ad35}.music{background:#c9d5ca}.space-card.music .inline-space-content{display:grid;gap:18px}.card-grid.has-active .space-card.active.music{min-height:560px}.music-space{padding-bottom:0}.music-shell{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(250px,1.05fr);gap:18px;align-items:start}.music-player{padding:22px;border:1px solid currentColor;background:#f9f5eeda;box-shadow:0 20px 40px #1b1f1620;backdrop-filter:blur(10px)}.music-player-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.music-label{margin:0 0 8px;font:700 9px monospace;letter-spacing:.16em;color:var(--orange)}.music-title{font-family:"Noto Serif SC",serif;font-size:clamp(1.6rem,3vw,2.7rem);line-height:1.1;letter-spacing:-.05em}.music-subtitle{margin:8px 0 0;color:var(--muted);font-size:.82rem;line-height:1.6}.music-hint{margin:10px 0 0;color:var(--orange);font-size:.72rem;line-height:1.55}.music-stage{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:center;margin:18px 0 16px}.music-cover{aspect-ratio:1;display:grid;place-items:center;align-content:center;padding:18px;border-radius:24px;background:linear-gradient(160deg,var(--cover-a,#1f503d),var(--cover-b,#e4ad35));color:#f8f5ed;box-shadow:0 22px 38px #1b1f1628,inset 0 0 0 1px #ffffff26;position:relative;overflow:hidden}.music-cover:before{content:"";position:absolute;inset:12px;border:1px solid #ffffff30;border-radius:18px}.music-cover:after{content:"";position:absolute;inset:auto -16% -12% -16%;height:42%;background:radial-gradient(circle at 50% 0,#ffffff2a,transparent 62%)}.music-cover span{position:relative;font-size:3.2rem;font-weight:700;letter-spacing:-.08em;font-family:Georgia,serif}.music-cover small{position:relative;margin-top:6px;font:700 10px monospace;letter-spacing:.2em;opacity:.8}.music-transport{display:grid;gap:12px}.music-progress-shell{padding:14px 16px;border:1px solid var(--line);background:#fff8f0a6}.music-progress-meta{display:flex;justify-content:space-between;margin-bottom:10px;font:11px monospace;color:var(--muted)}.music-progress{width:100%;height:8px;border-radius:999px;appearance:none;background:linear-gradient(90deg,var(--orange) 0 0,#d8d2c7 0 100%);outline:none}.music-progress::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid #fff;background:var(--orange);box-shadow:0 3px 10px #0002;cursor:pointer}.music-progress::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:2px solid #fff;background:var(--orange);box-shadow:0 3px 10px #0002;cursor:pointer}.music-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.music-controls{display:flex;gap:10px;flex-wrap:wrap}.music-btn{padding:10px 14px;border:1px solid currentColor;background:currentColor;color:var(--paper);border-radius:999px;font-size:.72rem;letter-spacing:.08em;cursor:pointer;transition:.2s}.music-btn:hover{transform:translateY(-1px)}.music-btn.ghost{background:transparent;color:var(--ink)}.music-audio{width:100%}.music-dropzone{display:grid;place-items:center;text-align:center;gap:6px;padding:16px 18px;border:1px dashed var(--line);background:#ffffff66;transition:.2s}.music-dropzone strong{font-family:"Noto Serif SC",serif;font-size:1rem}.music-dropzone span{color:var(--muted);font-size:.78rem;line-height:1.5}.music-dropzone.dragging{border-color:var(--orange);background:#eb642f12;transform:translateY(-1px)}.music-playlist{display:grid;gap:10px}.music-track,.music-empty{border:1px solid var(--line);background:#ffffff72;padding:16px 18px;text-align:left}.music-track{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center;cursor:pointer;transition:.2s}.music-track:hover{transform:translateY(-2px);background:#fff}.music-track.active{border-color:var(--orange);box-shadow:0 10px 24px #eb642f22}.music-track-cover{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(160deg,var(--cover-a,#1f503d),var(--cover-b,#e4ad35));color:#f8f5ed;font:700 1rem Georgia;position:relative;overflow:hidden}.music-track-cover:before{content:"";position:absolute;inset:8px;border:1px solid #ffffff30;border-radius:12px}.music-track-cover:after{content:"";position:absolute;inset:auto -14% -18% -14%;height:45%;background:radial-gradient(circle at 50% 0,#ffffff22,transparent 62%)}.music-track-body{display:grid;gap:6px}.music-track small{color:var(--orange);font:10px monospace;letter-spacing:.1em}.music-track strong,.music-empty strong{display:block;font-family:"Noto Serif SC",serif;font-size:1.02rem}.music-track span,.music-empty span{color:var(--muted);font-size:.78rem;line-height:1.5}.music-empty{display:grid;gap:6px;align-content:center;min-height:220px}.space-panel{margin-top:18px;border:1px solid var(--ink);background:#f8f5ed;animation:reveal .28s ease}.space-panel[hidden]{display:none}.panel-head{display:grid;grid-template-columns:1fr auto;gap:24px;padding:34px 38px;border-bottom:1px solid var(--line)}.panel-head .kicker{margin-bottom:10px}.panel-head h3{margin:0;font-size:2.5rem}.panel-head p{max-width:560px;margin:14px 0 0;color:var(--muted);line-height:1.7}.panel-close{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;font-size:1.3rem}.panel-close:hover{background:var(--ink);color:var(--paper)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr)}.resource{min-height:150px;padding:25px;border:0;border-right:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.resource:last-child{border-right:0}.resource:hover{background:#ebe7dc}.resource small{display:block;margin-bottom:26px;color:var(--orange);font:10px monospace;letter-spacing:.12em}.resource strong{display:block;margin-bottom:7px;font:600 1rem "Noto Serif SC",serif}.resource span{color:var(--muted);font-size:.8rem}@keyframes reveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding:110px 0;border-top:1px solid var(--line)}.contact-copy{max-width:340px;color:var(--muted);line-height:1.8}.contact-links{border-top:1px solid var(--line)}.contact-link{width:100%;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:18px;padding:20px 4px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;cursor:pointer;transition:.2s}.contact-link:hover{padding-inline:12px;background:#ffffff4d}.contact-link>i{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;font:700 1rem Georgia;font-style:normal}.wechat{background:#31a653}.qq{background:#318cc5}.github{background:#252624}.contact-link span{display:grid;gap:3px}.contact-link small{color:var(--muted)}footer{min-height:110px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem;letter-spacing:.08em}.footer-stack{display:grid;justify-items:center;gap:14px}.footer-stack p{margin:0}.footer-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.footer-link{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#ffffff54;color:var(--ink);font-size:.72rem;letter-spacing:.08em;transition:.2s}.footer-link:hover{transform:translateY(-2px);box-shadow:0 10px 22px #1d211c14}.footer-link i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-style:normal;color:#fff;font:700 .72rem Georgia}.footer-link.github i{background:#252624}.footer-link.xiaohongshu i{background:#d63b2f}.footer-link.douyin i{background:#111}.footer-link span{white-space:nowrap}footer p:last-child{justify-self:end}.toast{position:fixed;left:50%;bottom:28px;padding:12px 20px;border-radius:99px;background:var(--ink);color:var(--paper);opacity:0;transform:translate(-50%,16px);transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:820px){.sun{left:32%;top:37%;width:150px;height:150px}.orbit.one,.orbit.two{left:32%}.weather-widget{right:2%;bottom:18px;width:260px}.card-grid.has-active{grid-template-columns:repeat(5,1fr)}.card-grid.has-active .space-card.active{grid-column:1/-1}.card-grid.has-active .space-card:not(.active){min-height:125px}.inline-resources{grid-template-columns:1fr 1fr 1fr}.music-shell{grid-template-columns:1fr}.music-stage{grid-template-columns:1fr}.music-player-head{flex-direction:column}.music-actions{justify-content:flex-start}.resource-grid{grid-template-columns:1fr}.resource{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.panel-head{padding:28px 24px}.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{min-height:auto;grid-template-columns:1fr;padding:80px 0 30px}.hero-art{min-height:430px}.card-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;flex-direction:column;gap:20px}.contact{grid-template-columns:1fr;gap:40px}}@media(max-width:520px){.secret-row{grid-template-columns:1fr}.hero-art{min-height:500px}.sun{left:50%;top:30%}.orbit.one,.orbit.two{left:50%}.weather-widget{right:50%;bottom:18px;width:min(92%,300px);transform:translateX(50%)}.weather-widget.loading{transform:translate(50%,3px)}.weather-widget:before{display:none}.card-grid.has-active{grid-template-columns:repeat(5,minmax(64px,1fr));gap:6px}.card-grid.has-active .space-card.active{grid-column:1/-1;min-height:480px}.card-grid.has-active .space-card.active.music{min-height:560px}.card-grid.has-active .space-card:not(.active){min-height:92px;padding:10px}.card-grid.has-active .space-card:not(.active) h3{font-size:.85rem}.card-grid.has-active .space-card:not(.active)>i,.card-grid.has-active .space-card:not(.active)>b,.card-grid.has-active .space-card:not(.active)>em{display:none}.inline-resources{grid-template-columns:1fr}.inline-resource{min-height:88px}.music-stage{grid-template-columns:1fr}.music-player-head{flex-direction:column}.music-actions,.music-controls{justify-content:flex-start}.music-track{grid-template-columns:1fr}.music-track-cover{width:48px;height:48px}.footer-stack{justify-items:start}.footer-links{justify-content:flex-start}.site-header,main,footer{width:calc(100% - 30px)}h1{font-size:3.7rem}.hero-art{min-height:340px}.card-grid{grid-template-columns:1fr}.space-card{min-height:235px}.spaces,.contact{padding-block:78px}footer{grid-template-columns:1fr auto}footer>p:first-of-type{display:none}}