:root{--paper:#f5f0e4;--paper-deep:#efe8d6;--panel:#fdfbf4;--card:#fffdf7;--ink:#28231a;--ink-2:#5d564a;--muted:#9a917c;--line:#e2d9c4;--accent:#bc5a2e;--serif:"Source Han Serif SC","Source Han Serif","Noto Serif CJK SC","Noto Serif SC","Songti SC","SimSun",ui-serif,serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.8}::selection{color:#f5f0e4;background-color:#bc5a2e}a{color:inherit}.land-top{position:absolute;display:flex;z-index:5;align-items: center;gap:14px;padding:26px clamp(20px,4vw,44px);top:0;left:0;right:0}.logo{letter-spacing:-.012em;font-size:23px;font-style:italic}.top-link{color:var(--ink-2);text-decoration:none;border:1px solid var(--line);backdrop-filter:blur(6px);background:#fdfbf499;border-radius:999px;padding:6px 16px;transition:color .18s,border-color .18s,box-shadow .2s;font-size:13px}.top-link:hover{color:var(--accent);border-color:#bc5a2e80;box-shadow:0 2px 10px #bc5a2e26}.hero{position:relative;display:grid;overflow:hidden;place-items: center;min-height:100vh}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr)auto;align-items: center;gap:clamp(30px,5vw,70px);max-width:1040px;padding:90px 28px 40px}.hero-copy{position:relative;z-index:2}.hero h1{letter-spacing:.01em;font-size:clamp(34px,4.6vw,52px);font-weight:600;line-height:1.38}.hero-line{display:block}.hero-lede{color:var(--ink-2);max-width:44ch;margin:24px 0 0;font-size:15.5px}.hero-lede b{color:var(--ink)}.hero-cta{display:flex;align-items: center;gap:14px;margin-top:34px}.cta{text-decoration:none;border-radius:999px;padding:12px 28px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,color .2s,border-color .2s;font-size:14.5px}.cta.main{background:var(--accent);color:#f8f1e3;box-shadow:0 3px 12px #bc5a2e59}.cta.main:hover{transform:translateY(-2px);box-shadow:0 6px 22px #bc5a2e73}.cta.ghost{color:var(--ink-2);border:1px solid var(--line);background:var(--panel)}.cta.ghost:hover{color:var(--accent);border-color:#bc5a2e80;transform:translateY(-2px)}.cta:active{transform:scale(.97)}.hcanvas{position:relative;background:var(--paper-deep);border:1px solid var(--line);overflow:hidden;touch-action:none;background-image:radial-gradient(#28231a1f 1px,#0000 1px);background-size:18px 18px;border-radius:16px;flex:none;box-shadow:inset 0 1px 6px #3a301e0f,0 14px 40px #3a301e14}.hc-svg{position:absolute;pointer-events:none;width:100%;height:100%;inset:0}.hc-edge{fill:none;stroke:#6d6353;stroke-width:2}.hc-story{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:5 4;opacity:.85}.hc-arrow{fill:var(--accent)}.hc-string{fill:none;stroke:#a33e1a80;stroke-width:1.2}.hc-card{position:absolute;background:var(--card);color:var(--ink-2);cursor:grab;user-select:none;border-radius:9px;transition:box-shadow .2s;font-size:11px;line-height:1.6;box-shadow:0 1px 3px #3a301e24,0 8px 18px #3a301e1f}.hc-card.grabbing{cursor:grabbing;z-index:3;box-shadow:0 2px 5px #3a301e2e,0 16px 34px #3a301e38}.hc-card i{display:flex;letter-spacing:.1em;color:#fffdf7eb;border-radius:9px 9px 0 0;align-items: center;height:16px;padding:0 8px;font-size:9px;font-style:normal}.hc-card span{display:block;padding:6px 9px 8px}.hc-port{position:absolute;background:var(--panel);border:1.5px solid #6d6353;border-radius:50%;width:8px;height:8px}.hc-port.in{top:-4px;left:-4px}.hc-port.out{bottom:-4px;right:-4px}.hc-note{position:absolute;color:#4c4434;pointer-events:none;background:linear-gradient(176deg,#fdf9ec 60%,#f5edd8);border-radius:2px;width:104px;padding:7px 9px 6px;font-size:9.5px;line-height:1.6;transform:rotate(2.5deg);box-shadow:0 1px 2px #3a301e33,0 6px 14px #3a301e21}.hc-note b{position:absolute;background:radial-gradient(circle at 34% 28%,#e8946a,var(--accent)55%,#7e3616);border-radius:50%;width:9px;height:9px;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 2px 3px #3a301e59}.hc-hint{position:absolute;color:var(--muted);pointer-events:none;font-size:10.5px;font-style:italic;bottom:10px;left:14px}.hero-scroll{position:absolute;color:var(--muted);animation:bob 1.8s ease-in-out infinite;font-size:15px;bottom:26px;left:50%;transform:translate(-50%)}@keyframes bob{0%,to{transform:translate(-50%);opacity:.55}50%{transform:translate(-50%,7px);opacity:1}}.stage-wrap{display:flex;flex-direction:column;justify-content:center;align-items: center;gap:22px;min-height:100vh;padding:48px 12px}.stage-outer{position:relative;display:flex;justify-content:center;width:100%}.stage{position:relative;transform-origin:top center;background:var(--panel);border:1px solid var(--line);overflow:hidden;border-radius:18px;flex:none;box-shadow:0 2px 6px #3a301e14,0 24px 60px #3a301e1f}.win-top{position:absolute;z-index:4;display:flex;border-bottom:1px solid var(--line);background:#f5f0e4eb;align-items: center;height:44px;padding:0 16px;top:0;left:0;right:0}.win-logo{font-size:17px;font-style:italic}.wseg{position:absolute;display:flex;background:#28231a0f;border-radius:999px;padding:3px;left:50%;transform:translate(-50%)}.wseg-a,.wseg-b{position:relative;z-index:1;text-align:center;color:var(--ink-2);width:64px;padding:3.5px 0;font-size:11.5px}.wseg-a{color:var(--ink)}.wseg-thumb{position:absolute;background:var(--panel);border-radius:999px;width:64px;top:3px;bottom:3px;left:3px;box-shadow:0 1px 3px #3a301e1f}.win-fake{color:var(--muted);margin-left:auto;font-size:11px}.win-fake em{margin-left:10px;font-style:normal}.stage-canvasbg{position:absolute;opacity:0;background:var(--paper-deep);background-image:radial-gradient(#28231a1f 1px,#0000 1px);background-size:20px 20px;inset:44px 0 0}.stage-svg{position:absolute;pointer-events:none;width:100%;height:100%;inset:0}.fedge{fill:none;stroke:#6d6353;stroke-width:2}.sedge{fill:none;stroke:var(--accent);stroke-width:1.6;opacity:0}.sarrow{fill:var(--accent);opacity:0}.spara{position:absolute;padding:20px 13px 11px}.scard{position:absolute;opacity:0;background:var(--card);border-radius:10px;inset:0;box-shadow:0 1px 3px #3a301e24,0 10px 22px #3a301e1f}.shead{position:absolute;transform-origin:top;display:flex;border-radius:10px 10px 0 0;align-items: center;height:16px;padding:0 9px;top:0;left:0;right:0;transform:scaleY(0)}.sname{letter-spacing:.12em;color:#fffdf7eb;font-size:9.5px;font-style:normal}.sport{position:absolute;background:var(--panel);opacity:0;border:1.5px solid #6d6353;border-radius:50%;width:9px;height:9px;transform:scale(.4)}.sport.in{top:-5px;left:-5px}.sport.out{bottom:-5px;right:-5px}.stext{position:relative;color:var(--ink);font-size:14px;line-height:1.85}.ch{opacity:0}.scaret{display:inline-block;vertical-align:-.12em;background:var(--accent);opacity:0;animation:caretBlink .9s steps(2,start)infinite;width:2px;height:1em;margin-left:1px}@keyframes caretBlink{to{visibility:hidden}}.gaplabel{position:absolute;opacity:0;color:var(--ink-2);background:var(--panel);border:1px solid var(--line);border-left:2.5px solid var(--accent);border-radius:0 8px 8px 0;max-width:236px;padding:7px 11px;font-size:11px;line-height:1.7;transform:translateY(10px);box-shadow:0 4px 14px #3a301e1a}.snote{position:absolute;opacity:0;color:#4c4434;background:linear-gradient(176deg,#fdf9ec 60%,#f5edd8);border-radius:2px;width:120px;padding:9px 10px 8px;font-size:10.5px;line-height:1.6;box-shadow:0 1px 2px #3a301e33,0 7px 16px #3a301e24}.snote b{position:absolute;background:radial-gradient(circle at 34% 28%,#e8946a,var(--accent)55%,#7e3616);border-radius:50%;width:10px;height:10px;top:-5px;left:50%;transform:translate(-50%);box-shadow:0 3px 4px #3a301e61}.narr-box{position:relative;width:min(640px,100vw - 48px);height:2.2em}.narr{position:absolute;text-align:center;color:var(--ink-2);opacity:0;font-size:14.5px;inset:0}.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:980px;margin:0 auto;padding:130px 28px 90px}.feat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px 24px 22px;box-shadow:0 1px 3px #3a301e14}.feat h3{margin-bottom:10px;font-size:16px}.feat h3:before{content:"¶ ";color:var(--accent)}.feat p{color:var(--ink-2);font-size:12.5px}.ctaend{position:relative;text-align:center;overflow:hidden;padding:130px 24px 150px}.cta-water{position:absolute;color:#28231a0b;white-space:nowrap;pointer-events:none;user-select:none;font-size:clamp(160px,26vw,340px);font-style:italic;top:50%;left:50%;transform:translate(-50%,-50%)}.ctaend-inner{position:relative}.ctaend .hero-cta{justify-content:center}.ctaend h2{margin-bottom:30px;font-size:clamp(26px,4.4vw,42px);font-weight:600}.foot{position:relative;background:var(--paper-deep);border-top:1px solid var(--line);overflow:hidden}.foot-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;position:relative;z-index:1;gap:30px;max-width:980px;margin:0 auto;padding:56px 28px 40px}.foot-brand .logo{font-size:26px}.foot-brand p{color:var(--muted);margin-top:8px;font-size:12px}.foot-col{display:flex;color:var(--ink-2);flex-direction:column;gap:8px;font-size:12.5px}.foot-col h4{letter-spacing:.18em;color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:400}.foot-col a{text-decoration:none;background:linear-gradient(var(--accent),var(--accent))no-repeat left 100%/0% 1px;width:-moz-fit-content;width:fit-content;transition:color .18s,background-size .22s}.foot-col a:hover{color:var(--accent);background-size:100% 1px}.foot-base{border-top:1px solid var(--line);display:flex;color:var(--muted);position:relative;z-index:1;justify-content:space-between;max-width:980px;margin:0 auto;padding:16px 28px 90px;font-size:11.5px}.foot-water{position:absolute;color:#28231a0f;white-space:nowrap;pointer-events:none;user-select:none;font-size:clamp(140px,22vw,280px);font-style:italic;line-height:1;bottom:-.42em;left:50%;transform:translate(-50%)}@media (max-width:760px){.hero-grid{grid-template-columns:1fr;justify-items:center;gap:40px;padding-top:110px}.hero-copy{text-align:center}.hero-lede{margin-inline-start:auto;margin-inline-end:auto}.hero-cta{justify-content:center}.feats{grid-template-columns:1fr;gap:18px;padding:90px 22px 60px}.foot-cols{grid-template-columns:1fr 1fr;gap:24px}.stage-wrap{min-height:auto;padding:70px 12px 40px}}