:root{color-scheme:light dark;--bg: #f5f5f4;--card: #ffffff;--text: #1c1917;--muted: #57534e;--border: #d6d3d1;--primary: #1d4ed8;--primary-text: #ffffff;--danger: #b91c1c;--gold: #a16207}@media (prefers-color-scheme: dark){:root{--bg: #1c1917;--card: #292524;--text: #fafaf9;--muted: #d6d3d1;--border: #57534e;--primary: #60a5fa;--primary-text: #0c0a09;--danger: #fca5a5;--gold: #fcd34d}}*{box-sizing:border-box}html{font-size:18px}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Noto Sans TC,Microsoft JhengHei,sans-serif;line-height:1.6;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1{font-size:1.6rem;margin:0 0 .25rem}h2{font-size:1.25rem;margin:1.25rem 0 .75rem}.muted{color:var(--muted);font-size:.95rem}.page{max-width:1100px;margin:0 auto;padding:1rem}.center-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.25rem}.login-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:.5rem}label{font-weight:600;margin-top:.5rem}input{font-size:1rem;min-height:48px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text)}.btn{font-size:1rem;min-height:48px;padding:.5rem 1.1rem;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer}.btn.primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary);font-weight:700;margin-top:1rem}.btn:disabled{opacity:.6}.error{color:var(--danger);font-weight:600}.banner{text-align:center;padding:.75rem;margin:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 0}.badge{margin-left:.6rem;padding:.15rem .6rem;border-radius:999px;font-size:.85rem;border:1px solid var(--gold);color:var(--gold)}.grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.menu-card{text-align:left;display:flex;flex-direction:column;gap:.25rem;min-height:120px;color:var(--text);font:inherit}.menu-title{font-size:1.25rem;font-weight:700}.soon{margin-top:auto;font-size:.85rem;color:var(--gold)}code{background:var(--bg);padding:.1rem .35rem;border-radius:6px}a{color:inherit;text-decoration:none}a.btn{display:inline-flex;align-items:center;justify-content:center}a.card{display:block}.btn.block{display:flex;width:100%;margin-top:.75rem;align-items:center;justify-content:center}.btn.primary{text-align:center}.btn.danger{color:var(--danger);border-color:var(--danger);margin-top:1rem}.bar-title{flex:1;text-align:center;font-size:1.1rem}.bar-right{min-width:88px;display:flex;justify-content:flex-end}.bar-right .btn.primary{margin-top:0}.center{text-align:center}.ok{color:#15803d;font-weight:600}@media (prefers-color-scheme: dark){.ok{color:#86efac}}select,textarea{font-size:1rem;min-height:48px;padding:.5rem .75rem;width:100%;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-family:inherit}input{width:100%}.toolbar{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.5rem}.row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.search{font-size:1.05rem}.grid-products{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:1rem}@media (min-width: 700px){.grid-products{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}.product-card{padding:0;overflow:hidden}.thumb{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;background:var(--bg)}.no-photo{display:flex;align-items:center;justify-content:center;color:var(--muted);background:var(--bg)}.pc-body{padding:.7rem;display:flex;flex-direction:column;gap:.15rem}.pc-name{font-weight:700;line-height:1.3}.pc-price{font-weight:700}.status{display:inline-block;padding:.1rem .6rem;border-radius:999px;font-size:.85rem;font-weight:700;width:fit-content}.st-in{background:#dcfce7;color:#166534}.st-res{background:#fef3c7;color:#92400e}.st-sold{background:#e7e5e4;color:#44403c}.st-loan{background:#dbeafe;color:#1e40af}.detail-grid{display:grid;gap:1rem}@media (min-width: 900px){.detail-grid{grid-template-columns:1.1fr 1fr;align-items:start}}.main-photo{position:relative;width:100%;aspect-ratio:1 / 1;border:1px solid var(--border);border-radius:14px;padding:0;background:var(--card);overflow:hidden;cursor:zoom-in;display:flex;align-items:center;justify-content:center}.main-photo img{width:100%;height:100%;object-fit:contain}.zoom-tip{position:absolute;right:.6rem;bottom:.6rem;background:#000000a6;color:#fff;font-size:.85rem;padding:.25rem .6rem;border-radius:999px}.strip{display:flex;gap:.5rem;overflow-x:auto;padding:.6rem 0}.strip-item{flex:0 0 72px;height:72px;padding:0;border:2px solid var(--border);border-radius:10px;overflow:hidden;background:var(--card);cursor:pointer}.strip-item.on{border-color:var(--primary)}.strip-item img{width:100%;height:100%;object-fit:cover;display:block}.info{display:grid;grid-template-columns:8.5rem 1fr;gap:.35rem .75rem;margin:1rem 0}.info dt{color:var(--muted)}.info dd{margin:0;word-break:break-word}.info .big{font-size:1.3rem;font-weight:700}.form{display:flex;flex-direction:column;gap:.4rem;max-width:720px;margin:0 auto}.form .btn.block{margin-top:.5rem}.two{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.row-select{display:grid;grid-template-columns:1fr auto;gap:.5rem}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem}.ph-tile{position:relative;border:2px solid var(--border);border-radius:12px;overflow:hidden;background:var(--bg)}.ph-tile.new{border-style:dashed;border-color:var(--primary)}.ph-tile img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.cover-tag{position:absolute;top:.3rem;left:.3rem;background:var(--gold);color:#fff;font-size:.8rem;padding:.05rem .5rem;border-radius:999px}.ph-btns{display:grid;grid-template-columns:repeat(3,1fr)}.ph-btns button{min-height:44px;border:0;border-top:1px solid var(--border);background:var(--card);color:var(--text);font-size:1rem;cursor:pointer}.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000f2;display:flex;flex-direction:column}.lb-stage{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.lb-stage img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .05s linear;-webkit-user-drag:none;pointer-events:none}.lb-close{position:absolute;top:calc(env(safe-area-inset-top) + .75rem);right:.75rem;background:#ffffff26;color:#fff;border-color:#fff6}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;min-height:64px;font-size:2rem;background:#ffffff26;color:#fff;border-color:#fff6;padding:0}.lb-prev{left:.5rem}.lb-next{right:.5rem}.lb-count{position:absolute;top:calc(env(safe-area-inset-top) + 1.1rem);left:1rem;color:#fff}.lb-hint{position:absolute;bottom:calc(env(safe-area-inset-bottom) + .75rem);width:100%;text-align:center;color:#ffffffb3;font-size:.9rem;pointer-events:none}.row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.ss-single{display:grid;grid-template-columns:1fr auto;gap:.5rem}.ss-trigger{display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-height:48px;padding:.5rem .75rem;font-size:1rem;text-align:left;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);cursor:pointer;font-family:inherit}.ss-multi{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.chip{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .2rem .2rem .75rem;border:1px solid var(--border);border-radius:999px;background:var(--bg)}.chip button{min-width:36px;min-height:36px;border:0;background:transparent;color:var(--muted);font-size:1rem;cursor:pointer}.ss-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--bg);display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + .75rem) .75rem calc(env(safe-area-inset-bottom) + .5rem);gap:.6rem}@media (min-width: 700px){.ss-sheet{inset:5vh calc(50% - 360px);border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 40px #00000059}}.ss-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.ss-head .btn.primary{margin-top:0}.ss-search{font-size:1.05rem}.ss-list{flex:1;overflow-y:auto;border:1px solid var(--border);border-radius:12px;background:var(--card)}.ss-item{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:.5rem 1rem;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.ss-item.on{background:color-mix(in srgb,var(--primary) 18%,transparent);font-weight:700}.ss-item.create{color:var(--primary);font-weight:700}.dims{display:grid;grid-template-columns:1fr auto 1fr auto 1fr 5.2rem;gap:.4rem;align-items:center}.dims span{color:var(--muted)}.spec-line{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice{border:1px solid var(--border);border-left-width:6px;border-radius:12px;padding:.75rem 1rem;margin:.5rem 0}.notice p{margin:.4rem 0}.notice.info{border-left-color:var(--primary)}.notice.warn{border-left-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent)}.notice.danger{border-left-color:#dc2626;background:color-mix(in srgb,#dc2626 12%,transparent)}.check{display:flex;align-items:flex-start;gap:.6rem;font-weight:700;min-height:48px;align-items:center}.check input{width:28px;min-height:28px;height:28px;flex:0 0 28px}.picked{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .9rem;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.picker{display:flex;flex-direction:column;gap:.5rem}.sale-product{display:flex;gap:.9rem;align-items:center}.sale-product img,.sp-ph{width:84px;height:84px;border-radius:10px;object-fit:cover;flex:0 0 84px}.list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.list-row{display:flex;flex-wrap:wrap;gap:.25rem .9rem;align-items:baseline}.sale-row{display:flex;flex-direction:column;gap:.2rem}.sr-top{display:flex;justify-content:space-between;gap:1rem}.sale-row .btn.danger{margin-top:.5rem;align-self:flex-start}@media (max-width: 520px){.dims{grid-template-columns:1fr auto 1fr auto 1fr}.dims select{grid-column:1 / -1}}.lp-row{display:grid;grid-template-columns:1fr auto auto;gap:.6rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border)}.lp-copies{display:flex;align-items:center;gap:.4rem;font-weight:400;margin:0}.lp-copies input{width:4.2rem;text-align:center}.label-sheet{display:flex;flex-wrap:wrap;gap:8px;zoom:3.2}.label{position:relative;background:#fff;color:#000;overflow:hidden;outline:.2px dashed #888;font-family:Arial,Microsoft JhengHei,PMingLiU,sans-serif}.label-text{position:absolute;display:flex;flex-direction:column;justify-content:center;gap:.15mm;overflow:hidden}.l-code{font-weight:700;line-height:1.05;white-space:nowrap}.l-name{line-height:1.1;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all}.l-price{font-weight:700;line-height:1.05;white-space:nowrap}.calib{position:absolute;font-size:6pt}.calib-box{position:absolute;top:0;right:0;bottom:0;left:0;border:.3mm solid #000}.calib-text{position:absolute;font-weight:700;line-height:1.2}.calib-l,.calib-r{position:absolute;top:50%;transform:translateY(-50%);font-weight:700}.calib-l{left:.6mm}.calib-r{right:.6mm}@media print{.no-print{display:none!important}html,body{background:#fff!important;margin:0!important;padding:0!important}.page{padding:0!important;max-width:none!important;margin:0!important}.label-sheet{display:block;zoom:1!important}.label{outline:none;break-after:page;page-break-after:always}.label:last-child{break-after:auto;page-break-after:auto}}.fold-guide{position:absolute;top:0;bottom:0;width:0;border-left:.2mm dashed #e11}@media (max-width: 560px){.label-sheet{zoom:2.2}}@media print{.fold-guide{display:none!important}}a.menu-card{display:flex;flex-direction:column;gap:.25rem}