:root{font-family:Bahnschrift,Noto Sans TC,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#1f2533;background:radial-gradient(circle at top left,rgba(244,168,71,.18),transparent 30%),linear-gradient(180deg,#fffaf4,#f4f6fb 52%,#eef2f8);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface: rgba(255, 255, 255, .84);--surface-strong: #ffffff;--border: rgba(31, 37, 51, .1);--border-strong: rgba(31, 37, 51, .2);--text-main: #1f2533;--text-soft: #5f6677;--accent: #d46f34;--accent-deep: #8f3c1f;--accent-soft: rgba(212, 111, 52, .12);--success: #0b8a6c;--danger: #c64848;--shadow: 0 18px 45px rgba(30, 42, 62, .08);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-main);background:inherit}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}#app{min-height:100vh}.main-shell{min-height:100vh;display:flex;flex-direction:column}.main-shell__header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf4db;border-bottom:1px solid var(--border)}.main-shell__inner,.page{width:min(1120px,calc(100% - 32px));margin:0 auto}.main-shell__nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}.brand{display:flex;flex-direction:column;gap:2px}.brand__mark{font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.brand__name{font-size:1.28rem;font-weight:700;letter-spacing:.02em}.nav-links{display:flex;flex-wrap:wrap;gap:10px}.nav-link{padding:10px 14px;border-radius:999px;color:var(--text-soft);transition:.16s ease}.nav-link:hover,.router-link-active.nav-link{color:var(--accent-deep);background:var(--accent-soft)}.main-shell__actions{display:flex;align-items:center;gap:12px}.main-shell__content{flex:1;padding:26px 0 64px}.main-shell__footer{border-top:1px solid var(--border);padding:22px 0 40px;color:var(--text-soft)}.admin-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);background:radial-gradient(circle at top left,rgba(15,91,120,.16),transparent 20%),linear-gradient(180deg,#f3f6fb,#edf2f8)}.admin-drawer-toggle,.admin-drawer-backdrop{display:none}.admin-shell__sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:28px 22px;background:#101827f0;color:#f7f8fb;border-right:1px solid rgba(255,255,255,.08)}.admin-sidebar__top,.admin-sidebar__footer,.admin-sidebar__actions{display:flex;flex-direction:column;gap:14px}.admin-brand{display:flex;flex-direction:column;gap:4px}.admin-brand__eyebrow,.admin-shell__eyebrow{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffff9e}.admin-brand__name{font-size:1.4rem;font-weight:700}.admin-nav{display:flex;flex-direction:column;gap:10px}.admin-nav__link{padding:13px 14px;border-radius:14px;color:#ffffffbd;transition:.16s ease}.admin-nav__link:hover,.admin-nav__link--active{background:#d46f342e;color:#fff7f1}.admin-user-card{padding:18px;border-radius:var(--radius-lg);background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.admin-user-card strong{display:block;margin-top:10px;font-size:1.08rem}.admin-user-card p{margin:8px 0 0;color:#ffffffb8}.admin-shell__main{min-width:0;padding:28px 28px 48px}.admin-shell__header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.admin-shell__header-copy,.admin-shell__header-actions{display:flex;flex-direction:column;gap:10px}.admin-shell__title{margin:4px 0 0;font-size:clamp(1.9rem,2vw,2.6rem)}.admin-shell__content{width:min(1280px,100%)}.page{display:flex;flex-direction:column;gap:28px}.hero{overflow:hidden;display:grid;gap:24px;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);padding:34px;border-radius:var(--radius-xl);background:radial-gradient(circle at top right,rgba(237,131,69,.2),transparent 28%),linear-gradient(135deg,#fffffff5,#fcf0e0e6);border:1px solid rgba(212,111,52,.15);box-shadow:var(--shadow)}.hero--shop{position:relative;background:radial-gradient(circle at 85% 20%,rgba(15,91,120,.18),transparent 22%),radial-gradient(circle at 15% 10%,rgba(237,131,69,.24),transparent 28%),linear-gradient(135deg,#fff8f0fa,#f8f0e4f0)}.hero--catalog{background:radial-gradient(circle at top right,rgba(15,91,120,.16),transparent 28%),linear-gradient(135deg,#fffffff5,#f2e9ddeb)}.hero__eyebrow{display:inline-flex;margin-bottom:14px;padding:6px 10px;border-radius:999px;background:#0f5b7814;color:#0f5b78;font-size:.84rem;font-weight:700;letter-spacing:.04em}.hero h1,.page h1{margin:0;font-size:clamp(2rem,4vw,3.8rem);line-height:1.05}.hero p,.page-lead{margin:0;max-width:62ch;color:var(--text-soft);font-size:1.05rem}.hero__actions,.button-row{display:flex;flex-wrap:wrap;gap:12px}.hero__panel,.panel,.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.hero__panel{display:flex;flex-direction:column;gap:16px;padding:24px}.hero__panel--catalog{justify-content:space-between}.hero__panel strong{font-size:2.1rem;line-height:1}.hero__showcase{display:grid;gap:16px;align-content:stretch}.hero-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hero-stat,.hero-quote{border:1px solid rgba(31,37,51,.08);border-radius:var(--radius-lg);background:#ffffffad;box-shadow:var(--shadow)}.hero-stat{display:grid;gap:8px;padding:18px}.hero-stat span{color:var(--text-soft);font-size:.92rem}.hero-stat strong{font-size:1.9rem}.hero-quote{display:grid;gap:12px;padding:24px}.hero-quote h2{margin:0;font-size:2rem}.hero-quote p{margin:0;color:var(--text-soft)}.panel,.card{padding:24px}.section{display:flex;flex-direction:column;gap:18px}.section--compact{gap:10px}.section__header{display:flex;align-items:end;justify-content:space-between;gap:16px}.section__header h2{margin:0;font-size:1.45rem}.section__header p{margin:0;color:var(--text-soft)}.grid{display:grid;gap:18px}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.card h3,.panel h3{margin:0 0 10px;font-size:1.08rem}.card--spotlight{position:relative;overflow:hidden;background:linear-gradient(180deg,#fffffff0,#f8f4eedb)}.card--subtle{padding:20px;background:#ffffff8f;box-shadow:none}.muted{color:var(--text-soft)}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#0f5b7814;color:#0f5b78;font-size:.86rem;font-weight:600}.badge--accent{background:var(--accent-soft);color:var(--accent-deep)}.badge--danger{background:#c648481f;color:var(--danger)}.button,.button--ghost,.button--danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:999px;transition:.16s ease}.button{background:linear-gradient(135deg,#df7d3f,#b85828);color:#fff;box-shadow:0 10px 24px #d46f343d}.button:hover{transform:translateY(-1px);box-shadow:0 14px 30px #d46f3447}.button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.button--ghost{border-color:var(--border-strong);background:#ffffff80;color:var(--text-main)}.button--ghost:hover,.button--danger:hover{border-color:#d46f3459;background:#ffffffe6}.button--danger{border-color:#c6484840;background:#c6484814;color:var(--danger)}.meta-row,.inline-list{display:flex;flex-wrap:wrap;gap:10px}.product-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.product-card{display:flex;flex-direction:column;gap:16px}.product-card__media{min-height:180px;border-radius:var(--radius-md);background:radial-gradient(circle at top left,rgba(255,255,255,.95),transparent 32%),linear-gradient(135deg,#0f5b783d,#df7d3f47);border:1px solid rgba(15,91,120,.1);background-size:cover;background-position:center;overflow:hidden;display:flex;align-items:end;padding:16px}.product-card__footer,.summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-card__footer--stacked{align-items:end}.product-card__placeholder{display:inline-flex;max-width:14ch;padding:10px 12px;border-radius:14px;background:#ffffffd1;color:var(--accent-deep);font-weight:700;line-height:1.35}.product-card__placeholder--large{max-width:18ch;font-size:1.15rem}.product-card__slug{margin:6px 0 0}.product-card--featured .product-card__media{min-height:220px}.price{font-size:1.4rem;font-weight:800}.form{display:grid;gap:16px}.form__group{display:grid;gap:8px}.form__group label{font-weight:700}.checkbox-row{display:flex;align-items:center;gap:10px}.input,.textarea{width:100%;padding:12px 14px;border:1px solid var(--border-strong);border-radius:14px;background:#ffffffd9;color:var(--text-main)}.input:focus,.textarea:focus{outline:2px solid rgba(212,111,52,.16);border-color:#d46f3473}.textarea{min-height:110px;resize:vertical}.notice{padding:16px 18px;border:1px solid rgba(15,91,120,.16);border-radius:var(--radius-md);background:#0f5b780f;color:#0f5b78}.notice--danger{border-color:#c6484833;background:#c6484814;color:var(--danger)}.list{display:grid;gap:14px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffffbf}.quantity-control{display:inline-flex;align-items:center;gap:10px;padding:6px;border-radius:999px;border:1px solid var(--border);background:#fff}.quantity-control button{width:32px;height:32px;border:0;border-radius:999px;background:var(--accent-soft);color:var(--accent-deep)}.pill-list{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}.pill-list li{padding:8px 12px;border-radius:999px;background:#1f25330f;color:var(--text-soft)}.pill-list--soft li{background:#ffffffb3;border:1px solid rgba(31,37,51,.08);color:var(--text-main)}.product-detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:24px}.product-detail__media{min-height:520px;border-radius:var(--radius-xl);border:1px solid rgba(15,91,120,.1);background:radial-gradient(circle at top left,rgba(255,255,255,.95),transparent 32%),linear-gradient(135deg,#0f5b783d,#df7d3f47);background-size:cover;background-position:center;display:flex;align-items:end;padding:28px;box-shadow:var(--shadow)}.product-detail__content{display:grid;gap:22px;align-content:start}.product-detail__price-row{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:6px;border-bottom:1px solid var(--border)}.product-detail__stock{font-size:1.2rem;font-weight:700}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:24px;align-items:start}.empty-state{display:grid;justify-items:start;gap:14px;text-align:left}.empty-state h2{margin:0;font-size:2rem}.cart-line{display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;padding:18px;border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffffb8}.cart-line__image{min-height:132px;height:100%}.cart-line__body{display:grid;gap:18px}.cart-line__header,.cart-line__footer{display:flex;align-items:start;justify-content:space-between;gap:16px}.order-summary{position:sticky;top:110px}.summary-row--strong{font-size:1.08rem;font-weight:700}.button-row--column{flex-direction:column}.button-row--column>*{width:100%}.notice--success{border-color:#0b8a6c33;background:#0b8a6c14;color:var(--success)}.auth-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:24px;align-items:stretch}.auth-hero{min-height:100%}.auth-card{display:grid;gap:18px;align-content:start}.auth-card__switch,.auth-card__meta{display:flex;flex-wrap:wrap;gap:12px}.order-card{display:grid;gap:18px}.order-card__totals{display:grid;gap:10px;padding:16px 18px;border-radius:var(--radius-md);background:#ffffff8c;border:1px solid var(--border)}.order-card__footer{display:flex;align-items:end;justify-content:space-between;gap:18px}.blog-card{display:grid;gap:14px;align-content:start}.blog-card__slug{color:var(--text-soft);font-size:.88rem;letter-spacing:.04em;text-transform:uppercase}@media (max-width: 960px){.hero,.grid--3,.grid--2,.product-detail,.checkout-layout,.auth-layout,.admin-layout{grid-template-columns:1fr}.main-shell__nav{flex-direction:column;align-items:flex-start}.main-shell__actions{width:100%;justify-content:space-between}.product-detail__media{min-height:360px}}@media (max-width: 640px){.main-shell__inner,.page{width:min(100% - 20px,1120px)}.hero,.panel,.card{padding:20px}.main-shell__content{padding-top:24px}.list-item{align-items:flex-start;flex-direction:column}.hero-stat-grid,.product-card__footer--stacked,.product-detail__price-row{display:grid;grid-template-columns:1fr}.product-card__footer,.summary-row,.cart-line,.cart-line__header,.cart-line__footer,.order-card__footer,.admin-product-row{align-items:flex-start;flex-direction:column}.cart-line,.admin-product-row{display:flex}.product-detail__media{min-height:280px;padding:20px}.order-summary{position:static}}.admin-module{display:grid;gap:14px;align-content:start}.admin-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:24px;align-items:start}.admin-product-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:18px;border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffffb8}.admin-product-row__media{min-height:150px}.admin-product-row__body{display:grid;gap:14px}.analytics-grid{display:grid;gap:18px}.analytics-grid--metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.analytics-grid--main,.analytics-grid--secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-card{display:grid;gap:10px;background:linear-gradient(180deg,#fffffff5,#f8f4eee0)}.analytics-card strong{font-size:1.85rem;line-height:1}.analytics-card--success{border-color:#0b8a6c2e;background:linear-gradient(180deg,#f5fffbfa,#e5f8f1e6)}.analytics-card--warning{border-color:#d46f3433;background:linear-gradient(180deg,#fffaf3fa,#fbefdfe6)}.analytics-panel{display:grid;gap:18px}.trend-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;align-items:end}.trend-chart__item{display:grid;gap:10px;justify-items:center}.trend-chart__bar-wrap{height:180px;width:100%;display:flex;align-items:end}.trend-chart__bar{width:100%;border-radius:18px 18px 8px 8px;background:linear-gradient(180deg,#df7d3f,#b85828);box-shadow:0 10px 22px #d46f3433}.payment-method-grid{display:grid;gap:12px}.payment-method-card{display:grid;gap:6px;padding:16px 18px;text-align:left;border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffffb8;transition:.16s ease}.payment-method-card:hover{border-color:#d46f3452;background:#ffffffeb}.payment-method-card--active{border-color:#d46f3466;background:#fff5ecf5;box-shadow:0 12px 26px #d46f341f}.admin-filter-bar{display:grid;gap:18px}.admin-filter-bar__grid{display:grid;gap:14px;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(160px,1fr))}@media (max-width: 960px){.admin-filter-bar__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell{grid-template-columns:1fr}.admin-drawer-toggle{position:sticky;top:0;z-index:32;display:flex;align-items:center;justify-content:center;width:calc(100% - 32px);margin:16px auto 0;padding:14px 18px;border:1px solid rgba(16,24,39,.08);border-radius:999px;background:#ffffffeb;box-shadow:0 10px 26px #1f253314;color:var(--text-main);font-weight:700;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;display:block;background:#0f172a5c}.admin-shell__sidebar{position:fixed;top:0;left:0;z-index:40;width:min(360px,88vw);height:100vh;padding:24px 20px;border-right:1px solid rgba(255,255,255,.08);border-bottom:0;transform:translate(-100%);transition:transform .18s ease;overflow-y:auto}.admin-shell__sidebar--open{transform:translate(0)}.admin-sidebar__top{gap:18px}.admin-nav,.admin-sidebar__footer{display:flex;flex-direction:column}.admin-sidebar__actions{flex-direction:column;align-self:stretch}.admin-shell__main{padding:18px 20px 40px}.analytics-grid--main,.analytics-grid--secondary{grid-template-columns:1fr}}@media (max-width: 640px){.admin-filter-bar__grid{grid-template-columns:1fr}.admin-drawer-toggle{width:calc(100% - 24px);margin-top:12px;padding:13px 16px}.admin-shell__header{flex-direction:column;align-items:flex-start}.admin-shell__header-actions,.admin-shell__header-actions>*{width:100%}.admin-sidebar__actions>*{width:100%}.admin-shell__main{padding:20px 16px 32px}.trend-chart{grid-template-columns:1fr}}.auth-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:20px}.auth-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#1118276b;cursor:pointer}.auth-modal__panel{position:relative;z-index:1;width:min(560px,100%);display:grid;gap:18px;padding:24px;background:#fffbf6fa}.auth-modal__header{display:flex;align-items:start;justify-content:space-between;gap:16px}.auth-modal__header h2{margin:10px 0 8px}