.apbao-root{--apbao-brand:#7c3aed;--apbao-accent:#06b6d4;--apbao-radius:24px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;background:radial-gradient(circle at top left,color-mix(in srgb,var(--apbao-brand),transparent 55%),transparent 34%),#0f1220;padding:24px;border-radius:var(--apbao-radius)}
.apbao-root.light{color:#111827;background:#f7f7fb}.apbao-toolbar,.apbao-theme,.apbao-row,.apbao-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.apbao-toolbar{margin-bottom:14px}
.apbao-btn,.apbao-tools button,.apbao-area-tools button{border:0;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer;background:rgba(255,255,255,.14);color:inherit}.apbao-primary{background:linear-gradient(135deg,var(--apbao-brand),var(--apbao-accent))!important;color:#fff!important}
.apbao-theme{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:12px;border-radius:18px;margin-bottom:14px}.apbao-theme label{display:grid;gap:4px;font-size:12px;font-weight:800}
.apbao-hero{display:grid;grid-template-columns:80px 1fr;gap:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--apbao-radius);padding:24px;margin-bottom:18px}.apbao-hero h1{font-size:clamp(34px,5vw,64px);line-height:.95;letter-spacing:-.06em;margin:.2em 0}.apbao-hero h2{margin:0}.apbao-hero p{color:rgba(255,255,255,.75);font-size:17px}.apbao-root.light .apbao-hero p{color:#4b5563}
.apbao-logo{width:80px;height:80px;border-radius:22px}.apbao-upload{display:grid;place-items:center;border:1px dashed rgba(255,255,255,.35);cursor:pointer;overflow:hidden;background:linear-gradient(135deg,var(--apbao-brand),var(--apbao-accent));text-align:center;color:#fff;position:relative}.apbao-upload img,.apbao-image img,.apbao-area-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.apbao-disclosure{background:rgba(250,204,21,.12);border:1px solid rgba(250,204,21,.25);border-radius:16px;padding:13px;margin-top:12px}.apbao-network,.apbao-compare,.apbao-area{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--apbao-radius);padding:20px;margin:18px 0}.apbao-root.light .apbao-network,.apbao-root.light .apbao-compare,.apbao-root.light .apbao-area,.apbao-root.light .apbao-hero{background:#fff;color:#111827;border-color:#e5e7eb}
.apbao-readiness{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.apbao-readiness div{background:rgba(255,255,255,.08);border-radius:16px;padding:14px}.apbao-readiness strong{display:block}.apbao-readiness span{color:rgba(255,255,255,.7);font-size:13px}.apbao-root.light .apbao-readiness span{color:#6b7280}
.apbao-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.apbao-product{background:#fff;color:#111827;border-radius:var(--apbao-radius);overflow:hidden;box-shadow:0 16px 45px rgba(0,0,0,.2)}.apbao-image{aspect-ratio:1.1/.8;background:#f3f4f6;position:relative;display:grid;place-items:center;overflow:hidden}.apbao-card-body{padding:16px}.apbao-badge{background:#ede9fe;color:#5b21b6;border-radius:999px;padding:6px 9px;font-weight:900}.apbao-card-body h3{font-size:24px;letter-spacing:-.04em}.apbao-mini{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:10px;margin:8px 0}.apbao-fields{display:grid;gap:8px;margin-top:10px}.apbao-fields label{display:grid;gap:4px;font-size:12px;font-weight:800;color:#6b7280}.apbao-fields input{border:1px solid #e5e7eb;border-radius:10px;padding:9px}.apbao-cta{display:block;text-align:center;text-decoration:none;background:linear-gradient(135deg,#111827,var(--apbao-brand));color:#fff!important;border-radius:14px;padding:13px;font-weight:950;margin-top:12px}.apbao-tools{margin-top:10px}.apbao-tools button{background:#f3f4f6;color:#111827}
.apbao-table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:11px;border-bottom:1px solid rgba(255,255,255,.12)}.apbao-root.light th,.apbao-root.light td{border-color:#e5e7eb}.apbao-areas{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.apbao-area{margin:0;position:relative}.apbao-area.layout-text-image,.apbao-area.layout-spotlight{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;align-items:center}.apbao-area.layout-banner{grid-column:1/-1}.apbao-area.layout-banner .apbao-area-img{height:240px;margin-bottom:14px}.apbao-area.layout-spotlight{grid-column:1/-1;background:linear-gradient(135deg,color-mix(in srgb,var(--apbao-brand),transparent 68%),color-mix(in srgb,var(--apbao-accent),transparent 80%))}.apbao-area-img{min-height:180px;border-radius:18px;position:relative;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.08)}.apbao-area.layout-text .apbao-area-img{display:none}.apbao-area-tools{display:flex;gap:8px;justify-content:flex-end;margin-bottom:10px}.apbao-kicker{text-transform:uppercase;letter-spacing:.12em;color:#a5f3fc;font-size:12px;font-weight:900}.apbao-root.light .apbao-kicker{color:var(--apbao-brand)}
.apbao-root[data-editor=true] [contenteditable=true]:focus{outline:3px solid color-mix(in srgb,var(--apbao-accent),transparent 55%);border-radius:8px}.apbao-root[data-editor=false] [contenteditable]{outline:none!important;cursor:default}.apbao-root[data-editor=false] .apbao-editor-only{display:none!important}.apbao-root[data-editor=false] .apbao-upload{cursor:default;pointer-events:none}.apbao-root[data-editor=false] .apbao-upload-text,.apbao-root[data-editor=false] .apbao-area-img span{display:none!important}
@media(max-width:900px){.apbao-grid,.apbao-areas,.apbao-readiness{grid-template-columns:1fr}.apbao-area.layout-text-image,.apbao-area.layout-spotlight,.apbao-hero{grid-template-columns:1fr}.apbao-logo{width:68px;height:68px}}