.error-view{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--color-bg-card);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;padding:var(--space-6);text-align:center}.error-icon{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--color-error-light);border-radius:var(--radius-full);display:-webkit-flex;display:-ms-flexbox;display:flex;height:3rem;-webkit-justify-content:center;justify-content:center;margin-bottom:var(--space-3);width:3rem}.error-icon-text{color:var(--color-error);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.error-message{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin-bottom:var(--space-3)}.error-retry-button{background:var(--color-primary);border:none;border-radius:var(--radius-full);color:var(--color-text-inverse);font-size:var(--font-size-base);line-height:var(--line-height-normal);min-height:1.8rem;padding:var(--space-2) var(--space-4);-webkit-transition:opacity var(--duration-fast) var(--ease-out);transition:opacity var(--duration-fast) var(--ease-out)}.error-retry-button::after{border:none}.error-retry-button:active{opacity:.8}.empty-view{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--color-bg-card);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;padding:var(--space-6);text-align:center}.empty-icon{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--color-bg-page);border-radius:var(--radius-full);display:-webkit-flex;display:-ms-flexbox;display:flex;height:4rem;-webkit-justify-content:center;justify-content:center;margin-bottom:var(--space-3);width:4rem}.empty-icon-text{color:var(--color-text-tertiary);font-size:var(--font-size-3xl);line-height:1}.empty-message{color:var(--color-text-tertiary);font-size:var(--font-size-base);line-height:var(--line-height-normal)}:root{--color-primary:#f2270c;--color-primary-dark:#d9210c;--color-primary-light:#ff4d3c;--color-primary-50:rgba(242,39,12,.05);--color-primary-100:rgba(242,39,12,.1);--color-primary-200:rgba(242,39,12,.2);--color-secondary:#2e7ae6;--color-secondary-dark:#2563c7;--color-secondary-light:#4a90e2;--color-secondary-50:rgba(46,122,230,.05);--color-text-primary:#333;--color-text-secondary:#666;--color-text-tertiary:#999;--color-text-disabled:#ccc;--color-text-inverse:#fff;--color-text-link:#2e7ae6;--color-bg-page:#f7f7f7;--color-bg-card:#fff;--color-bg-divider:#ececec;--color-bg-mask:rgba(0,0,0,.6);--color-bg-hover:rgba(0,0,0,.04);--color-bg-pressed:rgba(0,0,0,.08);--color-success:#00b578;--color-success-light:#e6f7f1;--color-error:#ff4d4f;--color-error-light:#fff1f0;--color-warning:#ff9500;--color-warning-light:#fff7e6;--color-info:#2e7ae6;--color-info-light:#e6f0fc;--color-accent-orange:#ff9500;--color-accent-gold:#d4af37;--color-accent-purple:#722ed1;--color-accent-cyan:#13c2c2;--color-border-base:#ececec;--color-border-light:#f0f0f0;--color-border-dark:#d9d9d9;--space-1:0.2rem;--space-2:0.4rem;--space-3:0.6rem;--space-4:0.8rem;--space-5:1rem;--space-6:1.2rem;--space-8:1.6rem;--space-10:2rem;--space-12:2.4rem;--space-16:3.2rem;--font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans SC","Helvetica Neue",Helvetica,Arial,sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-size-xs:0.5rem;--font-size-sm:0.6rem;--font-size-base:0.7rem;--font-size-lg:0.8rem;--font-size-xl:0.9rem;--font-size-2xl:1rem;--font-size-3xl:1.2rem;--font-size-4xl:1.4rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.02em;--radius-none:0;--radius-sm:0.2rem;--radius-md:0.4rem;--radius-lg:0.6rem;--radius-xl:0.8rem;--radius-2xl:1.2rem;--radius-full:249.975rem;--shadow-none:none;--shadow-sm:0 0.05rem 0.2rem rgba(0,0,0,.08);--shadow-md:0 0.1rem 0.4rem rgba(0,0,0,.12);--shadow-lg:0 0.2rem 0.6rem rgba(0,0,0,.16);--shadow-xl:0 0.4rem 1.2rem rgba(0,0,0,.2);--shadow-inner:inset 0 0.05rem 0.1rem rgba(0,0,0,.06);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--duration-instant:0ms;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--duration-slower:500ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--safe-area-top:env(safe-area-inset-top,0rem);--safe-area-bottom:env(safe-area-inset-bottom,0rem);--safe-area-left:env(safe-area-inset-left,0rem);--safe-area-right:env(safe-area-inset-right,0rem);--button-height-sm:1.4rem;--button-height-md:1.8rem;--button-height-lg:2.2rem;--button-padding-sm:0 0.6rem;--button-padding-md:0 0.8rem;--button-padding-lg:0 1.2rem;--input-height:2rem;--input-padding:0 0.6rem;--input-border-color:var(--color-border-base);--input-border-color-focus:var(--color-primary);--card-padding:var(--space-3);--card-border-radius:var(--radius-md);--card-shadow:var(--shadow-sm);--price-color:var(--color-primary);--price-original-color:var(--color-text-tertiary);--price-font-weight:var(--font-weight-bold);--badge-height:0.8rem;--badge-padding:0 0.3rem;--badge-font-size:var(--font-size-xs);--badge-border-radius:var(--radius-sm);--nav-height:2.2rem;--tab-height:2.4rem}.category-page{background-color:var(--color-bg-page);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100vh}.category-page__header{background:-webkit-linear-gradient(315deg,var(--color-primary) 0,var(--color-primary-dark) 100%);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);padding:var(--space-4) var(--space-3);padding-top:calc(var(--space-4) + var(--safe-area-top))}.category-page__title{color:var(--color-text-inverse);display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.category-page__subtitle{color:hsla(0,0%,100%,.8);display:block;font-size:var(--font-size-sm);margin-top:var(--space-1)}.category-page__content{-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--space-3)}.category-page__content--center{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;min-height:50vh}.category-grid{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--space-3)}.category-grid__item{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:var(--color-bg-card);border-radius:var(--radius-md);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:var(--space-3);-webkit-transition:-webkit-transform var(--duration-fast) var(--ease-out);transition:-webkit-transform var(--duration-fast) var(--ease-out);transition:transform var(--duration-fast) var(--ease-out);transition:transform var(--duration-fast) var(--ease-out),-webkit-transform var(--duration-fast) var(--ease-out);width:calc(25% - .45rem)}.category-grid__item:active{background-color:var(--color-bg-hover);-webkit-transform:scale(.96);-ms-transform:scale(.96);transform:scale(.96)}.category-grid__item--skeleton{pointer-events:none}.category-grid__icon{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:-webkit-linear-gradient(315deg,var(--color-primary-100) 0,var(--color-primary-50) 100%);background:linear-gradient(135deg,var(--color-primary-100) 0,var(--color-primary-50) 100%);border-radius:var(--radius-lg);display:-webkit-flex;display:-ms-flexbox;display:flex;height:2.2rem;-webkit-justify-content:center;justify-content:center;margin-bottom:var(--space-2);width:2.2rem}.category-grid__icon-text{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.category-grid__name{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-tight);text-align:center}.category-grid__name-skeleton{border-radius:var(--radius-sm);height:.6rem;margin-top:var(--space-2);width:2rem}.skeleton-shimmer{-webkit-animation:shimmer 1.5s infinite;animation:shimmer 1.5s infinite;background:-webkit-gradient(linear,left top,right top,color-stop(25%,var(--color-bg-divider)),color-stop(50%,var(--color-bg-page)),color-stop(75%,var(--color-bg-divider)));background:-webkit-linear-gradient(left,var(--color-bg-divider) 25%,var(--color-bg-page) 50%,var(--color-bg-divider) 75%);background:linear-gradient(90deg,var(--color-bg-divider) 25%,var(--color-bg-page) 50%,var(--color-bg-divider) 75%);background-size:200% 100%}@-webkit-keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (max-width:9.375rem){.category-grid__item{width:calc(33.333% - .4rem)}}