:root{--primary:#268659;--text:#253d30;--text-muted:#6c8074;--border:#dce7df}*{box-sizing:border-box}body{margin:0;background:#f4f7f3;color:var(--text);font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;line-height:1.6}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #90c7ad;outline-offset:3px}[v-cloak]{display:none}.preview-top{height:76px;border-bottom:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2))}.brand{font-size:20px;font-weight:700;margin-right:16px}.badge{font-size:12px;color:#387559;background:#eef6ef;padding:6px 10px;border-radius:6px}.desktop-note{font-size:13px;color:var(--text-muted)}.preview-main{max-width:1160px;margin:auto;padding:36px 20px 28px}.intro h1{font-size:32px;margin:5px 0}.intro p{margin:8px 0 24px;color:var(--text-muted)}.eyebrow{font-size:11px;letter-spacing:2px;color:#4d8060;font-weight:650}.notice{background:#edf5ed;border:1px solid #d5e5d5;border-radius:10px;padding:16px 20px;margin:20px 0 26px;font-size:14px;line-height:1.8}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.layout>div{min-width:0}.section-number{font-size:14px;color:#93a99b}.ui-group-heading p{margin:4px 0}.ui-setting-group{padding:24px}.group-disabled{font-size:12px;color:#7c8177;background:#f5f6f2;border-radius:6px;padding:8px 12px}.preview-summary{padding:22px;background:#fff;border:1px solid var(--border);border-radius:12px;margin-bottom:18px}.preview-summary h2{font-size:17px;margin:8px 0 16px}.preview-summary p{font-size:13px}.preview-summary dt{font-size:12px;color:var(--text-muted);margin-top:18px}.preview-summary dd{font-size:14px;margin:4px 0;overflow-wrap:anywhere}.state-pill{padding:8px 10px;border-radius:6px;background:#eef6ef;color:#3f7851}.fine{color:var(--text-muted);font-size:12px!important;line-height:1.85}.btn{padding:10px 16px;border-radius:8px;font-size:14px;min-height:42px}.btn-outline{background:#fff;border:1px solid #c4d3c8;color:#355c43}.btn-primary{background:var(--primary);border:1px solid var(--primary);color:#fff}.actions{display:flex;gap:10px;flex-shrink:0}.ui-text-link{border:0;background:transparent;color:var(--primary);text-decoration:underline;padding:6px}.ui-spirit-picker{max-height:320px;overflow:auto}.ui-savebar{bottom:12px}.ui-switch{margin:0}.preview-summary dl{margin:0}.ui-inline{display:flex;gap:8px;flex-wrap:wrap}.ui-inline select{min-width:120px;flex:1}@media(max-width:800px){.layout{grid-template-columns:1fr}.layout aside{display:grid;grid-template-columns:1fr 1fr;gap:14px}.preview-top{padding:0 18px}.desktop-note{display:none}.preview-main{padding:24px 14px}.ui-setting-group{padding:20px}.intro h1{font-size:28px}.ui-savebar{flex-direction:column;align-items:stretch;padding:12px}.actions{justify-content:flex-end}.ui-savebar>span{font-size:12px}}@media(max-width:480px){.ui-fields,.ui-goods,.layout aside{grid-template-columns:1fr}.brand{font-size:18px}.ui-setting-group{padding:18px}.ui-good{padding:12px}}

.login-card{max-width:480px;margin:30px auto}.login-card label{display:block;margin:15px 0 5px}.login-card input{width:100%}.login-card button{margin-top:20px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toolbar .form-input{max-width:250px}.toolbar strong{margin-right:auto}.live-error{color:#9b382c;background:#fff0ed;padding:14px;border-radius:8px;overflow-wrap:anywhere}.live-log{padding:16px 0;border-bottom:1px solid var(--border);font-size:14px}.live-log small{color:var(--text-muted)}.live-log p{margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}.qr-image{display:block;width:240px;height:240px;max-width:100%;margin:16px auto}.log-controls{display:flex;gap:10px;flex-wrap:wrap}.live-status{padding:14px 0;font-size:14px}.tabs{margin:20px 0;display:flex;gap:10px}.tabs button.active{background:var(--primary);color:white}.live-login input{width:100%;margin:8px 0}.live-login{max-width:600px}.live-actions{display:flex;gap:10px;flex-wrap:wrap}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.info-grid div{background:#fff;padding:18px;border:1px solid var(--border);border-radius:10px}.info-grid strong{display:block;font-size:22px}.info-grid span{font-size:12px;color:var(--text-muted)}@media(max-width:480px){.info-grid{grid-template-columns:1fr}.toolbar strong{flex-basis:100%}}
.test-pages{flex-wrap:wrap}.test-pages button{font-size:14px}.info-grid strong{overflow-wrap:anywhere}@media(max-width:600px){.test-pages{gap:6px}.test-pages button{padding:8px 10px}.toolbar select{max-width:100%}}

.test-pages{flex-wrap:wrap}.test-pages button{font-size:14px}.info-grid strong{overflow-wrap:anywhere}@media(max-width:600px){.test-pages{gap:6px}.test-pages button{padding:8px 10px}.toolbar select{max-width:100%}}

.test-pages{flex-wrap:wrap}.test-pages button{font-size:14px}.info-grid strong{overflow-wrap:anywhere}@media(max-width:600px){.test-pages{gap:6px}.test-pages button{padding:8px 10px}.toolbar select{max-width:100%}}

.test-pages{flex-wrap:wrap}.test-pages button{font-size:14px}.info-grid strong{overflow-wrap:anywhere}@media(max-width:600px){.test-pages{gap:6px}.test-pages button{padding:8px 10px}.toolbar select{max-width:100%}}

.test-pages{flex-wrap:wrap}.test-pages button{font-size:14px}.info-grid strong{overflow-wrap:anywhere}@media(max-width:600px){.test-pages{gap:6px}.test-pages button{padding:8px 10px}.toolbar select{max-width:100%}}

.test-pages{flex-wrap:wrap}.test-pages button{font-size:14px}.info-grid strong{overflow-wrap:anywhere}@media(max-width:600px){.test-pages{gap:6px}.test-pages button{padding:8px 10px}.toolbar select{max-width:100%}}

.test-pages{flex-wrap:wrap}.test-pages button{font-size:14px}.info-grid strong{overflow-wrap:anywhere}@media(max-width:600px){.test-pages{gap:6px}.test-pages button{padding:8px 10px}.toolbar select{max-width:100%}}

.test-pages{flex-wrap:wrap}.test-pages button{font-size:14px}.info-grid strong{overflow-wrap:anywhere}@media(max-width:600px){.test-pages{gap:6px}.test-pages button{padding:8px 10px}.toolbar select{max-width:100%}}

.test-pages{flex-wrap:wrap}.test-pages button{font-size:14px}.info-grid strong{overflow-wrap:anywhere}@media(max-width:600px){.test-pages{gap:6px}.test-pages button{padding:8px 10px}.toolbar select{max-width:100%}}

.test-pages{flex-wrap:wrap}.test-pages button{font-size:14px}.info-grid strong{overflow-wrap:anywhere}@media(max-width:600px){.test-pages{gap:6px}.test-pages button{padding:8px 10px}.toolbar select{max-width:100%}}