:root{--paper: #f6f2e9;--paper-2: #efe9da;--card: #fffdf8;--card-2: #faf6ec;--line: #e3dccb;--line-2: #d6cdb6;--forest: #33614a;--forest-d: #244a37;--forest-l: #4d7c61;--sage: #7d9b7e;--sage-l: #a9c2a3;--mint: #e4efe2;--mint-2: #d5e6d3;--sky: #4a7e9b;--sky-d: #36657f;--sky-l: #8fb6c9;--sky-tint: #e2edf1;--clay: #c8794f;--clay-l: #e0a583;--honey: #d8a23d;--ink: #262a22;--ink-2: #4f5546;--muted: #828772;--faint: #a8ac9b;--point: #4e9c57;--point-d: #3d7e45;--ok: #4e9c57;--warn: #d8a23d;--danger: #c25a4b;--info: #4a7e9b;--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 30px;--r-pill: 999px;--sh-sm: 0 1px 2px rgba(54,48,30,.06), 0 1px 3px rgba(54,48,30,.05);--sh-md: 0 4px 14px rgba(54,48,30,.08), 0 2px 5px rgba(54,48,30,.05);--sh-lg: 0 16px 40px rgba(40,52,36,.14), 0 4px 12px rgba(40,52,36,.07);--sh-pop: 0 24px 60px rgba(30,42,28,.22);--serif: "Noto Serif TC", Georgia, "Songti TC", serif;--sans: "Noto Sans TC", system-ui, -apple-system, "PingFang TC", sans-serif;--maxw: 1240px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh}.grain:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");mix-blend-mode:multiply}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--mint-2)}h1,h2,h3,h4{font-family:var(--serif);font-weight:600;margin:0;line-height:1.18;color:var(--ink);letter-spacing:.2px}p{margin:0;line-height:1.65}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.tnum{font-variant-numeric:tabular-nums}.eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--sage);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;padding:12px 22px;border-radius:var(--r-pill);transition:transform .12s ease,box-shadow .2s ease,background .2s ease,color .2s;white-space:nowrap;line-height:1}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:var(--forest);color:#fbfaf4;box-shadow:0 6px 16px #33614a47}.btn-primary:hover{background:var(--forest-d);box-shadow:0 10px 22px #33614a57}.btn-sky{background:var(--sky);color:#fff;box-shadow:0 6px 16px #4a7e9b47}.btn-sky:hover{background:var(--sky-d)}.btn-ghost{background:transparent;color:var(--forest);box-shadow:inset 0 0 0 1.5px var(--line-2)}.btn-ghost:hover{background:var(--card-2);box-shadow:inset 0 0 0 1.5px var(--sage-l)}.btn-soft{background:var(--mint);color:var(--forest-d)}.btn-soft:hover{background:var(--mint-2)}.btn-sm{padding:8px 15px;font-size:13.5px}.btn-lg{padding:15px 30px;font-size:16.5px}.btn-block{width:100%}.btn[disabled]{opacity:.45;pointer-events:none}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r-pill);font-size:13px;font-weight:600;background:var(--card);color:var(--ink-2);box-shadow:inset 0 0 0 1.4px var(--line);transition:.15s;cursor:pointer;white-space:nowrap}.chip:hover{box-shadow:inset 0 0 0 1.4px var(--sage-l);color:var(--forest)}.chip.on{background:var(--forest);color:#fbfaf4;box-shadow:none}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:700}.badge-mint{background:var(--mint);color:var(--forest-d)}.badge-sky{background:var(--sky-tint);color:var(--sky-d)}.badge-clay{background:#f6e4d8;color:#a85a32}.badge-honey{background:#f7eccf;color:#9a7414}.badge-danger{background:#f6ddd8;color:#a8412f}.badge-soft{background:var(--paper-2);color:var(--ink-2)}.points{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--point-d);font-variant-numeric:tabular-nums}.points .pdot{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--sage-l),var(--point));box-shadow:inset 0 0 0 2px #fff6;display:inline-flex;flex:0 0 auto}.points .pdot.lg{width:24px;height:24px}.points-suffix{font-size:.72em;font-weight:700;color:var(--point);margin-left:1px}.card{background:var(--card);border-radius:var(--r-md);box-shadow:var(--sh-sm);border:1px solid var(--line)}.card-pad{padding:22px}.field{display:block;margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:700;color:var(--ink-2);margin-bottom:7px}.input,.select,.textarea{width:100%;padding:12px 14px;border-radius:var(--r-sm);background:var(--card);border:1.5px solid var(--line-2);color:var(--ink);font-size:14.5px;transition:.15s;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--sage);box-shadow:0 0 0 3px #7d9b7e2e}.textarea{resize:vertical;min-height:90px;line-height:1.6}.input::placeholder{color:var(--faint)}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:12px 14px;border-bottom:1.5px solid var(--line);white-space:nowrap}.tbl td{padding:14px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr{transition:background .12s}.tbl tbody tr:hover{background:var(--card-2)}*::-webkit-scrollbar{width:11px;height:11px}*::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--sage);background-clip:content-box}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.fade-up{animation:fadeUp .5s cubic-bezier(.2,.7,.3,1) both}.fade-in{animation:fadeIn .4s ease both}.pop-in{animation:popIn .32s cubic-bezier(.2,.8,.3,1) both}.stagger>*{animation:fadeUp .5s cubic-bezier(.2,.7,.3,1) both}.stagger>*:nth-child(1){animation-delay:.03s}.stagger>*:nth-child(2){animation-delay:.08s}.stagger>*:nth-child(3){animation-delay:.13s}.stagger>*:nth-child(4){animation-delay:.18s}.stagger>*:nth-child(5){animation-delay:.23s}.stagger>*:nth-child(6){animation-delay:.28s}.stagger>*:nth-child(7){animation-delay:.33s}.stagger>*:nth-child(8){animation-delay:.38s}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:1080px){.prod-grid{grid-template-columns:repeat(3,1fr)!important}.news-grid{grid-template-columns:repeat(2,1fr)!important}.cat-strip{grid-template-columns:repeat(3,1fr)!important}.dash-stats{grid-template-columns:repeat(2,1fr)!important}.dash-charts,.points-steps{grid-template-columns:1fr!important}}@media(max-width:920px){.hero-split{grid-template-columns:1fr!important}.hero-art{display:none!important}.pd-grid{grid-template-columns:1fr!important;gap:28px!important}.cart-grid,.login-split{grid-template-columns:1fr!important}.login-art{display:none!important}.ov-grid,.profile-grid,.ship-grid{grid-template-columns:1fr!important}.ov-stats{grid-template-columns:repeat(3,1fr)!important}.foot-grid{grid-template-columns:1fr 1fr!important;gap:28px!important}.admin-side{position:fixed!important;left:0;top:0;z-index:40;transform:translate(-100%);transition:transform .24s ease}.admin-side.open{transform:none}.admin-burger{display:grid!important}.admin-main{margin-left:0!important}}@media(max-width:760px){.snav,.ssearch,.spoints{display:none!important}.smenu{display:grid!important}.sdrawer{display:block!important}.prod-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}.news-grid{grid-template-columns:1fr!important}.cat-strip{grid-template-columns:repeat(2,1fr)!important}.ov-stats,.ov-grid{grid-template-columns:1fr!important}.wrap{padding:0 16px!important}.acct-hero{flex-direction:column!important;align-items:flex-start!important}.foot-grid{grid-template-columns:1fr!important}.tbl-scroll{overflow-x:auto}}@media(max-width:480px){.dash-stats,.prod-grid,.ship-grid{grid-template-columns:1fr!important}}.admin-burger{display:none}.admin-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#22281c66;z-index:39}.reset-link{color:inherit;text-decoration:none}