:root{--navy:#2b425a;--mint:#d9eade;--forest:#315e48;--yellow:#f3c957;--orange:#f2a13a;--paper:#f7f2e8;--ink:#1d251f;--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--mint);color:var(--ink);margin:0;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif}img{max-width:100%}a{color:inherit}.shell{width:min(1180px,100% - 40px);margin:auto}.nav{justify-content:space-between;align-items:center;height:94px;display:flex}.brand img{width:178px;height:auto;display:block}.nav nav{align-items:center;gap:26px;font-weight:800;display:flex}.nav nav a{line-height:1.05;text-decoration:none}.nav nav small{letter-spacing:.1em;color:var(--forest);margin-top:4px;font-size:9px;display:block}.shop{border:2px solid var(--ink);letter-spacing:.05em;border-radius:999px;padding:10px 15px;font-size:11px}.hero{grid-template-columns:1.04fr .96fr;align-items:center;min-height:650px;padding:44px 0 80px;display:grid}.eyebrow{letter-spacing:.18em;color:var(--forest);font-size:12px;font-weight:900}h1{letter-spacing:-.045em;margin:20px 0 24px;font-size:clamp(44px,6vw,78px);line-height:1.04}h2{letter-spacing:-.035em;margin:12px 0 34px;font-size:clamp(36px,4vw,58px);line-height:1.08}h3{letter-spacing:-.02em}.lead{max-width:620px;font-size:19px;line-height:1.75}.actions{align-items:center;gap:25px;margin-top:34px;display:flex}.button{background:var(--navy);color:#fff;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:999px;padding:15px 24px;font-weight:800;text-decoration:none;display:inline-block}.button.small{margin-top:15px;padding:11px 19px;font-size:14px}.text-link{color:var(--ink);font-weight:800}.hero-art{position:relative}.hero-art img{width:100%;display:block}.sun{background:var(--yellow);border:3px solid var(--ink);border-radius:50%;place-items:center;width:86px;height:86px;font-size:25px;font-weight:900;display:grid;position:absolute;top:0;right:3%;transform:rotate(9deg)}.paper-section{background:var(--paper);padding:110px 0}.story-feature{background:var(--white);border:3px solid var(--ink);box-shadow:9px 9px 0 var(--navy);border-radius:30px;grid-template-columns:.85fr 1.15fr;display:grid;overflow:hidden}.story-feature>img{object-fit:cover;object-position:center;width:100%;height:520px}.story-feature>div{align-self:center;padding:52px}.story-feature span{color:var(--forest);letter-spacing:.16em;font-size:12px;font-weight:900}.story-feature h3{margin:16px 0 4px;font-size:clamp(30px,4vw,52px);line-height:1.1}.story-en{color:var(--forest);font-size:16px;font-style:italic}.story-feature p{line-height:1.7}.more-line{justify-content:space-between;margin-top:34px;font-weight:700;display:flex}.characters-home{padding:110px 0}.section-head{max-width:750px}.section-head>p:last-child{font-size:19px;line-height:1.7}.character-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px;display:grid}.character-card{border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);border-radius:28px;text-decoration:none;transition:transform .2s;overflow:hidden}.character-card:hover{transform:translateY(-5px)}.character-card.mint{background:#cfe4db}.character-card.yellow{background:var(--yellow)}.character-card.orange{background:#efb080}.character-card img{object-fit:contain;width:100%;height:360px;padding:24px 24px 0}.character-card>div{background:var(--white);border-top:3px solid var(--ink);padding:20px}.character-card small{color:var(--forest);font-weight:800}.character-card h3{margin:8px 0;font-size:29px}.character-card em,.character-row em{font-size:.72em;font-style:normal}.manifesto{background:var(--navy);color:#fff;padding:105px 0}.quote{margin:0 0 28px;font-size:clamp(42px,6vw,76px);font-weight:900;line-height:1.12}.manifesto .shell>p:last-child{opacity:.8;font-size:20px}footer{align-items:center;gap:17px;min-height:150px;display:flex}footer img{width:50px;height:50px}footer strong{font-size:15px}footer p{margin:4px 0;font-size:12px}.footer-links{gap:22px;margin-left:auto;font-size:13px;font-weight:800;display:flex}.page-hero{padding:90px 0 115px}.page-hero .lead{max-width:700px}.character-list{gap:38px;display:grid}.character-row{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:30px;grid-template-columns:70px 330px 1fr;align-items:center;text-decoration:none;display:grid;overflow:hidden}.character-row.mint{background:#cfe4db}.character-row.yellow{background:var(--yellow)}.character-row.orange{background:#efb080}.character-row .index{align-self:start;padding:26px;font-size:18px;font-weight:900}.character-row img{object-fit:contain;width:100%;height:440px;padding:24px}.character-row>div:last-child{background:var(--white);border-left:3px solid var(--ink);flex-direction:column;justify-content:center;align-self:stretch;padding:60px;display:flex}.character-row h2{margin:8px 0 18px}.character-row p{max-width:600px;line-height:1.75}.character-row strong{margin-top:10px}.character-detail{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.character-detail.mint{background:#cfe4db}.character-detail.yellow{background:var(--yellow)}.character-detail.orange{background:#efb080}.character-detail>.shell{grid-template-columns:1fr .85fr;align-items:center;min-height:720px;display:grid}.character-detail h1 em{font-size:.65em;font-style:normal}.character-detail .role{color:var(--forest);font-weight:900}.character-detail blockquote{border-left:6px solid var(--navy);margin:35px 0 0;padding:10px 0 10px 22px;font-size:22px;font-weight:800}.character-detail img{object-fit:contain;width:100%;height:620px;padding:35px}.identity{max-width:900px;padding:105px 0}.identity p:last-child{font-size:20px;line-height:1.8}.archive-filter{margin-bottom:35px;font-weight:900}.archive-filter span{color:#7c817c;margin-left:20px}.archive-card{border:3px solid var(--ink);background:var(--white);box-shadow:8px 8px 0 var(--navy);border-radius:28px;grid-template-columns:380px 1fr;text-decoration:none;display:grid;overflow:hidden}.archive-card img{object-fit:cover;width:100%;height:520px}.archive-card>div{align-self:center;padding:54px}.archive-card small{color:var(--forest);font-weight:900}.archive-card h2{margin:17px 0 5px}.archive-card p{line-height:1.7}.story-page{padding:70px 0 100px}.story-page>header{text-align:center;max-width:950px;margin:0 auto 55px}.story-meta{color:var(--forest);margin-top:20px;font-size:13px;font-weight:900}.story-cover{border:3px solid var(--ink);width:min(780px,100%);box-shadow:9px 9px 0 var(--navy);border-radius:28px;margin:0 auto;display:block}.story-body{max-width:780px;margin:65px auto 0;font-size:19px;line-height:1.9}.story-body aside{background:var(--yellow);border:3px solid var(--ink);border-radius:22px;margin:40px 0;padding:25px 28px}.archive-note{color:#697269;border-top:1px solid #b8b5a9;margin-top:45px;padding-top:22px;font-size:13px}.origin-hero{background:var(--paper);border-block:3px solid var(--ink)}.origin-hero>.shell{grid-template-columns:1.15fr .85fr;align-items:center;min-height:690px;display:grid}.origin-hero img{object-fit:contain;width:100%;height:610px;padding:25px}.origin-copy{max-width:820px;padding:110px 0}.origin-copy>p{font-size:20px;line-height:1.9}.origin-copy blockquote{background:var(--yellow);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--navy);border-radius:25px;margin:55px 0;padding:34px;font-size:32px;font-weight:900;line-height:1.5}.shop-later{background:var(--navy);color:#fff;padding:95px 0}.shop-later .eyebrow{color:var(--yellow)}.shop-later p:last-child{max-width:760px;font-size:19px;line-height:1.7}@media (max-width:800px){.nav nav a,.shop{display:none}.hero,.character-detail>.shell,.origin-hero>.shell{grid-template-columns:1fr}.hero{padding-top:20px}.hero-art{margin-top:50px}.paper-section,.characters-home,.manifesto,.identity,.origin-copy,.shop-later{padding-top:75px;padding-bottom:75px}.story-feature,.archive-card{grid-template-columns:1fr}.story-feature>img,.archive-card img{height:440px}.story-feature>div,.archive-card>div{padding:30px}.more-line{display:block}.character-grid{grid-template-columns:1fr}.character-card img{height:410px}.character-row{grid-template-columns:45px 1fr}.character-row img{height:390px}.character-row>div:last-child{border-left:0;border-top:3px solid var(--ink);grid-column:1/-1;padding:30px}.character-detail img,.origin-hero img{order:-1;height:500px}.footer-links{display:none}.page-hero{padding:55px 0 80px}}.nav{height:auto;min-height:94px}.nav nav{gap:18px}.nav nav a{font-size:14px}.nav nav small{letter-spacing:.08em;font-size:8px}.shop{letter-spacing:.04em;padding:10px 13px;font-size:11px!important}.home-next{grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding:105px 0;display:grid}.home-next>div:first-child>p:nth-of-type(2){font-size:18px;line-height:1.7}.shop-preview{background:var(--yellow);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--navy);border-radius:28px;padding:38px}.shop-preview img{border:3px solid var(--ink);border-radius:23px;width:90px}.shop-preview h3{font-size:32px;line-height:1.25}.shop-preview a{font-weight:900}.subscribe-hero{background:var(--paper);border-block:3px solid var(--ink)}.subscribe-hero>.shell{grid-template-columns:1.05fr .95fr;align-items:center;min-height:700px;display:grid}.subscribe-hero img{width:100%;padding:35px}.signup-placeholder{background:var(--white);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--navy);border-radius:22px;max-width:620px;margin-top:35px;padding:24px 26px}.signup-placeholder strong{font-size:20px}.signup-placeholder p{line-height:1.65}.signup-placeholder span,.coming-pill{background:var(--yellow);border:2px solid var(--ink);letter-spacing:.12em;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:900;display:inline-block}.subscribe-notes{grid-template-columns:repeat(3,1fr);gap:24px;padding:95px 0 55px;display:grid}.subscribe-notes>div{background:var(--white);border:3px solid var(--ink);border-radius:24px;padding:28px}.subscribe-notes b{color:var(--forest)}.subscribe-notes h3{font-size:24px}.subscribe-notes p{line-height:1.65}.center-link{text-align:center;padding:0 20px 80px;font-weight:900}.shop-hero{background:var(--navy);color:#fff;text-align:center;padding:100px 0}.shop-hero .eyebrow{color:var(--yellow)}.shop-hero .lead{margin:0 auto}.shop-icon img{border:3px solid var(--ink);border-radius:30px;width:120px}.coming-pill{color:var(--ink);margin-top:35px}.shop-principles{grid-template-columns:1fr 1fr;gap:28px;padding:100px 0;display:grid}.shop-principles>div{background:var(--paper);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--navy);border-radius:27px;padding:38px}.shop-principles>div:last-child{background:var(--yellow)}.shop-principles span{letter-spacing:.15em;color:var(--forest);font-size:11px;font-weight:900}.shop-principles h2{margin:14px 0;font-size:38px}.shop-principles p{font-size:17px;line-height:1.7}.shop-principles a{font-weight:900}@media (max-width:800px){.nav{padding:20px 0;display:block}.brand img{width:160px;margin:0 auto 18px}.nav nav{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.nav nav a{text-align:center;border:1.5px solid #1d251f59;border-radius:13px;padding:9px 4px;font-size:12px;display:block}.nav nav small{font-size:7px}.shop{display:block;padding:12px 4px!important}.subscribe-hero>.shell,.home-next{grid-template-columns:1fr}.home-next,.shop-principles{padding-top:75px;padding-bottom:75px}.subscribe-notes,.shop-principles{grid-template-columns:1fr}.subscribe-hero img{order:-1;padding-top:55px}.subscribe-hero>.shell{padding-bottom:70px}}.play-nav{background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:10px 15px}.play-hero{min-height:760px}.play-hero .hero-copy{z-index:2;position:relative}.play-hero h1{font-size:clamp(54px,7vw,94px)}.portal-entrance{margin-top:32px}.portal-prompt{font-weight:900}.door-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.mood-door{background:var(--white);border:3px solid var(--ink);min-height:190px;box-shadow:5px 5px 0 var(--ink);border-radius:20px;flex-direction:column;padding:18px;text-decoration:none;transition:transform .2s,background .2s;display:flex}.mood-door:hover{background:var(--yellow);transform:translateY(-7px)rotate(-1deg)}.door-number{letter-spacing:.15em;font-size:10px}.door-icon{margin:auto 0 8px;font-size:35px}.mood-door strong{font-size:17px}.mood-door small{margin:5px 0;font-size:11px;line-height:1.35}.mood-door em{margin-top:auto;font-size:11px;font-style:normal;font-weight:900}.play-page{background:linear-gradient(155deg,#d9eade 0%,#f7f2e8 55%,#f3c957 140%)}.escape-room{width:min(1060px,100% - 40px);margin:30px auto 100px}.episode-bar{letter-spacing:.14em;background:var(--ink);color:#fff;border-radius:18px 18px 0 0;justify-content:space-between;padding:15px 20px;font-size:11px;font-weight:900;display:flex}.room-stage{border:3px solid var(--ink);min-height:520px;box-shadow:10px 10px 0 var(--navy);background:#8eb7a1;border-radius:0 0 34px 34px;grid-template-columns:1fr .72fr;align-items:center;padding:54px;display:grid;position:relative;overflow:hidden}.room-stage:before{content:"压力 + 比较 + ? = 放学";opacity:.35;font-family:monospace;font-size:17px;position:absolute;inset:30px auto auto 35%;transform:rotate(-2deg)}.room-stage h1{margin:14px 0;font-size:clamp(54px,8vw,96px)}.room-stage p{font-size:18px;line-height:1.65}.room-stage img{object-fit:contain;filter:drop-shadow(9px 10px #1d251f29);width:100%;height:430px}.room-clock{color:#fff;border:3px solid var(--ink);background:#ef6f61;border-radius:13px;padding:10px 15px;font-weight:900;position:absolute;top:22px;right:25px;transform:rotate(3deg)}.choice-section,.ending{background:var(--white);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--navy);border-radius:30px;margin-top:34px;padding:34px}.step-label{margin:0 0 25px;font-size:24px;font-weight:900}.choice-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.choice-grid button,.guide-grid button{border:3px solid var(--ink);background:var(--paper);text-align:left;cursor:pointer;box-shadow:4px 4px 0 var(--ink);border-radius:20px;padding:20px;transition:all .15s}.choice-grid button:hover,.guide-grid button:hover{background:var(--yellow);transform:translateY(-4px)}.choice-grid span{font-size:34px;display:block}.choice-grid strong,.choice-grid small,.guide-grid strong,.guide-grid small{display:block}.choice-grid small,.guide-grid small{margin-top:7px;line-height:1.45}.guide-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.guide-grid img{object-fit:contain;width:100%;height:220px}.guide-grid strong{font-size:22px}.action-list{gap:12px;display:grid}.action-list button{background:var(--mint);border:3px solid var(--ink);cursor:pointer;border-radius:18px;justify-content:space-between;padding:20px;font-size:17px;font-weight:900;display:flex}.action-list button:hover{background:var(--yellow)}.room-error{color:#9b2c2c;font-weight:800}.ending{text-align:center}.ending h2{margin-bottom:10px}.ending-line{font-size:20px;font-weight:800}.comic-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:32px 0;display:grid}.comic-grid article{background:var(--paper);border:3px solid var(--ink);text-align:left;border-radius:17px;min-height:190px;padding:18px}.comic-grid span{font-size:11px;font-weight:900}.comic-grid p{font-size:16px;font-weight:750;line-height:1.55}.artifact{background:var(--yellow);border:3px solid var(--ink);border-radius:24px;padding:28px}.artifact span,.artifact strong{display:block}.artifact strong{margin:8px;font-size:31px}.artifact a,.artifact button,.ending-actions button{border:2px solid var(--ink);background:var(--white);color:var(--ink);cursor:pointer;border-radius:999px;margin:5px;padding:12px 17px;font-weight:900;text-decoration:none;display:inline-block}.ending-actions{margin-top:20px}.service{z-index:30;position:fixed;bottom:20px;right:22px}.service-launch{border:3px solid var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--ink);cursor:pointer;border-radius:999px;padding:13px 18px;font-weight:900}.service-panel{background:var(--white);border:3px solid var(--ink);width:min(390px,100vw - 30px);height:540px;box-shadow:8px 8px 0 var(--navy);border-radius:25px;flex-direction:column;display:flex;position:absolute;bottom:62px;right:0;overflow:hidden}.service-panel header{background:var(--navy);color:#fff;justify-content:space-between;padding:18px;display:flex}.service-panel header small{opacity:.75;display:block}.service-panel header button{color:#fff;background:0 0;border:0;font-size:25px}.privacy-note{background:#fff0bd;margin:0;padding:10px 15px;font-size:11px;line-height:1.4}.service-messages{flex:1;padding:15px;overflow:auto}.service-messages p{border-radius:15px;max-width:86%;padding:10px 13px;font-size:14px;line-height:1.45}.service-messages .bot{background:var(--mint)}.service-messages .user{background:var(--navy);color:#fff;margin-left:auto}.service-panel form{border-top:2px solid var(--ink);padding:12px;display:flex}.service-panel input{border:2px solid var(--ink);border-radius:13px 0 0 13px;flex:1;padding:11px}.service-panel form button{border:2px solid var(--ink);background:var(--yellow);border-left:0;border-radius:0 13px 13px 0;font-weight:900}@media (max-width:800px){.play-hero{min-height:auto}.door-grid{grid-template-columns:1fr}.mood-door{min-height:135px}.room-stage{grid-template-columns:1fr;padding:35px 24px}.room-stage img{order:-1;height:300px}.room-stage:before{display:none}.choice-grid{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:1fr}.comic-grid{grid-template-columns:1fr 1fr}.service{bottom:12px;right:12px}.service-launch span{display:none}}.home-focus{grid-template-columns:1fr .86fr;align-items:center;gap:80px;min-height:720px;padding:70px 0 100px;display:grid}.home-focus h1{margin:18px 0 24px;font-size:clamp(58px,7.5vw,96px)}.home-focus .lead{max-width:650px}.home-primary{margin-top:18px}.home-meta{color:var(--forest);margin:20px 0 0;font-size:12px;font-weight:800}.episode-poster{background:var(--yellow);border:3px solid var(--ink);box-shadow:11px 11px 0 var(--navy);border-radius:34px;position:relative;overflow:hidden;transform:rotate(1.5deg)}.episode-poster>img{object-fit:contain;width:100%;height:410px;padding:30px 25px 0;display:block}.episode-poster>div{background:var(--white);border-top:3px solid var(--ink);padding:26px 30px}.episode-poster small,.episode-poster strong{display:block}.episode-poster small{letter-spacing:.14em;color:var(--forest);font-size:11px;font-weight:900}.episode-poster strong{margin-top:7px;font-size:34px}.episode-poster p{margin:8px 0 0;font-weight:700}.episode-stamp{background:var(--navy);color:#fff;border:2px solid var(--ink);letter-spacing:.12em;border-radius:999px;padding:9px 13px;font-size:10px;font-weight:900;position:absolute;top:18px;right:18px}.home-secondary{background:var(--paper);padding:100px 0}.home-secondary h2{max-width:780px}.home-paths{grid-template-columns:1fr 1fr;gap:24px;display:grid}.home-paths>a{background:var(--white);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--navy);border-radius:26px;padding:34px;text-decoration:none;transition:transform .18s;display:block}.home-paths>a:last-child{background:var(--mint)}.home-paths>a:hover{transform:translateY(-5px)}.home-paths span{letter-spacing:.14em;color:var(--forest);font-size:11px;font-weight:900}.home-paths h3{margin:15px 0;font-size:30px}.home-paths p{max-width:600px;line-height:1.65}.home-one-line{grid-template-columns:150px 1fr;align-items:center;gap:50px;padding:100px 0;display:grid}.home-one-line img{border:3px solid var(--ink);width:150px;box-shadow:7px 7px 0 var(--navy);border-radius:32px}.home-one-line h2{max-width:850px;margin-bottom:0}@media (max-width:800px){.home-focus{grid-template-columns:1fr;gap:45px;min-height:auto;padding:45px 0 75px}.home-focus h1{font-size:clamp(52px,16vw,72px)}.episode-poster{transform:none}.episode-poster>img{height:330px}.home-secondary{padding:75px 0}.home-paths{grid-template-columns:1fr}.home-one-line{grid-template-columns:80px 1fr;gap:24px;padding:75px 0}.home-one-line img{border-radius:20px;width:80px}.home-one-line h2{font-size:30px}}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;display:grid}.archive-grid .archive-card{display:block}.archive-grid .archive-card img{object-position:top;height:520px}.archive-grid .archive-card>div{padding:30px}.archive-grid .archive-card h2{margin:14px 0;font-size:32px}.archive-grid .archive-card p{min-height:82px}.archive-grid .archive-card strong{margin-top:22px;display:block}.story-intro{max-width:760px;margin:0 auto 55px;font-size:19px;line-height:1.85}.story-gallery{gap:42px;max-width:780px;margin:auto;display:grid}.story-gallery figure{margin:0}.story-gallery img{border:3px solid var(--ink);width:100%;box-shadow:9px 9px 0 var(--navy);background:var(--white);border-radius:25px;display:block}.story-gallery figcaption{text-align:right;letter-spacing:.14em;color:var(--forest);margin-top:14px;font-size:11px;font-weight:900}.story-end{max-width:780px;margin:55px auto 0}.story-end>a{font-weight:900;text-decoration:none}.story-end>a:hover{text-decoration:underline}@media (max-width:800px){.archive-grid{grid-template-columns:1fr;gap:26px}.archive-grid .archive-card img{height:440px}.archive-grid .archive-card p{min-height:0}.story-intro{margin-bottom:38px;font-size:17px}.story-gallery{gap:30px}.story-gallery img{box-shadow:6px 6px 0 var(--navy);border-radius:18px}}