*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f4f6f9;color:#172033;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit}code{padding:2px 6px;border-radius:4px;background:#eef2f7;color:#2156a5;font-size:.92em}.hub{max-width:1120px;margin:0 auto;padding:44px 24px 56px}.hub-header{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;margin-bottom:28px}.eyebrow{margin:0 0 10px;color:#1677ff;font-size:13px;font-weight:700}h1{margin:0;font-size:32px;line-height:1.2;letter-spacing:0}.hub-copy{max-width:680px;margin:14px 0 0;color:#687385;font-size:14px;line-height:1.8}.hub-count{min-width:138px;padding:18px;border:1px solid #dde4ee;border-radius:8px;background:#fff;text-align:center}.hub-count strong{display:block;font-size:30px;color:#1677ff}.hub-count span{color:#687385;font-size:13px}.demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.demo-card{min-height:260px;padding:20px;border:1px solid #dde4ee;border-radius:8px;background:#fff;display:flex;flex-direction:column;box-shadow:0 6px 18px #1720330a}.demo-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.status{display:inline-flex;align-items:center;width:fit-content;height:24px;padding:0 9px;border-radius:12px;font-size:12px;font-weight:700}.status-草稿{background:#f2f4f7;color:#667085}.status-评审中{background:#fff7e6;color:#ad6800}.status-已确认{background:#f6ffed;color:#237804}.status-废弃{background:#fff1f0;color:#a8071a}time{color:#8a94a6;font-size:12px}.demo-card h2{margin:0 0 8px;font-size:18px;line-height:1.35;letter-spacing:0}.prd{margin:0 0 12px;color:#1677ff;font-size:13px}.description{margin:0;color:#5e697b;font-size:13px;line-height:1.7}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.tags span{padding:3px 8px;border-radius:4px;background:#eef2f7;color:#526071;font-size:12px}.entry{height:34px;padding:0 14px;border-radius:5px;background:#1677ff;color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-top:auto;width:fit-content}.demo-shell{min-height:100vh;display:grid;grid-template-columns:300px minmax(0,1fr);background:#e9eef5}.demo-side{padding:24px;background:#fff;border-right:1px solid #dce3ed}.back-link{display:inline-flex;margin-bottom:24px;color:#526071;font-size:13px;text-decoration:none}.demo-side h1{margin-top:14px;font-size:22px}.demo-side p{color:#687385;font-size:13px;line-height:1.7}dl{margin:22px 0 0}dt{margin-top:14px;color:#8a94a6;font-size:12px}dd{margin:5px 0 0;color:#253047;font-size:13px}.demo-stage{min-width:0;min-height:100vh;padding:0}.demo-frame{display:block;width:100%;height:100vh;border:0;background:#fff}.empty-page{min-height:100vh;display:grid;place-content:center;gap:12px;text-align:center}.empty-page p{color:#687385}@media(max-width:820px){.hub{padding:28px 16px 40px}.hub-header{grid-template-columns:1fr}.hub-count{width:fit-content}.demo-shell{grid-template-columns:1fr}.demo-side{border-right:0;border-bottom:1px solid #dce3ed}.demo-frame{height:calc(100vh - 220px);min-height:640px}}