:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#18342e;background:#f4f7f4;font-size:15px;line-height:1.6;--green:#176c50;--border:#dce5de}*{box-sizing:border-box}body{margin:0}header{height:76px;padding:0 5vw;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--border);background:#fff}.brand{font-size:24px;font-weight:800;text-decoration:none;color:var(--green)}.brand span{font-size:16px;font-weight:500;margin-left:12px}.tag{font-size:12px;color:var(--green);background:#e6f2e9;border-radius:20px;padding:4px 10px}.spacer{flex:1}main{max-width:1200px;margin:auto;padding:48px 28px;min-height:calc(100vh - 140px)}h1{font-size:38px;line-height:1.3;letter-spacing:-1px;margin:8px 0 14px}h2{font-size:22px;margin:0 0 18px}h3{margin:0 0 8px;font-size:20px}.muted{color:#6b7c75}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--green)}.auth{max-width:550px;margin:15px auto}.auth-card{margin-top:30px}.card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:0 4px 18px #1b473006}.tabs,nav{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}nav{padding:14px 0;border-bottom:1px solid var(--border)}nav a{padding:9px 14px;border-radius:9px;text-decoration:none;color:var(--green)}button{font:inherit;border:1px solid var(--border);background:#fff;color:inherit;padding:9px 15px;border-radius:9px;cursor:pointer;transition:.15s}button:hover{background:#edf5ee;border-color:#b5cbbb}button:disabled{opacity:.5;cursor:wait}.primary,.active{background:var(--green)!important;border-color:var(--green);color:#fff!important}.full{width:100%;margin-top:10px}.link{border:0;color:var(--green);padding:12px 0;background:none}.heading{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:20px}.shop-card{position:relative}.shop-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.badge{font-size:12px;background:#edf2ee;padding:4px 9px;border-radius:20px;white-space:nowrap}.badge.good{background:#dff3e6;color:#176c50}.badge.bad{background:#ffebe7;color:#a4432c}.shop-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.small{font-size:13px}.empty{text-align:center;grid-column:1/-1;padding:70px 24px;border:1px dashed #bfd1c4;border-radius:18px}.empty h2{margin:10px}.empty p{color:#6b7c75}label{display:block;font-size:14px;font-weight:600;margin:16px 0}input,textarea{display:block;width:100%;font:inherit;padding:12px 13px;border:1px solid #cddbd0;border-radius:8px;margin-top:7px;background:#fff;color:#18342e}input:focus,textarea:focus{outline:2px solid #8dc9aa;outline-offset:1px}input[type=checkbox]{display:inline;width:auto;margin:0 10px 0 0}.check{display:flex;align-items:center}.notice{padding:14px 18px;background:#fff6dc;border:1px solid #ead69e;border-radius:10px;margin:15px 0}dialog{width:min(1060px,95vw);max-height:93vh;border:1px solid var(--border);border-radius:18px;padding:24px;color:inherit}dialog::backdrop{background:#153c3266;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head button{font-size:24px;padding:0 12px}.dialog-head h2{margin:0}#remoteImage{display:block;width:100%;height:auto;background:#f4f4f4;border:1px solid var(--border);border-radius:8px;touch-action:none;user-select:none}.remote-controls{display:flex;gap:8px;align-items:center;margin-top:12px}.remote-controls input{margin:0;flex:1}.remote-controls button{white-space:nowrap}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto;background:#f5f7f5;padding:14px;font-size:12px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:90vw;padding:14px 24px;background:#153c32;color:#fff;border-radius:10px;box-shadow:0 8px 30px #0002;z-index:20}.record{border-bottom:1px solid var(--border);padding:16px 0}.user-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--border)}.user-row input{width:90px;margin:0}footer{text-align:center;color:#7e8d84;font-size:12px;padding:24px}[hidden]{display:none!important}#connectMessage,#authMessage{color:#a4432c}.shop-error{color:#a4432c;font-size:13px;min-height:20px;overflow-wrap:anywhere}@media(max-width:650px){header{padding:0 18px;gap:10px}.brand span{display:none}#userLabel{max-width:130px;overflow:hidden;font-size:12px}main{padding:30px 18px}h1{font-size:30px}.heading{gap:15px}.heading .primary{white-space:nowrap}.card{padding:20px}.remote-controls{flex-wrap:wrap}.remote-controls input{flex-basis:100%}dialog{padding:16px}.grid{grid-template-columns:1fr}}