:root{color:#f7f1e8;background:#11111b;font-family:Microsoft JhengHei,Noto Sans TC,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:0}.app{min-height:100vh;display:grid;place-items:start center;padding:28px;background:radial-gradient(circle at top left,rgba(124,58,237,.18),transparent 34%),radial-gradient(circle at bottom right,rgba(249,115,22,.14),transparent 28%),#13131f}.toolWindow{width:min(430px,100%);overflow:hidden;border:1px solid #3d3d5a;border-radius:14px;box-shadow:0 24px 70px #0000008c;background:#1e1e2e}.windowHeader{display:flex;justify-content:space-between;gap:14px;padding:14px 16px;background:linear-gradient(135deg,#7c3aed,#5b21b6)}.windowHeader strong,.windowHeader span{display:block}.windowHeader strong{font-size:15px}.windowHeader span{margin-top:4px;color:#ddd6fe;font-size:11px}.windowDots{display:flex;gap:5px;padding-top:4px}.windowDots i{width:10px;height:10px;border-radius:999px}.windowDots i:nth-child(1){background:#fb7185}.windowDots i:nth-child(2){background:#fbbf24}.windowDots i:nth-child(3){background:#34d399}.tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#2d2d3f;border-bottom:1px solid #3d3d5a}.tabs button{height:38px;color:#a8a8bd;background:transparent;border-bottom:2px solid transparent;cursor:default;font-size:13px}.tabs button.active{color:#c4b5fd;background:#1e1e2e;border-bottom-color:#8b5cf6;font-weight:700}.body{padding:15px}.gridTop,.bottomGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field{display:grid;gap:5px;margin-top:9px}.field span{color:#a8a8bd;font-size:11px;font-weight:700}input,select,textarea{width:100%;color:#fff;background:#2d2d3f;border:1px solid #3d3d5a;border-radius:8px;outline:none}input,select{height:36px;padding:0 10px;font-size:12px}textarea{resize:vertical;min-height:58px;padding:8px 10px;font-size:12px;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #7c3aed2e}.shortcutInput,.searchLine{display:flex;align-items:center;gap:7px;background:#2d2d3f;border:1px solid #3d3d5a;border-radius:8px;padding:0 9px}.shortcutInput input,.searchLine input{border:0;padding:0}.searchLine button{height:27px;min-width:50px;color:#fff;background:#7c3aed;border-radius:6px;font-size:12px;cursor:pointer}.customerCard{display:grid;grid-template-columns:36px 1fr;gap:10px;margin-top:10px;padding:11px 12px;background:#2d2d3f;border:1px solid #a78bfa;border-radius:10px}.avatar{width:36px;height:36px;display:grid;place-items:center;background:#7c3aed;border-radius:50%;font-weight:800}.customerCard strong,.customerCard span{display:block}.customerCard strong{font-size:13px}.customerCard span,.lastRecord p,.lastRecord em,.hint,.status,.todayBox p,.todayBox a{color:#a8a8bd;font-size:11px;line-height:1.55}.lastRecord{margin-top:9px;padding:9px 11px;background:#7c3aed14;border:1px solid #3d3d5a;border-radius:8px}.lastRecord strong{color:#ddd6fe;font-size:12px}.lastRecord p{margin:5px 0 0}.lastRecord em{display:block;margin-top:4px;color:#fbbf24;font-style:normal}.platforms,.templateRow,.captureActions,.shotsRow{display:flex;flex-wrap:wrap;gap:6px}.platforms{margin-top:10px}.platforms button,.templateRow button{height:27px;padding:0 10px;color:#a8a8bd;background:transparent;border:1px solid #3d3d5a;border-radius:999px;font-size:11px;cursor:pointer}.platforms button.active{color:#fff;background:#f97316;border-color:#f97316}.captureActions{margin-top:11px}.greenButton,.blueButton,.purpleButton,.saveButton,.resetButton{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;color:#fff;font-weight:800;cursor:pointer}.greenButton,.blueButton,.purpleButton{height:36px;padding:0 12px;font-size:12px}.greenButton{background:#059669}.blueButton{position:relative;background:#2563eb}.blueButton input{display:none}.purpleButton{flex:1;background:#7c3aed}button:disabled{cursor:not-allowed;opacity:.55}.shotsRow{min-height:52px;margin-top:8px}.shotThumb{position:relative;width:75px;height:52px;overflow:hidden;border:1px solid #059669;border-radius:7px;background:#0f3a28}.shotThumb img{width:100%;height:100%;object-fit:cover;opacity:.82}.shotThumb span{position:absolute;left:5px;bottom:4px;color:#d1fae5;font-size:10px;font-weight:800}.shotThumb button{position:absolute;top:3px;right:3px;width:19px;height:19px;display:grid;place-items:center;color:#fff;background:#11111bc7;border-radius:50%;cursor:pointer}.emptyShot{min-height:52px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;color:#64748b;background:#272738;border:1px dashed #3d3d5a;border-radius:8px;font-size:11px}.hint{margin:5px 0 0;color:#6b7280}.status{min-height:18px;margin:3px 0 0;color:#f59e0b}.templateRow{margin-top:7px}.notifyToggle{display:inline-flex;align-items:center;gap:7px;margin-top:9px;color:#ddd6fe;font-size:11px}.notifyToggle input{width:auto;height:auto}.pagePreview{display:flex;align-items:center;gap:6px;margin-top:10px;padding:8px 10px;color:#c4b5fd;background:#2d2d3f;border:1px solid #5b21b6;border-radius:8px;font-size:11px}.saveButton{width:100%;height:42px;margin-top:10px;background:#7c3aed;font-size:13px}.resetButton{width:100%;height:32px;margin-top:5px;color:#9ca3af;background:#2d2d3f;border:1px solid #3d3d5a;font-size:11px}.todayBox{margin-top:10px;padding:9px 10px;background:#191927;border:1px solid #33334d;border-radius:8px}.todayBox div{display:flex;align-items:center;gap:6px;color:#f7f1e8;font-size:12px;font-weight:800}.todayBox p{margin:5px 0 0}.todayBox a{display:block;margin-top:5px;color:#c4b5fd;text-decoration:none}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:520px){.app{padding:10px}.gridTop,.bottomGrid{grid-template-columns:1fr}}