@font-face{font-family:InkSerif;src:url('assets/siyousi-serif.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#edf0e6;--ink:#19392f;--muted:#617466;--red:#c34830;--line:#c4cebc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Microsoft YaHei',sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--red);outline-offset:5px}img{max-width:100%}button{border:0}h1,h2,h3,p{margin:0}.skip{position:fixed;top:-70px;left:15px;background:var(--ink);color:white;z-index:10000;padding:15px}.skip:focus{top:15px}.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--red);z-index:200}.header{height:82px;padding:0 5.5%;display:flex;gap:35px;align-items:center;position:relative;z-index:20;border-bottom:1px solid #bdc8b680;background:#edf0e6f5}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;white-space:nowrap}.brand-logo{width:58px;height:42px;background:url('assets/ink-logo.webp') 50% 50%/195% auto no-repeat;mix-blend-mode:multiply}.brand small{display:block;font:7px/1.8 Arial;letter-spacing:1.5px}.header nav{display:flex;gap:28px;margin-left:auto;font-size:12px;font-weight:600}.header nav a{position:relative;padding:10px 0}.header nav a:after{content:'';position:absolute;bottom:2px;left:0;width:0;height:2px;background:var(--red);transition:width .25s}.header nav a:hover:after{width:100%}.contact-link{font-size:12px;border-left:1px solid var(--line);padding-left:27px}.menu-toggle{display:none;background:transparent;font-size:24px}.hero{position:relative;min-height:650px;height:calc(100svh - 82px);max-height:880px;overflow:hidden;isolation:isolate;background:#e8eee0}.hero-scene{position:absolute;inset:0;background:linear-gradient(90deg,#edf0e6 1%,#edf0e6ef 30%,#d7e6d282 55%,#9cbabb18),linear-gradient(0deg,#edf0e6,transparent 40%),url('assets/ts-world.webp') center/cover;z-index:-3;will-change:transform}.hero-scene:after{content:'';position:absolute;inset:0;background:url('assets/ink-landscape.webp') center/cover;mix-blend-mode:multiply;opacity:.13}.hero-circle{position:absolute;right:12%;top:9%;height:75%;aspect-ratio:1;border:1px solid #487f6140;border-radius:50%;z-index:-2}.hero-circle:before,.hero-circle:after{content:'';position:absolute;inset:5%;border:1px dashed #487f6135;border-radius:50%}.hero-circle:after{inset:-10%;border-style:solid;opacity:.5}.hero-content{position:relative;z-index:3;padding:67px 0 90px 7%;width:59%;pointer-events:none}.hero-content a{pointer-events:auto}.eyebrow{font-size:10px;font-weight:700;line-height:1.8;letter-spacing:1.5px}.hero .eyebrow{display:flex;gap:9px;align-items:center}.live-dot{width:7px;height:7px;background:var(--red);border-radius:50%;box-shadow:0 0 0 4px #c3483014}.eyebrow-separator{opacity:.3;margin:0 5px}h1{font-family:InkSerif,SimSun,serif;font-size:clamp(76px,8vw,127px);font-weight:900;letter-spacing:-5px;line-height:1.3;margin:20px 0 24px;text-shadow:0 3px #edf0e6;white-space:nowrap}h1 small{display:flex;align-items:center;gap:22px;font:800 clamp(36px,4vw,61px)/1.4 InkSerif,serif;letter-spacing:5px}.seal{background:var(--red);font:700 12px/1.3 InkSerif,serif;color:#fff4da;padding:6px 8px;letter-spacing:2px;transform:rotate(-7deg);text-shadow:none}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{padding:7px 12px;border:1px solid #456b4f44;border-radius:3px;background:#f3f6ed8f;font-size:11px;font-weight:700}.hero-desc{font-size:14px;line-height:1.95;margin:22px 0 25px;color:#405c4c}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;padding:16px 24px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s;border:1px solid var(--ink);border-radius:4px}.button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #173e2722}.button-primary{background:var(--red);border-color:var(--red);color:#fff8e7}.button-primary span{font-size:19px}.button-secondary{background:#eff3e8bb}.hero-note{font-size:10px;color:var(--muted);margin-top:12px}.hero-character{position:absolute;z-index:1;left:47%;right:0;top:1%;bottom:37px;pointer-events:none}.hero-character img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 25px 25px #274b3a3b);animation:characterFloat 7s ease-in-out infinite}.character-label{position:absolute;right:12%;bottom:11%;font-size:9px;background:#eff4e7e6;padding:8px 11px;transform:rotate(-4deg);border-left:3px solid var(--red)}.hero-bottom{position:absolute;bottom:0;left:7%;right:6%;height:62px;border-top:1px solid #6c85664d;display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:20px;z-index:4}.hero-bottom a{font-size:11px;font-weight:700}.hero-bottom a span{margin-left:20px}.hero-bottom p{font-size:9px;color:var(--muted)}.hero-bottom>span{font:10px Arial;letter-spacing:2px}.hero-cloud{position:absolute;border-radius:50%;filter:blur(19px);background:#f5f6e6a6;z-index:2;pointer-events:none;animation:cloudDrift 14s ease-in-out infinite alternate}.cloud-a{width:42%;height:100px;right:-12%;bottom:12%;transform:rotate(-12deg)}.cloud-b{width:33%;height:55px;left:38%;bottom:18%;opacity:.45;animation-delay:-8s}.section-pad{padding:60px 7%}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:26px}.section-head .eyebrow{color:var(--muted);margin-bottom:10px}h2{font-size:30px;letter-spacing:-1px;line-height:1.4}.text-link{display:inline-block;background:transparent;border-bottom:1px solid var(--ink);padding:8px 0;font-size:12px;white-space:nowrap}.gameplay{background:#f6f7f0}.gameplay-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:5%;align-items:center}.gameplay-art{height:320px;position:relative;overflow:hidden;border-radius:6px;background:#d8e1cf}.gameplay-art img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.gameplay-art:hover img{transform:scale(1.04)}.gameplay-art>span{position:absolute;bottom:16px;left:18px;padding:7px 10px;background:#1a342bb0;color:#fff;font-size:10px}.feature-tabs{display:flex;border-bottom:1px solid var(--line);gap:20px}.feature-tabs button{background:transparent;font-size:13px;color:var(--muted);padding:12px 0;border-bottom:3px solid transparent}.feature-tabs button.active{color:var(--ink);font-weight:700;border-color:var(--red)}#feature-panel{position:relative;padding:35px 0 27px;min-height:172px}.feature-number{position:absolute;right:4px;top:12px;font-size:78px;font-weight:900;color:#20483409;pointer-events:none}.gameplay-info h3{font-size:22px;position:relative;margin-bottom:12px}.gameplay-info p{font-size:13px;line-height:1.9;color:var(--muted);max-width:390px}.reserve{background:#dfe6d6;display:flex;justify-content:space-between;gap:30px;align-items:center;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.reserve:after{content:'';position:absolute;right:25%;width:220px;height:220px;border:1px solid #7b926d33;border-radius:50%;pointer-events:none}.reserve h2{font-size:40px;margin:10px 0}.reserve h2 small{font-size:12px;margin-left:12px;color:var(--muted);font-weight:400;letter-spacing:0}.reserve p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.8}.about{display:grid;grid-template-columns:1fr 2.8fr;gap:35px;background:var(--ink);color:#edf0e6;padding-top:42px;padding-bottom:42px}.about .eyebrow{color:#afc5a9}.about h2{font-size:21px;letter-spacing:0;margin-bottom:14px}.about p:not(.eyebrow){font-size:12px;line-height:2;color:#bfcebb}.contact{background:#eef0e6}.contact .section-head>p{font-size:12px;color:var(--muted)}.official-contact-grid{display:grid;grid-template-columns:1fr .8fr 1.1fr;border:1px solid var(--line);border-radius:5px;overflow:hidden}.official-contact-grid>a,.qr-contact{padding:26px;text-align:left;background:transparent;min-width:0;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;transition:background .2s}.official-contact-grid>a:hover,.qr-contact:hover{background:#e0e8d6}.official-contact-grid span{font-size:10px;color:var(--muted)}.official-contact-grid strong{display:block;font-size:clamp(14px,1.3vw,19px);font-weight:600;margin:12px 0 18px}.official-contact-grid em{font-style:normal;font-size:10px;color:var(--muted)}.qr-contact{border:0;display:flex;flex-direction:row;align-items:center;gap:16px;justify-content:flex-start}.qr-contact img{width:96px;height:96px}.qr-contact strong{font-size:13px;margin:10px 0}.company-copy{margin-top:23px}footer{padding:30px 7% 70px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line)}.footer-brand{font-size:24px;font-weight:800}.footer-brand span{font:8px Arial;display:block;letter-spacing:1px;margin-top:7px}footer p{font-size:10px;line-height:2;color:var(--muted)}footer small{font-size:9px}.back-top{font-size:24px;border:1px solid var(--line);border-radius:50%;width:44px;height:44px;display:grid;place-items:center}dialog{border:0;padding:0;background:#f3f5eb;color:var(--ink);border-radius:8px;max-height:90svh;overflow:auto;box-shadow:0 30px 100px #08221944}dialog::backdrop{background:#09261cc4;backdrop-filter:blur(7px)}.project-dialog{width:760px;max-width:92vw}.project-dialog>img{width:100%;height:240px;object-fit:cover}.project-dialog>img[hidden]{display:none}.dialog-content{padding:30px}.dialog-content h2{font-size:26px;margin:12px 0 16px}.dialog-content>p:not(.eyebrow){font-size:13px;line-height:1.9}.dialog-note{color:var(--muted);font-size:10px!important;margin:16px 0}.dialog-close,.qr-close{position:absolute;right:12px;top:12px;background:#f3f5eb;border:1px solid #adc0a4;border-radius:50%;width:36px;height:36px;font:25px Arial;z-index:2}.qr-dialog{max-width:92vw;width:370px;text-align:center;padding:36px}.qr-dialog h2{font-size:24px;margin:18px 0}.qr-dialog>img{width:229px;display:block;margin:0 auto 22px}.qr-dialog>p:last-child{font-size:12px}.toast{position:fixed;bottom:88px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:#fff;padding:13px 20px;font-size:12px;border-radius:4px;opacity:0;pointer-events:none;z-index:9500;transition:.2s;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes characterFloat{50%{transform:translateY(-9px) rotate(.5deg)}}@keyframes cloudDrift{to{translate:-65px 12px}}
@media(min-width:1500px){.hero-content{padding-top:90px}.hero-desc{font-size:16px;margin:28px 0}.hero-actions .button{padding:20px 28px}.hero-character{left:44%}}
@media(max-width:1050px){.header{gap:22px;padding:0 5%}.header nav{gap:20px}.contact-link{padding-left:15px}.hero-content{padding-left:6%;width:63%}h1{font-size:82px}h1 small{font-size:42px}.hero-character{left:46%;right:-10%;top:8%;bottom:60px}.hero-desc{font-size:12px}.section-pad{padding-left:6%;padding-right:6%}.official-contact-grid{grid-template-columns:1fr 1fr}.qr-contact{grid-column:1/-1;border-top:1px solid var(--line)}.official-contact-grid>a:nth-child(2){border:0}.gameplay-art{height:300px}.gameplay-info h3{font-size:20px}.feature-tabs{gap:16px}}
@media(max-width:760px){html{scroll-padding-top:68px}.header{height:68px;justify-content:space-between;padding:0 6%;gap:14px}.brand{font-size:20px}.brand-logo{width:48px;height:36px}.brand small{font-size:6px}.contact-link{margin-left:auto;border:0;font-size:11px;padding:0}.menu-toggle{display:block;padding:4px}.header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#edf0e6f8;padding:20px 6%;margin:0;box-shadow:0 15px 20px #233b2510}.header nav.open{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px}.hero{height:auto;min-height:748px;max-height:none}.hero-content{padding:35px 6% 0;width:100%}.hero .eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:clamp(66px,11.4vw,89px);letter-spacing:-3px;line-height:1.25;margin:15px 0 18px}h1 small{font-size:clamp(31px,6vw,43px);letter-spacing:4px;gap:18px}.seal{font-size:10px;letter-spacing:1px;padding:5px 7px}.tags span{font-size:10px;padding:5px 9px}.hero-desc{font-size:12px;line-height:1.85;margin:17px 0 18px}.hero-actions{gap:9px}.button{padding:14px 17px;gap:17px;font-size:12px}.hero-note{font-size:9px;margin-top:9px}.hero-character{top:350px;left:21%;right:-12%;bottom:34px}.character-label{right:20%;bottom:8%;font-size:8px}.hero-circle{top:380px;height:310px;right:2%}.hero-scene{background:linear-gradient(180deg,#edf0e6 5%,#edf0e6fa 40%,#edf0e640 70%,#edf0e6 100%),url('assets/ts-world.webp') 62% bottom/auto 75% no-repeat}.hero-bottom{left:6%;right:6%;height:40px}.hero-bottom p{display:none}.hero-bottom>span{font-size:8px}.hero-cloud{bottom:7%}.section-pad{padding:40px 6%}.section-head{gap:15px;align-items:start;flex-direction:column;margin-bottom:22px}h2{font-size:24px}.gameplay-grid{grid-template-columns:1fr;gap:22px}.gameplay-art{height:220px}.feature-tabs{gap:24px}.feature-tabs button{font-size:12px}#feature-panel{padding:27px 0 20px;min-height:150px}.gameplay-info h3{font-size:21px}.gameplay-info p{font-size:13px}.reserve{gap:20px;align-items:start;flex-direction:column}.reserve h2{font-size:35px}.about{display:block}.about .eyebrow{margin-bottom:15px}.about h2{font-size:19px;line-height:1.6}.about p:not(.eyebrow){font-size:12px}.official-contact-grid{grid-template-columns:1fr}.official-contact-grid>a,.qr-contact{padding:23px;border-right:0;border-bottom:1px solid var(--line)}.official-contact-grid>a:nth-child(2){border-bottom:1px solid var(--line)}.official-contact-grid strong{font-size:20px;margin:12px 0}.qr-contact{grid-column:auto;border:0;gap:22px}.qr-contact strong{font-size:14px}.official-contact-grid>a>span,.official-contact-grid em{font-size:11px}.contact .section-head{gap:12px}footer{padding:28px 6% 70px;align-items:start;gap:20px;flex-wrap:wrap}.footer-brand{font-size:22px}footer p{font-size:9px;flex:1;min-width:190px}.back-top{width:35px;height:35px;font-size:20px}.dialog-content{padding:25px}.dialog-content h2{font-size:23px}.project-dialog>img{height:180px}.qr-dialog{padding:35px 25px}}
@media(max-width:360px){.hero{min-height:720px}.hero-content{padding-top:27px}h1{font-size:61px}h1 small{font-size:29px}.hero-actions .button{font-size:11px;padding:13px 12px;gap:12px}.hero-character{top:355px}.hero-desc{font-size:11px}.hero .eyebrow{font-size:8px}.contact-link{display:none}.hero-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-scene{transform:none!important}}

/* Static sections also support direct anchors and no-JS reading. */
[hidden]{display:none!important}.modal-open{overflow:hidden}.sgs-card:nth-child(2) img{object-position:center 28%}.official-contact-grid strong{overflow-wrap:anywhere}.hero-character img{max-width:none}.sys-download-art img{max-width:none}