:root{--bg-1: #FBF7DD;--bg-2: #F7F39E;--bg-3: #EFE68A;--card: #FFFFFF;--line: #F7F39E;--line-strong: #C9A227;--ink: #4A2E12;--ink-2: #7A5A2A;--primary: #D81B60;--primary-2: #AD1457;--accent: #FFD27A;--accent-2: #E0A800;--mint: #A8E6CF;--lav: #D5A6E0;--shadow-card: 0 8px 24px rgba(201, 162, 39, .18);--shadow-btn: 0 4px 0 var(--primary-2);--shadow-accent: 0 4px 0 var(--accent-2);--r-sm: 10px;--r: 16px;--r-lg: 24px;--r-pill: 999px}.container{max-width:1180px;margin:0 auto;padding:28px 24px;width:100%}.btn-soft{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--r-pill);background:var(--card);border:2px solid var(--line-strong);color:var(--primary);cursor:pointer;font-family:ZCOOL KuaiLe,sans-serif;font-size:14px;box-shadow:0 3px 0 var(--line-strong);transition:transform .15s ease}.btn-soft:hover{transform:translateY(-1px)}.btn-soft:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line-strong)}.btn-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:linear-gradient(180deg,var(--primary),#AD1457);color:#fff;border:2px solid #fff;outline:2px solid var(--primary-2);border-radius:var(--r-pill);font-family:ZCOOL KuaiLe,sans-serif;font-size:15px;cursor:pointer;box-shadow:var(--shadow-btn);transition:transform .15s ease,box-shadow .15s ease}.btn-pill:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--primary-2)}.btn-pill:active{transform:translateY(3px);box-shadow:0 1px 0 var(--primary-2)}.btn-pill.gold{background:linear-gradient(180deg,#FFC36B,var(--accent-2));outline-color:var(--accent-2);box-shadow:var(--shadow-accent)}.btn-pill.gold:hover{box-shadow:0 5px 0 var(--accent-2)}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--card);color:var(--ink);border:2px solid var(--line);border-radius:var(--r-pill);cursor:pointer;font-family:ZCOOL KuaiLe,sans-serif;font-size:14px;box-shadow:0 3px 0 var(--line);transition:transform .15s ease}.btn-ghost:hover{transform:translateY(-1px)}.btn-ghost:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.nav-top{position:sticky;top:0;z-index:50;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--line);box-shadow:0 2px 12px #d81b600f}.nav-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 24px;flex-wrap:wrap}.nav-brand{display:flex;align-items:center;gap:10px;font-family:ZCOOL KuaiLe,sans-serif;font-size:18px;color:var(--primary);text-shadow:1px 1px 0 #fff}.brand-pixel{width:34px;height:34px;display:grid;place-items:center;background:linear-gradient(180deg,#fbf3c4,#f7f39e);border:2px solid var(--line-strong);border-radius:8px;box-shadow:inset 0 -3px #d81b6033}.nav-right{display:flex;align-items:center;gap:12px}.nav-account{display:flex;align-items:center;gap:12px;font-family:ZCOOL KuaiLe,sans-serif}.nav-account [data-testid=landing-customer-name]{color:var(--ink);font-size:15px}.nav-points{color:#c9881f;font-weight:700;font-size:13px;background:#fff7e0;border:1px solid #F3D58A;padding:2px 9px;border-radius:999px}.tab-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;background:linear-gradient(180deg,var(--primary),#AD1457);color:#fff;border:2px solid #fff;outline:2px solid var(--primary-2);border-radius:var(--r-pill);font-family:"Press Start 2P",ZCOOL KuaiLe,sans-serif;font-size:11px;box-shadow:var(--shadow-btn);margin-bottom:14px}.page-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:clamp(24px,3vw,32px);color:var(--ink);margin-bottom:6px}.page-sub{color:var(--ink-2);font-size:14px;margin-bottom:22px}.narrow{max-width:760px;margin:0 auto;position:relative;z-index:2}.land-reveal{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s ease}.land-reveal.revealed{opacity:1;transform:none}.land-fx{position:absolute;inset:0;z-index:0;pointer-events:none}.land-fx .px{position:absolute;image-rendering:pixelated;opacity:.65;will-change:transform}.hero{padding:72px 0 48px;text-align:center;position:relative;z-index:2}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--accent);color:var(--ink);border:2px solid var(--primary-2);border-radius:var(--r-pill);font-size:13px;box-shadow:0 3px 0 var(--accent-2);margin-bottom:20px}.hero-eyebrow:before{content:"✦";color:var(--primary);font-size:13px}.hero h1{font-family:"Press Start 2P",ZCOOL KuaiLe,sans-serif;font-size:clamp(28px,5vw,48px);line-height:1.18;color:var(--primary);-webkit-text-stroke:2px #FFF;text-shadow:0 0 0 #FFF,3px 3px 0 var(--line),6px 6px 0 var(--primary-2);margin-bottom:14px;letter-spacing:2px;image-rendering:pixelated}.hero h2{font-family:ZCOOL KuaiLe,sans-serif;font-size:clamp(14px,2.2vw,18px);color:var(--ink-2);font-weight:400;max-width:540px;margin:0 auto;letter-spacing:.5px}.features{padding:24px 0 80px;position:relative;z-index:2}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:780px){.features-grid{grid-template-columns:1fr}}.fcard{position:relative;background:var(--card);border:3px solid var(--line);border-radius:var(--r-lg);padding:32px 28px 28px;box-shadow:var(--shadow-card);overflow:visible;opacity:0;transform:translateY(30px) scale(.92);transition:transform .55s cubic-bezier(.2,1,.4,1),box-shadow .2s ease,border-color .2s ease,opacity .55s ease}.features.revealed .fcard{opacity:1;transform:none;transition-delay:calc(var(--i, 0) * .11s)}.features.revealed .fcard:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:0 12px 28px #d81b602e}.fcard-tab{position:absolute;top:-18px;left:24px;display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:linear-gradient(180deg,var(--primary),#AD1457);color:#fff;border:2px solid #FFF;outline:2px solid var(--primary-2);border-radius:var(--r-pill);font-family:"Press Start 2P",ZCOOL KuaiLe,sans-serif;font-size:12px;box-shadow:0 4px 0 var(--primary-2);letter-spacing:1px}.fcard-tab:after{content:"★";color:var(--accent);font-size:14px;text-shadow:1px 1px 0 var(--primary-2)}.fcard-num{font-family:"Press Start 2P",VT323,monospace;font-size:36px;color:var(--primary);-webkit-text-stroke:1px #FFF;margin-bottom:8px;line-height:1;letter-spacing:2px}.fcard h3{font-family:ZCOOL KuaiLe,sans-serif;font-size:22px;color:var(--ink);margin-bottom:8px;display:flex;align-items:center;gap:10px}.fcard h3 .icon{width:32px;height:32px;background:linear-gradient(180deg,#fbf3c4,#f7f39e);border:2px solid var(--line-strong);border-radius:10px;display:inline-grid;place-items:center;box-shadow:inset 0 -3px #d81b6026;image-rendering:pixelated}.fcard p{color:var(--ink-2);font-size:15px;line-height:1.7}.fcard-cta{margin-top:14px;display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-size:14px;border-bottom:2px dashed var(--line-strong);padding-bottom:2px;cursor:pointer;text-decoration:none}.fcard-cta:after{content:"→";transition:transform .2s ease}.fcard:hover .fcard-cta:after{transform:translate(3px)}.contact{background:linear-gradient(180deg,#fbf7dd,#f7f39e);border-top:3px dashed var(--line);border-bottom:3px dashed var(--line);padding:64px 0;position:relative;z-index:2}.contact-inner{text-align:center}.contact-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 22px;background:var(--accent);color:var(--ink);border:2px solid var(--primary-2);border-radius:var(--r-pill);font-family:"Press Start 2P",ZCOOL KuaiLe,sans-serif;font-size:13px;box-shadow:0 4px 0 var(--accent-2);margin-bottom:14px}.contact-tag:before{content:"♡";color:var(--primary);font-size:16px}.contact-tag:after{content:"♡";color:var(--primary);font-size:16px}.contact h3{font-family:ZCOOL KuaiLe,sans-serif;font-size:clamp(20px,3vw,28px);color:var(--ink);margin-bottom:10px}.contact p{color:var(--ink-2);font-size:14px;max-width:500px;margin:0 auto 18px}.footer{padding:36px 0 48px;text-align:center;color:var(--ink-2);font-size:13px;background:#fff9;border-top:2px dashed var(--line);position:relative;z-index:2}.footer-row{display:inline-flex;align-items:center;gap:8px}.footer-pixel{width:14px;height:14px;background:var(--primary);border:2px solid #FFF;outline:1px solid var(--primary-2);border-radius:3px;box-shadow:0 2px 0 var(--primary-2)}.conv-grid{display:grid;grid-template-columns:280px 1fr 280px;gap:20px;align-items:stretch}@media(max-width:1000px){.conv-grid{grid-template-columns:1fr}}.conv-col{background:var(--card);border:3px solid var(--line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-card)}.conv-col h4{font-family:ZCOOL KuaiLe,sans-serif;font-size:17px;color:var(--ink);margin-bottom:14px;display:flex;align-items:center;gap:8px}.upload-box{border:3px dashed var(--line-strong);border-radius:var(--r);padding:26px 16px;text-align:center;color:var(--ink-2);cursor:pointer;transition:background .15s,border-color .15s;background:#fff7fa}.upload-box:hover{background:#ffeaf2;border-color:var(--primary)}.upload-box .u-ic{font-size:30px}.upload-box .u-t{font-size:14px;margin-top:8px;font-family:ZCOOL KuaiLe,sans-serif;color:var(--primary)}.ctrl{margin:16px 0}.ctrl label{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-2);margin-bottom:6px}.ctrl label b{color:var(--primary);font-family:"Press Start 2P",monospace;font-size:12px}.ctrl input[type=range]{width:100%;accent-color:var(--primary)}.tmpl-chips{display:flex;flex-wrap:wrap;gap:8px}.tmpl-chip{padding:6px 12px;border-radius:var(--r-pill);background:var(--card);border:2px solid var(--line);color:var(--ink-2);font-size:13px;cursor:pointer;box-shadow:0 2px 0 var(--line)}.tmpl-chip.active{background:linear-gradient(180deg,var(--primary),#AD1457);color:#fff;border-color:#fff;outline:2px solid var(--primary-2);box-shadow:var(--shadow-btn)}.conv-preview{display:flex;flex-direction:column;align-items:center;gap:14px}.conv-canvas-wrap{width:100%;max-width:420px;aspect-ratio:1/1;background:#fff;border:3px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-card);display:grid;place-items:center;overflow:hidden}.conv-canvas-wrap canvas{image-rendering:pixelated;width:92%;height:92%}.conv-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.color-table{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;margin-top:8px;max-height:360px;overflow-y:auto}.color-swatch{display:flex;flex-direction:column;align-items:center;gap:4px}.color-swatch .sw{width:100%;height:34px;border-radius:8px;border:2px solid var(--line)}.color-swatch .hex{font-size:10px;color:var(--ink-2);font-family:VT323,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tier-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:4px}.tier-card{position:relative;background:#fff;border:2px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;box-shadow:0 2px 0 var(--line)}.tier-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px #c9a22738}.tier-card.active{border-color:var(--primary);box-shadow:0 0 0 3px #d81b602e}.tier-thumb{width:100%;aspect-ratio:4 / 3;background:var(--bg-1);display:block;overflow:hidden}.tier-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.tier-name{font-family:ZCOOL KuaiLe,sans-serif;font-size:11px;text-align:center;color:var(--ink);padding:4px 2px 1px}.tier-chips{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;padding:0 4px 6px}.tier-chip{font-size:9px;background:var(--bg-2);color:var(--ink-2);border-radius:5px;padding:1px 5px}.tier-default-badge{position:absolute;top:4px;left:4px;background:var(--primary);color:#fff;font-size:9px;padding:1px 6px;border-radius:999px;font-family:ZCOOL KuaiLe,sans-serif}.mat-search{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.mat-search .search-row{display:flex;gap:10px;flex:1 1 100%;flex-wrap:wrap;margin-bottom:12px}.mat-search input{flex:1;min-width:150px;padding:11px 16px;border:2px solid var(--line);border-radius:var(--r-pill);font-family:ZCOOL KuaiLe,sans-serif;font-size:14px;outline:none;background:#fff}.mat-search input:focus{border-color:var(--line-strong)}.mat-search .search-row .btn-pill{white-space:nowrap}.rec-filter{display:flex;gap:8px;flex-wrap:wrap}.rec-chip{padding:6px 14px;border-radius:var(--r-pill);background:var(--card);border:2px solid var(--line);color:var(--ink-2);font-family:ZCOOL KuaiLe,sans-serif;font-size:13px;cursor:pointer;box-shadow:0 2px 0 var(--line);transition:transform .15s ease}.rec-chip:hover{transform:translateY(-1px)}.rec-chip.active{background:linear-gradient(180deg,var(--primary),#AD1457);color:#fff;border-color:#fff;outline:2px solid var(--primary-2);box-shadow:var(--shadow-btn)}.mat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.mat-card{background:var(--card);border:3px solid var(--line);border-radius:var(--r);padding:12px;box-shadow:var(--shadow-card);transition:transform .15s,border-color .15s}.mat-card:hover{transform:translateY(-3px);border-color:var(--line-strong)}.mat-card canvas{image-rendering:pixelated;width:100%;aspect-ratio:1/1;border:2px solid var(--line);border-radius:8px;background:#fff}.mat-card .mc-name{font-size:13px;color:var(--ink);margin-top:8px;font-family:ZCOOL KuaiLe,sans-serif;display:flex;align-items:center;justify-content:space-between;gap:6px}.mat-card .mc-cat{font-size:11px;color:var(--primary);background:#fbf3c4;padding:2px 8px;border-radius:var(--r-pill);border:1px solid var(--line);white-space:nowrap}.mat-card .mc-acts{display:flex;gap:6px;margin-top:8px}.mat-emoji{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;font-size:64px;background:#fff;border:2px solid var(--line);border-radius:8px}.mat-card .mc-meta{font-size:11px;color:var(--ink-2);margin-top:6px}.mc-btn{flex:1;text-align:center;padding:6px 0;border-radius:var(--r-pill);font-size:12px;cursor:pointer;border:2px solid var(--line);background:var(--card);color:var(--primary);font-family:ZCOOL KuaiLe,sans-serif}.mc-btn:hover{background:#ffeaf2}.mc-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.mc-tags .mt{font-size:10px;color:var(--ink-2);background:#fff3f8;border:1px solid var(--line);padding:1px 7px;border-radius:999px}.mat-empty{grid-column:1 / -1;text-align:center;color:var(--ink-2);padding:30px 0;font-size:14px}.foot-note{max-width:1180px;margin:0 auto 50px;padding:0 24px;color:var(--ink-2);font-size:13px}.foot-note b{color:var(--primary)}@keyframes cardIn{0%{opacity:0;transform:translateY(28px) scale(.86)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.wave{display:inline-block}.wave .wc{display:inline-block;white-space:pre;animation:wave 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * .07s);transform-origin:50% 80%}@keyframes wave{0%,60%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-7px) rotate(-3deg)}45%{transform:translateY(-3px) rotate(2deg)}}.reveal-block{opacity:0;transform:translateY(34px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal-block.revealed{opacity:1;transform:none}.reveal-block .stagger{opacity:0;transform:translateY(30px);transition:opacity .55s var(--ease),transform .55s var(--ease)}.reveal-block.revealed .stagger{opacity:1;transform:none}.reveal-block.revealed .stagger:nth-child(1){transition-delay:.08s}.reveal-block.revealed .stagger:nth-child(2){transition-delay:.2s}.reveal-block.revealed .stagger:nth-child(3){transition-delay:.32s}.reveal-block.revealed .stagger:nth-child(4){transition-delay:.44s}.home-marquee{position:relative;margin:10px 0 6px;padding:18px 0;overflow:hidden;border-top:3px solid var(--line);border-bottom:3px solid var(--line);background-color:var(--bg-1);background-image:conic-gradient(var(--line) 90deg,var(--bg-1) 90deg 180deg,var(--line) 180deg 270deg,var(--bg-1) 270deg);background-size:26px 26px}.home-marquee:before,.home-marquee:after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}.home-marquee:before{left:0;background:linear-gradient(90deg,var(--bg-1),transparent)}.home-marquee:after{right:0;background:linear-gradient(270deg,var(--bg-1),transparent)}.marquee{display:flex;gap:18px;width:-moz-max-content;width:max-content;animation:marquee 26s linear infinite;will-change:transform}.home-marquee:hover .marquee{animation-play-state:paused}.marquee .bead{width:132px;height:132px;flex:none;background:#fff;border:3px solid var(--line-strong);border-radius:14px;box-shadow:var(--shadow-card);overflow:hidden}.marquee .bead canvas{width:100%;height:100%;image-rendering:pixelated;display:block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.reveal-block .conv-col{opacity:0;transform:translateY(24px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.reveal-block.revealed .conv-col{opacity:1;transform:none}.reveal-block.revealed .conv-col:nth-child(1){transition-delay:.08s}.reveal-block.revealed .conv-col:nth-child(2){transition-delay:.2s}.reveal-block.revealed .conv-col:nth-child(3){transition-delay:.32s}.reveal-block .mat-search,.reveal-block .mat-grid{opacity:0;transform:translateY(24px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.reveal-block.revealed .mat-search{opacity:1;transform:none;transition-delay:.08s}.reveal-block.revealed .mat-grid{opacity:1;transform:none;transition-delay:.2s}.cl-login-bg{position:relative;z-index:0;min-height:100vh;overflow-x:hidden;font-family:ZCOOL KuaiLe,"M PLUS Rounded 1c",PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#4a2e12;line-height:1.6;background:linear-gradient(160deg,#fbf7dd,#f7f39e 55%,#efe68a)}.cl-login-bg:before{content:"";position:fixed;inset:-60px;z-index:0;pointer-events:none;background-image:linear-gradient(45deg,#F7F39E 25%,transparent 25%),linear-gradient(-45deg,#F7F39E 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#F7F39E 75%),linear-gradient(-45deg,transparent 75%,#F7F39E 75%);background-size:56px 56px,56px 56px,56px 56px,56px 56px;background-position:0 0,0 28px,28px -28px,-28px 0;opacity:.45;image-rendering:pixelated;animation:clBgDrift 24s linear infinite}@keyframes clBgDrift{0%{background-position:0 0,0 28px,28px -28px,-28px 0}to{background-position:56px 56px,56px 84px,84px 28px,28px 56px}}.cl-login-bg:after{content:"";position:fixed;top:-20%;left:50%;transform:translate(-50%);width:900px;height:900px;z-index:0;pointer-events:none;background:radial-gradient(circle,#FFF6C8 0%,transparent 62%);filter:blur(30px);opacity:.7;animation:clHalo 6s ease-in-out infinite}@keyframes clHalo{0%,to{opacity:.55;transform:translate(-50%) scale(1)}50%{opacity:.85;transform:translate(-50%) scale(1.08)}}.cl-login-wrap{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;gap:0}.cl-brand-side{width:440px;max-width:42vw;min-height:560px;border-radius:28px 0 0 28px;background:linear-gradient(165deg,#d81b60,#e0457e 55%,#e0a800 130%);color:#fff;padding:42px 38px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:6px 6px #c9a227;animation:clCardIn .6s cubic-bezier(.22,1,.36,1) both}.cl-brand-side:before{content:"";position:absolute;inset:0;opacity:.22;pointer-events:none;background-image:linear-gradient(45deg,#fff 25%,transparent 25%),linear-gradient(-45deg,#fff 25%,transparent 25%);background-size:40px 40px;background-position:0 0,0 20px}.cl-brand-logo{display:flex;align-items:center;gap:12px;font-size:22px;letter-spacing:1px;position:relative}.cl-brand-logo .cl-dot{width:34px;height:34px;border-radius:9px;background:#fff;display:grid;place-items:center;font-family:"Press Start 2P";color:#d81b60;font-size:14px;box-shadow:3px 3px #0000002e}.cl-brand-hero{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px}.cl-brand-hero h1{font-size:40px;line-height:1.25;text-shadow:3px 3px 0 rgba(0,0,0,.18)}.cl-brand-hero p{font-size:16px;opacity:.92;font-family:"M PLUS Rounded 1c";font-weight:500}.cl-float-deco{position:absolute;font-size:30px;image-rendering:pixelated;animation:clFloatY 4.5s ease-in-out infinite;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.2))}.cl-float-deco.d1{top:6%;right:10%;animation-delay:0s}.cl-float-deco.d2{top:42%;right:4%;animation-delay:.8s;font-size:24px}.cl-float-deco.d3{bottom:14%;right:18%;animation-delay:1.6s}@keyframes clFloatY{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-16px) rotate(6deg)}}.cl-brand-foot{position:relative;font-family:"M PLUS Rounded 1c";font-size:13px;opacity:.85}.cl-form-side{width:420px;max-width:46vw;min-height:560px;background:#fff;border-radius:0 28px 28px 0;box-shadow:6px 6px #c9a227;padding:40px 38px;display:flex;flex-direction:column;animation:clCardIn .6s cubic-bezier(.22,1,.36,1) .08s both}@keyframes clCardIn{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}.cl-seg{position:relative;display:flex;background:#fbf7dd;border:2px solid #F7F39E;border-radius:999px;padding:5px;margin-bottom:26px}.cl-seg-thumb{position:absolute;top:5px;left:5px;height:calc(100% - 10px);width:calc(50% - 5px);background:#d81b60;border-radius:999px;box-shadow:0 4px #ad1457;transition:transform .32s cubic-bezier(.34,1.56,.64,1);z-index:0}.cl-seg.is-reg .cl-seg-thumb{transform:translate(100%)}.cl-seg button{position:relative;z-index:1;flex:1;border:0;background:transparent;cursor:pointer;font-family:ZCOOL KuaiLe;font-size:16px;padding:11px 0;border-radius:999px;color:#7a5a2a;transition:color .25s;display:flex;align-items:center;justify-content:center;gap:6px}.cl-seg button.active{color:#fff}.cl-seg.is-reg button:first-child{color:#7a5a2a}.cl-seg.is-reg button:last-child{color:#fff}.cl-form-title{font-size:26px;margin-bottom:4px}.cl-form-sub{font-family:"M PLUS Rounded 1c";font-size:13px;color:#7a5a2a;margin-bottom:22px}.cl-field{position:relative;margin-bottom:20px}.cl-field input{width:100%;padding:16px 14px 14px;border:2px solid #F7F39E;border-radius:14px;font-family:"M PLUS Rounded 1c";font-size:15px;color:#4a2e12;background:#fbf7dd;transition:border-color .2s,transform .2s,box-shadow .2s,background .2s;outline:none}.cl-field input:focus{border-color:#d81b60;background:#fff;transform:translateY(-2px);box-shadow:0 6px #d81b601f}.cl-field label{position:absolute;left:14px;top:16px;color:#7a5a2a;font-family:"M PLUS Rounded 1c";font-size:15px;pointer-events:none;transition:all .18s ease;background:transparent;padding:0 4px}.cl-field input:not(:-moz-placeholder)+label{top:-9px;left:10px;font-size:12px;color:#d81b60;background:#fff}.cl-field input:focus+label,.cl-field input:not(:placeholder-shown)+label{top:-9px;left:10px;font-size:12px;color:#d81b60;background:#fff}.cl-field .cl-ico{position:absolute;right:14px;top:14px;font-size:18px;opacity:.5}.cl-btn-primary{width:100%;margin-top:6px;padding:15px;border:0;border-radius:14px;background:#d81b60;color:#fff;font-family:ZCOOL KuaiLe;font-size:18px;cursor:pointer;box-shadow:0 4px #ad1457;transition:transform .12s,box-shadow .12s,filter .2s;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.cl-btn-primary:hover{transform:translateY(-2px);filter:brightness(1.05)}.cl-btn-primary:active{transform:translateY(3px);box-shadow:0 1px #ad1457}.cl-btn-primary[disabled]{opacity:.7;cursor:wait}.cl-btn-accent{background:#ffd27a;color:#4a2e12;box-shadow:0 4px #e0a800}.cl-btn-accent:hover{filter:brightness(1.03)}.cl-btn-accent:active{box-shadow:0 1px #e0a800}.cl-spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:clSpin .7s linear infinite}@keyframes clSpin{to{transform:rotate(360deg)}}.cl-already-hint{margin-top:18px;display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:12px;background:#fff3cd;border:2px dashed #E0A800;color:#8a5a00;font-family:"M PLUS Rounded 1c";font-size:13px;font-weight:700;animation:clHintPop .4s ease both}@keyframes clHintPop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cl-ghost-link{margin-top:18px;text-align:center;font-family:"M PLUS Rounded 1c";font-size:13px;color:#7a5a2a}.cl-ghost-link a{color:#d81b60;cursor:pointer;font-weight:700}.cl-pane{display:none;animation:clPaneIn .35s ease both}.cl-pane.active{display:block}@keyframes clPaneIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.cl-badge-new{display:inline-block;background:#ffd27a;color:#4a2e12;font-family:"M PLUS Rounded 1c";font-size:12px;font-weight:800;padding:2px 10px;border-radius:999px;margin-left:8px;box-shadow:2px 2px #e0a800}.cl-alert{margin-top:14px;padding:11px 14px;border-radius:12px;background:#fdecea;border:2px solid #E57373;color:#b71c1c;font-family:"M PLUS Rounded 1c";font-size:13px;font-weight:700}.cl-store-box{margin-top:22px;background:#fff;border:3px solid #C9A227;border-radius:16px;box-shadow:6px 6px #c9a227;padding:22px 26px}.cl-store-box .cl-store-row{display:flex;gap:10px;margin-top:10px}.cl-store-box input{flex:1;padding:12px 14px;border:2px solid #F7F39E;border-radius:12px;font-family:"M PLUS Rounded 1c";font-size:15px;color:#4a2e12;background:#fbf7dd;outline:none}.cl-store-box input:focus{border-color:#d81b60;background:#fff}.cl-store-btn{white-space:nowrap;padding:12px 18px;border:2px solid #C9A227;border-radius:12px;background:#4caf50;color:#fff;font-family:ZCOOL KuaiLe;font-size:15px;cursor:pointer;box-shadow:0 3px #2e7d32}.cl-store-btn:active{transform:translateY(2px);box-shadow:0 1px #2e7d32}@media(max-width:860px){.cl-brand-side{display:none}.cl-form-side{border-radius:28px;max-width:94vw}}.ch-home *,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.ch-home{position:relative;z-index:2;min-height:100vh}.ch-float-layer{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}.ch-float{position:absolute;image-rendering:pixelated;animation:chFloatY 5s ease-in-out infinite}@keyframes chFloatY{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-14px) rotate(var(--r,0deg))}}.ch-home svg{image-rendering:pixelated}.ch-container{max-width:1180px;margin:0 auto;padding:16px 24px 28px;width:100%}.ch-tab-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;background:linear-gradient(180deg,var(--primary),#AD1457);color:#fff;border:2px solid #fff;outline:2px solid var(--primary-2);border-radius:999px;font-family:"Press Start 2P",ZCOOL KuaiLe,sans-serif;font-size:11px;box-shadow:0 4px 0 var(--primary-2);margin-bottom:14px}.ch-page-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:clamp(24px,3vw,32px);color:var(--ink);margin-bottom:6px}.ch-page-sub{position:relative;color:var(--ink-2);font-size:14px;margin-bottom:22px;animation:chSubIn .7s ease both;animation-delay:.12s}.ch-page-sub:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--primary));background-size:200% 100%;transform:scaleX(0);transform-origin:left;animation:chUnderline 1.1s ease .55s both}@keyframes chSubIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes chUnderline{to{transform:scaleX(1)}}.ch-profile{display:flex;align-items:center;gap:22px;background:linear-gradient(180deg,#fffdf2,#fbf3c4);border:3px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 8px 24px #c9a2272e;margin-bottom:26px;flex-wrap:wrap;position:relative;overflow:hidden}.ch-profile:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--lav))}.ch-profile-avatar{width:84px;height:84px;border-radius:999px;background:linear-gradient(180deg,#fbf3c4,#f7f39e);border:3px solid var(--line-strong);display:grid;place-items:center;flex:none;box-shadow:inset 0 -5px #c9a22733}.ch-profile-main{flex:1;min-width:200px}.ch-profile-name{font-family:ZCOOL KuaiLe,sans-serif;font-size:24px;color:var(--ink);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ch-profile-level{font-size:12px;padding:3px 12px;border-radius:999px;background:var(--accent);color:var(--ink);border:2px solid var(--primary-2);box-shadow:0 2px 0 var(--accent-2)}.ch-profile-line{font-size:13px;color:var(--ink-2);margin-top:6px}.ch-profile-line b{color:var(--primary)}.ch-btn-soft{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:999px;background:#fff;border:2px solid var(--line-strong);color:var(--primary);cursor:pointer;font-family:ZCOOL KuaiLe,sans-serif;font-size:14px;box-shadow:0 3px 0 var(--line-strong);transition:transform .15s ease}.ch-btn-soft:hover{transform:translateY(-1px)}.ch-btn-soft:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line-strong)}.ch-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.ch-stat{background:#fff;border:3px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 8px 24px #c9a2272e;position:relative;overflow:hidden;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.ch-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--primary),var(--accent))}.ch-stat:hover{transform:translateY(-3px);border-color:var(--line-strong)}.ch-stat .label{font-size:13px;color:var(--ink-2);display:flex;align-items:center;gap:6px}.ch-stat .val{font-family:"Press Start 2P",VT323,monospace;font-size:30px;color:var(--primary);margin-top:8px;-webkit-text-stroke:.5px #fff}.ch-stat .delta{font-size:12px;color:var(--mint);margin-top:4px}.ch-stat .go{position:absolute;bottom:12px;right:14px;font-size:11px;color:var(--ink-2);opacity:0;transition:opacity .15s}.ch-stat:hover .go{opacity:1}.ch-two-col{display:grid;grid-template-columns:1.55fr 1fr;gap:24px;align-items:stretch;transition:grid-template-columns .4s ease}.ch-two-col.expanded{grid-template-columns:.8fr 2.2fr;align-items:stretch}.ch-two-col.expanded .ch-work-grid{grid-template-columns:repeat(4,1fr)}.ch-two-col.rec-expanded{grid-template-columns:2.2fr .45fr;align-items:stretch}.ch-two-col.rec-expanded .ch-work-grid{grid-template-columns:1fr}.ch-two-col.rec-expanded .ch-rec-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.ch-two-col.rec-expanded .ch-rec-list .ch-rec-group-label,.ch-two-col.rec-expanded .ch-rec-list .ch-rec-empty{grid-column:1/-1}@media(max-width:900px){.ch-two-col{grid-template-columns:1fr;align-items:stretch}.ch-stat-grid{grid-template-columns:repeat(2,1fr)}}.ch-panel{background:#fff;border:3px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 8px 24px #c9a2272e;position:relative;display:flex;flex-direction:column}.ch-rec-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.ch-rec-head h4{font-family:ZCOOL KuaiLe,sans-serif;font-size:18px;color:var(--ink);display:flex;align-items:center;gap:8px}.ch-rec-head h4 .sub{font-size:12px;color:var(--ink-2);font-weight:400;margin-left:auto}.ch-head-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ch-collapse-btn{width:30px;height:30px;border-radius:999px;border:2px solid var(--line);background:#fff;cursor:pointer;color:var(--primary);display:grid;place-items:center;box-shadow:0 3px 0 var(--line);flex:none;transition:transform .12s}.ch-collapse-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.ch-collapse-btn .arrow{font-size:13px;line-height:1;transition:transform .2s ease}.ch-panel-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .32s ease,opacity .25s ease;min-height:0;flex:1}.ch-panel-scroll{flex:1;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.ch-rec-panel .ch-panel-scroll,.ch-two-col.rec-expanded .ch-panel-scroll{max-height:336px}.ch-panel-scroll::-webkit-scrollbar{width:8px}.ch-panel-scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}.ch-panel-scroll::-webkit-scrollbar-track{background:transparent}.ch-rec-filter{display:flex;gap:8px;flex-wrap:wrap}.ch-rec-chip{padding:6px 14px;border-radius:999px;background:#fff;border:2px solid var(--line);color:var(--ink-2);font-family:ZCOOL KuaiLe,sans-serif;font-size:13px;cursor:pointer;box-shadow:0 2px 0 var(--line);transition:transform .15s ease}.ch-rec-chip:hover{transform:translateY(-1px)}.ch-rec-chip.active{background:linear-gradient(180deg,var(--primary),#AD1457);color:#fff;border-color:#fff;outline:2px solid var(--primary-2);box-shadow:0 4px 0 var(--primary-2)}.ch-rec-group-label{font-family:"Press Start 2P",VT323,monospace;font-size:11px;color:var(--primary-2);margin:12px 0 6px;letter-spacing:1px}.ch-rec-group-label:first-child{margin-top:0}.ch-rec-item{border:2px solid var(--line);border-radius:10px;margin-bottom:7px;background:#fffdf2;transition:border-color .15s ease,transform .12s ease}.ch-rec-item:hover{border-color:var(--line-strong);transform:translate(2px)}.ch-rec-row{display:flex;align-items:center;gap:11px;padding:9px 11px}.ch-rec-thumb{width:36px;height:36px;border-radius:8px;border:2px solid var(--line);flex:none;background:#fff;display:grid;place-items:center;font-size:18px}.ch-rec-main{flex:1;min-width:0}.ch-rec-main .t{font-size:14px;color:var(--ink);font-family:ZCOOL KuaiLe,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-rec-main .s{font-size:11.5px;color:var(--ink-2);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-rec-tag{font-size:11px;padding:3px 9px;border-radius:999px;background:#fbf3c4;color:var(--primary);border:1px solid var(--line);flex:none}.ch-rec-tag.live{background:var(--mint);color:#2e6b4e;border-color:#7fd3a8}.ch-rec-tag.wait{background:var(--accent);color:var(--ink);border-color:var(--accent-2)}.ch-rec-tag.cancel{background:#ededed;color:#888;border-color:#ccc}.ch-rec-empty{text-align:center;color:var(--ink-2);font-size:14px;padding:20px 0;display:none}.ch-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ch-work-cell{background:#fff;border:2px solid var(--line);border-radius:10px;padding:8px;text-align:center}.ch-work-cell canvas{image-rendering:pixelated;width:100%;height:auto;border:2px solid var(--line);border-radius:6px;background:#fff}.ch-work-cell .cap{font-size:12px;color:var(--ink);margin-top:6px;font-family:ZCOOL KuaiLe,sans-serif}.ch-dl-btn{display:block;width:100%;margin-top:8px;padding:6px 0;border-radius:8px;border:2px solid var(--line-strong);background:var(--accent);color:var(--ink);font-size:12px;font-family:ZCOOL KuaiLe,sans-serif;text-align:center;text-decoration:none;transition:background .15s ease}.ch-dl-btn:hover{background:#ffe3a0}.ch-dl-btn:active{transform:translateY(1px)}.ch-desk-section{margin-top:28px;overflow:hidden;position:relative;background:linear-gradient(180deg,#fffdf2,#fff6c266);border:3px solid var(--line);border-radius:24px;padding:26px 24px;box-shadow:0 8px 24px #c9a2272e;opacity:0;transform:translateY(48px);transition:opacity .7s ease,transform .7s ease}.ch-desk-section.revealed{opacity:1;transform:none}.ch-desk-parallax{position:absolute;inset:-40px 0;z-index:0;pointer-events:none}.ch-desk-parallax .px{position:absolute;image-rendering:pixelated;opacity:.85;will-change:transform}.ch-desk-inner{position:relative;z-index:1}.ch-desk-inner>h4{font-family:ZCOOL KuaiLe,sans-serif;font-size:20px;color:var(--ink);margin-bottom:16px;display:flex;align-items:center;gap:8px}.ch-desk-inner>h4 .sub{font-size:12px;color:var(--ink-2);font-weight:400;margin-left:auto}.ch-my-desk{display:flex;align-items:center;gap:16px;background:linear-gradient(180deg,#fff7e6,#ffefd0);border:3px solid var(--accent-2);border-radius:16px;padding:16px 18px;margin-bottom:18px;flex-wrap:wrap;box-shadow:0 4px 0 var(--accent-2)}.ch-desk-section.revealed .ch-my-desk{animation:chSlideUp .6s ease both}.ch-my-desk .md-no{font-family:"Press Start 2P",monospace;font-size:22px;color:var(--primary);flex:none}.ch-my-desk .md-main{flex:1;min-width:160px}.ch-my-desk .md-main .t{font-family:ZCOOL KuaiLe,sans-serif;font-size:16px;color:var(--ink)}.ch-my-desk .md-main .s{font-size:12px;color:var(--ink-2);margin-top:2px}.ch-my-desk .md-timer{font-family:"Press Start 2P",VT323,monospace;font-size:24px;color:var(--primary-2);flex:none}.ch-btn-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:linear-gradient(180deg,var(--primary),#AD1457);color:#fff;border:2px solid #fff;outline:2px solid var(--primary-2);border-radius:999px;font-family:ZCOOL KuaiLe,sans-serif;font-size:15px;cursor:pointer;box-shadow:0 4px 0 var(--primary-2);transition:transform .15s ease,box-shadow .15s ease}.ch-btn-pill:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--primary-2)}.ch-btn-pill:active{transform:translateY(3px);box-shadow:0 1px 0 var(--primary-2)}.ch-btn-pill.gold{background:linear-gradient(180deg,#FFC36B,var(--accent-2));outline-color:var(--accent-2);box-shadow:0 4px 0 var(--accent-2)}.ch-btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;color:var(--ink);border:2px solid var(--line);border-radius:999px;cursor:pointer;font-family:ZCOOL KuaiLe,sans-serif;font-size:14px;box-shadow:0 3px 0 var(--line);transition:transform .15s ease}.ch-btn-ghost:hover{transform:translateY(-1px)}.ch-btn-ghost:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.ch-desk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px;margin-top:6px}.ch-desk-card{position:relative;background:#fff;border:3px solid var(--line);border-radius:16px;padding:14px 8px 12px;text-align:center;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;overflow:hidden;opacity:0;transform:translateY(28px) scale(.86)}.ch-desk-section.revealed .ch-desk-card{animation:chCardIn .55s cubic-bezier(.2,1,.4,1) both;animation-delay:calc(var(--i,0)*55ms)}.ch-desk-card.done{opacity:1;transform:none;animation:none}.ch-desk-card:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:0 10px 22px #c9a22729}.ch-desk-card:active{transform:translateY(0)}.ch-desk-card .no{font-family:"Press Start 2P",monospace;font-size:15px;color:var(--primary);-webkit-text-stroke:.4px #fff}.ch-desk-card .st{display:inline-block;font-size:11px;margin-top:8px;padding:3px 10px;border-radius:999px;border:1px solid var(--line)}.ch-desk-card.free .st{background:var(--mint);color:#2e6b4e;border-color:#7fd3a8}.ch-desk-card.free{border-color:var(--mint)}.ch-desk-card.prep .st{background:var(--accent);color:var(--ink);border-color:var(--accent-2)}.ch-desk-card.live .st{background:#fbf3c4;color:var(--primary);border-color:var(--line-strong)}.ch-desk-card.live:after{content:"";position:absolute;inset:0;border-radius:16px;animation:chPulse 1.6s ease-out infinite}.ch-desk-card.occupied{opacity:.55;cursor:not-allowed}.ch-desk-card.occupied .st{background:#ededed;color:#888;border-color:#ccc}.ch-desk-card.mine{outline:3px solid var(--accent-2);outline-offset:2px;box-shadow:0 0 0 3px var(--accent)}.ch-desk-card .sel{position:absolute;top:6px;right:6px;font-size:10px;background:var(--primary);color:#fff;border-radius:999px;padding:2px 7px;display:none}.ch-desk-card.mine .sel{display:block}.ch-modal-mask{position:fixed;inset:0;z-index:100;background:#4a2e1273;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:20px}.ch-modal-mask.open{display:flex;animation:chFadeIn .2s ease both}@keyframes chFadeIn{0%{opacity:0}to{opacity:1}}.ch-modal{width:min(440px,100%);background:#fff;border:3px solid var(--line-strong);border-radius:24px;box-shadow:0 16px 40px #c9a2274d;padding:26px;position:relative;animation:chPopIn .25s cubic-bezier(.2,1.3,.5,1) both}@keyframes chPopIn{0%{transform:scale(.9) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.ch-modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:999px;background:#fff;border:2px solid var(--line);cursor:pointer;color:var(--primary);font-size:16px;box-shadow:0 3px 0 var(--line);display:grid;place-items:center}.ch-modal-close:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.ch-modal h3{font-family:ZCOOL KuaiLe,sans-serif;font-size:22px;color:var(--ink);margin-bottom:4px}.ch-modal .desk-no{font-family:"Press Start 2P",VT323,monospace;font-size:20px;color:var(--primary);margin-bottom:16px}.ch-count-ring{width:140px;height:140px;margin:0 auto 16px;position:relative}.ch-count-ring svg{transform:rotate(-90deg)}.ch-count-ring .num{position:absolute;inset:0;display:grid;place-items:center;font-family:"Press Start 2P",VT323,monospace;font-size:30px;color:var(--primary)}.ch-modal .status-line{text-align:center;font-size:13px;color:var(--ink-2);margin-bottom:16px}.ch-modal .actions{display:flex;gap:10px;justify-content:center}.ch-toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%) translateY(20px);z-index:200;background:linear-gradient(180deg,var(--primary),#AD1457);color:#fff;padding:12px 22px;border-radius:999px;border:2px solid #fff;outline:2px solid var(--primary-2);box-shadow:0 4px 0 var(--primary-2);font-family:ZCOOL KuaiLe,sans-serif;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.ch-toast.show{opacity:1;transform:translate(-50%) translateY(0)}a:focus-visible,button:focus-visible{outline:3px dashed var(--primary);outline-offset:4px;border-radius:6px}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}@keyframes chCardIn{0%{opacity:0;transform:translateY(28px) scale(.86)}to{opacity:1;transform:none}}@keyframes chSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes chPulse{0%{box-shadow:inset 0 0 #d81b6000}70%{box-shadow:inset 0 0 0 4px #d81b602e}to{box-shadow:inset 0 0 #d81b6000}}.ch-foot-note{max-width:1180px;margin:0 auto 50px;padding:0 24px;color:var(--ink-2);font-size:13px}.ch-foot-note b{color:var(--primary)}.ch-foot-note .warn{color:var(--primary-2);font-weight:700}.ch-contact{margin-top:30px;background:linear-gradient(180deg,#fbf7dd,#f7f39e);border-top:3px dashed var(--line);border-bottom:3px dashed var(--line);padding:56px 0;position:relative;z-index:2}.ch-contact-inner{text-align:center;max-width:1180px;margin:0 auto;padding:0 24px}.ch-contact-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 22px;background:var(--accent);color:var(--ink);border:2px solid var(--primary-2);border-radius:999px;font-family:"Press Start 2P",ZCOOL KuaiLe,sans-serif;font-size:13px;box-shadow:0 4px 0 var(--accent-2);margin-bottom:14px}.ch-contact-tag:before{content:"♡";color:var(--primary);font-size:16px}.ch-contact-tag:after{content:"♡";color:var(--primary);font-size:16px}.ch-contact h3{font-family:ZCOOL KuaiLe,sans-serif;font-size:clamp(20px,3vw,28px);color:var(--ink);margin-bottom:10px}.ch-contact p{color:var(--ink-2);font-size:14px;max-width:500px;margin:0 auto 18px}.ch-fav-section{background:#fff;border:3px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 8px 24px #c9a2272e;margin-top:24px;scroll-margin-top:80px}.ch-fav-section .ch-rec-head{margin-bottom:14px}.ch-fav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ch-fav-cell{background:#fff;border:2px solid var(--line);border-radius:10px;padding:8px;text-align:center;transition:transform .15s ease,border-color .15s ease}.ch-fav-cell:hover{transform:translateY(-2px);border-color:var(--line-strong)}.ch-fav-cell img{width:100%;height:auto;image-rendering:pixelated;border:2px solid var(--line);border-radius:6px;background:#fff}.ch-fav-cell .cap{font-size:12px;color:var(--ink);margin-top:6px;font-family:ZCOOL KuaiLe,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-anchor-hl{outline:4px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 6px #d81b602e;animation:chAnchorPulse 1s ease 2}@keyframes chAnchorPulse{0%,to{outline-color:#d81b6000}50%{outline-color:#d81b60d9}}@media(max-width:900px){.ch-fav-grid{grid-template-columns:repeat(2,1fr)}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}#root .static{position:static}#root .fixed{position:fixed}#root .absolute{position:absolute}#root .relative{position:relative}#root .sticky{position:sticky}#root .block{display:block}#root .inline-block{display:inline-block}#root .flex{display:flex}#root .\!grid{display:grid!important}#root .grid{display:grid}#root .hidden{display:none}#root .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#root .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}#root .resize{resize:both}#root .rounded{border-radius:12px}#root .border{border-width:1px}#root .grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#root .sepia{--tw-sepia: sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#root .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#root .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--bg-1: #FBF7DD;--bg-2: #F7F39E;--bg-3: #EFE68A;--bg: #FBF7DD;--card: #FFFFFF;--ink: #4A2E12;--ink2: #7A5A2A;--ink3: #9A7B3A;--brand: #D81B60;--brand-deep: #AD1457;--primary: #D81B60;--primary-2: #AD1457;--amber: #FFD27A;--amber-soft: #FFFDF2;--amber-2: #E0A800;--accent: #FFD27A;--accent-2: #E0A800;--c-pink: #F7F39E;--line: #F7F39E;--line-strong: #C9A227;--c-blue: #D5A6E0;--c-yellow: #FFD27A;--c-mint: #A8E6CF;--c-red: #FB5B5B;--brand-soft: #FBF3C4;--r1: 24px;--r2: 16px;--r3: 10px;--r-lg: 24px;--r: 16px;--r-sm: 10px;--r-pill: 999px;--stroke: 3px solid #F7F39E;--stroke-strong: 3px solid #C9A227;--pop-shadow: 0 4px 0 #C9A227;--pop-shadow-sm: 0 4px 0 #C9A227;--dot: rgba(201, 162, 39, .07);--desk-dot: rgba(201, 162, 39, .09);--ease: cubic-bezier(.22, 1, .36, 1);--ring: 0 0 0 3px #fff, 0 0 0 5.5px var(--brand);--font-display: "Press Start 2P", "ZCOOL KuaiLe", "M PLUS Rounded 1c", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}[data-theme=dark]{--bg-1: #2A1622;--bg-2: #341A2C;--bg-3: #3E2034;--bg: #2A1622;--card: #3A2030;--ink: #FBF3C4;--ink2: #E8D89A;--ink3: #C9A227;--line: #7A3B52;--line-strong: #C9A227;--brand-soft: #4A2438;--amber-soft: #4A3A1C;--dot: rgba(255, 255, 255, .05);--desk-dot: rgba(255, 255, 255, .08);--stroke: 3px solid #7A3B52;--stroke-strong: 3px solid #C9A227;--pop-shadow: 0 4px 0 #C9A227;--pop-shadow-sm: 0 4px 0 #C9A227;--ring: 0 0 0 3px #2A1622, 0 0 0 5.5px var(--brand)}@media(prefers-color-scheme:dark){[data-theme=system]{--bg-1: #2A1622;--bg-2: #341A2C;--bg-3: #3E2034;--bg: #2A1622;--card: #3A2030;--ink: #FBF3C4;--ink2: #E8D89A;--ink3: #C9A227;--line: #7A3B52;--line-strong: #C9A227;--brand-soft: #4A2438;--amber-soft: #4A3A1C;--dot: rgba(255, 255, 255, .05);--desk-dot: rgba(255, 255, 255, .08);--stroke: 3px solid #7A3B52;--stroke-strong: 3px solid #C9A227;--pop-shadow: 0 4px 0 #C9A227;--pop-shadow-sm: 0 4px 0 #C9A227}}body{margin:0;font-family:ZCOOL KuaiLe,"M PLUS Rounded 1c",system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,var(--bg-1),var(--bg-2) 60%,var(--bg-3));color:var(--ink);transition:background .25s,color .25s}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(45deg,var(--dot) 25%,transparent 25%,transparent 75%,var(--dot) 75%),linear-gradient(45deg,var(--dot) 25%,transparent 25%,transparent 75%,var(--dot) 75%);background-size:22px 22px;background-position:0 0,11px 11px}.font-pixel{font-family:"Press Start 2P",ZCOOL KuaiLe,"M PLUS Rounded 1c",PingFang SC,Microsoft YaHei,system-ui,sans-serif;letter-spacing:.5px}*{box-sizing:border-box}:focus-visible{outline:none;box-shadow:var(--ring)}