:root{--bg:#081320;--panel:#101e2d;--accent:#83c7fa;--text:#edf4fa;--muted:#a5b5c5;--border:#28394b;--font:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{border:0}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px;font-size:15px;font-weight:600;white-space:nowrap}.brand-mark{font:italic bold 42px Georgia,serif;line-height:1}.brand-mark span{color:var(--accent)}nav{display:flex;gap:38px;font-size:14px;color:var(--muted)}nav a{padding:12px 0;transition:color .2s}nav a:hover{color:var(--text)}.nav-cta{font-size:13px;border:1px solid var(--border);border-radius:8px;padding:10px 17px;white-space:nowrap}.nav-cta span{margin-left:16px;color:var(--accent)}.hero{position:relative;min-height:730px;padding-top:50px;display:grid;grid-template-columns:1fr 1fr;align-items:start}.hero-copy{position:relative;z-index:1}.intro{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:12px}.small-line{width:26px;height:1px;background:var(--accent)}h1{font-size:27px;font-weight:500;line-height:1.25;margin:29px 0 23px;letter-spacing:1px}.english{display:block;font:normal clamp(70px,7.5vw,106px)/.94 Georgia,serif;letter-spacing:-5px;margin-top:20px}.english em{font-weight:normal;color:var(--accent)}.hero-description{font-size:24px;line-height:1.65;margin:28px 0 16px;letter-spacing:2px}.hero-note{max-width:410px;color:var(--muted);font-size:14px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:48px;padding:12px 22px;border-radius:7px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.primary{background:var(--accent);color:#10273b}.primary:hover{background:#aedcff;transform:translateY(-2px)}.text-link{font-size:14px;display:inline-flex;align-items:center;gap:16px;min-height:44px}.text-link:hover{color:var(--accent)}.identity-tags{display:flex;gap:24px;font-size:12px;color:var(--muted);margin-top:31px}.identity-tags span:before{content:"";display:inline-block;width:4px;height:4px;background:#6291b6;border-radius:50%;margin-right:8px;vertical-align:middle}.hero-art{position:relative;min-height:580px;margin-top:20px;background:radial-gradient(ellipse at 50% 52%,#15416070,transparent 65%)}.hero-art>img{position:relative;width:115%;height:auto;max-width:none;margin-left:-6%;margin-top:0;filter:drop-shadow(0 35px 40px #0005);animation:float 8s ease-in-out infinite}.orbital{position:absolute;left:5%;top:23%;width:95%;height:55%;border:1px solid #31577955;border-radius:50%;transform:rotate(-24deg)}.orbital-two{transform:rotate(24deg);border-style:dashed;opacity:.6}.star{position:absolute;color:var(--accent);z-index:1}.star-one{top:10%;right:19%;font-size:30px}.star-two{left:10%;top:27%;font-size:22px}.star-three{right:0;top:58%;font-size:26px}.art-caption{position:absolute;bottom:17px;left:20%;display:flex;gap:14px;align-items:center;background:#142b3a99;border:1px solid #43627a66;padding:12px 22px;border-radius:10px;backdrop-filter:blur(12px);font-size:13px;transform:rotate(-3deg)}.art-caption small{display:block;font-size:11px;color:var(--muted);letter-spacing:.3px}.cube-icon{font-size:30px;color:var(--accent)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:38px 0 24px;font-size:12px;color:var(--muted);margin-top:20px}.hero-bottom a span{margin-left:16px}.section{padding:90px 0}.section-kicker{font-size:13px;color:var(--accent);margin:0 0 18px}h2{font-weight:500;font-size:38px;letter-spacing:-1px;line-height:1.45;margin:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-bottom:1px solid var(--border)}.about h2{font-size:32px}.about-body>p:first-child{font-size:19px;color:var(--text);margin-top:3px}.about-body p{color:var(--muted);font-size:15px}.about-signature{display:flex;align-items:center;justify-content:space-between;margin-top:28px;color:var(--muted);font-size:13px}.signature{font:italic 31px Georgia,serif;color:var(--accent);transform:rotate(-7deg)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}.heading-dot{color:var(--accent)}.filters{display:flex;gap:8px}.filters button{min-height:44px;padding:9px 20px;background:transparent;border-radius:7px;font-size:13px;color:var(--muted)}.filters button.active{background:#21384a;color:var(--accent)}.filters button:hover{background:#152a3b}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project-card[hidden]{display:none}.project-visual{position:relative;display:block;width:100%;height:300px;overflow:hidden;border-radius:12px;padding:0;border:1px solid #38537055;transition:border-color .2s}.project-visual:hover{border-color:var(--accent)}.personal-visual{background:radial-gradient(ellipse at 60% 20%,#294864,#142231 75%);display:flex;justify-content:center;align-items:center}.mini-window{display:block;width:75%;height:235px;background:#0c1826;border:1px solid #48637b;border-radius:7px;transform:perspective(700px) rotateY(-10deg) rotateZ(-5deg);text-align:left;padding:18px 25px;box-shadow:20px 25px 25px #0004;position:relative}.window-dots{display:flex;gap:5px;border-bottom:1px solid #25384a;padding-bottom:13px}.window-dots i{height:5px;width:5px;border-radius:50%;background:#657f92}.mini-title{display:block;font:36px/1.1 Georgia,serif;margin-top:21px}.mini-title em{color:var(--accent)}.mini-rule{display:block;width:50px;height:6px;background:#84c6f9;margin-top:18px;border-radius:2px}.mini-lines{display:block;width:115px;height:3px;background:#445a6c;margin-top:14px;box-shadow:0 8px #34495c}.mini-block{position:absolute;right:27px;top:87px;font:italic 85px Georgia,serif;color:#78aed575}.visual-open{position:absolute;right:17px;bottom:17px;border-radius:50%;background:#ffffff10;border:1px solid #ffffff30;height:35px;width:35px;display:grid;place-items:center}.minecraft-visual{background:radial-gradient(ellipse at 80% 30%,#335559,#152b30 75%);text-align:left}.minecraft-visual img{position:absolute;right:-12%;top:-15%;width:80%;height:auto;filter:hue-rotate(-16deg);opacity:.9}.town-word{position:absolute;left:32px;bottom:55px;font-size:29px;font-weight:600;letter-spacing:4px}.town-word small{display:block;font:italic 13px Georgia,serif;letter-spacing:0;color:#bfdae0;margin-top:7px}.project-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:20px}.project-meta span:last-child{color:var(--accent)}h3{font-size:21px;font-weight:500;margin:10px 0 7px}h3 button{background:transparent;text-align:left;padding:0;min-height:44px}h3 button:hover{color:var(--accent)}.project-card>p{color:var(--muted);font-size:14px;margin:0}.future-projects{font-size:13px;color:var(--muted);border-top:1px solid var(--border);padding-top:26px;margin:35px 0 0}.future-projects>span:first-child{color:var(--accent);margin-right:12px;font-size:20px}.future-projects .muted{margin-left:20px;color:#8fa3b6}.server-section{padding-top:0}.server-panel{display:grid;grid-template-columns:1fr 1fr;background:radial-gradient(ellipse at 75% 40%,#20455177,transparent 60%),#10212d;border:1px solid #34505d;border-radius:16px;overflow:hidden;min-height:480px}.server-content{padding:50px}.server-content h2{font-size:49px;letter-spacing:4px}.server-subtitle{font-size:19px;color:#d6e7ed}.server-description{color:var(--muted);font-size:14px;line-height:1.9}.server-tags{display:flex;gap:10px;margin:23px 0}.server-tags span{font-size:12px;border:1px solid #36515f;padding:3px 10px;border-radius:5px;color:#c8d8df}.server-notice{font-size:12px;color:var(--muted);margin-bottom:0}.server-art{position:relative;align-self:center}.server-art img{width:117%;height:auto;margin-left:-10%;filter:hue-rotate(-16deg)}.coordinate{position:absolute;bottom:14%;left:15%;font-size:12px;color:#adc8d5;letter-spacing:2px}.closing{text-align:center;padding:10px 0 85px}.closing-spark{font-size:42px;color:var(--accent)}.closing h2{font-size:30px;margin-top:15px}.closing p{color:var(--muted);font-size:14px;margin:12px 0 20px}.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--border);padding:30px 0;color:var(--muted);font-size:12px}.footer .brand{color:var(--text);font-size:13px}.footer .brand-mark{font-size:30px}.skip{position:fixed;left:16px;top:-80px;background:var(--accent);color:var(--bg);padding:10px;z-index:20}.skip:focus{top:16px}dialog{width:min(520px,calc(100% - 32px));background:var(--panel);color:var(--text);border:1px solid #456681;border-radius:14px;padding:28px;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#020913bb;backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;margin-bottom:25px}.dialog-header button{background:transparent;font-size:28px;width:44px;height:44px}dialog h2{font-size:30px}#dialog-content{color:var(--muted);margin:20px 0 28px}#dialog-content p{margin:12px 0}.detail-label{color:var(--accent)}@keyframes float{50%{transform:translateY(-12px)}}@media(min-width:1500px){.hero{padding-top:70px;min-height:790px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.header{height:90px}.nav-cta{display:none}.hero{padding-top:35px;min-height:auto}.english{font-size:78px}.hero-description{font-size:21px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-art{min-height:510px;margin-top:50px}.hero-art>img{margin-top:30px}.art-caption{left:10%;bottom:25px}.about{gap:40px}.server-content{padding:35px}.project-visual{height:260px}.mini-window{height:210px}.mini-title{font-size:31px}.mini-block{font-size:70px;right:16px}.server-content h2{font-size:40px}}@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header{height:82px;gap:12px}.brand{font-size:12px;gap:8px}.brand-mark{font-size:33px}nav{gap:16px;font-size:12px}.hero{display:flex;flex-direction:column;padding-top:25px}.intro{font-size:11px}h1{font-size:23px}.english{font-size:84px;letter-spacing:-4px}.hero-description{font-size:21px}.hero-note{max-width:340px}.hero-actions{gap:20px}.hero-art{width:100%;min-height:365px;margin:15px 0 0}.hero-art>img{width:100%;margin:0}.orbital{left:5%;top:24%;width:90%;height:50%}.art-caption{bottom:4px;left:25%;padding:8px 14px;font-size:11px}.art-caption small{font-size:10px}.star-one{top:5%}.hero-bottom{width:100%;margin-top:35px;padding-top:10px}.section{padding:60px 0}.about{grid-template-columns:1fr;gap:25px}.about h2{font-size:29px}.section-top{align-items:start;flex-direction:column;gap:22px}.section-kicker{margin-bottom:12px}h2{font-size:32px}.filters button{padding:8px 18px}.project-grid{grid-template-columns:1fr;gap:36px}.project-visual{height:260px}.mini-window{height:215px;width:77%}.mini-title{font-size:33px}.mini-block{font-size:80px}.future-projects .muted{display:block;margin-left:27px}.server-section{padding-top:0}.server-panel{grid-template-columns:1fr}.server-content{padding:30px}.server-content h2{font-size:39px}.server-art{margin-top:-25px;height:310px;overflow:hidden}.server-art img{width:100%;margin:0;margin-top:-40px}.coordinate{left:25%;bottom:18px;font-size:11px}.closing{padding:0 0 55px}.closing h2{font-size:26px}.footer{flex-wrap:wrap;gap:12px}.footer>span{width:100%}.footer p{margin:0}.identity-tags{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:380px){.header .brand{font-size:11px;gap:6px}.header nav{gap:12px;font-size:11px;white-space:nowrap}.english{font-size:76px}.hero-description{font-size:20px}}