a{color:inherit}.brand{font-weight:700;text-decoration:none}.nav a{margin-left:12px;text-decoration:none;padding:6px 8px;border-radius:8px}.btn{padding:8px 10px;border:1px solid var(--border);background:#fff;border-radius:10px;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.card{border:1px solid var(--border);border-radius:16px;padding:16px}.danger{color:var(--danger);font-weight:700}.qty-input{width:72px;padding:8px 10px;border:1px solid var(--border);border-radius:12px}:focus-visible{outline:3px solid #000;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:8px;padding:8px 12px;background:#000;color:#fff;z-index:1000;border-radius:8px;text-decoration:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:2000}.modal{position:relative;background:#fff;border-radius:16px;width:min(900px,92vw);padding:12px}.modal-img{width:100%;height:min(70vh,640px);object-fit:contain;background:#f6f6f6;border-radius:12px;display:block}.modal-close{position:absolute;top:8px;right:8px;border:1px solid var(--border);background:#fff;border-radius:10px;padding:6px 8px;cursor:pointer}.thumb-btn,button.thumb-btn{width:200px;height:200px;border:1px solid var(--border);border-radius:12px;background:#f6f6f6;padding:6px;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.thumb-btn img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important}.thumb-btn img.thumb,.thumb-btn img.thumb--contain{object-fit:contain!important}.thumb-btn img.thumb--cover{object-fit:cover!important}.product-title{font-weight:700;text-decoration:none;line-height:1.35;font-size:1.05rem}@media (max-width: 640px){.product-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.muted{opacity:.8}.result-hero{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:16px;background:#fbfbfb;margin-bottom:12px}.result-icon{font-size:28px;line-height:1}.result-box{border:1px solid var(--border);border-radius:16px;padding:12px;background:#fff;margin:12px 0}.steps{padding-left:18px}.cta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.btn-ghost{background:transparent;border:1px solid var(--border)}.ok{margin-top:8px;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:#fbfbfb}.product-desc{line-height:1.6}.product-desc p{margin:.6em 0}.product-desc ul{padding-left:1.2em}.form{display:grid;grid-template-columns:1fr;gap:16px;max-width:400px}.form label{display:flex;flex-direction:column;font-weight:600}.form input{padding:8px;margin-top:4px;border:1px solid #ccc;border-radius:4px}.item-info{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.item-info span{white-space:nowrap;font-weight:500}.price{color:#000093}.subtotal{color:#d93025;font-weight:700}.stock{color:#3c3c3c}.stock-out{color:#d93025;font-weight:700}.remain{color:#188038;font-weight:600}:root{--container: 980px;--bg: #FFF4C1;--text: #111;--border: #ddd;--danger: #b00020;--accent: #2563eb;--accent-hi: #60a5fa;--accent-dark: #1d4ed8;--btn-text: #fff;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--shadow-card: 0 1px 0 rgba(0,0,0,.04), 0 8px 20px rgba(0,0,0,.08);--shadow-btn: 0 6px 0 rgba(0,0,0,.22), 0 12px 22px rgba(0,0,0,.18);--shadow-btn-hover: 0 7px 0 rgba(0,0,0,.22), 0 16px 28px rgba(0,0,0,.22);--shadow-btn-press: 0 2px 0 rgba(0,0,0,.22), 0 6px 14px rgba(0,0,0,.16);--press-y: 4px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial,Noto Sans TC,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}.container{max-width:var(--container);margin:0 auto;padding:16px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.site-header{position:sticky;top:0;background:#ffed9799;border-bottom:1px solid var(--border);box-shadow:0 1px #0000000f;z-index:100;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:24px;color:#6f4e37;text-align:left;padding:12px 24px}.brand{font-weight:700;font-size:1.2rem}.nav a{margin-left:12px;padding:6px 8px;border-radius:var(--radius-sm)}.nav a.active{outline:2px solid #000}.site-footer{border-top:1px solid var(--border);margin-top:24px;padding:16px 0;text-align:center;color:#6f4e37}.card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;background:#fcfcfc;box-shadow:0 1px 2px #0000000a,0 6px 16px #0000000f}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(0,0,0,.15);border-radius:var(--radius-md);padding:12px 14px;background:linear-gradient(180deg,var(--accent-hi),var(--accent));color:var(--btn-text);font-weight:800;letter-spacing:.2px;box-shadow:var(--shadow-btn);cursor:pointer;transform:translateY(0);transition:transform .08s ease,box-shadow .18s ease,filter .18s ease}.btn:hover{box-shadow:var(--shadow-btn-hover);filter:saturate(1.05)}.btn:active{transform:translateY(var(--press-y));box-shadow:var(--shadow-btn-press);filter:saturate(.95)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-ghost{background:#fff;color:#111;border:1px solid var(--border);box-shadow:0 4px #0000001a,0 10px 18px #0000001a}.btn-danger{--accent: #dc2626;--accent-hi: #f87171}.qty{display:inline-flex;align-items:center;gap:8px;margin:8px 0}.qty-input{width:72px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-md)}.list-btn{width:100%;text-align:left;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;box-shadow:0 4px #0000001a;cursor:pointer}.list-btn:active{transform:translateY(3px)}.admin-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:16px}@media (max-width: 720px){.admin-grid{grid-template-columns:1fr}.btn{width:100%;padding:14px 16px;border-radius:var(--radius-lg)}}:focus{outline:none}:focus-visible{outline:3px solid #000;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;top:-40px;left:8px;padding:8px 12px;background:#000;color:#fff;border-radius:8px}.skip-link:focus{top:8px}.nav a{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;border-radius:12px;background:#f3f4f6;color:#111;font-weight:600;text-decoration:none;border:1px solid transparent;transition:background .18s ease,box-shadow .18s ease,border-color .18s ease}.nav a:hover{background:#e5e7eb}.nav a.active{background:#dbeafe;border-color:#93c5fd;box-shadow:inset 0 0 0 1px #93c5fd}.nav a:focus-visible{outline:3px solid #000;outline-offset:2px}@media (max-width: 720px){.nav a{padding:10px 14px;border-radius:14px}}.admin-scope{--accent: #f59e0b;--accent-hi: #fde68a;--accent-dark: #d97706;--btn-text: #3b2f00}.admin-scope h1,.admin-scope h2{color:#92400e}.admin-scope .card{background:#fffaf0}.nav-cart{display:inline-flex;align-items:center;gap:6px}.cart-badge{min-width:24px;height:24px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;background:radial-gradient(circle at top,#4ade80,#16a34a);border-radius:999px;box-shadow:0 2px #00000040,0 6px 12px #00000040;transform:translateY(-1px)}.nav a:hover .cart-badge{transform:translateY(-2px) scale(1.05)}.nav a:active .cart-badge{transform:translateY(0);box-shadow:0 1px #00000040,0 3px 6px #00000040}@media (max-width: 720px){.cart-badge{min-width:24px;height:24px;font-size:14px}}.admin-scope .admin-grid{gap:16px}@media (max-width: 720px){.admin-scope .admin-grid{grid-template-columns:1fr!important;gap:14px}.admin-scope .admin-grid>section{border:1px solid var(--border);border-radius:var(--radius-lg, 18px);padding:14px;background:#fff;box-shadow:var(--shadow-card, 0 1px 0 rgba(0,0,0,.04), 0 8px 20px rgba(0,0,0,.08))}.admin-scope .admin-grid button.btn{width:100%}.admin-scope .admin-grid .list-btn{padding:14px;border-radius:16px}.admin-scope .admin-grid p,.admin-scope .admin-grid li{overflow-wrap:anywhere;word-break:break-word}.admin-scope .admin-grid ul{padding-left:18px;margin:10px 0 0}.admin-scope .admin-grid li{margin:8px 0}.admin-scope .admin-grid hr{border:0;border-top:1px solid var(--border);margin:12px 0}}.admin-scope .btn-secondary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-md, 14px);padding:12px 14px;background:linear-gradient(180deg,#eef2ff,#e0e7ff);color:#1e3a8a;font-weight:700;border:1px solid #c7d2fe;box-shadow:0 4px #0000002e,0 10px 18px #00000024;cursor:pointer;transition:transform .08s ease,box-shadow .18s ease}.admin-scope .btn-secondary:hover{filter:saturate(1.05)}.admin-scope .btn-secondary:active{transform:translateY(3px);box-shadow:0 2px #0000002e,0 6px 12px #00000024}.admin-scope .btn-danger{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:12px 14px;border-radius:var(--radius-md, 14px);font-weight:700;font-size:inherit;display:inline-flex;align-items:center;justify-content:center;gap:4px;background:linear-gradient(180deg,#fee2e2,#fecaca);color:#7f1d1d;border:1px solid #fca5a5;box-shadow:0 4px #0000002e,0 10px 18px #00000024;cursor:pointer;transition:transform .08s ease,box-shadow .18s ease,filter .18s ease}.admin-scope .btn-danger:hover{filter:saturate(1.05)}.admin-scope .btn-danger:active{transform:translateY(3px);box-shadow:0 2px #0000002e,0 6px 12px #00000024}.admin-scope .btn-secondary.is-on{background:linear-gradient(180deg,#dbeafe,#bfdbfe);border-color:#93c5fd;color:#1e3a8a}.admin-scope .btn-secondary.is-off{background:linear-gradient(180deg,#f3f4f6,#e5e7eb);border-color:#d1d5db;color:#374151;opacity:.92}.admin-scope .btn-success{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:12px 14px;border-radius:var(--radius-md, 14px);font-weight:700;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#dcfce7,#bbf7d0);color:#14532d;border:1px solid #86efac;box-shadow:0 4px #0000002e,0 10px 18px #00000024;cursor:pointer;transition:transform .08s ease,box-shadow .18s ease}.admin-scope .btn-success:active{transform:translateY(3px);box-shadow:0 2px #0000002e,0 6px 12px #00000024}.admin-scope .btn-success:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-scope .btn-muted{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:12px 14px;border-radius:var(--radius-md, 14px);font-weight:600;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f3f4f6,#e5e7eb);color:#374151;border:1px solid #d1d5db;box-shadow:0 3px #00000024,0 8px 14px #0000001f;cursor:pointer;transition:transform .08s ease,box-shadow .18s ease}.admin-scope .btn-muted:active{transform:translateY(2px);box-shadow:0 2px #00000024,0 5px 10px #0000001f}.stock-info{display:flex;flex-direction:column;gap:6px;font-size:inherit;line-height:1.5}.stock-info .stock{color:#374151;font-weight:600}.stock-info .picked{color:#2563eb;font-weight:600}.stock-info .remain{color:#15803d;font-weight:700}.stock-info .stock-out{color:#b91c1c;font-weight:700}@media (min-width: 640px){.stock-info{flex-direction:row;flex-wrap:wrap;gap:8px 16px;align-items:baseline}}@media (max-width: 720px){.cta-row{flex-direction:column;align-items:stretch;gap:10px}.cta-row .btn,.cta-row button.btn{width:100%}}@media (max-width: 720px){.card .row-between{flex-direction:column;align-items:stretch}}.product-meta{display:flex;flex-direction:column;gap:8px}.product-meta .price{font-size:1.125rem;font-weight:600;margin:0}.product-meta .stock-info{gap:4px}@media (min-width: 900px){h1.product-title{font-size:1.55rem}}@media (min-width: 640px){.product-meta .stock-info{flex-direction:row;gap:12px 16px}}.pc-title-row{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:baseline}.pc-title{font-weight:700;font-size:1.05rem;line-height:1.35}h1.product-title{margin:0 0 8px;font-weight:700;line-height:1.3;font-size:1.4rem}h1.product-title .pc-price{font-size:.98rem;opacity:.85;white-space:nowrap}@media (max-width: 640px){h1.product-title .pc-title-row{flex-direction:column;align-items:flex-start;gap:2px}h1.product-title .pc-price{white-space:normal}}@media (max-width: 640px){h1.product-title{font-size:1.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.pl-row{display:flex;gap:12px;align-items:flex-start}.pl-text{flex:1;min-width:0}@media (max-width: 640px){.pl-row{flex-direction:column;align-items:stretch}.thumb-btn,button.thumb-btn{width:160px;height:160px;align-self:center}}.home-hero{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center;padding:2rem 0}.home-hero__img{width:100%;max-width:420px;border-radius:16px;display:block}.home-hero__content{max-width:520px}@media (min-width: 768px){.home-hero{flex-direction:row;align-items:center;text-align:left;gap:32px}.home-hero__img{max-width:420px;flex:0 0 420px}.home-hero__content{max-width:520px}}.home-hero h1{font-size:1.6rem;color:#642100;line-height:1.3;margin:0 0 .5em}.cart-title{margin:0 0 12px;font-weight:700;line-height:1.05;color:#000079;font-size:1.2rem}@media (max-width: 640px){.cart-title{font-size:1.2rem}}.checkout-title{margin:0 0 16px;font-weight:700;line-height:1.2;color:#000079;font-size:1.6rem}@media (max-width: 640px){.checkout-title{font-size:1.4rem}}.gate{max-width:520px;margin:24px auto;padding:18px}.gate__title{margin:0 0 10px;font-size:1.6rem;line-height:1.2}.gate__hint{margin:0 0 14px;opacity:.85}.gate__form{display:grid;gap:12px}.gate__field{display:grid;gap:8px}.gate__label{font-weight:600}.gate__input{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:10px;font-size:1rem}.gate__error{margin:0;padding:10px 12px;border:1px solid #e11;border-radius:10px}.gate__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.gate__actions .btn{padding:10px 14px;border-radius:12px}.gate__primary{font-weight:700}.gate__secondary{opacity:.9}.gate__footer{margin:4px 0 0;opacity:.85}@media (max-width: 480px){.gate{margin:16px auto;padding:16px}.gate__actions{flex-direction:column}.gate__actions .btn{width:100%}}.nav-actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;white-space:nowrap;border:1px solid rgba(0,0,0,.18);border-radius:999px;padding:10px 14px;box-shadow:0 1px 6px #0000001a;background:#ffffffeb;font-weight:700;font-size:1rem;line-height:1;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.nav-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #00000024;background:#fff}.nav-btn.active{border-color:#0000004d;box-shadow:0 3px 12px #0000002e}@media (max-width: 480px){.nav-actions{gap:6px}.nav-btn{padding:7px 10px;font-size:.92rem;box-shadow:0 1px 4px #0000001a}}.btn{display:inline-flex;align-items:center;justify-content:center}