/* Product pages and workbench, scoped independently from existing admin tools. */
.site-resources{position:relative}.site-resources summary{cursor:pointer;color:var(--ink-dim);font-size:14px;white-space:nowrap}.site-resource-menu{position:absolute;right:0;top:32px;background:#fff;border:1px solid #dde3f4;border-radius:14px;padding:10px;box-shadow:0 16px 35px #16204722;min-width:165px;display:grid;gap:2px}.site-resource-menu a{display:block;padding:8px 12px;white-space:nowrap}.site-nav{height:auto;min-height:68px;padding-top:12px;padding-bottom:12px}.site-nav nav{gap:20px}.site-footer a{margin:0 4px}
.portal{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#202b49;line-height:1.8}.portal *{box-sizing:border-box}.portal h1,.portal h2,.portal h3,.portal p{margin-top:0}.portal h1{font-size:clamp(34px,5vw,58px);letter-spacing:-1px;line-height:1.23;font-weight:760;color:#202b49;background:none;-webkit-text-fill-color:initial;margin-bottom:22px}.portal h2{font-size:clamp(25px,3.5vw,34px);line-height:1.35;margin-bottom:14px}.portal h3{font-size:18px;line-height:1.5;margin-bottom:10px}.portal p{color:#65718b}.p-shell{max-width:1160px;margin:auto;padding:0 28px}.p-hero{padding:70px 0 42px}.p-kicker{text-transform:uppercase;letter-spacing:2px;color:#6370d3;font-size:12px;font-weight:700;margin-bottom:18px}.p-lead{font-size:17px;max-width:720px;line-height:1.95}.p-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:24px 0}.p-btn{display:inline-flex;align-items:center;justify-content:center;background:#465de1;color:#fff!important;padding:11px 20px;border-radius:10px;border:1px solid #465de1;cursor:pointer;font:inherit;font-size:14px;text-decoration:none;font-weight:600}.p-btn.secondary{background:#fff;color:#394b89!important;border-color:#d9e0f2}.p-btn:disabled{opacity:.5;cursor:not-allowed}.p-section{padding:46px 0;scroll-margin-top:110px}.p-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.p-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.p-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.p-card{background:#fff;border:1px solid #e0e5f1;border-radius:18px;padding:24px;min-width:0}.p-card p{font-size:14px;margin-bottom:12px}.p-card a{font-size:14px;font-weight:600}.p-tag{display:inline-block;font-size:11px;letter-spacing:.4px;color:#586ca0;background:#f0f4ff;border:1px solid #dce4fc;border-radius:20px;padding:3px 10px;margin-bottom:12px}.p-tag.warn{background:#fff8e9;color:#946b26;border-color:#ead9b0}.p-note{padding:16px 20px;border:1px solid #dce3f2;background:#eef3fc;border-radius:12px;font-size:13px;color:#5f6e88;line-height:1.85}.p-note.warn{background:#fff9ed;border-color:#ebdcbd;color:#8a652f}.p-strip{display:flex;flex-wrap:wrap;gap:10px;border:1px solid #dfe5f4;border-radius:14px;padding:18px 22px;background:#fff}.p-strip span{font-size:13px;color:#66728f}.p-strip b{color:#26355e}.p-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;counter-reset:flow}.p-flow>div{border-top:2px solid #929fec;background:#fff;padding:18px 14px;font-size:13px}.p-flow b{display:block;color:#26355e;margin-bottom:6px}.p-flow>div:before{counter-increment:flow;content:"0" counter(flow);display:block;color:#919bb7;font-size:12px;margin-bottom:10px}.p-dark{background:#111a32;border-radius:24px;color:#fff;padding:34px}.p-dark h2,.p-dark h3{color:#fff}.p-dark p{color:#b8c5e1}.p-dark .p-kicker{color:#9cbdff}.p-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:38px;align-items:center}.p-brain{width:100%;max-width:420px;margin:auto;display:block}.p-brain-caption{text-align:center;font-size:11px!important;color:#a9b7d5!important;margin-top:10px}.p-dark .p-btn.secondary{background:transparent;color:#c8d8ff!important;border-color:#4b5a7b}.p-list{padding-left:20px;font-size:14px;color:#61708d}.p-list li{margin:8px 0}.p-input,.p-select,.p-textarea{display:block;width:100%;border:1px solid #cfd7e9;border-radius:9px;padding:11px 12px;background:white;color:#253454;font:inherit;font-size:14px}.p-textarea{resize:vertical}.p-label{display:block;font-size:13px;font-weight:600;margin:15px 0 7px}.p-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.p-palette{max-height:600px;overflow:auto;display:grid;gap:10px;padding-right:4px}.p-brick{display:flex;gap:12px;align-items:start;border:1px solid #dfe5f3;border-radius:12px;padding:14px;background:#fff;cursor:pointer;font-size:14px}.p-brick:has(input:checked){border-color:#8495ed;background:#f4f6ff}.p-brick input{margin-top:6px;accent-color:#5368e3}.p-brick b{display:block}.p-brick small{display:block;color:#79859e;font-size:11px;overflow-wrap:anywhere}.p-brick p{font-size:12px;margin:4px 0 0}.p-workbench aside{position:sticky;top:95px}.p-selected{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.p-chip{border:1px solid #d4dcf3;border-radius:7px;background:#f4f6ff;padding:5px 9px;font-size:12px;color:#526794;overflow-wrap:anywhere}.p-checks{display:grid;gap:10px;font-size:13px}.p-checks>div{padding:12px 14px;border:1px solid #e1e7f4;border-radius:10px;background:#f8faff}.p-status{font-size:13px;color:#64748d;margin:14px 0;white-space:pre-wrap;overflow-wrap:anywhere}.p-status.error{color:#a34838}.p-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.p-tabs a{padding:7px 12px;background:#fff;border:1px solid #dce3f3;border-radius:8px;font-size:13px}.p-muted{font-size:12px;color:#7b87a2}.p-hidden{display:none!important}.p-preview{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;background:#f4f6fc;padding:15px;border-radius:10px;max-height:360px;overflow:auto}.portal button:focus-visible,.portal a:focus-visible,.portal input:focus-visible,.portal textarea:focus-visible,.portal select:focus-visible{outline:3px solid #91a1ff;outline-offset:3px}.p-route-heading{padding-top:35px}
@media(max-width:950px){.p-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.p-flow{grid-template-columns:repeat(3,1fr)}.site-nav{gap:12px}.site-nav nav{gap:10px 16px}.p-hero-grid{grid-template-columns:1fr 1fr;gap:20px}.p-workbench{grid-template-columns:1fr}.p-workbench aside{position:static}.p-palette{max-height:450px}}
@media(max-width:650px){.site-nav{flex-direction:column;align-items:flex-start;padding-top:10px;padding-bottom:10px}.site-nav nav{width:100%;justify-content:flex-start;margin-left:0;font-size:12px;gap:8px 16px}.site-resources summary{font-size:12px}.site-resource-menu{left:0;right:auto;top:25px;max-height:60vh;overflow:auto}.site-logo{font-size:17px}.p-shell{padding:0 20px}.p-hero{padding:40px 0 24px}.p-hero-grid{grid-template-columns:1fr}.p-grid,.p-grid.two{grid-template-columns:1fr}.p-grid.four{grid-template-columns:1fr 1fr}.p-flow{grid-template-columns:repeat(2,1fr)}.p-section{padding:30px 0}.p-card{padding:20px}.p-dark{padding:24px}.p-brain{max-width:300px}.p-actions{gap:9px}.p-btn{padding:10px 15px}.p-workbench{gap:16px}.p-brick{padding:12px}.p-section{scroll-margin-top:160px}}