@layer reset,base,tokens,components,utilities;@layer reset{*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}[hidden]:not([hidden=until-found]){display:none!important}}@layer base{html{color-scheme:light}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans CJK SC,Microsoft YaHei,sans-serif;background:var(--c-bg);color:var(--c-text);font-size:var(--t-md);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}[popover]{border:none;background:none;padding:0}[popover]::backdrop{background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog::backdrop{background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@media (prefers-reduced-motion: reduce){@layer base{*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer tokens{:root{--palette-brand: oklch(54% .22 262);--palette-brand-strong: oklch(47% .22 262);--palette-onbrand: oklch(100% 0 0);--palette-brand-soft: oklch(96% .04 262);--palette-gray-1: oklch(98% .005 270);--palette-gray-2: oklch(96% .005 270);--palette-gray-3: oklch(92% .005 270);--palette-gray-4: oklch(88% .005 270);--palette-gray-5: oklch(75% .01 270);--palette-gray-6: oklch(55% .02 270);--palette-gray-7: oklch(42% .02 270);--palette-gray-8: oklch(28% .03 270);--palette-text: var(--palette-gray-8);--palette-muted: var(--palette-gray-6);--palette-card: oklch(100% 0 0);--palette-bg: var(--palette-gray-1);--palette-muted-bg: var(--palette-gray-2);--palette-border: var(--palette-gray-3);--palette-danger: oklch(58% .22 25);--palette-success: oklch(55% .16 145);--palette-warn: oklch(78% .16 75);--palette-onwarn: oklch(22% .04 75);--palette-shadow-sm: 0 1px 2px rgba(15,23,42,.04), 0 1px 3px rgba(15,23,42,.03);--palette-shadow-md: 0 2px 4px rgba(15,23,42,.04), 0 4px 12px rgba(15,23,42,.05);--palette-shadow-lg: 0 4px 12px rgba(15,23,42,.06), 0 16px 48px rgba(15,23,42,.08);--palette-color-scheme: light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--palette-brand: oklch(72% .16 262);--palette-brand-strong: oklch(78% .16 262);--palette-onbrand: oklch(20% .03 270);--palette-brand-soft: oklch(28% .06 262);--palette-gray-1: oklch(15% .015 270);--palette-gray-2: oklch(26% .015 270);--palette-gray-3: oklch(32% .02 270);--palette-gray-4: oklch(38% .02 270);--palette-gray-5: oklch(52% .015 270);--palette-gray-6: oklch(68% .02 270);--palette-gray-7: oklch(80% .01 270);--palette-gray-8: oklch(94% .01 270);--palette-text: var(--palette-gray-8);--palette-muted: var(--palette-gray-6);--palette-card: oklch(22% .015 270);--palette-bg: var(--palette-gray-1);--palette-muted-bg: var(--palette-gray-2);--palette-border: var(--palette-gray-3);--palette-danger: oklch(68% .21 25);--palette-success: oklch(70% .17 145);--palette-warn: oklch(82% .16 75);--palette-shadow-sm: 0 1px 2px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.4);--palette-shadow-md: 0 2px 4px rgba(0,0,0,.4), 0 4px 12px rgba(0,0,0,.5);--palette-shadow-lg: 0 4px 12px rgba(0,0,0,.5), 0 16px 48px rgba(0,0,0,.6);--palette-color-scheme: dark}}:root[data-theme=dark]{--palette-brand: oklch(72% .16 262);--palette-brand-strong: oklch(78% .16 262);--palette-onbrand: oklch(20% .03 270);--palette-brand-soft: oklch(28% .06 262);--palette-gray-1: oklch(15% .015 270);--palette-gray-2: oklch(26% .015 270);--palette-gray-3: oklch(32% .02 270);--palette-gray-4: oklch(38% .02 270);--palette-gray-5: oklch(52% .015 270);--palette-gray-6: oklch(68% .02 270);--palette-gray-7: oklch(80% .01 270);--palette-gray-8: oklch(94% .01 270);--palette-text: var(--palette-gray-8);--palette-muted: var(--palette-gray-6);--palette-card: oklch(22% .015 270);--palette-bg: var(--palette-gray-1);--palette-muted-bg: var(--palette-gray-2);--palette-border: var(--palette-gray-3);--palette-danger: oklch(68% .21 25);--palette-success: oklch(70% .17 145);--palette-warn: oklch(82% .16 75);--palette-shadow-sm: 0 1px 2px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.4);--palette-shadow-md: 0 2px 4px rgba(0,0,0,.4), 0 4px 12px rgba(0,0,0,.5);--palette-shadow-lg: 0 4px 12px rgba(0,0,0,.5), 0 16px 48px rgba(0,0,0,.6);--palette-color-scheme: dark}:root{--c-brand: var(--palette-brand);--c-brand-strong: var(--palette-brand-strong);--c-brand-soft: var(--palette-brand-soft);--c-onbrand: var(--palette-onbrand);--c-onwarn: var(--palette-onwarn);--c-text: var(--palette-text);--c-muted: var(--palette-muted);--c-card: var(--palette-card);--c-bg: var(--palette-bg);--c-muted-bg: var(--palette-muted-bg);--c-border: var(--palette-border);--c-danger: var(--palette-danger);--c-success: var(--palette-success);--c-warn: var(--palette-warn);--c-gray-1: var(--palette-gray-1);--c-gray-2: var(--palette-gray-2);--c-gray-3: var(--palette-gray-3);--c-gray-4: var(--palette-gray-4);--c-gray-5: var(--palette-gray-5);--c-gray-6: var(--palette-gray-6);--c-gray-7: var(--palette-gray-7);--c-gray-8: var(--palette-gray-8);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 40px;--s-8: 56px;--tabbar-h: 50px;--t-display: 32px;--t-xl: 22px;--t-lg: 18px;--t-md: 14px;--t-sm: 12px;--t-xs: 11px;--t-input: 16px;--lh-display: 1.15;--lh-tight: 1.3;--lh-normal: 1.6;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--ls-display: -.02em;--ls-caption: .01em;--r-xs: 4px;--r-s: 6px;--r-m: 8px;--r-l: 12px;--r-f: 9999px;--shadow-sm: var(--palette-shadow-sm);--shadow-md: var(--palette-shadow-md);--shadow-lg: var(--palette-shadow-lg);--shadow-brand: 0 4px 14px color-mix(in srgb, var(--c-brand) 28%, transparent);--ring-focus: 0 0 0 3px color-mix(in srgb, var(--c-brand) 18%, transparent);--z-base: 0;--z-sticky: 200;--z-dropdown: 1000;--z-modal: 1100;--ease-out: cubic-bezier(.16,1,.3,1);--ease-in-out: cubic-bezier(.65,0,.35,1);--dur-fast: .15s;--dur-base: .25s;--dur-slow: .4s;color-scheme:var(--palette-color-scheme)}}@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-4);background:var(--c-brand);color:var(--c-onbrand);font-size:var(--t-md);font-weight:var(--fw-medium);line-height:var(--lh-tight);border:none;border-radius:var(--r-m);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background var(--dur-fast) var(--ease-out)}.btn:hover{background:color-mix(in srgb,var(--c-brand) 92%,white)}.btn:active{background:var(--c-brand-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{min-height:32px;padding:0 var(--s-2);font-size:var(--t-sm)}.btn-lg{min-height:50px;padding:0 var(--s-5);font-size:var(--t-lg)}.btn-mini{min-height:24px;padding:0 var(--s-2);font-size:var(--t-sm)}.btn-ghost{background:transparent;color:var(--c-brand)}.btn-ghost:hover{background:var(--c-brand-soft)}.btn-ghost:active{background:color-mix(in srgb,var(--c-brand) 14%,transparent)}.btn-ghost:disabled{background:transparent}.btn-plain{background:var(--c-card);color:var(--c-brand);border:1px solid var(--c-brand)}.btn-plain:hover,.btn-plain:active{background:var(--c-brand-soft)}.btn-danger{background:var(--c-danger)}.btn-danger:hover{background:color-mix(in srgb,var(--c-danger) 92%,white)}.btn-danger:active{background:color-mix(in srgb,var(--c-danger) 88%,black)}.btn-success{background:var(--c-success)}.btn-success:hover{background:color-mix(in srgb,var(--c-success) 92%,white)}.btn-success:active{background:color-mix(in srgb,var(--c-success) 88%,black)}.btn-block{display:flex;width:100%}.btn-round{border-radius:var(--r-f)}.page{width:100%;max-width:640px;margin:0 auto;min-height:100vh;min-height:100dvh;padding:var(--s-4);background:var(--c-bg)}.card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--r-m);padding:var(--s-4)}.cell{display:flex;align-items:center;gap:var(--s-3);background:var(--c-card);padding:var(--s-3) var(--s-4);min-height:48px}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.sheet{position:fixed;left:0;right:0;bottom:0;width:100%;color:inherit;background:var(--c-card);border-radius:var(--r-l) var(--r-l) 0 0;padding:var(--s-4);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.eyebrow{font-size:var(--t-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-caption);text-transform:uppercase;color:var(--c-muted);margin-bottom:var(--s-1)}.section{margin-bottom:var(--s-4)}.section+.section{margin-top:var(--s-4)}.section-tt{font-size:var(--t-lg);font-weight:var(--fw-semibold);color:var(--c-text);margin-bottom:var(--s-3)}.display{font-size:var(--t-display);font-weight:var(--fw-semibold);line-height:var(--lh-display);letter-spacing:var(--ls-display);color:var(--c-text)}.title{font-size:var(--t-xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:var(--c-text)}.subtitle{font-size:var(--t-sm);font-weight:var(--fw-normal);line-height:var(--lh-tight);color:var(--c-muted)}.body{font-size:var(--t-md);font-weight:var(--fw-normal);line-height:var(--lh-normal);color:var(--c-text)}.caption{font-size:var(--t-xs);font-weight:var(--fw-normal);line-height:var(--lh-tight);letter-spacing:var(--ls-caption);color:var(--c-muted)}.meta{font-size:var(--t-xs);font-weight:var(--fw-normal);color:var(--c-muted)}.price{font-size:var(--t-lg);font-weight:var(--fw-bold);color:var(--c-danger);line-height:var(--lh-tight)}.price-del{font-size:var(--t-sm);font-weight:var(--fw-normal);color:var(--c-muted);text-decoration:line-through}.label{display:block;margin-bottom:var(--s-1);font-size:var(--t-sm);color:var(--c-muted)}.input,.textarea{width:100%;padding:var(--s-2) var(--s-3);background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--r-m);font-size:var(--t-input);color:var(--c-text);line-height:var(--lh-tight);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.input:focus,.textarea:focus{outline:none;border-color:var(--c-brand);box-shadow:var(--ring-focus)}.input::placeholder,.textarea::placeholder{color:var(--c-muted)}.textarea{resize:vertical;min-height:80px;line-height:var(--lh-normal)}.form-row{display:flex;flex-direction:column;gap:var(--s-1);margin-bottom:var(--s-3)}.form-row-h{display:flex;flex-direction:row;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3)}.form-err{font-size:var(--t-xs);color:var(--c-danger);line-height:var(--lh-tight)}.search-input{width:100%;height:36px;padding:0 var(--s-3) 0 var(--s-5);background:var(--c-muted-bg);border:1px solid transparent;border-radius:var(--r-f);font-size:var(--t-input);color:var(--c-text);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.search-input:focus{outline:none;border-color:var(--c-brand);box-shadow:var(--ring-focus)}.search-input::placeholder{color:var(--c-muted)}.switch{position:relative;display:inline-flex;align-items:center;width:52px;height:32px;border-radius:var(--r-f);background:var(--c-muted-bg);border:1px solid var(--c-border);transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);cursor:pointer;padding:0;flex-shrink:0}.switch-sm{width:40px;height:24px}.switch-on{background:var(--c-brand);border-color:var(--c-brand)}.switch-ldg{pointer-events:none}.switch[disabled]{opacity:.5;cursor:not-allowed}.switch-th{display:block;width:28px;height:28px;border-radius:50%;background:var(--c-card);box-shadow:var(--shadow-sm),0 0 0 1px color-mix(in srgb,var(--c-text) 4%,transparent);transition:transform var(--dur-base) var(--ease-out);margin:0 2px;flex-shrink:0}.switch-sm .switch-th{width:20px;height:20px}.switch-on .switch-th{transform:translate(20px)}.switch-sm.switch-on .switch-th{transform:translate(16px)}.switch-ldg .switch-th{animation:switch-spin .8s linear infinite}@keyframes switch-spin{to{transform:rotate(360deg)}}.sb-wrap{position:relative;display:flex;align-items:center}.sb-icon{position:absolute;left:var(--s-2);width:16px;height:16px;color:var(--c-muted);pointer-events:none}.sb-clear{position:absolute;right:var(--s-1);border:none;background:var(--c-muted-bg);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--c-muted);padding:0}.input-err,.input-err:focus{border-color:var(--c-danger)}.input:user-invalid,.textarea:user-invalid,.input:user-invalid:focus,.textarea:user-invalid:focus{border-color:var(--c-danger)}.upload-tg{display:inline-flex;align-items:center}.upload-gd{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:var(--s-2);margin-top:var(--s-3)}.upload-gd:empty{display:none}.list{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--r-m);overflow:hidden}.list>.cell+.cell,.list>.list-item+.list-item{border-top:.5px solid var(--c-border)}.list-item{display:flex;align-items:center;gap:var(--s-3);background:var(--c-card);padding:var(--s-3) var(--s-4);min-height:48px;border:none;color:inherit;font:inherit;text-align:left;width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:background var(--dur-fast) var(--ease-out)}.list-item:active{background:var(--c-muted-bg)}.list-item-cp{display:flex;align-items:center;gap:var(--s-2);background:var(--c-card);padding:var(--s-2) var(--s-3);min-height:44px}.list-item-cp:active{background:var(--c-muted-bg)}.divider{height:1px;background:var(--c-border);border:none;margin:var(--s-2) 0}.thumb{width:72px;height:72px;border-radius:var(--r-s);object-fit:cover;background:var(--c-muted-bg);flex-shrink:0}.avatar{width:36px;height:36px;border-radius:var(--r-l);object-fit:cover;background:var(--c-muted-bg);flex-shrink:0}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-6) var(--s-4);color:var(--c-muted);text-align:center}.sk{background:linear-gradient(90deg,var(--c-muted-bg) 0%,color-mix(in srgb,var(--c-muted) 32%,var(--c-muted-bg)) 50%,var(--c-muted-bg) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite var(--ease-in-out);border-radius:var(--r-s)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk-ln{height:var(--t-md);line-height:var(--lh-tight);margin-bottom:var(--s-1)}.sk-ln:last-child{margin-bottom:0;width:60%}.sk-blk{height:100px;border-radius:var(--r-m);margin-bottom:var(--s-2)}.sk-blk-h-sm{height:120px}.sk-blk-h-md{height:200px}.sk-w-40{width:40%}.sk-w-60{width:60%}.sk-w-80{width:80%}.sk-cir{width:64px;height:64px;border-radius:50%}.sk-pg{padding:var(--s-3)}.tag{display:inline-flex;align-items:center;padding:var(--s-1) var(--s-2);font-size:var(--t-xs);font-weight:var(--fw-medium);line-height:var(--lh-tight);border-radius:var(--r-s);background:var(--c-muted-bg);color:var(--c-muted)}.tag-md{padding:var(--s-1) var(--s-2);font-size:var(--t-sm)}.tag-lg{padding:var(--s-1) var(--s-3);font-size:var(--t-md)}.tag-ok{background:var(--c-success);color:var(--c-onbrand)}.tag-warn{background:var(--c-warn);color:var(--c-onwarn)}.tag-danger{background:var(--c-danger);color:var(--c-onbrand)}.tag-plain{background:transparent;color:var(--c-brand);border:1px solid var(--c-brand)}.tag-plain-ok{background:transparent;color:var(--c-success);border:1px solid var(--c-success)}.tag-plain-warn{background:transparent;color:var(--c-onwarn);border:1px solid var(--c-warn)}.tag-plain-danger{background:transparent;color:var(--c-danger);border:1px solid var(--c-danger)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--s-1);font-size:var(--t-xs);font-weight:var(--fw-bold);line-height:1;border-radius:var(--r-f);background:var(--c-danger);color:var(--c-onbrand)}.toast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:var(--s-2) var(--s-4);background:#000c;color:#fff;font-size:var(--t-sm);border-radius:var(--r-m);z-index:var(--z-modal);opacity:var(--toast-opacity, 1);transition:var(--toast-transition, none);pointer-events:var(--toast-pointer-events, none);max-width:80%;text-align:center}.toast-success{background:var(--c-success)}.toast-error{background:var(--c-danger)}.toast-warning{background:var(--c-warn);color:var(--c-onwarn)}.navbar{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--c-card);border-bottom:.5px solid var(--c-border);min-height:48px}.navbar-fixed{position:sticky;top:0;z-index:var(--z-sticky)}.page-col{flex:1;display:flex;flex-direction:column;min-height:0}.scroll-y{flex:1;overflow-y:auto;min-height:0}.tabbar{display:flex;background:var(--c-card);border-top:.5px solid var(--c-border)}.tabbar-fixed{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sticky);padding-bottom:env(safe-area-inset-bottom)}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--s-2) var(--s-1);font-size:var(--t-xs);color:var(--c-muted);background:none;border:none;cursor:pointer;min-height:var(--tabbar-h);-webkit-tap-highlight-color:transparent;transition:color var(--dur-fast) var(--ease-out)}.tab-item[aria-selected=true]{color:var(--c-brand)}.hero{position:relative;padding:var(--s-6) var(--s-5);background:var(--c-brand-soft);text-align:center;border-radius:var(--r-l);margin-bottom:var(--s-4);overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--c-brand) 18%,transparent),transparent 60%);pointer-events:none}.hero>*{position:relative}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--s-2)}.actions{display:flex;gap:var(--s-2);padding:var(--s-3) 0}.actions>.btn{flex:1}.input-bar{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:var(--c-card);border-top:.5px solid var(--c-border);padding-bottom:calc(var(--s-2) + env(safe-area-inset-bottom))}.cob{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--c-card);border-top:.5px solid var(--c-border);padding-bottom:calc(var(--s-3) + env(safe-area-inset-bottom))}.input-bar-fx{position:fixed;left:0;right:0;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));z-index:var(--z-sticky);padding-bottom:var(--s-2)}.cob-fx{position:fixed;left:0;right:0;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));z-index:var(--z-sticky);padding-bottom:var(--s-3)}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.checkbox,.radio{display:inline-flex;align-items:center;gap:var(--s-2);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.checkbox-sm,.radio-sm{gap:var(--s-1)}.checkbox input,.radio input{accent-color:var(--c-brand);width:20px;height:20px;cursor:pointer;flex-shrink:0;margin:0}.checkbox input:focus-visible,.radio input:focus-visible{outline:2px solid var(--c-brand);outline-offset:2px}.checkbox input:disabled,.radio input:disabled{opacity:.5;cursor:not-allowed}.checkbox-sm input,.radio-sm input{width:16px;height:16px}.spinner{display:inline-block;width:24px;height:24px;border:2px solid var(--c-border);border-top-color:var(--c-brand);border-radius:50%;animation:spinner-rotate .8s linear infinite;flex-shrink:0}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:40px;height:40px;border-width:3px}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.progress{display:block;width:100%;height:8px;border:none;border-radius:var(--r-f);background:var(--c-muted-bg);overflow:hidden;--progress-color: var(--c-brand);accent-color:var(--progress-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-sm{height:4px}.progress-lg{height:12px}.progress::-webkit-progress-bar{background:var(--c-muted-bg);border-radius:var(--r-f)}.progress::-webkit-progress-value{background:var(--progress-color);border-radius:var(--r-f);transition:width var(--dur-base) var(--ease-out)}.progress::-moz-progress-bar{background:var(--progress-color);border-radius:var(--r-f)}.progress-success{--progress-color: var(--c-success)}.progress-danger{--progress-color: var(--c-danger)}.clp{background:var(--c-card);border-radius:var(--r-m);overflow:hidden}.clp+.clp{margin-top:var(--s-2)}.clp-sum{display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-4);cursor:pointer;list-style:none;font-size:var(--t-md);font-weight:var(--fw-medium);color:var(--c-text);min-height:48px;-webkit-tap-highlight-color:transparent}.clp-sum::-webkit-details-marker{display:none}.clp-sum:after{content:"";width:8px;height:8px;border:solid var(--c-muted);border-width:0 2px 2px 0;transform:rotate(-45deg);transition:transform var(--dur-fast) var(--ease-out);flex-shrink:0}.clp[open] .clp-sum:after{transform:rotate(45deg)}.clp-ct{padding:0 var(--s-4) var(--s-3);font-size:var(--t-sm);color:var(--c-muted);line-height:var(--lh-normal)}.notice{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:var(--c-warn);color:var(--c-onwarn);font-size:var(--t-sm);line-height:var(--lh-tight);overflow:hidden}.notice-tx{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-scr{display:inline-block;padding-left:100%;animation:notice-marquee 12s linear infinite}@keyframes notice-marquee{to{transform:translate(-100%)}}.rate{display:inline-flex;flex-direction:row-reverse;align-items:center;gap:2px;font-size:var(--t-lg);line-height:1}.rate input{position:absolute;width:1px;height:1px;opacity:0;margin:0}.rate-star{color:var(--c-border);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:color var(--dur-fast) var(--ease-out)}.rate input:checked~.rate-star{color:var(--c-warn)}.rate input:focus-visible~.rate-star{color:var(--c-warn)}.rate-star:hover,.rate-star:hover~.rate-star{color:var(--c-warn)}.rate-ro{cursor:default;pointer-events:none}.rate-sm{font-size:var(--t-md)}.rate-lg{font-size:var(--t-xl)}.steps{display:flex;align-items:flex-start}.step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;padding:0 var(--s-2)}.step:not(:first-child):before{content:"";position:absolute;top:11px;left:calc(-50% + var(--s-2));width:calc(100% - var(--s-4));height:2px;background:var(--step-line, var(--c-border))}.step-done,.step-active{--step-line: var(--c-brand)}.step-circle{width:24px;height:24px;border-radius:50%;background:var(--c-muted-bg);color:var(--c-muted);display:flex;align-items:center;justify-content:center;font-size:var(--t-xs);font-weight:var(--fw-bold);position:relative;z-index:1}.step-done .step-circle{background:var(--c-brand);color:var(--c-onbrand)}.step-active .step-circle{background:var(--c-card);color:var(--c-brand);border:2px solid var(--c-brand)}.step-label{margin-top:var(--s-1);font-size:var(--t-xs);color:var(--c-muted);text-align:center;line-height:var(--lh-tight)}.step-done .step-label,.step-active .step-label{color:var(--c-text)}.seg{display:inline-flex;background:var(--c-muted-bg);border-radius:var(--r-m);padding:2px;gap:2px}.seg-it{flex:1 1 auto;min-width:0;padding:var(--s-1) clamp(6px,2.5vw,var(--s-3));border:none;background:none;border-radius:var(--r-s);font-size:var(--t-sm);color:var(--c-muted);cursor:pointer;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-tap-highlight-color:transparent;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.seg-it[aria-selected=true]{background:var(--seg-it-bg, var(--c-card));color:var(--seg-it-color, var(--c-text));font-weight:var(--fw-medium);box-shadow:var(--seg-it-shadow, var(--shadow-sm))}.seg-it:active:not([aria-selected=true]){background:var(--c-border)}.seg-blk{display:flex;width:100%}.seg-brand{--seg-it-bg: var(--c-brand-soft);--seg-it-color: var(--c-brand);--seg-it-shadow: none}.hero-grad{position:relative;padding:var(--s-6) var(--s-5);background:linear-gradient(135deg,var(--c-brand),var(--c-brand-strong));text-align:center;border-radius:var(--r-l);margin-bottom:var(--s-4);overflow:hidden;color:var(--c-onbrand)}.hero-grad:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--c-onbrand) 16%,transparent),transparent 60%);pointer-events:none}.hero-grad>*{position:relative}.hero-grad .eyebrow,.hero-grad .subtitle,.hero-grad .caption{color:color-mix(in srgb,var(--c-onbrand) 76%,transparent)}.hero-grad .title,.hero-grad .display{color:var(--c-onbrand)}.hero-grad .body{color:color-mix(in srgb,var(--c-onbrand) 92%,transparent)}.nav-transparent{position:absolute;top:0;left:0;right:0;z-index:var(--z-sticky);background:transparent;border-bottom:none;color:var(--c-onbrand)}.card-media{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--r-l);overflow:hidden}.card-media>img{width:100%;display:block;object-fit:cover}.card-shadow{box-shadow:var(--shadow-md)}.stat-num{font-size:var(--t-xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);letter-spacing:var(--ls-display)}.price-lg{font-size:var(--t-xl)}.chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}.dots{display:flex;justify-content:center;gap:var(--s-1)}.dot{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--c-text) 18%,transparent)}.dot-on{background:var(--c-brand)}.icon-badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--r-m);background:var(--c-brand-soft);color:var(--c-brand)}af-list,af-img,af-tabs,af-dropdown{display:block}af-progress{display:block;width:100%}af-tabs .tabbar{margin-bottom:var(--s-4)}af-tabs .tab-item{font-size:var(--t-md);font-weight:var(--fw-medium)}af-dropdown .list[popover]{width:min(100%,640px)}af-list{height:var(--af-list-h, auto)}af-list>.list{overflow:auto;height:100%}af-list [data-role=spacer-before]{height:var(--af-spacer-before-h, 0px)}af-list [data-role=spacer-after]{height:var(--af-spacer-after-h, 0px)}af-list [data-role=refresh-indicator]{height:var(--af-refresh-h, 0px);overflow:hidden;transition:height var(--dur-fast) var(--ease-out)}af-img img,af-img [data-role=placeholder]{width:100%;object-fit:cover}af-img.thumb img,af-img.thumb [data-role=placeholder],af-img.avatar img,af-img.avatar [data-role=placeholder]{height:100%}af-img:not(.thumb):not(.avatar) img,af-img:not(.thumb):not(.avatar) [data-role=placeholder]{height:auto;aspect-ratio:1 / 1}af-img [data-role=error]{width:100%;height:100%}af-backtop{display:block;position:fixed;z-index:var(--z-dropdown);bottom:calc(var(--s-4) + env(safe-area-inset-bottom))}af-backtop[position=left-bottom]{left:calc(var(--s-4) + env(safe-area-inset-left))}af-backtop:not([position=left-bottom]){right:calc(var(--s-4) + env(safe-area-inset-right))}af-navbar{display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:var(--z-sticky);background:var(--c-card);border-bottom:.5px solid var(--c-border);padding-top:env(safe-area-inset-top);min-height:48px}af-navbar [data-role=left],af-navbar [data-role=right]{position:absolute;top:env(safe-area-inset-top);bottom:0;display:inline-flex;align-items:center;gap:var(--s-2)}af-navbar [data-role=left]{left:0}af-navbar [data-role=right]{right:0}af-navbar [data-role=title]{max-width:60%;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}af-tabbar{display:block}af-stepper{display:inline-flex;align-items:center;gap:var(--s-1)}af-stepper [data-role=input]{width:40px;text-align:center}af-stepper [data-role=minus],af-stepper [data-role=plus]{width:var(--s-7);height:var(--s-7);padding:0;font-size:var(--t-md)}af-field{display:block}af-field [data-role=control-wrap]{position:relative;display:flex;align-items:center}af-field [data-role=icon]{position:absolute;left:var(--s-3);display:inline-flex;color:var(--c-muted);pointer-events:none;font-size:var(--t-md)}af-field [data-role=icon]~[data-role=input]{padding-left:var(--s-6)}af-field [data-role=help],af-field [data-role=error]{margin-top:var(--s-1)}af-field [data-role=error]{font-weight:var(--fw-medium)}af-pull-refresh{display:block;position:relative;overflow:hidden}af-pull-refresh [data-role=indicator]{height:var(--af-pull-h, 0px);overflow:hidden;display:flex;align-items:center;justify-content:center;gap:var(--s-2);transition:height var(--dur-fast) var(--ease-out)}af-swipe-cell{display:block;overflow:hidden;position:relative}af-swipe-cell [data-role=track]{position:relative;display:flex;transform:translate(var(--af-swipe-x, 0px));transition:transform var(--dur-fast) var(--ease-out)}af-swipe-cell [data-role=track][data-dragging]{transition:none}af-swipe-cell [data-role=content]{flex:1 0 auto;width:100%;background:var(--c-card)}af-swipe-cell [data-role=right]{display:flex;align-items:stretch;justify-content:flex-end;gap:2px;padding:var(--s-1);background:var(--c-card);flex-shrink:0}af-swipe-cell [data-role=right]>*{border-radius:var(--r-s)}af-badge{display:inline-block;position:relative}af-badge[data-corner] [data-role=badge]{position:absolute;top:0;right:0;transform:translate(50%,-50%);box-shadow:0 0 0 2px var(--c-card)}af-badge[dot] [data-role=badge]{min-width:10px;height:10px;padding:0}af-badge[data-color=warn] [data-role=badge]{background:var(--c-warn);color:var(--c-onwarn)}af-badge[data-color=ok] [data-role=badge]{background:var(--c-success);color:var(--c-onbrand)}af-badge[data-color=muted] [data-role=badge]{background:var(--c-muted);color:var(--c-onbrand)}}@layer utilities{.p-0{padding:0}.p-1{padding:var(--s-1)}.p-2{padding:var(--s-2)}.p-3{padding:var(--s-3)}.p-4{padding:var(--s-4)}.p-5{padding:var(--s-5)}.p-6{padding:var(--s-6)}.p-7{padding:var(--s-7)}.p-8{padding:var(--s-8)}.p-10{padding:calc(var(--s-6) * 2.5)}.m-0{margin:0}.m-1{margin:var(--s-1)}.m-2{margin:var(--s-2)}.m-3{margin:var(--s-3)}.m-4{margin:var(--s-4)}.m-5{margin:var(--s-5)}.g-0{gap:0}.g-1{gap:var(--s-1)}.g-2{gap:var(--s-2)}.g-3{gap:var(--s-3)}.g-4{gap:var(--s-4)}.f{display:flex}.fi{display:inline-flex}.fc{display:flex;flex-direction:column}.aic{align-items:center}.jcc{justify-content:center}.jcsb{justify-content:space-between}.jce{justify-content:flex-end}.flex-1{flex:1}.shrink-0{flex-shrink:0}.w-full{width:100%}.r-0{border-radius:0}.r-s{border-radius:var(--r-s)}.r-m{border-radius:var(--r-m)}.r-l{border-radius:var(--r-l)}.r-f{border-radius:var(--r-f)}.t-display{font-size:var(--t-display)}.t-xs{font-size:var(--t-xs)}.t-sm{font-size:var(--t-sm)}.t-md{font-size:var(--t-md)}.t-lg{font-size:var(--t-lg)}.t-xl{font-size:var(--t-xl)}.t-b{font-weight:var(--fw-bold)}.t-m{font-weight:var(--fw-medium)}.t-semibold{font-weight:var(--fw-semibold)}.lh-tight{line-height:var(--lh-tight)}.lh-normal{line-height:var(--lh-normal)}.text-brand{color:var(--c-brand)}.text-muted{color:var(--c-muted)}.text-danger{color:var(--c-danger)}.text-success{color:var(--c-success)}.bg-brand{background:var(--c-brand)}.bg-card{background:var(--c-card)}.bg-muted{background:var(--c-muted-bg)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.t-left{text-align:left}.t-center{text-align:center}.t-right{text-align:right}.ws-nowrap{white-space:nowrap}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.hl-t{border-top:.5px solid var(--c-border)}.hl-b{border-bottom:.5px solid var(--c-border)}.px-1{padding-left:var(--s-1);padding-right:var(--s-1)}.px-2{padding-left:var(--s-2);padding-right:var(--s-2)}.px-3{padding-left:var(--s-3);padding-right:var(--s-3)}.px-4{padding-left:var(--s-4);padding-right:var(--s-4)}.py-1{padding-top:var(--s-1);padding-bottom:var(--s-1)}.py-2{padding-top:var(--s-2);padding-bottom:var(--s-2)}.py-3{padding-top:var(--s-3);padding-bottom:var(--s-3)}.py-4{padding-top:var(--s-4);padding-bottom:var(--s-4)}.wrap{flex-wrap:wrap}.grid{display:grid}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.min-w-0{min-width:0}.text-onbrand{color:var(--c-onbrand)}.text-gray-7{color:var(--c-gray-7)}.bg-brand-soft{background:var(--c-brand-soft)}.bg-danger{background:var(--c-danger)}.bg-success{background:var(--c-success)}.bg-grad-brand{background:linear-gradient(135deg,var(--c-brand),var(--c-brand-strong))}.bg-grad-brand-soft{background:linear-gradient(135deg,var(--c-brand-soft),color-mix(in srgb,var(--c-brand) 14%,var(--c-card)))}.border{border:1px solid var(--c-border)}.border-brand{border:1px solid var(--c-brand)}.aspect-1{aspect-ratio:1 / 1}.aspect-4-3{aspect-ratio:4 / 3}.aspect-16-9{aspect-ratio:16 / 9}}