@import "https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&family=Long+Cang&family=Quicksand:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{--ink:#46355b;--ink-soft:#6e5c85;--ink-faint:#a296b5;--paper:#fffbf4;--paper-warm:#fff4e6;--paper-card:#fff;--pink-100:#fde9f1;--pink-200:#fbd2e2;--pink-300:#f8afc8;--pink-400:#f18bb0;--pink-500:#e76a98;--lav-100:#f1ebfb;--lav-200:#e0d4f5;--lav-300:#c5b2e8;--lav-400:#a78bd8;--lav-500:#8d6cc4;--mint-100:#e6f7ee;--mint-200:#c8eeda;--mint-300:#9edfc0;--mint-400:#6fcba1;--mint-500:#4bb286;--butter-100:#fff6d9;--butter-200:#ffebb0;--butter-300:#ffdd80;--butter-400:#f8c94e;--butter-500:#dfa31f;--sky-100:#e9f4fc;--sky-200:#cde7f8;--sky-300:#a5d3f0;--sky-400:#79b9e2;--sky-500:#4e92c4;--berry-100:#fde8ea;--berry-300:#f5a3ad;--berry-500:#e25c6e;--brand:var(--pink-300);--brand-strong:var(--pink-500);--brand-soft:var(--pink-100);--accent:var(--lav-400);--accent-soft:var(--lav-100);--success:var(--mint-500);--success-soft:var(--mint-100);--warning:var(--butter-500);--warning-soft:var(--butter-100);--danger:var(--berry-500);--danger-soft:var(--berry-100);--info:var(--sky-500);--info-soft:var(--sky-100);--text-title:var(--ink);--text-body:var(--ink);--text-secondary:var(--ink-soft);--text-hint:var(--ink-faint);--text-on-dark:#fffdf8;--surface-page:var(--paper);--surface-card:var(--paper-card);--surface-sunken:var(--paper-warm);--border-ink:var(--ink);--border-soft:#eadfee;--font-display:"ZCOOL KuaiLe", "Quicksand", "Noto Sans SC", sans-serif;--font-hand:"Long Cang", "ZCOOL KuaiLe", cursive;--font-body:"Quicksand", "Noto Sans SC", sans-serif;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--text-3xl:38px;--text-4xl:48px;--leading-tight:1.25;--leading-normal:1.6;--leading-loose:1.85;--weight-regular:400;--weight-medium:500;--weight-bold:700;--tracking-display:.02em;--tracking-wide:.08em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius-md:13px;--radius-lg:20px;--radius-pill:999px;--radius-wobble-sm:10px 14px 11px 15px / 14px 11px 15px 10px;--radius-wobble:16px 22px 15px 23px / 22px 15px 23px 16px;--radius-wobble-lg:26px 34px 24px 36px / 34px 24px 36px 26px;--control-sm:32px;--control-md:42px;--control-lg:50px;--tap-target:44px;--border-w:2px;--border-w-bold:3px;--shadow-sticker:3px 4px 0 var(--ink);--shadow-sticker-hover:5px 7px 0 var(--ink);--shadow-sticker-press:1px 1px 0 var(--ink);--shadow-card:0 4px 0 #46355b1a;--shadow-float:0 12px 28px #46355b29;--shadow-focus:0 0 0 3px var(--pink-200);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.14s;--dur-base:.24s;--pattern-dots:radial-gradient(#46355b14 1.6px, transparent 1.6px);--pattern-dots-size:18px 18px;--pattern-grid:linear-gradient(#46355b0f 1px, transparent 1px), linear-gradient(90deg, #46355b0f 1px, transparent 1px);--pattern-grid-size:26px 26px;--pattern-stripes:repeating-linear-gradient(-45deg, #f8afc838 0 10px, transparent 10px 20px)}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:var(--tracking-display);color:var(--text-title);font-weight:400;line-height:var(--leading-tight);margin:0}a{color:var(--brand-strong);text-underline-offset:3px;text-decoration-thickness:2px}::selection{background:var(--pink-200);color:var(--ink)}.tcxj-divider{border:none;border-top:2.5px dashed var(--border-soft);margin:var(--space-4) 0}.tcxj-btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-display);letter-spacing:var(--tracking-display);color:var(--ink);background:var(--surface-card);border:var(--border-w) solid var(--border-ink);border-radius:var(--radius-wobble);box-shadow:var(--shadow-sticker);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-fast) var(--ease-bounce), background var(--dur-fast) var(--ease-out);display:inline-flex}.tcxj-btn:hover{box-shadow:var(--shadow-sticker-hover);transform:translate(-1px,-2px)}.tcxj-btn:active{box-shadow:var(--shadow-sticker-press);transform:translate(2px,3px)}.tcxj-btn:focus-visible{box-shadow:var(--shadow-sticker), var(--shadow-focus);outline:none}.tcxj-btn--primary{background:var(--brand)}.tcxj-btn--primary:hover{background:var(--pink-200)}.tcxj-btn--secondary{background:var(--lav-200)}.tcxj-btn--secondary:hover{background:var(--lav-100)}.tcxj-btn--outline{background:var(--surface-card)}.tcxj-btn--danger{background:var(--berry-300)}.tcxj-btn--ghost{box-shadow:none;background:0 0;border-color:#0000}.tcxj-btn--ghost:hover{background:var(--brand-soft);box-shadow:none;transform:none}.tcxj-btn--ghost:active{transform:scale(.96)}.tcxj-btn--sm{height:var(--control-sm);padding:0 var(--space-4);font-size:var(--text-sm)}.tcxj-btn--md{height:var(--control-md);padding:0 var(--space-5);font-size:var(--text-md)}.tcxj-btn--lg{height:var(--control-lg);padding:0 var(--space-8);font-size:var(--text-lg)}.tcxj-btn--block{width:100%;display:flex}.tcxj-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:var(--shadow-sticker);transform:none}.tcxj-btn--ghost:disabled{box-shadow:none}.tcxj-btn__icon{align-items:center;display:inline-flex}.tcxj-iconbtn{width:var(--control-md);height:var(--control-md);color:var(--ink);background:var(--surface-card);border:var(--border-w) solid var(--border-ink);border-radius:var(--radius-wobble-sm);box-shadow:var(--shadow-sticker);cursor:pointer;transition:transform var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-fast) var(--ease-bounce);justify-content:center;align-items:center;padding:0;display:inline-flex}.tcxj-iconbtn:hover{box-shadow:var(--shadow-sticker-hover);transform:translate(-1px,-2px)rotate(-3deg)}.tcxj-iconbtn:active{box-shadow:var(--shadow-sticker-press);transform:translate(2px,3px)}.tcxj-iconbtn--sm{width:var(--control-sm);height:var(--control-sm)}.tcxj-iconbtn--lg{width:var(--control-lg);height:var(--control-lg)}.tcxj-iconbtn--plain{box-shadow:none;background:0 0;border-color:#0000}.tcxj-iconbtn--plain:hover{background:var(--brand-soft);box-shadow:none;transform:none}.tcxj-iconbtn--plain:active{transform:scale(.92)}.tcxj-iconbtn--brand{background:var(--brand)}.tcxj-field{gap:var(--space-2);flex-direction:column;display:flex}.tcxj-field__label{font-family:var(--font-display);font-size:var(--text-base);color:var(--ink)}.tcxj-field__hint{font-size:var(--text-xs);color:var(--text-hint)}.tcxj-field__hint--error{color:var(--danger)}.tcxj-input,.tcxj-textarea,.tcxj-select{font-family:var(--font-body);font-size:var(--text-base);color:var(--ink);background:var(--surface-card);border:var(--border-w) solid var(--border-ink);border-radius:var(--radius-md);padding:0 var(--space-4);height:var(--control-md);width:100%;transition:box-shadow var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out)}.tcxj-input::placeholder,.tcxj-textarea::placeholder{color:var(--text-hint)}.tcxj-input:focus,.tcxj-textarea:focus,.tcxj-select:focus{border-color:var(--brand-strong);box-shadow:var(--shadow-focus);outline:none}.tcxj-input--error,.tcxj-textarea--error{border-color:var(--danger)}.tcxj-input--error:focus{box-shadow:0 0 0 3px var(--berry-100)}.tcxj-input:disabled,.tcxj-textarea:disabled,.tcxj-select:disabled{background:var(--surface-sunken);color:var(--text-hint);cursor:not-allowed}.tcxj-textarea{height:auto;min-height:96px;padding:var(--space-3) var(--space-4);resize:vertical;line-height:var(--leading-normal)}.tcxj-inputwrap{width:100%;position:relative}.tcxj-inputwrap__icon{color:var(--text-hint);pointer-events:none;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.tcxj-inputwrap .tcxj-input{padding-left:40px}.tcxj-inputwrap--round .tcxj-input{border-radius:var(--radius-pill)}.tcxj-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2346355B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5 L12 15 L18 9.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.tcxj-check{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-base);display:inline-flex}.tcxj-check input{opacity:0;width:0;height:0;position:absolute}.tcxj-check__box{border:var(--border-w) solid var(--border-ink);border-radius:var(--radius-wobble-sm);background:var(--surface-card);width:22px;height:22px;transition:background var(--dur-fast) var(--ease-bounce), transform var(--dur-fast) var(--ease-bounce);flex:none;justify-content:center;align-items:center;display:inline-flex}.tcxj-check__box:after{content:"";border-left:2.6px solid var(--ink);border-bottom:2.6px solid var(--ink);width:11px;height:6px;transition:transform var(--dur-fast) var(--ease-bounce);transform:rotate(-48deg)translate(1px,-1px)scale(0)}.tcxj-check input:checked+.tcxj-check__box{background:var(--brand);transform:rotate(-4deg)}.tcxj-check input:checked+.tcxj-check__box:after{transform:rotate(-48deg)translate(1px,-1px)scale(1)}.tcxj-check input:focus-visible+.tcxj-check__box{box-shadow:var(--shadow-focus)}.tcxj-check--disabled{opacity:.45;cursor:not-allowed}.tcxj-radio{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-base);display:inline-flex}.tcxj-radio input{opacity:0;width:0;height:0;position:absolute}.tcxj-radio__dot{border:var(--border-w) solid var(--border-ink);background:var(--surface-card);width:22px;height:22px;transition:transform var(--dur-fast) var(--ease-bounce);border-radius:50% 46% 52% 48%/48% 52% 46% 50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.tcxj-radio__dot:after{content:"";background:var(--brand-strong);width:10px;height:10px;transition:transform var(--dur-fast) var(--ease-bounce);border-radius:50%;transform:scale(0)}.tcxj-radio input:checked+.tcxj-radio__dot:after{transform:scale(1)}.tcxj-radio input:focus-visible+.tcxj-radio__dot{box-shadow:var(--shadow-focus)}.tcxj-radio--disabled{opacity:.45;cursor:not-allowed}.tcxj-switch{cursor:pointer;display:inline-flex;position:relative}.tcxj-switch input{opacity:0;width:0;height:0;position:absolute}.tcxj-switch__track{border:var(--border-w) solid var(--border-ink);border-radius:var(--radius-pill);background:var(--surface-sunken);width:50px;height:28px;transition:background var(--dur-base) var(--ease-out);align-items:center;display:flex}.tcxj-switch__knob{border:var(--border-w) solid var(--border-ink);background:var(--paper-card);width:20px;height:20px;transition:transform var(--dur-base) var(--ease-bounce), background var(--dur-base) var(--ease-out);border-radius:50%;margin-left:2px}.tcxj-switch input:checked+.tcxj-switch__track{background:var(--mint-300)}.tcxj-switch input:checked+.tcxj-switch__track .tcxj-switch__knob{background:var(--butter-200);transform:translate(22px)}.tcxj-switch input:focus-visible+.tcxj-switch__track{box-shadow:var(--shadow-focus)}.tcxj-switch--disabled{opacity:.45;cursor:not-allowed}.tcxj-card{background:var(--surface-card);border:var(--border-w) solid var(--border-ink);border-radius:var(--radius-wobble-lg);box-shadow:var(--shadow-card);padding:var(--space-5);position:relative}.tcxj-card--soft{border-color:var(--border-soft)}.tcxj-card--sticker{box-shadow:var(--shadow-sticker)}.tcxj-card--flat{box-shadow:none}.tcxj-card--clickable{cursor:pointer;transition:transform var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-fast) var(--ease-bounce)}.tcxj-card--clickable:hover{box-shadow:var(--shadow-sticker-hover);transform:translate(-1px,-3px)rotate(-.4deg)}.tcxj-card--clickable:active{box-shadow:var(--shadow-sticker-press);transform:translate(1px,1px)}.tcxj-card--tape:before{content:"";background:var(--pink-200);opacity:.85;border-left:2px dashed #fffc;border-right:2px dashed #fffc;width:88px;height:24px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-3deg)}.tcxj-badge{height:24px;font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-display);color:var(--ink);border:var(--border-w) solid var(--border-ink);border-radius:var(--radius-pill);background:var(--surface-card);white-space:nowrap;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.tcxj-badge--brand{background:var(--brand)}.tcxj-badge--accent{background:var(--lav-200)}.tcxj-badge--success{background:var(--mint-200)}.tcxj-badge--warning{background:var(--butter-200)}.tcxj-badge--danger{background:var(--berry-300)}.tcxj-badge--info{background:var(--sky-200)}.tcxj-badge--dot:before{content:"";background:var(--ink);border-radius:50%;flex:none;width:7px;height:7px}.tcxj-tag{height:30px;font-size:var(--text-sm);color:var(--ink);background:var(--surface-sunken);border:var(--border-w) dashed var(--ink-faint);border-radius:var(--radius-wobble-sm);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);align-items:center;gap:6px;padding:0 12px;display:inline-flex}.tcxj-tag--active{background:var(--brand-soft);border-style:solid;border-color:var(--brand-strong);color:var(--brand-strong)}.tcxj-tag--clickable{cursor:pointer}.tcxj-tag--clickable:hover{background:var(--brand-soft);border-color:var(--brand-strong)}.tcxj-tag__close{width:16px;height:16px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.tcxj-tag__close:hover{background:var(--pink-200);color:var(--ink)}.tcxj-avatar{border:var(--border-w) solid var(--border-ink);background:var(--lav-200);color:var(--ink);font-family:var(--font-display);border-radius:48% 52% 50% 50%/52% 48%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.tcxj-avatar img{object-fit:cover;width:100%;height:100%}.tcxj-avatar--sm{width:32px;height:32px;font-size:13px}.tcxj-avatar--md{width:44px;height:44px;font-size:17px}.tcxj-avatar--lg{width:64px;height:64px;font-size:24px}.tcxj-avatar--xl{width:88px;height:88px;font-size:34px}.tcxj-avatar__status{background:var(--success);border:2px solid var(--paper-card);border-radius:50%;width:11px;height:11px;position:absolute;bottom:1px;right:1px}.tcxj-empty{align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);text-align:center;flex-direction:column;display:flex}.tcxj-empty__art{width:96px;height:96px;color:var(--ink-faint);background:var(--surface-sunken);background-image:var(--pattern-dots);background-size:var(--pattern-dots-size);border:var(--border-w) dashed var(--ink-faint);border-radius:var(--radius-wobble);justify-content:center;align-items:center;display:flex}.tcxj-empty__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--ink)}.tcxj-empty__desc{font-size:var(--text-sm);color:var(--text-secondary);max-width:260px;margin:0}.tcxj-tabs{gap:var(--space-2);align-items:flex-end;display:flex}.tcxj-tab{appearance:none;font-family:var(--font-display);font-size:var(--text-md);letter-spacing:var(--tracking-display);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-bounce);background:0 0;border:none;padding:8px 14px 10px;position:relative}.tcxj-tab:hover{color:var(--ink);transform:translateY(-1px)}.tcxj-tab:after{content:"";background:var(--brand);border-radius:var(--radius-pill);transform-origin:0;height:7px;transition:transform var(--dur-base) var(--ease-bounce);z-index:-1;position:absolute;bottom:4px;left:12px;right:12px;transform:scaleX(0)rotate(-1deg)}.tcxj-tab--active{color:var(--ink)}.tcxj-tab--active:after{transform:scaleX(1)rotate(-1deg)}.tcxj-seg{background:var(--surface-sunken);border:var(--border-w) solid var(--border-ink);border-radius:var(--radius-pill);gap:4px;padding:4px;display:inline-flex}.tcxj-seg__item{border:var(--border-w) solid transparent;font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;height:30px;transition:all var(--dur-fast) var(--ease-bounce);background:0 0;padding:0 14px}.tcxj-seg__item:hover{color:var(--ink)}.tcxj-seg__item--active{background:var(--brand);border-color:var(--border-ink);color:var(--ink);box-shadow:1.5px 2px 0 var(--ink)}.tcxj-navbar{align-items:center;gap:var(--space-6);height:64px;padding:0 var(--space-6);background:var(--surface-card);border-bottom:var(--border-w) solid var(--border-ink);display:flex}.tcxj-navbar__brand{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);color:var(--ink);white-space:nowrap;text-decoration:none;display:flex}.tcxj-navbar__links{gap:var(--space-1);flex:1;display:flex}.tcxj-navbar__link{font-family:var(--font-display);font-size:var(--text-base);color:var(--text-secondary);white-space:nowrap;border-radius:var(--radius-wobble-sm);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);padding:8px 14px;text-decoration:none}.tcxj-navbar__link:hover{background:var(--brand-soft);color:var(--ink)}.tcxj-navbar__link--active{background:var(--brand);color:var(--ink);border:var(--border-w) solid var(--border-ink);padding:6px 12px}.tcxj-navbar__actions{align-items:center;gap:var(--space-3);display:flex}.tcxj-bottomnav{background:var(--surface-card);border-top:var(--border-w) solid var(--border-ink);grid-auto-columns:1fr;grid-auto-flow:column;align-items:stretch;height:62px;display:grid}.tcxj-bottomnav__item{cursor:pointer;font-family:var(--font-display);color:var(--text-hint);min-height:var(--tap-target);white-space:nowrap;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex}.tcxj-bottomnav__icon{border-radius:var(--radius-pill);width:34px;height:26px;transition:background var(--dur-base) var(--ease-bounce), transform var(--dur-base) var(--ease-bounce);justify-content:center;align-items:center;display:flex}.tcxj-bottomnav__item--active{color:var(--ink)}.tcxj-bottomnav__item--active .tcxj-bottomnav__icon{background:var(--brand);transform:translateY(-2px)}.tcxj-bottomnav__item:active .tcxj-bottomnav__icon{transform:scale(.88)}.tcxj-pagination{align-items:center;gap:var(--space-2);display:inline-flex}.tcxj-pagination__page{border:var(--border-w) solid transparent;border-radius:var(--radius-wobble-sm);min-width:36px;height:36px;font-family:var(--font-display);font-size:var(--text-base);color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast) var(--ease-bounce);background:0 0;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.tcxj-pagination__page:hover{background:var(--brand-soft);color:var(--ink)}.tcxj-pagination__page--active{background:var(--brand);color:var(--ink);border-color:var(--border-ink);box-shadow:2px 2.5px 0 var(--ink);transform:rotate(-2deg)}.tcxj-pagination__ellipsis{color:var(--text-hint);padding:0 2px}.tcxj-overlay{padding:var(--space-6);z-index:100;animation:tcxj-fade-in var(--dur-base) var(--ease-out);background:#46355b6b;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tcxj-dialog{background:var(--surface-card);border:var(--border-w) solid var(--border-ink);border-radius:var(--radius-wobble-lg);box-shadow:var(--shadow-sticker-hover);padding:var(--space-6);width:min(420px,100%);animation:tcxj-pop-in var(--dur-base) var(--ease-bounce);position:relative}.tcxj-dialog__title{font-family:var(--font-display);font-size:var(--text-xl);margin:0 0 var(--space-2);color:var(--ink)}.tcxj-dialog__body{color:var(--text-secondary);font-size:var(--text-base);margin:0 0 var(--space-5)}.tcxj-dialog__actions{justify-content:flex-end;gap:var(--space-3);display:flex}.tcxj-dialog__close{position:absolute;top:14px;right:14px}.tcxj-toast{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-base);color:var(--ink);background:var(--surface-card);border:var(--border-w) solid var(--border-ink);border-radius:var(--radius-wobble);box-shadow:var(--shadow-sticker);animation:tcxj-pop-in var(--dur-base) var(--ease-bounce);padding:10px 18px;display:inline-flex}.tcxj-toast--success{background:var(--mint-200)}.tcxj-toast--warning{background:var(--butter-200)}.tcxj-toast--danger{background:var(--berry-300)}.tcxj-toast--info{background:var(--sky-200)}.tcxj-toast-stack{align-items:center;gap:var(--space-2);z-index:120;pointer-events:none;flex-direction:column;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.tcxj-tooltipwrap{display:inline-flex;position:relative}.tcxj-tooltip{opacity:0;pointer-events:none;background:var(--ink);color:var(--text-on-dark);font-size:var(--text-xs);font-family:var(--font-body);border-radius:var(--radius-wobble-sm);white-space:nowrap;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-bounce);z-index:50;padding:6px 12px;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)scale(.85)}.tcxj-tooltip:after{content:"";border:6px solid #0000;border-top-color:var(--ink);position:absolute;top:100%;left:50%;transform:translate(-50%)}.tcxj-tooltipwrap:hover .tcxj-tooltip,.tcxj-tooltipwrap:focus-within .tcxj-tooltip{opacity:1;transform:translate(-50%)scale(1)}.tcxj-progress{border:var(--border-w) solid var(--border-ink);border-radius:var(--radius-pill);background:var(--surface-card);height:18px;padding:2px;overflow:hidden}.tcxj-progress__bar{border-radius:var(--radius-pill);background:var(--brand);height:100%;transition:width var(--dur-base) var(--ease-out);background-image:repeating-linear-gradient(-45deg,#ffffff73 0 8px,#0000 8px 16px);min-width:10px}.tcxj-progress--mint .tcxj-progress__bar{background-color:var(--mint-300)}.tcxj-progress--lav .tcxj-progress__bar{background-color:var(--lav-300)}@keyframes tcxj-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tcxj-pop-in{0%{opacity:0;transform:scale(.86)rotate(-1.5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.tcxj-appbar{align-items:center;gap:var(--space-2);background:var(--surface-card);border-bottom:var(--border-w) solid var(--border-ink);flex:none;height:52px;padding:0 12px;display:flex;position:relative}.tcxj-appbar--plain{background:0 0;border-bottom:none}.tcxj-appbar__title{font-family:var(--font-display);font-size:var(--text-md);color:var(--ink);white-space:nowrap;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.tcxj-appbar__side{align-items:center;gap:var(--space-1);display:flex}.tcxj-appbar__side--right{margin-left:auto}.tcxj-dotwrap{display:inline-flex;position:relative}.tcxj-dotwrap__dot{border-radius:var(--radius-pill);background:var(--berry-500);border:2px solid var(--surface-card);z-index:1;min-width:10px;height:10px;position:absolute;top:2px;right:2px}.tcxj-dotwrap__dot--count{color:#fff;min-width:17px;height:17px;font-size:10px;font-weight:700;font-family:var(--font-body);justify-content:center;align-items:center;padding:0 4px;display:flex;top:-3px;right:-4px}.tcxj-noticebar{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--ink);background:var(--butter-100);border:var(--border-w) dashed var(--butter-500);border-radius:var(--radius-wobble-sm);padding:8px 12px;display:flex}.tcxj-noticebar__icon{color:var(--butter-500);flex:none;display:flex}.tcxj-noticebar__text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tcxj-noticebar__close{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;flex:none;padding:2px;display:flex}.tcxj-noticebar--pink{background:var(--pink-100);border-color:var(--pink-400)}.tcxj-noticebar--pink .tcxj-noticebar__icon{color:var(--pink-500)}.tcxj-cellgroup{background:var(--surface-card);border:var(--border-w) solid var(--border-soft);border-radius:var(--radius-lg);padding:2px 14px}.tcxj-cellgroup__title{font-family:var(--font-display);font-size:var(--text-sm);color:var(--ink-soft);margin:14px 2px 4px}.tcxj-cell{align-items:center;gap:var(--space-3);text-align:left;width:100%;min-height:52px;font-family:var(--font-body);font-size:var(--text-base);color:var(--text-body);background:0 0;border:none;padding:8px 0;display:flex}.tcxj-cell+.tcxj-cell,.tcxj-cell+.tcxj-cell-divided .tcxj-cell,.tcxj-cellgroup .tcxj-cell:not(:first-child){border-top:2px dashed var(--border-soft)}.tcxj-cell--clickable{cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.tcxj-cell--clickable:active{background:var(--brand-soft)}.tcxj-cell__icon{border:var(--border-w) solid var(--border-ink);border-radius:var(--radius-wobble-sm);background:var(--pink-100);width:36px;height:36px;color:var(--ink);flex:none;justify-content:center;align-items:center;display:flex}.tcxj-cell__main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.tcxj-cell__title{font-size:var(--text-base);color:var(--ink)}.tcxj-cell__label{font-size:var(--text-xs);color:var(--text-hint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tcxj-cell__value{font-size:var(--text-sm);color:var(--text-hint);flex:none;align-items:center;gap:6px;display:flex}.tcxj-cell__arrow{color:var(--ink-faint);flex:none;display:flex}.tcxj-sheet-overlay{z-index:90;animation:tcxj-fade-in var(--dur-base) var(--ease-out);background:#46355b6b;align-items:flex-end;display:flex;position:absolute;inset:0}.tcxj-sheet{background:var(--paper);border-top:var(--border-w-bold) solid var(--border-ink);width:100%;animation:tcxj-sheet-up var(--dur-base) var(--ease-bounce);border-radius:26px 26px 0 0;max-height:78%;padding:12px 16px 18px;overflow-y:auto}.tcxj-sheet__handle{border-radius:var(--radius-pill);background:var(--ink-faint);opacity:.5;width:44px;height:5px;margin:0 auto 12px}.tcxj-sheet__title{font-family:var(--font-display);font-size:var(--text-md);color:var(--ink);text-align:center;margin:0 0 14px}@keyframes tcxj-sheet-up{0%{opacity:0;transform:translateY(60%)}to{opacity:1;transform:translateY(0)}}.tcxj-stepper{border:var(--border-w) solid var(--border-ink);border-radius:var(--radius-pill);background:var(--surface-card);align-items:stretch;height:34px;display:inline-flex;overflow:hidden}.tcxj-stepper__btn{background:var(--pink-100);width:34px;color:var(--ink);font-family:var(--font-display);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);border:none;justify-content:center;align-items:center;font-size:17px;display:flex}.tcxj-stepper__btn:first-child{border-right:var(--border-w) solid var(--border-ink)}.tcxj-stepper__btn:last-child{border-left:var(--border-w) solid var(--border-ink)}.tcxj-stepper__btn:active{background:var(--pink-300)}.tcxj-stepper__btn:disabled{background:var(--surface-sunken);color:var(--ink-faint);cursor:not-allowed}.tcxj-stepper__num{width:42px;font-weight:700;font-size:var(--text-base);color:var(--ink);justify-content:center;align-items:center;display:flex}.tcxj-rate{gap:3px;display:inline-flex}.tcxj-rate__star{cursor:pointer;transition:transform var(--dur-fast) var(--ease-bounce);background:0 0;border:none;padding:0;display:flex}.tcxj-rate__star:hover{transform:scale(1.15)rotate(-6deg)}.tcxj-rate--readonly .tcxj-rate__star{cursor:default}.tcxj-rate--readonly .tcxj-rate__star:hover{transform:none}.tcxj-skel{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--paper-warm) 25%, #fff 50%, var(--paper-warm) 75%);background-size:200% 100%;animation:1.4s linear infinite tcxj-shimmer}.tcxj-skel--circle{border-radius:48% 52% 50% 50%/52% 48%}@keyframes tcxj-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.tcxj-skel{animation:none}}.tcxj-fab{background:var(--brand);border:var(--border-w-bold) solid var(--border-ink);width:54px;height:54px;box-shadow:var(--shadow-sticker);color:var(--ink);cursor:pointer;transition:transform var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-fast) var(--ease-bounce);border-radius:48% 52% 50% 50%/52% 48%;justify-content:center;align-items:center;display:flex}.tcxj-fab:hover{box-shadow:var(--shadow-sticker-hover);transform:translate(-1px,-2px)rotate(-8deg)}.tcxj-fab:active{box-shadow:var(--shadow-sticker-press);transform:translate(2px,3px)scale(.95)}.tcxj-dots{justify-content:center;gap:6px;display:flex}.tcxj-dots__dot{border:2px solid var(--border-ink);background:var(--surface-card);cursor:pointer;width:8px;height:8px;transition:all var(--dur-base) var(--ease-bounce);border-radius:50%;padding:0}.tcxj-dots__dot--active{border-radius:var(--radius-pill);background:var(--brand);width:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body,"Quicksand", "Noto Sans SC", system-ui, sans-serif);color:var(--ink);background:var(--paper);background-image:var(--pattern-dots);background-size:var(--pattern-dots-size);-webkit-font-smoothing:antialiased;margin:0}.site{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.section{max-width:1120px;margin:0 auto;padding:88px 24px}.section__title{font-family:var(--font-display,"ZCOOL KuaiLe", cursive);color:var(--ink);margin:0 0 8px;font-size:clamp(28px,4vw,44px)}.site-nav{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--ink);background:#fffbf4e0;align-items:center;gap:24px;padding:14px clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.site-nav__logo{font-family:var(--font-display,"ZCOOL KuaiLe", cursive);color:var(--ink);align-items:baseline;gap:6px;font-size:22px;text-decoration:none;display:inline-flex}.site-nav__logo-sub{letter-spacing:2px;color:var(--ink-faint);font-family:Quicksand,sans-serif;font-size:11px}.site-nav__links{gap:18px;margin-left:8px;display:flex}.site-nav__links a{font-family:var(--font-display,"ZCOOL KuaiLe", cursive);color:var(--ink-soft);transition:color var(--dur-fast) var(--ease-bounce), border-color var(--dur-fast) var(--ease-bounce);border-bottom:2px solid #0000;padding:4px 2px;font-size:15px;text-decoration:none}.site-nav__links a:hover{color:var(--ink)}.site-nav__links a.active{color:var(--brand-strong);border-bottom-color:var(--brand)}.site-nav__cta{font-family:var(--font-display,"ZCOOL KuaiLe", cursive);color:var(--ink);background:var(--brand);border:2px solid var(--ink);box-shadow:var(--shadow-sticker);transition:transform var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-fast) var(--ease-bounce);border-radius:18px 26px 20px 28px/26px 20px 28px 18px;margin-left:auto;padding:8px 18px;font-size:14px;text-decoration:none}.site-nav__cta:hover{box-shadow:var(--shadow-sticker-hover);transform:translate(-1px,-2px)}.site-nav__cta:active{box-shadow:var(--shadow-sticker-press);transform:translate(2px,2px)}.site-foot{border-top:2px dashed var(--ink-faint);font-family:var(--font-hand,"Long Cang", cursive);color:var(--ink-soft);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:40px 24px;display:flex}.site-foot__note{color:var(--ink-faint);font-family:Quicksand,sans-serif;font-size:12px}.hero{text-align:center}.hero__title{font-family:var(--font-display,"ZCOOL KuaiLe", cursive);color:var(--ink);margin:0;font-size:clamp(40px,8vw,88px)}.hero__sub{font-family:var(--font-hand,"Long Cang", cursive);color:var(--brand-strong);font-size:clamp(18px,3vw,28px)}@media (width<=640px){.section{padding:56px 18px}.site-nav,.site-nav__links{gap:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.landing{overflow-x:clip}.btn-sticker{font-family:var(--font-display);color:var(--ink);cursor:pointer;background:var(--paper-card);border:2px solid var(--ink);border-radius:var(--radius-wobble);box-shadow:var(--shadow-sticker);transition:transform var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-fast) var(--ease-bounce);justify-content:center;align-items:center;padding:13px 26px;font-size:16px;line-height:1;text-decoration:none;display:inline-flex}.btn-sticker:hover{box-shadow:var(--shadow-sticker-hover);transform:translate(-1px,-3px)}.btn-sticker:active{box-shadow:var(--shadow-sticker-press);transform:translate(2px,2px)}.btn-sticker--brand{background:var(--brand)}.btn-sticker--ghost{background:var(--lav-100)}.link-hand{font-family:var(--font-hand);color:var(--brand-strong);border-bottom:2px dashed var(--pink-300);transition:transform var(--dur-fast) var(--ease-bounce), color var(--dur-fast);font-size:20px;text-decoration:none;display:inline-block;transform:rotate(-1.5deg)}.link-hand:hover{color:var(--pink-500);transform:rotate(-1.5deg)translateY(-2px)}.section-head{text-align:center;max-width:640px;margin:0 auto 48px}.section-head__sub{font-family:var(--font-hand);color:var(--ink-soft);margin:6px 0 0;font-size:clamp(17px,2.2vw,22px);transform:rotate(-.6deg)}.hero{text-align:center;padding-top:96px;padding-bottom:96px;position:relative}.hero__inner{z-index:2;max-width:760px;margin:0 auto;position:relative}.hero__eyebrow{font-family:var(--font-display);color:var(--ink);background:var(--butter-200);border:2px solid var(--ink);border-radius:var(--radius-pill);box-shadow:var(--shadow-sticker);margin-bottom:22px;padding:6px 16px;font-size:14px;display:inline-block;transform:rotate(-2deg)}.hero__title{font-family:var(--font-display);color:var(--ink);letter-spacing:var(--tracking-display);margin:0 0 22px;font-size:clamp(34px,6.4vw,64px);line-height:1.28}.hero__title em{color:var(--brand-strong);background:var(--pink-100);border-radius:var(--radius-wobble-sm);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 8px;font-style:normal}.hero__sub{font-family:var(--font-body);font-size:clamp(15px,2vw,18px);line-height:var(--leading-loose);color:var(--ink-soft);max-width:600px;margin:0 auto 34px}.hero__actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero__deco{z-index:1;pointer-events:none;position:absolute}.hero__deco--bow{top:40px;left:6%;transform:rotate(-10deg)}.hero__deco--dress{bottom:24px;right:7%;transform:rotate(8deg)}.hero__deco--tape{width:120px;top:70px;right:10%;transform:rotate(12deg)}.hero__deco--star1{top:30%;right:16%}.hero__deco--star2{width:30px;height:30px;bottom:26%;left:12%}.why__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.why__card{background:var(--paper-card);border:2px solid var(--ink);border-radius:var(--radius-wobble-lg);box-shadow:var(--shadow-sticker);flex-direction:column;gap:8px;padding:24px;display:flex}.why__card:nth-child(2n){transform:rotate(.8deg)}.why__card:nth-child(odd){transform:rotate(-.8deg)}.why__card--mint{border-top:6px solid var(--mint-300)}.why__card--sky{border-top:6px solid var(--sky-300)}.why__card--pink{border-top:6px solid var(--pink-300)}.why__pain,.why__fix{flex-direction:column;gap:8px;display:flex}.why__pain p{color:var(--ink-soft);font-size:15px;line-height:var(--leading-normal);margin:0}.why__fix p{color:var(--ink);font-size:15px;line-height:var(--leading-normal);font-weight:var(--weight-medium);margin:0}.why__tag{font-family:var(--font-display);border:2px solid var(--ink);border-radius:var(--radius-pill);align-self:flex-start;padding:3px 12px;font-size:13px}.why__tag--pain{background:var(--butter-100);color:var(--ink-soft)}.why__tag--fix{background:var(--mint-200);color:var(--ink)}.why__arrow{text-align:center;color:var(--pink-400);margin:2px 0;font-size:22px}.feats__grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.feat-card{background:var(--paper-card);border:2px solid var(--ink);border-radius:var(--radius-wobble);box-shadow:var(--shadow-sticker);transition:transform var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-fast) var(--ease-bounce);padding:26px 22px}.feat-card:hover{box-shadow:var(--shadow-sticker-hover);transform:translate(-1px,-3px)}.feat-card__icon{border:2px solid var(--ink);border-radius:var(--radius-wobble-sm);place-items:center;width:64px;height:64px;margin-bottom:16px;display:grid}.feat-card__icon svg{width:40px;height:40px}.feat-card--butter .feat-card__icon{background:var(--butter-100)}.feat-card--sky .feat-card__icon{background:var(--sky-100)}.feat-card--pink .feat-card__icon{background:var(--pink-100)}.feat-card--lav .feat-card__icon{background:var(--lav-100)}.feat-card--mint .feat-card__icon{background:var(--mint-100)}.feat-card--berry .feat-card__icon{background:var(--berry-100)}.feat-card__title{font-family:var(--font-display);color:var(--ink);margin:0 0 8px;font-size:19px}.feat-card__desc{font-family:var(--font-body);font-size:14px;line-height:var(--leading-normal);color:var(--ink-soft);margin:0}.trysec__panel{background:var(--paper-card);border:2px solid var(--ink);border-radius:var(--radius-wobble-lg);box-shadow:var(--shadow-sticker);background-image:var(--pattern-grid);background-size:var(--pattern-grid-size);padding:28px}.try__bar{gap:12px;display:flex}.try__input{font-family:var(--font-body);color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius-wobble);transition:box-shadow var(--dur-fast);outline:none;flex:1;padding:12px 18px;font-size:16px}.try__input::placeholder{color:var(--ink-faint)}.try__input:focus{box-shadow:var(--shadow-focus)}.try__btn{background:var(--brand);flex:none}.try__presets{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 4px;display:flex}.try__presets-label{font-family:var(--font-hand);color:var(--ink-soft);font-size:18px}.try__chip{font-family:var(--font-body);color:var(--ink);cursor:pointer;background:var(--lav-100);border:2px solid var(--ink);border-radius:var(--radius-pill);transition:transform var(--dur-fast) var(--ease-bounce), background var(--dur-fast);padding:5px 14px;font-size:13px}.try__chip:hover{background:var(--lav-200);transform:translateY(-2px)}.try__result{min-height:80px;margin-top:20px}.try__hint{font-family:var(--font-hand);color:var(--ink-soft);text-align:center;margin:24px 0;font-size:20px;transform:rotate(-.8deg)}.try__hint--soft{color:var(--ink-faint)}.try__grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.try__card{color:inherit;background:var(--paper-card);border:2px solid var(--ink);border-radius:var(--radius-wobble-sm);box-shadow:var(--shadow-card);transition:transform var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-fast);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.try__card:hover{box-shadow:var(--shadow-sticker);transform:translateY(-3px)}.try__thumb{aspect-ratio:3/4;background:var(--paper-warm);border-bottom:2px solid var(--ink);place-items:center;display:grid}.try__thumb img{object-fit:cover;width:100%;height:100%;display:block}.try__thumb-empty{font-family:var(--font-hand);color:var(--ink-faint);font-size:16px}.try__meta{flex-direction:column;gap:2px;padding:10px 12px;display:flex}.try__name{font-family:var(--font-display);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.try__brand{font-family:var(--font-body);color:var(--ink-faint);font-size:12px}.try__more{text-align:center;margin-top:24px}.mini__panel{background:var(--paper-warm);border:2px solid var(--ink);border-radius:var(--radius-wobble-lg);box-shadow:var(--shadow-sticker);grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;padding:44px;display:grid}.mini__eyebrow{font-family:var(--font-display);color:var(--ink);background:var(--mint-200);border:2px solid var(--ink);border-radius:var(--radius-pill);margin-bottom:14px;padding:5px 14px;font-size:13px;display:inline-block;transform:rotate(-2deg)}.mini__desc{font-family:var(--font-body);font-size:16px;line-height:var(--leading-loose);color:var(--ink-soft);margin:10px 0 18px}.mini__list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.mini__list li{font-family:var(--font-body);color:var(--ink);padding-left:26px;font-size:15px;position:relative}.mini__list li:before{content:"✓";color:var(--mint-500);font-weight:var(--weight-bold);position:absolute;top:0;left:0}.mini__qrwrap{text-align:center}.mini__qr{background:var(--paper-card);border:2px solid var(--ink);border-radius:var(--radius-wobble);width:200px;height:200px;box-shadow:var(--shadow-sticker);place-items:center;margin:0 auto;display:grid}.mini__qr-inner{flex-direction:column;align-items:center;gap:8px;display:flex}.mini__qr-mark{font-family:var(--font-display);color:var(--ink-faint);letter-spacing:4px;font-size:40px}.mini__qr-tip{font-family:var(--font-hand);color:var(--ink-soft);font-size:22px}.mini__qrnote{font-family:var(--font-hand);color:var(--brand-strong);margin:16px 0 0;font-size:20px;transform:rotate(-1deg)}@media (width<=900px){.why__grid,.feats__grid{grid-template-columns:repeat(2,1fr)}.try__grid{grid-template-columns:repeat(3,1fr)}.mini__panel{grid-template-columns:1fr;gap:28px;padding:32px}.mini__qrwrap{order:-1}.hero__deco--tape,.hero__deco--star1{display:none}}@media (width<=640px){.why__grid,.feats__grid{grid-template-columns:1fr}.try__grid{grid-template-columns:repeat(2,1fr)}.hero{padding-top:64px;padding-bottom:72px}.hero__actions{flex-direction:column;align-items:stretch}.btn-sticker{width:100%}.hero__deco--bow{width:84px;top:16px}.hero__deco--dress{width:64px;bottom:8px}.trysec__panel{padding:18px}.mini__panel{padding:24px}.mini__qr{width:168px;height:168px}}@media (prefers-reduced-motion:reduce){.why__card:nth-child(2n),.why__card:nth-child(odd),.hero__eyebrow,.section-head__sub,.try__hint,.mini__eyebrow,.mini__qrnote,.link-hand{transform:none}}.catalog{padding-top:56px}.cat-head{margin-bottom:var(--space-8)}.cat-head__lead{font-family:var(--font-hand,"Long Cang", cursive);color:var(--ink-soft);margin:4px 0 0;font-size:clamp(16px,2.4vw,22px);transform:rotate(-1deg)}.cat-search{z-index:20;background:var(--paper-card);border:var(--border-w) solid var(--ink);border-radius:var(--radius-wobble-lg);box-shadow:var(--shadow-sticker);margin-bottom:var(--space-10);padding:clamp(16px,2.4vw,24px);position:relative}.cat-search__row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.cat-search__input{min-width:0;height:var(--control-lg);font-family:var(--font-body);font-size:var(--text-base);color:var(--ink);background:var(--paper);border:var(--border-w) solid var(--ink);border-radius:var(--radius-wobble);transition:box-shadow var(--dur-fast) var(--ease-bounce);outline:none;flex:280px;padding:0 16px}.cat-search__input::placeholder{color:var(--ink-faint)}.cat-search__input:focus{box-shadow:var(--shadow-focus)}.cat-search__file{display:none}.cat-btn{height:var(--control-lg);font-family:var(--font-display,"ZCOOL KuaiLe", cursive);font-size:var(--text-base);color:var(--ink);background:var(--paper-card);border:var(--border-w) solid var(--ink);border-radius:var(--radius-wobble);box-shadow:var(--shadow-sticker);cursor:pointer;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-fast) var(--ease-bounce);flex:none;padding:0 18px}.cat-btn:hover{box-shadow:var(--shadow-sticker-hover);transform:translate(-1px,-2px)}.cat-btn:active{box-shadow:var(--shadow-sticker-press);transform:translate(2px,2px)}.cat-btn:disabled{opacity:.55;cursor:default;box-shadow:var(--shadow-sticker);transform:none}.cat-btn--primary{background:var(--brand)}.cat-btn--accent{background:var(--lav-200)}.cat-search__picked{align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);background:var(--mint-100);border:var(--border-w) solid var(--ink);border-radius:var(--radius-wobble);box-shadow:var(--shadow-card);display:inline-flex}.cat-search__picked-img{object-fit:cover;border:var(--border-w) solid var(--ink);border-radius:var(--radius-wobble-sm);width:48px;height:48px}.cat-search__picked-tip{font-family:var(--font-hand,"Long Cang", cursive);font-size:var(--text-md);color:var(--ink-soft)}.cat-search__picked-x{width:26px;height:26px;color:var(--ink);background:var(--paper-card);border:var(--border-w) solid var(--ink);border-radius:var(--radius-pill);box-shadow:var(--shadow-sticker-press);cursor:pointer;transition:transform var(--dur-fast) var(--ease-bounce);place-items:center;font-size:13px;display:grid}.cat-search__picked-x:hover{transform:scale(1.12)rotate(8deg)}.cat-filters{z-index:20;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--border-w) dashed var(--border-soft);flex-wrap:wrap;display:flex;position:relative}.fd{flex:none;position:relative}.fd-trigger{height:var(--control-md,38px);font-family:var(--font-body);font-size:var(--text-sm);color:var(--ink);background:var(--paper);border:var(--border-w) solid var(--ink);border-radius:var(--radius-pill);box-shadow:var(--shadow-sticker-press);cursor:pointer;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-bounce), background var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-fast) var(--ease-bounce);align-items:baseline;gap:6px;padding:0 14px;display:inline-flex}.fd-trigger:hover{box-shadow:var(--shadow-sticker);transform:translateY(-1px)}.fd-trigger:focus-visible{outline:var(--border-w) solid var(--brand-strong);outline-offset:2px}.fd-trigger__label{color:var(--ink-soft)}.fd-trigger__value{font-family:var(--font-display,"ZCOOL KuaiLe", cursive);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:9em;overflow:hidden}.fd-trigger__caret{color:var(--ink-soft);transition:transform var(--dur-fast) var(--ease-bounce);font-size:11px}.fd-trigger.is-open .fd-trigger__caret{transform:rotate(180deg)}.fd-trigger.is-active{background:var(--brand);box-shadow:var(--shadow-sticker)}.fd-trigger.is-active .fd-trigger__label{color:var(--ink)}.fd-panel{z-index:30;min-width:200px;max-width:min(340px,86vw);padding:var(--space-3);background:var(--paper-card);background-image:var(--pattern-dots);background-size:var(--pattern-dots-size);border:var(--border-w) solid var(--ink);border-radius:var(--radius-wobble);box-shadow:var(--shadow-float), var(--shadow-sticker);animation:fd-pop var(--dur-fast) var(--ease-bounce);position:absolute;top:calc(100% + 8px);left:0}@keyframes fd-pop{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.fd-panel__list{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(84px,1fr));max-height:300px;padding-right:2px;display:grid;overflow-y:auto}.fd-opt{font-family:var(--font-body);font-size:var(--text-sm);color:var(--ink);text-align:center;background:var(--paper);border:var(--border-w) solid var(--ink);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;transition:transform var(--dur-fast) var(--ease-bounce), background var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-fast) var(--ease-bounce);padding:6px 12px;overflow:hidden}.fd-opt:hover{background:var(--paper-card);transform:translateY(-1px)}.fd-opt:focus-visible{outline:var(--border-w) solid var(--brand-strong);outline-offset:2px}.fd-opt.is-on{background:var(--brand);color:var(--ink);box-shadow:var(--shadow-sticker-press);font-weight:var(--weight-bold)}.cat-results{margin-top:var(--space-4)}.cat-results__head{margin-bottom:var(--space-6)}.cat-results__title{font-family:var(--font-display,"ZCOOL KuaiLe", cursive);font-size:var(--text-xl);color:var(--ink);margin:0}.cat-results__hint{font-family:var(--font-hand,"Long Cang", cursive);font-size:var(--text-md);color:var(--ink-faint);margin:2px 0 0}.cat-state{align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center;font-family:var(--font-hand,"Long Cang", cursive);font-size:var(--text-lg);color:var(--ink-soft);flex-direction:column;display:flex}.cat-state--err{color:var(--danger)}.cat-state__dot{border-radius:var(--radius-pill);background:var(--brand);border:var(--border-w) solid var(--ink);width:16px;height:16px;animation:cat-bob .7s var(--ease-bounce) infinite alternate}@keyframes cat-bob{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(14px,2vw,22px);display:grid}.cc-card{background:var(--paper-card);border:var(--border-w) solid var(--ink);border-radius:var(--radius-wobble);box-shadow:var(--shadow-sticker);transition:transform var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-fast) var(--ease-bounce);will-change:transform;flex-direction:column;display:flex;overflow:hidden}.cc-card:hover{box-shadow:var(--shadow-sticker-hover);transform:translate(-1px,-3px)}.cc-card--selectable{cursor:pointer}.cc-card--selectable:focus-visible{outline:var(--border-w) solid var(--brand-strong);outline-offset:3px}.cc-card--picked{border-color:var(--brand-strong);box-shadow:var(--shadow-sticker-hover)}.cc-card__thumb{aspect-ratio:3/4;background:var(--paper-warm);border-bottom:var(--border-w) solid var(--ink);position:relative;overflow:hidden}.cc-card__img{object-fit:cover;width:100%;height:100%;display:block}.cc-card__placeholder{background-image:var(--pattern-stripes);width:100%;height:100%;color:var(--ink-faint);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.cc-card__placeholder-ico{color:var(--brand);font-size:28px}.cc-card__placeholder-tip{font-family:var(--font-hand,"Long Cang", cursive);font-size:var(--text-sm)}.cc-card__match{font-family:var(--font-display,"ZCOOL KuaiLe", cursive);font-size:var(--text-xs);color:var(--ink);background:var(--butter-300);border:var(--border-w) solid var(--ink);border-radius:var(--radius-wobble-sm);box-shadow:var(--shadow-sticker-press);padding:3px 10px;position:absolute;top:8px;left:8px;transform:rotate(-3deg)}.cc-card__meta{padding:var(--space-3) var(--space-4) var(--space-4)}.cc-card__name{font-family:var(--font-display,"ZCOOL KuaiLe", cursive);font-size:var(--text-base);color:var(--ink);line-height:var(--leading-tight);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.cc-card__sub{font-family:var(--font-body);font-size:var(--text-xs);color:var(--ink-soft);flex-wrap:wrap;gap:4px 8px;margin:6px 0 0;display:flex}.cc-card__brand{color:var(--brand-strong);font-weight:var(--weight-medium)}.cc-card__year:before{content:"·";color:var(--ink-faint);margin-right:8px}.cc-card__cat{background:var(--lav-100);border-radius:var(--radius-pill);color:var(--accent);padding:0 8px}.cat-more{margin-top:var(--space-10);justify-content:center;display:flex}@media (width<=900px){.cat-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (width<=640px){.catalog{padding-top:36px}.cat-grid{grid-template-columns:repeat(2,1fr);gap:12px}.cat-search__row{gap:var(--space-2)}.cat-search__input{flex:100%}.cat-btn{font-size:var(--text-sm);flex:auto;padding:0 12px}.cat-filters{gap:var(--space-2)}.fd-panel{width:max-content;min-width:0;max-width:min(320px,100vw - 32px);max-height:50vh}.fd-panel__list{max-height:calc(50vh - 24px)}.cc-card__name{font-size:var(--text-sm)}}@media (prefers-reduced-motion:reduce){.cat-state__dot{animation:none}.cc-card,.cat-btn,.fd-trigger,.fd-opt{transition:none}.fd-panel{animation:none}}