:root{--color-primary:#8b5a3c;--color-primary-hover:#6f4830;--color-primary-light:#f5efea;--color-primary-dark:#5c3a26;--color-danger:#dc3545;--color-danger-light:#fff0f1;--color-success:#2d8c4a;--color-success-light:#edf7f0;--color-warning:#e6a817;--color-warning-light:#fff8e7;--color-info:#3b7dd8;--color-info-light:#e8f4fd;--color-price:#c0392b;--color-link:#008ef6;--color-text-primary:#1a1a1a;--color-text-secondary:#6b6b6b;--color-text-tertiary:#999999;--color-text-placeholder:#b0b0b0;--color-text-disabled:#c0c0c0;--color-text-inverse:#ffffff;--color-text-light:#767980;--color-bg-page:#fafaf8;--color-bg-secondary:#f5f3f0;--color-bg-surface:#ffffff;--color-bg-mask:rgba(0,0,0,0.4);--color-bg-mask-light:rgba(0,0,0,0.2);--color-bg-mask-dark:rgba(0,0,0,0.8);--color-bg-tertiary:#e2e8f0;--color-bg-dark:#181c20;--color-bg-disabled:#c8c8c8;--color-bg-disabled-light:#e7e7e7;--color-bg-cancel:#a8aeb7;--color-border:#e8e5e0;--color-border-light:#f0ede9;--color-border-focus:#8b5a3c;--color-recommend:#6a9dd6;--color-sale:#fb9902;--color-black:#000000;--color-white:#ffffff;--color-dark:#181c20;--color-dark-secondary:#2d3748;--color-brown:#8b5a3c;--bento-1:#e8dfd8;--bento-2:#d5e0d8;--bento-3:#d8dde8;--bento-4:#e8e0d4;--bento-5:#d8e0e0;--color-status-new-bg:var(--color-primary-light);--color-status-pending-bg:var(--color-warning-light);--color-status-processing-bg:var(--color-info-light);--color-status-shipped-bg:var(--color-success-light);--color-status-completed-bg:var(--color-bg-secondary);--color-status-cancelled-bg:var(--color-danger-light);--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--spacing-30:120px;--space-page-padding-x:var(--spacing-8);--space-section-gap:var(--spacing-16);--space-card-padding:var(--spacing-6);--space-card-gap:var(--spacing-4);--space-element-gap:var(--spacing-2);--font-family-base:system-ui,-apple-system,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;--font-family-display:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-md:18px;--text-lg:20px;--text-xl:24px;--text-2xl:28px;--text-3xl:32px;--text-4xl:40px;--text-5xl:48px;--text-hero:64px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.75;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-round:50%;--radius-full:9999px;--radius-btn:var(--radius-sm);--radius-card:var(--radius-md);--radius-dialog:var(--radius-lg);--radius-input:var(--radius-sm);--radius-tag:var(--radius-sm);--radius-pill:var(--radius-full);--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 2px 8px rgba(0,0,0,0.06);--shadow-md:0 8px 24px rgba(0,0,0,0.08);--shadow-lg:0 16px 48px rgba(0,0,0,0.1);--shadow-xl:0 24px 64px rgba(0,0,0,0.12);--shadow-card-hover:0 12px 40px rgba(0,0,0,0.12);--shadow-card:var(--shadow-sm);--shadow-dialog:var(--shadow-lg);--shadow-fixed-bar:0 -2px 8px rgba(0,0,0,0.06);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:0.15s;--duration-base:0.25s;--duration-slow:0.4s;--duration-enter:0.5s;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-base:0.25s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.4s cubic-bezier(0.4,0,0.2,1);--transition-smooth:var(--duration-slow) var(--ease-out);--transition-spring:var(--duration-slow) var(--ease-spring);--layout-max-width:1440px;--layout-gutter:var(--spacing-8);--header-height:80px;--bottom-bar-height:64px;--bottom-bar-safe-height:calc(64px + env(safe-area-inset-bottom, 0px));--z-float:10;--z-mask:20;--z-dialog:30;--z-toast:40;--z-loading:50;--z-global:100;--z-skip-link:9999}@media (max-width:959px){:root{--space-page-padding-x:var(--spacing-5);--space-section-gap:var(--spacing-10);--space-card-padding:var(--spacing-5);--text-hero:52px}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{text-size-adjust:100%}body{min-height:100vh;background-color:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}button{background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}@media (max-width:959px){.clickable,a,button{min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}