:root{--color-background: #FAFAFA;--color-foreground: #18181B;--color-card: #FFFFFF;--color-card-foreground: #18181B;--color-popover: #FFFFFF;--color-popover-foreground: #18181B;--color-primary: #E54935;--color-primary-foreground: #FFFFFF;--color-secondary: #F4F4F5;--color-secondary-foreground: #18181B;--color-muted: #F4F4F5;--color-muted-foreground: #71717A;--color-accent: #18181B;--color-accent-foreground: #FAFAFA;--color-destructive: #EF4444;--color-destructive-foreground: #FFFFFF;--color-border: #E4E4E7;--color-input: #E4E4E7;--color-scrim: rgba(0, 0, 0, .45);--color-primary-pressed: #EA5F4B;--color-primary-dragged: #ED6C58;--color-secondary-pressed: #DBDBDC;--color-destructive-pressed: #F45C57;--color-card-pressed: #E5E5E5;--color-card-dragged: #D5D5D6;--color-muted-pressed: #DBDBDC;--color-card-disabled: #DFDFE0;--color-foreground-disabled: #9E9EA0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-none: 0px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--text-xs-size: 12px;--text-xs-line: 18px;--text-sm-size: 14px;--text-sm-line: 21px;--text-base-size: 16px;--text-base-line: 24px;--text-lg-size: 18px;--text-lg-line: 24px;--text-xl-size: 20px;--text-xl-line: 26px;--text-2xl-size: 24px;--text-2xl-line: 32px;--text-3xl-size: 30px;--text-3xl-line: 36px;--text-3xl-tracking: -.3px;--text-4xl-size: 36px;--text-4xl-line: 43px;--text-5xl-size: 48px;--text-5xl-line: 56px;--text-price-size: 14px;--text-price-line: 21px;--text-price-tracking: -.14px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--font-system: "PingFang SC", -apple-system, "Helvetica Neue", "Noto Sans SC", sans-serif;--font-brand: "YouSheBiaoTi", "PingFang SC", sans-serif;--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 1px 6px rgba(0,0,0,.07);--shadow-lg: 0 2px 12px rgba(0,0,0,.1);--shadow-xl: 0 3px 18px rgba(0,0,0,.12);--shadow-2xl: 0 4px 24px rgba(0,0,0,.14)}[data-theme=dark]{--color-background: #09090B;--color-foreground: #FAFAFA;--color-card: #18181B;--color-card-foreground: #FAFAFA;--color-popover: #18181B;--color-popover-foreground: #FAFAFA;--color-primary: #FF6B5A;--color-primary-foreground: #FFFFFF;--color-secondary: #27272A;--color-secondary-foreground: #FAFAFA;--color-muted: #27272A;--color-muted-foreground: #A1A1AA;--color-accent: #F4F4F5;--color-accent-foreground: #18181B;--color-destructive: #EF4444;--color-destructive-foreground: #FFFFFF;--color-border: #27272A;--color-input: #27272A;--color-scrim: rgba(0, 0, 0, .6);--color-primary-pressed: #FF7C6B;--color-primary-dragged: #FF8675;--color-secondary-pressed: #39393C;--color-destructive-pressed: #F45C57;--color-card-pressed: #2A2A2D;--color-card-dragged: #363639;--color-muted-pressed: #39393C;--color-card-disabled: #2E2E31;--color-foreground-disabled: #646467}*{box-sizing:border-box;margin:0;padding:0}html,body{color-scheme:light}body{font-family:var(--font-system);background:var(--color-background);color:var(--color-foreground);font-size:var(--text-base-size);line-height:var(--text-base-line);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-brand);font-weight:var(--weight-bold)}img{display:block;max-width:100%}.page{min-height:100vh;display:flex;flex-direction:column}.inner{width:100%;max-width:1280px;margin:0 auto;padding-left:var(--space-6);padding-right:var(--space-6)}.main{flex:1;width:100%}.section{padding:var(--space-8) 0}.form-narrow{max-width:460px}.header{position:sticky;top:0;z-index:40;width:100%;background:var(--color-card);border-bottom:1px solid var(--color-border)}.header-inner{max-width:1280px;margin:0 auto;padding:0 var(--space-6);height:64px;display:flex;align-items:center;gap:var(--space-6)}.brand{font-family:var(--font-brand);font-weight:var(--weight-bold);font-size:var(--text-2xl-size);color:var(--color-primary);letter-spacing:.5px;white-space:nowrap}.nav{display:flex;gap:var(--space-6)}.nav a{font-size:var(--text-base-size);color:var(--color-muted-foreground);padding:var(--space-2) 0;border-bottom:2px solid transparent;transition:color .15s;white-space:nowrap}.nav a:hover{color:var(--color-foreground)}.nav a.active{color:var(--color-foreground);border-bottom-color:var(--color-primary);font-weight:var(--weight-medium)}.header-search{flex:1;max-width:520px;display:flex;align-items:center;gap:var(--space-2);background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);color:var(--color-muted-foreground)}.header-search input{flex:1;border:none;background:transparent;outline:none;font-size:var(--text-sm-size);color:var(--color-foreground)}.header-actions{display:flex;align-items:center;gap:var(--space-4);margin-left:auto}.icon-btn{color:var(--color-muted-foreground);cursor:pointer;font-size:var(--text-xl-size);position:relative}.icon-btn:hover{color:var(--color-foreground)}.user-menu{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.user-menu .name{font-size:var(--text-sm-size)}.hero{width:100%;background:var(--color-secondary);border-bottom:1px solid var(--color-border)}.hero-inner{max-width:1280px;margin:0 auto;padding:var(--space-12) var(--space-6);display:flex;align-items:center;gap:var(--space-8)}.hero h1{font-size:var(--text-4xl-size);line-height:var(--text-4xl-line)}.hero p{color:var(--color-muted-foreground);margin-top:var(--space-3);font-size:var(--text-lg-size)}.footer{width:100%;background:var(--color-card);border-top:1px solid var(--color-border);margin-top:var(--space-12)}.footer-cols{max-width:1280px;margin:0 auto;padding:var(--space-12) var(--space-6);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-8)}.footer-cols h4{font-family:var(--font-system);font-size:var(--text-sm-size);font-weight:var(--weight-semibold);margin-bottom:var(--space-3)}.footer-cols a,.footer-cols p{display:block;font-size:var(--text-sm-size);color:var(--color-muted-foreground);line-height:2}.footer-cols a:hover{color:var(--color-foreground)}.footer-bar{border-top:1px solid var(--color-border)}.footer-bar-inner{max-width:1280px;margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);align-items:center;font-size:var(--text-xs-size);color:var(--color-muted-foreground)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm-size);font-weight:var(--weight-semibold);font-family:var(--font-system);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);border:1px solid transparent;cursor:pointer;transition:background .15s;line-height:1.4}.btn-primary{background:var(--color-primary);color:var(--color-primary-foreground)}.btn-primary:hover{background:var(--color-primary-pressed)}.btn-secondary{background:var(--color-secondary);color:var(--color-secondary-foreground);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-secondary-pressed)}.btn-ghost{background:transparent;color:var(--color-foreground)}.btn-ghost:hover{background:var(--color-muted)}.btn-destructive{background:var(--color-destructive);color:var(--color-destructive-foreground)}.btn-destructive:hover{background:var(--color-destructive-pressed)}.btn-lg{font-size:var(--text-base-size);padding:var(--space-3) var(--space-6)}.btn-block{width:100%}.btn[disabled]{background:var(--color-card-disabled);color:var(--color-foreground-disabled);cursor:not-allowed}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-pad{padding:var(--space-6)}.card-title{font-size:var(--text-lg-size);line-height:var(--text-lg-line);margin-bottom:var(--space-3)}.grid-cards{display:grid;gap:var(--space-6);grid-template-columns:repeat(5,1fr)}.grid-cards.cols-4{grid-template-columns:repeat(4,1fr)}.product-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .15s;cursor:pointer}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.product-card .cover{aspect-ratio:4/3;background:var(--color-muted);display:flex;align-items:center;justify-content:center;color:var(--color-muted-foreground);font-size:var(--text-sm-size)}.product-card .meta{padding:var(--space-3)}.product-card .pname{font-size:var(--text-sm-size);line-height:var(--text-sm-line);font-weight:var(--weight-medium);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price{color:var(--color-primary);font-weight:var(--weight-bold);font-size:var(--text-xl-size);letter-spacing:var(--text-price-tracking)}.price .unit{font-size:var(--text-sm-size);font-weight:var(--weight-medium)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs-size);font-weight:var(--weight-medium);padding:2px var(--space-2);border-radius:var(--radius-full)}.badge-muted{background:var(--color-muted);color:var(--color-muted-foreground)}.badge-primary{background:var(--color-primary);color:var(--color-primary-foreground)}.badge-accent{background:var(--color-accent);color:var(--color-accent-foreground)}.tag{display:inline-block;font-size:var(--text-sm-size);color:var(--color-muted-foreground);background:var(--color-secondary);border-radius:var(--radius-full);padding:6px var(--space-3);cursor:pointer}.tag.active{background:var(--color-primary);color:var(--color-primary-foreground)}.field{margin-bottom:var(--space-4)}.label{display:block;font-size:var(--text-sm-size);font-weight:var(--weight-medium);margin-bottom:var(--space-2)}.input,.textarea,.select{width:100%;font-family:var(--font-system);font-size:var(--text-base-size);background:var(--color-card);border:1px solid var(--color-input);border-radius:var(--radius-md);padding:var(--space-3);color:var(--color-foreground)}.input:focus,.textarea:focus,.select:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.textarea{min-height:110px;resize:vertical}.hint{font-size:var(--text-xs-size);color:var(--color-muted-foreground);margin-top:var(--space-1)}.upload-box{border:1px dashed var(--color-border);border-radius:var(--radius-md);aspect-ratio:1;display:flex;align-items:center;justify-content:center;color:var(--color-muted-foreground);font-size:var(--text-sm-size);cursor:pointer}.list{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.list-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--color-border)}.list-item:last-child{border-bottom:none}.table{width:100%;border-collapse:collapse;background:var(--color-card)}.table th,.table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--text-sm-size)}.table th{color:var(--color-muted-foreground);font-weight:var(--weight-medium)}.tabs{display:flex;gap:var(--space-6);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.tab{padding:var(--space-3) 0;font-size:var(--text-base-size);color:var(--color-muted-foreground);border-bottom:2px solid transparent;cursor:pointer}.tab.active{color:var(--color-foreground);border-bottom-color:var(--color-primary);font-weight:var(--weight-medium)}.avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-muted);display:flex;align-items:center;justify-content:center;color:var(--color-muted-foreground);font-size:var(--text-sm-size);flex-shrink:0}.avatar-sm{width:32px;height:32px}.avatar-lg{width:72px;height:72px;font-size:var(--text-xl-size)}.state{text-align:center;color:var(--color-muted-foreground);padding:var(--space-12) var(--space-4)}.state .ic{font-size:36px;margin-bottom:var(--space-3)}.skeleton{background:var(--color-muted);border-radius:var(--radius-sm)}.scrim{position:fixed;inset:0;background:var(--color-scrim);display:flex;align-items:center;justify-content:center;z-index:60}.dialog{background:var(--color-popover);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:92%;max-width:460px;padding:var(--space-6)}.dialog h3{font-size:var(--text-lg-size);margin-bottom:var(--space-3)}.detail-cols{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-12);align-items:start}.sticky-cta{position:sticky;top:96px}.checkout-cols{display:grid;grid-template-columns:1fr 380px;gap:var(--space-8);align-items:start}.auth-wrap{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:var(--space-12) var(--space-4)}.auth-card{width:100%;max-width:400px}.timeline{list-style:none;padding-left:var(--space-2)}.timeline li{position:relative;padding:0 0 var(--space-6) var(--space-6);border-left:2px solid var(--color-border)}.timeline li:last-child{border-left-color:transparent}.timeline li:before{content:"";position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:var(--radius-full);background:var(--color-border)}.timeline li.done:before{background:var(--color-primary)}.timeline .t{font-size:var(--text-sm-size);font-weight:var(--weight-medium)}.timeline .ts{font-size:var(--text-xs-size);color:var(--color-muted-foreground)}.chat-layout{display:grid;grid-template-columns:320px 1fr;height:72vh;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-card)}.conv-list{border-right:1px solid var(--color-border);overflow-y:auto}.msg-stream{display:flex;flex-direction:column}.msg-scroll{flex:1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.bubble{max-width:60%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--color-secondary);font-size:var(--text-sm-size);line-height:var(--text-sm-line)}.bubble.self{align-self:flex-end;background:var(--color-primary);color:var(--color-primary-foreground)}.chat-input{display:flex;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--color-border)}.row{display:flex;align-items:center;gap:var(--space-3)}.between{justify-content:space-between}.col{display:flex;flex-direction:column}.wrap{flex-wrap:wrap}.muted{color:var(--color-muted-foreground)}.sm{font-size:var(--text-sm-size);line-height:var(--text-sm-line)}.xs{font-size:var(--text-xs-size);line-height:var(--text-xs-line)}.h1{font-size:var(--text-3xl-size);line-height:var(--text-3xl-line);letter-spacing:var(--text-3xl-tracking)}.h2{font-size:var(--text-2xl-size);line-height:var(--text-2xl-line)}.h3{font-size:var(--text-xl-size);line-height:var(--text-xl-line)}.wfull{width:100%}.container-read{max-width:820px;margin:0 auto}@media(max-width:1200px){.grid-cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:980px){.grid-cards,.grid-cards.cols-4{grid-template-columns:repeat(3,1fr)}.detail-cols,.checkout-cols,.split-auth{grid-template-columns:1fr}.split-brand{display:none}.footer-cols{grid-template-columns:1fr 1fr}.header-search{display:none}}@media(max-width:640px){.grid-cards,.grid-cards.cols-4{grid-template-columns:repeat(2,1fr)}.chat-layout{grid-template-columns:1fr}.conv-list,.nav{display:none}.footer-cols{grid-template-columns:1fr}}.dropdown-menu{min-width:160px;background:var(--color-popover);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-1);z-index:50}.dropdown-item{display:flex;align-items:center;font-size:var(--text-sm-size);color:var(--color-foreground);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown-item[data-highlighted]{background:var(--color-muted)}.dropdown-sep{height:1px;background:var(--color-border);margin:var(--space-1) 0}.checkbox-root{width:18px;height:18px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--color-card);border:1px solid var(--color-input);border-radius:var(--radius-sm);cursor:pointer}.checkbox-root[data-state=checked]{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-indicator{color:var(--color-primary-foreground);font-size:var(--text-xs-size);line-height:1}.header-actions .btn{white-space:nowrap}.badge-due{background:var(--color-primary);color:var(--color-primary-foreground)}.badge-overdue{background:var(--color-destructive);color:var(--color-destructive-foreground)}.review-thumb{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.review-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.review-thumb-del{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-scrim);color:#fff;border:none;cursor:pointer;font-size:var(--text-xs-size);line-height:1}.pay-confirming{color:var(--color-primary)}.order-section-label{font-size:var(--text-sm-size);color:var(--color-muted-foreground);font-weight:var(--weight-medium);margin:var(--space-6) 0 var(--space-3)}*,: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: }.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-6{top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.list-item{display:list-item}.hidden{display:none}.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))}.resize{resize:both}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border{border-width:1px}.lowercase{text-transform:lowercase}.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)}