:root{--ink:#25385b;--muted:#73809c;--accent:#6267e9;--line:#e6eaf4}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;background:linear-gradient(135deg,#f4f5ff,#eefaff 65%,#f8f2ff);min-height:100vh}button,input,select,textarea{font:inherit}button{border:0;border-radius:10px;padding:12px 18px;color:white;background:linear-gradient(110deg,#536ded,#886ae9);cursor:pointer;font-weight:600}button:disabled{opacity:.5;cursor:wait}input,select,textarea{width:100%;padding:12px;border-radius:9px;border:1px solid #d9dff0;background:white;color:var(--ink);margin-top:6px}input:focus,select:focus,textarea:focus{outline:3px solid #727be525}label{display:block;margin-bottom:17px;font-size:13px;color:#657391}h1{font-size:30px;margin:12px 0 22px}h2{font-size:19px;margin:0 0 20px}p{line-height:1.8}a{color:#6570d5}.muted{font-size:12px;color:var(--muted);line-height:1.8}.auth{max-width:1050px;margin:7vh auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:28px}.intro{padding:40px 10px}.intro h1{font-size:40px;line-height:1.5}.brand{font-weight:700;font-size:20px;letter-spacing:1px}.eyebrow{font-size:11px;letter-spacing:3px;color:#8992b8}.card{padding:26px;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 5px 22px #53639008;margin-bottom:20px}.auth .card{padding:35px}.tabs{display:flex;gap:8px;margin:0 0 24px}.secondary{background:#edf0ff;color:#5967ad}.danger{background:#fff0ed;color:#b24d47}.full{width:100%}.error{color:#b04747;background:#fff0ef;padding:12px;border-radius:9px;margin:12px 0}.success{color:#178775;background:#e8f9f2;padding:14px;border-radius:10px}.sidebar{width:214px;background:linear-gradient(155deg,#4559d8,#836ee8);color:white;position:fixed;inset:0 auto 0 0;padding:30px 20px}.sidebar nav{display:grid;gap:12px;margin-top:40px}.sidebar button{background:transparent;color:#f3f1ff;text-align:left}.sidebar button.active{background:#ffffff28}.sidebar .muted{color:#dddfff}.sidefoot{position:absolute;bottom:25px;font-size:12px;color:#dddfff}main{margin-left:214px;padding:32px;max-width:1650px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats .card{border-top:4px solid #818bee}.stats .card:nth-child(2){border-top-color:#e6b65d}.stats .card:nth-child(3){border-top-color:#4ac5b5}.stats .card:nth-child(4){border-top-color:#bb88e6}.metric{font-size:29px;font-weight:700;margin:14px 0;color:#5264ad}.badge{display:inline-block;padding:5px 9px;border-radius:20px;font-size:12px;background:#edf0ff;color:#6574bd}.warn{background:#fff1d9;color:#9e7227}.live{background:linear-gradient(110deg,#5275e8,#9785ed);color:white}.live .muted{color:#ecefff}.live button{background:white;color:#5b68b6}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.steps>div{padding:15px;background:#f3f5ff;border-radius:11px}.steps>div:nth-child(2){background:#edfaf8}.steps>div:nth-child(3){background:#fff8e9}.steps>div:nth-child(4){background:#faf0ff}.steps p{font-size:12px;color:var(--muted);margin:8px 0 0}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;background:#f5f7fd;color:#7c89a2;font-weight:500}td,th{padding:14px 10px;border-bottom:1px solid #edf0f7}td button{padding:8px 12px;font-size:12px}.empty{padding:35px;text-align:center;color:var(--muted)}dialog{border:0;border-radius:18px;width:900px;max-width:95vw;max-height:90vh;padding:28px;box-shadow:0 20px 80px #24365744}dialog::backdrop{background:#22335166}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.proof{max-width:100%;max-height:560px;object-fit:contain}.example{display:flex;gap:20px}.example img{height:220px;width:110px;object-fit:contain}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#41549e;color:white;padding:14px 24px;border-radius:10px;z-index:20}.hidden{display:none!important}.intro .orb{width:170px;height:170px;border-radius:45px;background:linear-gradient(140deg,#7092ff,#bd97ff);box-shadow:15px 20px 50px #97a3f555;display:grid;place-items:center;font-size:65px;color:white;margin:35px 0}.notice{padding:12px 16px;border-radius:10px;background:#eaf0ff;color:#66779e;margin-bottom:20px;line-height:1.8}.bar{height:6px;background:#edf1f9;border-radius:9px;margin-top:8px;width:130px}.bar i{height:6px;display:block;border-radius:9px;background:linear-gradient(90deg,#6585ed,#a685ef)}@media(max-width:900px){.auth{grid-template-columns:1fr;max-width:540px;margin:20px auto;gap:0}.intro{padding:10px}.intro h1{font-size:28px}.intro .orb{display:none}.sidebar{position:static;width:auto;padding:20px}.sidebar nav{display:flex;flex-wrap:wrap;margin:20px 0 0;gap:4px}.sidefoot{display:none}main{margin:0;padding:18px}.stats,.steps{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}header{align-items:flex-start}h1{font-size:24px}.card{padding:18px}}
/* 轻量改版：范例卡片完整预览，大图在页内打开。 */
.example{display:grid;grid-template-columns:minmax(180px,280px) 1fr;align-items:start;gap:28px;border:1px solid var(--line);background:#f7f9ff;border-radius:16px;padding:24px;margin:22px 0}.example-image{display:block;background:#e8edf7;border-radius:12px;padding:10px;cursor:zoom-in}.example img{display:block;height:auto;width:100%;max-height:560px;object-fit:contain}.guide-full-image{display:block;width:min(100%,640px);height:auto;margin:20px auto}.demo-entry{display:block;padding:14px;background:#eaf8f6;color:#267b70;border:1px solid #c8e8e1;border-radius:10px;text-align:center;text-decoration:none;font-weight:600}.demo-notice{border-left:4px solid #e5ab41;background:#fff7e7;color:#796333}.account-demo{border-bottom:1px solid var(--line);padding:10px 0}header .row{max-width:420px}#storeSelect{width:auto;max-width:100%}@media(max-width:600px){.example{grid-template-columns:1fr;padding:16px;gap:18px}.example-image{max-width:320px;width:100%;margin:auto}.example img{max-height:480px}.example h2{margin-bottom:12px}header{flex-wrap:wrap}.steps{grid-template-columns:1fr 1fr}}