@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&display=swap');
:root{--ink:#183f43;--green:#17685e;--paper:#f7f8f4;--muted:#738382}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans TC',sans-serif}a{color:inherit;text-decoration:none}button,.button{display:inline-block;border:0;border-radius:9px;background:var(--green);color:white;padding:14px 22px;font:inherit;font-weight:600;cursor:pointer;text-align:center}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e0a447;outline-offset:4px}.top{padding:22px 6%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e1e8e3}.brand{font-size:22px;font-weight:700;display:flex;align-items:center;gap:12px}.brand small{font-size:10px;letter-spacing:2px;color:var(--muted)}.mark{font-size:32px;color:var(--green)}nav{display:flex;gap:24px;font-size:14px}.mode{text-align:center;padding:9px;background:#e7ede5;letter-spacing:1px;font-size:11px}.mode span{margin-left:14px;letter-spacing:0}main{max-width:1180px;margin:auto;padding:0 40px 60px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:440px;gap:50px}.eyebrow{letter-spacing:2px;font-size:11px;color:var(--green);margin-top:32px}h1{font-size:46px;line-height:1.35;letter-spacing:1px;margin:18px 0}h2{font-size:24px;margin:8px 0}h3{font-size:25px;margin:16px 0 8px}h3 span{font-size:16px;font-weight:400}.lead{color:#607674;line-height:1.9;font-size:16px}.muted{color:var(--muted);font-size:14px;line-height:1.8}.chips{display:flex;gap:12px;font-size:12px;margin-top:25px}.chips span{padding:8px 12px;background:white;border-radius:25px}.hero-art{background:#e3eee5;border-radius:130px 130px 30px 30px;min-height:325px;display:grid;place-items:center;position:relative}.washer{width:210px;background:linear-gradient(110deg,#f8f9f9,#d5dcd9);padding:18px 20px 13px;border-radius:12px;box-shadow:12px 18px 30px #23473825;border:1px solid #fff}.controls{font-size:12px;font-weight:700;display:flex;justify-content:space-between}.controls span{color:#59756b}.drum{border:12px solid #a9b8b2;border-radius:50%;height:156px;margin-top:15px;background:#284847;display:grid;place-items:center;box-shadow:inset 0 0 0 5px #637b72}.drum div{font-size:70px;color:#97c1b4}.machine-label{text-align:center;font-size:7px;letter-spacing:2px;margin-top:12px}.float-label{position:absolute;bottom:3px;right:-10px;background:white;padding:13px 20px;border-radius:8px;box-shadow:0 8px 24px #1d403315;font-size:13px}.section-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dce4de;padding-top:20px}.badge,.tag{padding:7px 12px;font-size:12px;background:#e7efe8;border-radius:20px}.login-strip{margin:24px 0;padding:20px 24px;background:#ecf1e9;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:20px}.login-strip p{font-size:13px;color:var(--muted);margin-bottom:0}.device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:25px 0}.device-card,.panel{background:#fff;border:1px solid #e1e7df;border-radius:16px;padding:26px}.card-top{display:flex;justify-content:space-between;align-items:center}.status{color:#23735d;font-size:13px}.waiting{color:#ad752b}.mini-washer{width:100px;height:110px;border-radius:8px;background:#e7ece8;margin:25px auto;display:grid;place-items:center;border-bottom:7px solid #c9d5cc}.mini-washer div{border:8px solid #9fb6aa;width:70px;height:70px;border-radius:50%;background:#48655e}.price{font-size:26px;margin:18px 0}.price small{font-size:12px;color:var(--muted)}.device-card .button{width:100%}.developer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dce4de;padding-top:20px;font-size:12px;color:var(--muted)}.quiet{background:transparent;color:var(--green);font-size:13px;padding:12px}.back{display:block;font-size:13px;margin-top:28px}.narrow{max-width:650px;margin-top:30px}.course{display:flex;align-items:center;gap:16px;padding:20px 12px;border:1px solid #dce7df;border-radius:9px;margin:15px 0;cursor:pointer}.course:has(input:checked){background:#edf5ef;border-color:var(--green)}.course span{flex:1}.course small, .order-row small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.amount{font-size:38px;margin-bottom:20px}.amount small{display:block;font-size:13px;color:var(--muted)}.notice{background:#f6f1df;padding:18px;line-height:1.8;margin:20px 0;border-radius:10px}.timeline{padding-left:22px}.timeline li{padding:4px 0 15px 12px;border-left:1px solid #dce4de}.timeline small{color:var(--muted)}.timeline p{font-size:14px;line-height:1.7}.order-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid #e3e9e2}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.stats strong{display:block;font-size:36px;margin-top:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:17px 12px;border-bottom:1px solid #e3e9e2;font-size:14px}th{color:var(--muted);font-weight:500}footer{max-width:1100px;margin:0 auto;padding:25px 0;border-top:1px solid #dce4de;font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.alert{padding:16px;background:#fbe9dc;border-radius:8px;margin-top:20px}form{margin:0}@media(max-width:700px){main{padding:0 20px 40px}.top{padding:16px 20px;align-items:flex-start}.brand small{display:none}.brand{font-size:18px}nav{gap:12px;font-size:12px;flex-wrap:wrap;justify-content:flex-end;max-width:140px}.hero{grid-template-columns:1fr;gap:20px;padding-bottom:35px}.hero-art{min-height:270px;margin-top:10px}.washer{transform:scale(.85)}h1{font-size:32px}.device-grid,.two-col{grid-template-columns:1fr}.login-strip{align-items:stretch;flex-direction:column}.section-head{align-items:flex-start;gap:12px}.badge{white-space:nowrap;margin-top:32px}.stats{gap:10px}.stats .panel{padding:15px}.stats small{font-size:11px}.stats strong{font-size:28px}.order-row{flex-wrap:wrap}.mode{font-size:9px}.mode span{margin-left:5px}footer{margin:0 20px;gap:15px;flex-wrap:wrap}}

.review-form{margin:26px 0}.review-form form>label{display:block;margin:18px 0 8px}.review-form select,.review-form textarea{width:100%;padding:12px;border:1px solid #b8c9be;border-radius:8px;font:inherit;color:var(--ink);background:white}.review-form .verification{display:flex;gap:12px;align-items:flex-start}.errorlist{color:#9e3422;padding-left:22px}.audit-entry{padding:20px 0;border-bottom:1px solid #dce4de;overflow-wrap:anywhere}.audit-entry small{display:block;color:var(--muted);margin-top:8px}.audit-entry p{line-height:1.7}.order-id{overflow-wrap:anywhere}

.store-tabs{display:flex;flex-wrap:wrap;max-width:none;justify-content:flex-start;gap:10px;margin:24px 0;font-size:13px}.store-tabs a{padding:10px 14px;border:1px solid #cbd8ce;border-radius:24px}.store-tabs a[aria-current=page]{background:var(--green);color:white;border-color:var(--green)}

.read-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0}.observation-list div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #dce4de}.observation-list dd{margin:0;overflow-wrap:anywhere}.observation-list dt{color:var(--muted)}

.report-filters{display:flex;flex-wrap:wrap;gap:18px;align-items:end;margin:24px 0}.report-filters label{display:block;margin-bottom:8px}.report-filters input,.report-filters select{font:inherit;padding:10px;border:1px solid #cbd5cf;border-radius:8px;max-width:100%;background:white}.report-filters .errorlist{color:#9b3528;flex-basis:100%}.report-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.report-stats strong{font-size:26px}.report-issue{color:#9b3528;font-size:13px;margin:4px 0}@media(max-width:600px){.report-filters{display:block}.report-filters>div{margin-bottom:16px}.report-filters input,.report-filters select{width:100%}}
.review-form input:not([type=checkbox]):not([type=hidden]){width:100%;padding:12px;border:1px solid #b8c9be;border-radius:8px;font:inherit;color:var(--ink);background:white}
.monitor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:24px 0}.monitor-card h2{font-size:16px}.monitor-card strong{font-size:32px}.monitor-card small{display:block;color:var(--muted);margin-top:8px}.monitor-warning,.monitor-review{border-left:5px solid #ac7027}.monitor-waiting{border-left:5px solid #5f8b93}
.nav-logout{padding:0;background:none;color:var(--ink);font-size:inherit;font-weight:400}.top nav form{display:inline}