@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&family=ZCOOL+KuaiLe&family=Bebas+Neue&display=swap";:root{--paper: oklch(.99 .012 95);--yellow-50: oklch(.985 .022 95);--yellow-100: oklch(.965 .045 95);--yellow-200: oklch(.93 .085 92);--yellow-400: oklch(.88 .13 92);--yellow-500: oklch(.84 .155 90);--yellow-600: oklch(.78 .165 88);--blue-300: oklch(.78 .14 250);--blue-500: oklch(.55 .22 255);--blue-600: oklch(.46 .21 258);--blue-700: oklch(.36 .17 260);--blue-900: oklch(.22 .1 262);--ink: oklch(.16 .04 260);--ink-soft: oklch(.32 .04 260);--paper-pure: oklch(.995 .003 95);--r-sm: 12px;--r-md: 18px;--r-lg: 24px;--r-xl: 32px;--stroke: 3px;--shadow-pop: 6px 6px 0 var(--ink);--shadow-pop-blue: 6px 6px 0 var(--blue-700);--shadow-soft: 0 18px 36px -18px oklch(.36 .17 260 / .32);--content-width: 1240px;--shell-gutter: 28px;--font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-display: "ZCOOL KuaiLe", "Noto Sans SC", sans-serif;--font-mono: "Bebas Neue", "Noto Sans SC", sans-serif;color:var(--ink);font-family:var(--font-body);line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{height:100%;margin:0;min-width:320px;background:var(--yellow-100)}body{overflow-x:hidden;background:radial-gradient(900px 600px at 8% -8%,oklch(.93 .1 92 / .6),transparent 60%),radial-gradient(900px 700px at 110% 8%,oklch(.78 .14 250 / .18),transparent 60%),linear-gradient(180deg,var(--yellow-100) 0%,var(--yellow-50) 50%,var(--yellow-100) 100%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(-22deg,transparent 0,transparent 78px,oklch(.78 .14 250 / .06) 78px,oklch(.78 .14 250 / .06) 80px,transparent 80px,transparent 160px,oklch(.55 .22 255 / .04) 160px,oklch(.55 .22 255 / .04) 161px);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 85%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 85%)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}#root{min-height:100vh;overflow-x:hidden}.eyebrow{display:inline-block;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.32em;color:var(--blue-700);font-weight:700}.app-shell{position:relative;z-index:1;width:min(calc(100% - var(--shell-gutter)),var(--content-width));margin:0 auto;padding:18px 0 64px}.topbar{position:sticky;top:12px;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 18px;background:var(--paper-pure);border:var(--stroke) solid var(--ink);border-radius:22px;box-shadow:var(--shadow-pop)}.brand-lockup{display:flex;flex-direction:column;line-height:1.05;padding:4px 6px;flex-shrink:0}.brand-lockup__eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.28em;color:var(--blue-600);font-weight:700}.brand-lockup strong{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.04em;color:var(--ink);text-shadow:1px 1px 0 var(--blue-500),2px 2px 0 var(--blue-700)}.topbar__nav{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto;padding:4px;background:var(--yellow-200);border:2px solid var(--ink);border-radius:999px}.topbar__nav a{position:relative;padding:9px 16px;border-radius:999px;font-size:.92rem;font-weight:700;color:var(--ink-soft);transition:color .2s cubic-bezier(.16,1,.3,1),background-color .2s cubic-bezier(.16,1,.3,1)}.topbar__nav a:hover{color:var(--blue-700)}.topbar__nav a.active{color:var(--paper-pure);background:var(--blue-500);box-shadow:0 3px 0 var(--blue-700)}.home-layout{display:grid;grid-template-columns:minmax(360px,460px) 1fr;gap:28px;align-items:start;margin-top:22px}.home-aside{display:flex;flex-direction:column;gap:22px;position:sticky;top:96px}.hero{border:var(--stroke) solid var(--ink);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-pop);background:var(--yellow-200)}.hero__art{width:100%;height:auto;display:block}.quick-contact{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 18px 16px 14px;background:var(--blue-500);border:var(--stroke) solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);color:var(--paper-pure);text-decoration:none;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1)}.quick-contact:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}.quick-contact__cat{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 4px 0 oklch(.16 .04 260 / .32))}.quick-contact__body{display:flex;flex-direction:column;line-height:1.25;min-width:0}.quick-contact__body .eyebrow{color:var(--yellow-200);margin-bottom:4px}.quick-contact__body strong{font-family:var(--font-display);font-size:1.32rem;letter-spacing:.04em;color:var(--paper-pure)}.quick-contact__body p{margin:2px 0 0;font-size:.82rem;color:#ede5c7}.quick-contact__cta{font-family:var(--font-mono);font-weight:700;letter-spacing:.18em;font-size:.86rem;padding:8px 12px;border:2px solid var(--paper-pure);border-radius:999px;white-space:nowrap}.cat-section{margin-top:0;min-width:0}.cat-section__head{text-align:left;margin-bottom:24px;padding:0 4px}.cat-section__head .eyebrow{margin-bottom:8px}.cat-section__head h2{font-family:var(--font-display);font-size:clamp(1.7rem,3.4vw,2.4rem);margin:4px 0 8px;color:var(--ink);letter-spacing:.02em;text-shadow:2px 2px 0 var(--yellow-500)}.cat-section__slash{display:inline-block;width:6px;height:1.4ch;margin:0 12px;background:var(--blue-500);transform:skew(-18deg);vertical-align:-.18em}.cat-section__head p{margin:0;color:var(--ink-soft);font-size:.96rem}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cat-card{position:relative;display:flex;flex-direction:column;padding:22px 18px 56px;background:var(--paper-pure);border:var(--stroke) solid var(--ink);border-radius:var(--r-lg);box-shadow:4px 4px 0 var(--ink);color:var(--ink);overflow:hidden;isolation:isolate;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1);animation:card-in .48s cubic-bezier(.16,1,.3,1) backwards;animation-delay:var(--delay, 0ms)}@keyframes card-in{0%{opacity:0;transform:translateY(14px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.cat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:repeating-linear-gradient(-22deg,transparent 0 22px,oklch(.55 .22 255 / .05) 22px 24px),linear-gradient(160deg,var(--yellow-100) 0%,var(--paper-pure) 70%)}.cat-card:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--blue-500)}.cat-card:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.cat-card__plate{position:relative;display:flex;align-items:flex-end;justify-content:center;height:168px;margin-bottom:14px}.cat-card__plate:after{content:"";position:absolute;bottom:6px;left:50%;width:64%;height:14px;background:#040d1e2e;border-radius:50%;transform:translate(-50%);filter:blur(6px);z-index:-1}.cat-card__hero{max-height:168px;width:auto;filter:drop-shadow(0 6px 0 oklch(.55 .22 255 / .18));transition:transform .28s cubic-bezier(.16,1,.3,1)}.cat-card:hover .cat-card__hero{transform:translateY(-6px) rotate(-2deg) scale(1.04)}.cat-card__meta{display:flex;flex-direction:column;gap:4px}.cat-card__title-row{display:flex;align-items:center;gap:8px}.cat-card__title{font-family:var(--font-display);font-size:1.26rem;letter-spacing:.02em;color:var(--ink)}.cat-card__badge{display:inline-flex;align-items:center;padding:2px 9px;background:var(--blue-500);color:var(--paper-pure);border:2px solid var(--ink);border-radius:6px;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.18em;font-weight:700;transform:rotate(-3deg);box-shadow:2px 2px 0 var(--ink)}.cat-card__sub{font-size:.86rem;color:var(--ink-soft);line-height:1.5}.cat-card__cta{position:absolute;right:16px;bottom:14px;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.18em;color:var(--blue-700);font-weight:700}.boss-stage{margin-top:64px;padding:28px 24px;background:var(--paper-pure);border:var(--stroke) solid var(--ink);border-radius:var(--r-xl);box-shadow:var(--shadow-pop)}.boss-stage__head{text-align:center;margin-bottom:20px}.boss-stage__head .eyebrow{color:var(--blue-700);margin-bottom:6px}.boss-stage__head h2{font-family:var(--font-display);font-size:clamp(1.6rem,3.2vw,2.2rem);margin:4px 0 6px;color:var(--ink);text-shadow:2px 2px 0 var(--yellow-500)}.boss-stage__head p{margin:0;color:var(--ink-soft);font-size:.94rem}.boss-stage__more{display:inline-flex;align-items:center;gap:6px;margin-top:18px;padding:10px 22px;background:var(--blue-500);color:var(--paper-pure);border:2px solid var(--ink);border-radius:999px;font-weight:700;font-size:.92rem;box-shadow:3px 3px 0 var(--ink);transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1)}.boss-stage__more:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.boss-stage>.poster-card{margin-inline:auto}.poster-card{position:relative;display:block;width:100%;margin:18px auto 0;padding:0;background:var(--paper-pure);border:var(--stroke) solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);overflow:hidden}.poster-card__img{width:100%;height:auto;display:block}.detail{margin-top:22px;padding:26px 22px 28px;background:var(--paper-pure);border:var(--stroke) solid var(--ink);border-radius:var(--r-xl);box-shadow:var(--shadow-pop)}.detail__head{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:2px dashed var(--ink)}.detail__back{padding:8px 14px;background:var(--paper-pure);border:2px solid var(--ink);border-radius:999px;font-weight:700;font-size:.88rem;color:var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1)}.detail__back:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--blue-500)}.detail__crest{width:84px;height:84px;border-radius:22px;border:3px solid var(--ink);background:var(--yellow-200);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;box-shadow:3px 3px 0 var(--ink);flex-shrink:0}.detail__cat{max-height:95%;width:auto}.detail__title-block .eyebrow{color:var(--blue-700)}.detail__title-block h1{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.2rem);margin:4px 0;color:var(--ink);letter-spacing:.02em;text-shadow:2px 2px 0 var(--yellow-500)}.detail__title-block p{margin:0;color:var(--ink-soft)}.tab-strip{display:flex;flex-wrap:wrap;gap:8px;padding:8px;background:var(--yellow-100);border:2px solid var(--ink);border-radius:18px;box-shadow:3px 3px 0 var(--ink);margin-bottom:4px}.tab-btn{flex:0 1 auto;padding:9px 16px;background:var(--paper-pure);border:2px solid var(--ink);border-radius:12px;font-weight:700;font-size:.9rem;color:var(--ink);box-shadow:2px 2px 0 var(--ink);transition:transform .15s cubic-bezier(.16,1,.3,1),background-color .15s cubic-bezier(.16,1,.3,1),color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tab-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--blue-500)}.tab-btn.is-active{background:var(--blue-500);color:var(--paper-pure);box-shadow:2px 2px 0 var(--ink);transform:translate(0)}.contact{display:flex;justify-content:center;margin-top:12px}.contact__card{width:100%;max-width:620px;padding:28px 26px;background:var(--yellow-100);border:3px solid var(--ink);border-radius:var(--r-xl);box-shadow:var(--shadow-pop);text-align:center}.contact__card h2{font-family:var(--font-display);font-size:1.6rem;margin:6px 0 10px;color:var(--ink);text-shadow:2px 2px 0 var(--yellow-500)}.contact__lead{max-width:34ch;margin:0 auto 18px;font-size:.92rem;color:var(--ink-soft)}.contact__qr-shell{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:12px;margin:0 auto 22px}.contact__qr-frame{width:min(100%,360px);padding:16px;background:linear-gradient(145deg,var(--yellow-400),var(--yellow-100) 55%,var(--blue-300));border:3px solid var(--ink);border-radius:28px;box-shadow:6px 6px 0 var(--blue-700)}.contact__qr{width:100%;border-radius:18px;border:3px solid var(--paper-pure);box-shadow:0 0 0 3px var(--ink);background:var(--paper-pure)}.contact__qr-tag{display:inline-flex;align-items:center;padding:8px 18px;background:var(--blue-500);color:var(--paper-pure);border:2px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--ink);font-family:var(--font-display);font-size:1rem;letter-spacing:.04em}.contact__list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:10px}.contact__list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;background:var(--paper-pure);border:2px solid var(--ink);border-radius:14px;box-shadow:2px 2px 0 var(--ink)}.contact__k{font-family:var(--font-mono);letter-spacing:.24em;font-size:.76rem;color:var(--blue-700)}.contact__list strong{color:var(--ink);font-size:1rem}.contact__note{margin:0;font-size:.82rem;color:var(--ink-soft)}.notfound{margin-top:22px;padding:60px 24px;background:var(--paper-pure);border:3px solid var(--ink);border-radius:var(--r-xl);box-shadow:var(--shadow-pop);text-align:center}.notfound h1{font-family:var(--font-display);font-size:2rem;margin:0 0 8px;text-shadow:2px 2px 0 var(--yellow-500)}.notfound p{color:var(--ink-soft);margin:0 0 22px}.notfound a{display:inline-block;padding:10px 22px;background:var(--blue-500);color:var(--paper-pure);border:2px solid var(--ink);border-radius:999px;font-weight:700;box-shadow:3px 3px 0 var(--ink)}.site-footer{margin-top:56px;padding:26px 22px;background:var(--paper-pure);border:3px solid var(--ink);border-radius:var(--r-xl);box-shadow:var(--shadow-pop);text-align:center}.site-footer .eyebrow{margin-bottom:6px}.site-footer p{margin:4px 0;color:var(--ink-soft)}.site-footer strong{color:var(--ink);font-family:var(--font-display);font-size:1.1rem}.site-footer__fineprint{font-size:.78rem!important;color:var(--ink-soft)}@media(max-width:1100px){.home-layout{grid-template-columns:minmax(320px,400px) 1fr;gap:22px}.hero{top:92px}.cat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.topbar{padding:12px 14px;gap:10px}.brand-lockup strong{font-size:1.35rem}.topbar__nav{width:100%;margin-left:0;justify-content:center;gap:2px}.topbar__nav a{padding:8px 12px;font-size:.86rem}.home-layout{grid-template-columns:1fr;gap:28px}.home-aside{position:static;flex-direction:row;align-items:center;gap:18px;max-width:720px;margin:0 auto}.hero{flex:0 0 280px;max-width:320px;margin:0}.quick-contact{flex:1 1 auto}.cat-section__head{text-align:center}.cat-grid{grid-template-columns:repeat(3,1fr);gap:16px}.cat-card{padding:18px 14px 50px}.cat-card__plate{height:140px}.cat-card__hero{max-height:140px}.detail{padding:22px 18px 24px}.detail__head{grid-template-columns:auto 1fr;gap:14px}.detail__back{grid-column:1 / -1;justify-self:start}.detail__crest{width:72px;height:72px;border-radius:18px}.boss-stage{padding:24px 18px;margin-top:48px}}@media(max-width:560px){:root{--shell-gutter: 14px;--stroke: 2.5px}.app-shell{padding:12px 0 48px}.topbar{border-radius:18px;padding:10px 12px;box-shadow:4px 4px 0 var(--ink)}.brand-lockup__eyebrow{font-size:.62rem;letter-spacing:.22em}.brand-lockup strong{font-size:1.2rem}.topbar__nav a{padding:7px 10px;font-size:.8rem}.home-layout{gap:22px}.home-aside{flex-direction:column;align-items:stretch}.hero{border-radius:22px;box-shadow:4px 4px 0 var(--ink);max-width:100%;flex:0 0 auto}.quick-contact{grid-template-columns:auto 1fr;padding:12px 14px;border-radius:18px;box-shadow:3px 3px 0 var(--ink)}.quick-contact__cat{width:56px;height:56px}.quick-contact__body strong{font-size:1.1rem}.quick-contact__cta{display:none}.cat-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.cat-card{padding:14px 10px 44px;border-radius:18px;box-shadow:3px 3px 0 var(--ink)}.cat-card__plate{height:118px;margin-bottom:8px}.cat-card__hero{max-height:118px}.cat-card__title{font-size:1.04rem}.cat-card__sub{font-size:.78rem}.cat-card__cta{font-size:.7rem;right:10px;bottom:10px;letter-spacing:.14em}.cat-card__badge{padding:1px 7px;font-size:.66rem}.boss-stage{padding:20px 14px;border-radius:22px}.poster-card{border-radius:16px;box-shadow:4px 4px 0 var(--ink)}.poster-card__caption{padding:10px 14px;font-size:.92rem}.detail{border-radius:22px;padding:18px 14px 20px}.detail__crest{width:60px;height:60px;border-radius:16px}.tab-btn{padding:7px 12px;font-size:.82rem}.contact__card{padding:22px 16px}.contact__qr-frame{padding:12px;border-radius:22px}.contact__qr{border-radius:14px}.contact__list li{flex-direction:column;align-items:flex-start}.site-footer{border-radius:22px;padding:22px 14px}}@media(max-width:380px){.topbar__nav a{font-size:.74rem;padding:6px 8px}.cat-card__title{font-size:.96rem}}