:root{--bg: #eef1f7;--surface: #ffffff;--surface-alt: #f8fafc;--surface-tint: #f3f6fb;--border: #e3e8f0;--border-strong: #d6deea;--text: #101828;--text-soft: #475467;--text-mute: #94a3b8;--brand: #2f6feb;--brand-dark: #1d4ed8;--brand-light: #eaf2ff;--brand-cyan: #0ea5e9;--teal: #12b76a;--teal-dark: #0d8f54;--success: #12b76a;--success-bg: #e6f9f0;--warning: #f59e0b;--warning-dark: #b45309;--warning-bg: #fef3e2;--danger: #ef4444;--danger-bg: #fef1f2;--violet: #8b7bf3;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .06);--shadow-sm: 0 2px 8px rgba(16, 24, 40, .07);--shadow-md: 0 10px 26px rgba(16, 24, 40, .1);--shadow-lg: 0 22px 48px rgba(16, 24, 40, .16);color:var(--text);font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .12s ease}::selection{background:#2f6feb2e}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(720px circle at 12% -8%,rgba(47,111,235,.16),transparent 55%),radial-gradient(640px circle at 108% 18%,rgba(14,165,233,.14),transparent 55%),var(--bg)}.login-card{width:min(392px,100%);display:grid;gap:16px;padding:36px 34px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg)}.login-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--brand-light),#dcefff);color:var(--brand);box-shadow:inset 0 0 0 1px #2f6feb24}.login-card h1{margin:0;color:var(--text);font-size:22px;letter-spacing:-.01em}.login-card p{margin:-8px 0 4px;color:var(--text-mute);font-size:14px}.login-field{display:grid;gap:8px;color:var(--text);font-size:13px;font-weight:700}.login-field input{width:100%;height:42px;padding:0 13px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:0;background:var(--surface-alt);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.login-field input:focus{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 4px #2f6feb1f}.login-error{padding:10px 12px;border-radius:var(--radius-xs);background:var(--danger-bg);color:#be123c;font-size:13px;font-weight:600}.login-button{height:42px;border:0;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px #2f6feb47}.login-button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.login-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.admin-shell{min-height:100vh;display:grid;grid-template-columns:200px minmax(0,1fr);background:var(--bg)}.sidebar{min-height:100vh;position:sticky;top:0;align-self:start;background:linear-gradient(195deg,#1c2b45,#101a2e);color:#fff;box-shadow:4px 0 24px #090e1a29}.brand{height:64px;display:flex;align-items:center;gap:10px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;font-size:16px;font-weight:800;letter-spacing:.01em}.brand svg{color:#7fc2ff}.side-nav{padding:14px 10px;display:grid;gap:4px}.nav-item{width:100%;height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;border:0;border-radius:var(--radius-sm);background:transparent;color:#e2ecfac7;font-weight:600;font-size:13.5px;text-align:left}.nav-item svg{opacity:.85}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.active{background:linear-gradient(135deg,var(--brand),#1f8fe0);color:#fff;box-shadow:0 8px 18px #159ee859}.nav-item.active svg{opacity:1}.main{min-width:0}.page-header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 30px;background:var(--surface);border-bottom:1px solid var(--border)}.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--text-mute);font-size:13px}.breadcrumb strong{color:var(--brand);font-weight:700}.page-header h1{margin:8px 0 0;color:var(--text);font-size:21px;letter-spacing:-.01em}.header-actions{display:flex;align-items:center;gap:10px}.admin-user{min-width:0;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;background:var(--surface-tint);color:var(--text-soft);font-size:13px;font-weight:700}.view{padding:24px 30px 36px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:20px;max-width:1220px;margin-bottom:28px}.metric-card{min-height:92px;padding:16px 20px;position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-xs);transition:box-shadow .18s ease,transform .18s ease}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--brand)}.metric-card span{display:block;color:var(--text-soft);font-size:13px;font-weight:700}.metric-card strong{display:block;margin-top:14px;color:var(--text);font-size:26px;font-weight:800;line-height:1;letter-spacing:-.01em}.metric-card.blue:before{background:linear-gradient(180deg,#4c8dff,var(--brand))}.metric-card.violet:before{background:linear-gradient(180deg,#a89bff,var(--violet))}.metric-card.green:before{background:linear-gradient(180deg,#3dd9a0,var(--teal))}.metric-card.lime:before,.metric-card.olive:before{background:linear-gradient(180deg,#ffbf5f,var(--warning))}.metric-card.lime strong,.metric-card.olive strong{color:var(--warning-dark)}.overview-analytics{max-width:1220px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:20px;align-items:stretch;margin-bottom:20px}.analytics-card{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-xs)}.trend-panel{min-height:300px;padding:22px 40px 16px;margin-bottom:0}.chart-title{margin-left:38px;color:var(--text-mute);font-size:12px;font-weight:700}.bar-chart{height:242px;display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;padding-top:8px}.chart-axis{height:200px;display:grid;grid-template-rows:repeat(5,1fr);align-items:center;color:var(--text-mute);font-size:11px;text-align:right}.bar-grid{position:relative;height:220px}.grid-line{height:50px;border-top:1px dashed var(--border)}.bar-series{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,minmax(42px,1fr));align-items:end;gap:18px;padding:0 4px}.bar-column{min-width:0;height:220px;display:grid;grid-template-rows:22px 1fr 24px;justify-items:center;align-items:end}.bar-value{color:var(--text-soft);font-size:11px;font-weight:800}.bar-column i{width:44px;display:block;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#5b9bff 0%,var(--brand) 100%);box-shadow:0 6px 14px #2f6feb38;transition:transform .18s ease}.bar-column:hover i{transform:scaleY(1.02);filter:brightness(1.05)}.bar-label{align-self:center;color:var(--text-mute);font-size:11px}.chart-summary{margin:4px 0 0;color:var(--text-mute);font-size:12px;text-align:center}.channel-panel{min-height:300px;padding:24px 26px 22px;margin-bottom:0;display:flex;flex-direction:column}.donut-wrap{display:flex;flex-direction:column;align-items:center;gap:20px}.donut-chart{width:156px;height:156px;display:grid;place-items:center;border-radius:50%;box-shadow:var(--shadow-xs)}.donut-chart>div{width:100px;height:100px;display:grid;place-items:center;align-content:center;border-radius:50%;background:var(--surface);color:var(--text-mute);box-shadow:inset 0 0 0 1px var(--border)}.donut-chart span{font-size:11px;font-weight:600}.donut-chart strong{margin-top:4px;color:var(--text);font-size:22px;font-weight:800;line-height:1}.donut-chart small{color:var(--text-mute);font-size:12px}.channel-list{width:100%;align-self:stretch;display:grid;gap:10px}.channel-item{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:40px;padding:4px 0;border-bottom:1px solid var(--border)}.channel-item i{width:9px;height:9px;display:block;border-radius:50%;box-shadow:0 0 0 4px currentColor;opacity:.9}.channel-item strong{display:block;color:var(--text-soft);font-size:12.5px;font-weight:700}.channel-item span{display:block;margin-top:2px;color:var(--text-mute);font-size:11px}.channel-item em{color:var(--text);font-size:20px;font-style:normal;font-weight:800}.overview-detail-panel{max-width:1220px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);overflow:hidden}.panel-heading{min-height:58px;display:flex;align-items:center;gap:20px;padding:10px 20px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--surface-tint),var(--surface))}.panel-heading h2{margin:0;color:var(--text);font-size:15.5px;font-weight:800}.primary-button,.solid-button{min-width:116px;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--brand-cyan),var(--brand));color:#fff;font-weight:700;font-size:13px;box-shadow:0 8px 18px #2f6feb47}.primary-button:hover:not(:disabled),.solid-button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.solid-button:disabled,.primary-button:disabled{opacity:.62;cursor:not-allowed;transform:none}.secondary-button,.ghost-button{min-width:96px;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-soft);font-size:13px;font-weight:600}.secondary-button.compact,.ghost-button{min-width:76px}.secondary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled){background:var(--surface-tint);border-color:var(--brand);color:var(--brand-dark)}.secondary-button:disabled,.ghost-button:disabled{opacity:.55;cursor:not-allowed}.danger-button{border-color:#f3b9bb;color:var(--danger)}.danger-button:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger);color:#b91c1c}.error-bar{margin:14px 20px 0;padding:10px 12px;border-radius:var(--radius-xs);background:var(--danger-bg);color:#be123c;font-size:13px;font-weight:600}.table-wrap{margin:20px 20px 0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:auto}table{width:100%;min-width:1460px;border-collapse:collapse}th,td{height:82px;padding:0 14px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}th{height:46px;background:var(--surface-tint);color:var(--text);font-size:13px;font-weight:800}tbody tr{transition:background-color .14s ease}tbody tr:hover{background:var(--surface-tint)}tbody tr:last-child td{border-bottom:0}.qr-cell{width:116px;text-align:center}.qr-cell img{width:64px;height:64px;display:inline-block;padding:3px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface)}.name-cell{color:var(--text);font-weight:700;margin-bottom:6px}.muted{color:var(--text-mute);font-size:12px}.binding-pill,.status-pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;background:var(--surface-tint);color:var(--text-soft);font-size:12.5px;font-weight:600}.binding-pill.empty{color:var(--text-mute)}.binding-link{border:0;appearance:none;cursor:pointer;font:inherit;background:var(--brand-light);color:var(--brand-dark)}.binding-link.draft{background:#fff7ed;color:#c2410c}.binding-state{height:18px;padding:0 6px;border-radius:999px;background:#ea580c1f;color:#c2410c;font-size:11px;line-height:18px}.binding-link:hover{background:#d9ebff;text-decoration:none}.status-pill.enabled{background:var(--success-bg);color:var(--teal-dark)}.status-pill.disabled{background:#f2f3f5;color:#6b7280}.status-pill.draft{background:var(--warning-bg);color:var(--warning-dark)}.status-switch{width:40px;height:22px;display:inline-flex;align-items:center;padding:2px;border:0;border-radius:999px;background:#cbd5e1;transition:background .18s ease}.status-switch span{width:18px;height:18px;display:block;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0f172a40;transition:transform .18s ease}.status-switch.active{background:linear-gradient(135deg,#22d383,var(--success))}.status-switch.active span{transform:translate(18px)}.status-switch:disabled{opacity:.55;cursor:not-allowed}.actions{display:flex;flex-wrap:wrap;gap:8px}.qr-thumb-button{width:64px;height:64px;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-xs);padding:3px;background:var(--surface);cursor:zoom-in}.qr-thumb-button:hover{border-color:var(--brand);box-shadow:0 0 0 4px #2f6feb1a}.qr-thumb-button img{width:56px;height:56px;display:block}.empty-cell{text-align:center;color:var(--text-mute)}.panel-footer{display:flex;justify-content:flex-end;padding:20px}.pagination{display:flex;gap:8px}.page-button{width:32px;height:32px;display:inline-grid;place-items:center;border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-soft);font-weight:600;font-size:13px}.page-button:hover:not(:disabled):not(.active){border-color:var(--brand);color:var(--brand-dark)}.page-button.active{border-color:var(--brand);background:linear-gradient(135deg,var(--brand-cyan),var(--brand));color:#fff;box-shadow:0 6px 14px #2f6feb4d}.page-button:disabled{color:#cbd5e1;cursor:not-allowed}.overview-list,.page-table{padding:18px 20px}.overview-row,.page-table-row,.page-table-head{display:grid;align-items:center;gap:16px;min-height:46px;border-bottom:1px solid var(--border)}.overview-row{grid-template-columns:minmax(0,1fr) 120px}.overview-row span{color:var(--text-soft)}.overview-row strong{color:var(--text)}.page-table-head,.page-table-row{grid-template-columns:minmax(180px,1fr) 160px 130px 120px}.page-table-head{min-height:38px;color:var(--text);font-weight:800}.intro-panel{min-height:calc(100vh - 146px)}.intro-toolbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 20px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--surface-tint),var(--surface))}.filter-tabs{display:flex;align-items:stretch;height:58px}.filter-tab{min-width:96px;height:58px;padding:0 10px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--text-soft);font-weight:700;font-size:13.5px}.filter-tab strong{color:inherit;font-weight:800}.filter-tab.active{border-bottom-color:var(--brand);color:var(--brand-dark)}.new-page-button{min-width:128px;background:linear-gradient(135deg,var(--brand-cyan),var(--brand))}.intro-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:24px;padding:20px}.intro-card{min-width:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-xs);transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.intro-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.cover-gallery{aspect-ratio:2.28 / 1;display:block;overflow:hidden;border-bottom:1px solid var(--border);background:var(--surface-tint)}.cover-gallery img{width:100%;height:100%;min-width:0;display:block;background:var(--surface-alt);object-fit:cover}.intro-card-body{padding:14px}.card-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:30px;margin-bottom:14px}.card-title-row h3{min-width:0;margin:0;overflow:hidden;color:var(--text);font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.intro-card-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.outline-blue-button{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-soft);font-size:12.5px;font-weight:600}.outline-blue-button:hover{border-color:var(--brand);background:var(--brand-light);color:var(--brand-dark)}.intro-delete-button{border-color:#f3b9bb;color:var(--danger)}.intro-delete-button:hover:not(:disabled){border-color:var(--danger);background:var(--danger-bg);color:#b91c1c}.intro-delete-button:disabled{opacity:.55;cursor:not-allowed}.intro-pagination{display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:12px 20px 20px;color:var(--text-mute);font-size:13px}.intro-pagination-controls{display:flex;align-items:center;gap:8px}.page-size-select{height:32px;min-width:84px;padding:0 8px;border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-soft)}.jump-control{display:inline-flex;align-items:center;gap:8px;color:var(--text-mute);white-space:nowrap}.jump-input{width:48px;height:32px;border:1px solid var(--border-strong);border-radius:var(--radius-xs);color:var(--text-soft);text-align:center}.empty-state{padding:56px 18px;color:var(--text-mute);text-align:center;font-size:14px}.builder-view{padding:0;overflow:hidden}.page-builder{min-height:100vh;background:var(--surface);border-top:1px solid var(--border)}.builder-topbar{height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px;border-bottom:1px solid var(--border);background:var(--surface)}.builder-title{display:flex;align-items:center;gap:12px;min-width:0}.builder-title strong,.builder-title span{display:block}.builder-title strong{color:var(--text);font-size:15.5px;font-weight:800}.builder-title span{max-width:420px;margin-top:4px;overflow:hidden;color:var(--text-mute);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-soft)}.icon-button:hover{border-color:var(--brand);color:var(--brand-dark);background:var(--brand-light)}.builder-actions{display:flex;gap:10px}.preview-button,.save-preview-button,.publish-button,.draft-button{min-width:116px;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:var(--radius-sm);font-weight:700;font-size:13px}.preview-button,.save-preview-button,.draft-button{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-soft)}.preview-button:hover:not(:disabled),.save-preview-button:hover:not(:disabled),.draft-button:hover:not(:disabled){border-color:var(--brand);background:var(--brand-light);color:var(--brand-dark)}.save-preview-button{min-width:132px;border-color:#2f6feb5c;color:var(--brand-dark);background:var(--brand-light)}.publish-button{background:linear-gradient(135deg,var(--brand-cyan),var(--brand));color:#fff;box-shadow:0 8px 18px #2f6feb47}.publish-button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.preview-button:disabled,.save-preview-button:disabled,.publish-button:disabled,.draft-button:disabled{opacity:.68;transform:none}.builder-workspace{display:grid;grid-template-columns:176px minmax(520px,1fr) minmax(600px,720px);min-height:calc(100vh - 70px);background:var(--surface-tint)}.builder-left,.builder-stage,.builder-right{min-width:0}.builder-left{border-right:1px solid var(--border);background:var(--surface)}.builder-tabs{display:grid;grid-template-columns:1fr 1fr;height:54px;border-bottom:1px solid var(--border)}.builder-tabs button{border:0;border-bottom:3px solid transparent;background:var(--surface);color:var(--text-soft);font-weight:600;font-size:14px}.builder-tabs button.active{border-bottom-color:var(--brand);color:var(--brand-dark)}.structure-panel,.component-panel{padding:16px 12px}.structure-item{width:100%;height:38px;display:grid;grid-template-columns:18px minmax(0,1fr) 24px 24px;align-items:center;gap:4px;margin-bottom:8px;border:1px solid transparent;border-radius:var(--radius-xs);background:var(--surface);color:var(--text-soft);text-align:left}.structure-item:hover{background:var(--surface-tint)}.structure-select{min-width:0;height:100%;display:flex;align-items:center;padding:0;border:0;background:transparent;color:inherit;text-align:left;font-size:14px;font-weight:600}.structure-drag{width:18px;height:28px;display:inline-grid;place-items:center;border:0;background:transparent;color:var(--text-mute);cursor:grab}.structure-drag:active{cursor:grabbing}.structure-drag:hover{color:var(--brand-dark)}.structure-eye,.structure-delete{width:24px;height:28px;display:inline-grid;place-items:center;border:0;background:transparent;color:inherit}.structure-delete{color:var(--danger)}.structure-delete:hover{background:#fff1f2;color:#dc2626}.structure-item.active{border-color:var(--violet);background:#f5f3ff;color:#6d3ff0}.structure-item.dragging{border-color:var(--brand);opacity:.72}.structure-item.hidden{color:var(--text-mute)}.structure-item.hidden .structure-select span{text-decoration:line-through}.structure-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-module-button,.component-panel button,.page-setting button{width:100%;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-soft);font-size:12px;font-weight:600}.add-module-button:hover,.component-panel button:hover,.page-setting button:hover{border-color:var(--brand);color:var(--brand-dark)}.page-setting button.active{border-color:var(--brand);background:var(--brand-light);color:var(--brand-dark)}.reset-layout-button{width:100%;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-soft);font-size:12.5px;font-weight:600}.reset-layout-button:hover{border-color:var(--brand);background:var(--brand-light);color:var(--brand-dark)}.add-module-wrap{position:relative}.add-module-menu{position:static;z-index:20;width:100%;margin-top:8px;padding:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-sm)}.add-module-menu button{width:100%;height:34px;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-soft);font-size:12px;font-weight:600}.add-module-menu button+button{margin-top:8px}.add-module-menu button:hover{border-color:var(--brand);background:var(--brand-light);color:var(--brand-dark)}.component-panel button{justify-content:flex-start;margin-bottom:10px;padding:0 10px}.page-setting{margin-top:34px}.page-setting>span{display:block;margin-bottom:12px;color:var(--text-mute);font-size:12px;font-weight:700}.builder-stage{padding:20px 28px 28px;overflow:auto;background:var(--surface-tint)}.device-toggle{width:136px;height:38px;display:grid;grid-template-columns:1fr 1fr;margin:0 auto 16px;border:1px solid var(--border-strong);border-radius:var(--radius-xs);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-xs)}.device-toggle button{display:inline-grid;place-items:center;border:0;background:var(--surface);color:var(--text-mute)}.device-toggle button+button{border-left:1px solid var(--border)}.device-toggle button.active{background:var(--brand-light);color:var(--brand-dark)}.builder-canvas{width:min(760px,100%);min-height:520px;margin:0 auto;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden;transition:width .2s ease}.canvas-empty{min-height:300px;display:grid;place-items:center;color:var(--text-mute);font-size:14px}.canvas-device-hidden{min-height:420px;display:grid;place-items:center;border:1px dashed var(--border-strong);color:var(--text-mute);font-size:14px}.builder-canvas.device-mobile{width:390px}.canvas-block{min-height:108px;display:grid;place-items:center;position:relative;border-bottom:1px solid var(--border);background:var(--surface);color:var(--text-soft)}.canvas-block.active{outline:2px solid var(--violet);outline-offset:-2px;cursor:move}.canvas-cta-wrap{display:flex;justify-content:center;padding:0 28px 44px}.canvas-cta{min-width:140px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border-radius:var(--radius-sm);color:#fff;font-size:16px;font-weight:700;line-height:1;text-decoration:none;box-shadow:0 10px 22px #2f6feb47}.module-resize-handle{position:absolute;right:-8px;bottom:-8px;z-index:8;width:16px;height:16px;border:2px solid #fff;border-radius:4px;background:var(--violet);box-shadow:0 4px 10px #5b4bff47;cursor:nwse-resize}.module-resize-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:1px solid #fff;border-bottom:1px solid #fff}.builder-canvas.height-compact .hero-block{min-height:clamp(140px,46.15vw,180px)}.builder-canvas.height-standard .hero-block{min-height:clamp(200px,66.67vw,260px)}.builder-canvas.height-large .hero-block{min-height:clamp(280px,92.31vw,360px)}.hero-wire{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:var(--surface-alt);background-position:center;background-size:cover}.hero-preview-img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}.hero-block.has-image{width:100%!important;min-height:0!important;transform:none!important}.hero-block.has-image .hero-wire{background-image:none!important;background-size:contain}.hero-block.has-image .hero-preview-img{object-fit:contain}.hero-block.has-image:not(.has-ratio) .hero-wire{position:relative;inset:auto;width:100%;min-height:0}.hero-block.has-image:not(.has-ratio) .hero-preview-img{position:relative;inset:auto;width:100%;height:auto}.hero-wire-mask{position:absolute;inset:0;z-index:1;background:#fff;pointer-events:none}.hero-wire span{position:relative;z-index:2;max-width:80%;overflow:hidden;color:var(--text);font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.text-block p{width:min(84%,620px);margin:0;overflow:hidden;color:var(--text-soft);line-height:1.7;text-align:center;white-space:pre-wrap}.text-block{min-height:auto;padding:20px 0;border-bottom:0;background:transparent}.intro-block{padding:34px 28px 26px;text-align:center}.intro-block p{width:min(760px,100%);line-height:1.55}.content-block p{white-space:normal}.canvas-content-image{width:min(92%,680px);height:auto;max-height:180px;margin-top:14px;object-fit:cover;border:8px solid #dde3ec;border-radius:var(--radius-xs)}.image-block{min-height:166px;padding:14px}.image-mountain{width:min(96%,720px);height:132px;aspect-ratio:16 / 9;position:relative;overflow:hidden;border:10px solid #dde3ec;border-radius:var(--radius-xs);background:var(--surface);background-position:center;background-size:cover}.image-mountain[style*=aspect-ratio]{height:auto}.image-mountain:before{content:"";position:absolute;left:0;right:0;bottom:0;height:86px;background:linear-gradient(158deg,transparent 0 25%,var(--brand-cyan) 26% 46%,transparent 47%),linear-gradient(28deg,transparent 0 34%,var(--brand-cyan) 35% 62%,transparent 63%),linear-gradient(171deg,transparent 0 20%,var(--brand-cyan) 21% 72%,transparent 73%)}.image-mountain[style*=background-image]:before,.image-mountain[style*=background-image]:after{display:none}.image-mountain:after{content:"";position:absolute;top:16px;right:28%;width:24px;height:24px;border-radius:50%;background:#d6dbe3}.canvas-video{width:min(96%,720px);height:auto;max-height:240px;border:10px solid #dde3ec;border-radius:var(--radius-xs);background:#000}.builder-right{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:0;overflow:auto;border-left:1px solid var(--border);background:var(--surface)}.setting-card{min-height:100%;border-right:1px solid var(--border);background:var(--surface)}.setting-card header{height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-bottom:1px solid var(--border)}.setting-card header div{min-width:0;display:flex;align-items:center;gap:12px;color:var(--brand)}.setting-card header strong{overflow:hidden;color:var(--text);font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.delete-button{width:32px;height:32px;display:inline-grid;place-items:center;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--text-mute)}.delete-button:hover{background:var(--danger-bg);color:var(--danger)}.builder-field{display:block;padding:16px}.builder-field span,.display-settings>span{display:block;margin-bottom:10px;color:var(--text);font-size:13px;font-weight:700}.builder-field input:not([type=range]):not([type=color]),.builder-field textarea{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-xs);padding:10px 12px;outline:0;background:var(--surface);transition:border-color .16s ease,box-shadow .16s ease}.builder-field input:not([type=range]):not([type=color]){height:38px}.builder-field textarea{min-height:72px;resize:vertical}.builder-field input:focus,.builder-field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #2f6feb24}.upload-box{width:100%;height:92px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px dashed var(--border-strong);border-radius:var(--radius-xs);background:var(--surface-alt);color:var(--text-soft);cursor:pointer;transition:border-color .16s ease,background .16s ease}.upload-box[style*=aspect-ratio]{height:auto;min-height:92px}.upload-box:hover{border-color:var(--brand);background:var(--brand-light)}.upload-box span{position:relative;z-index:1;margin:0;font-weight:500}.upload-box input{position:absolute;inset:0;z-index:3;opacity:0;cursor:pointer}.upload-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.upload-box img+span{padding:4px 8px;border-radius:var(--radius-xs);background:#ffffffd1}.ratio-resize-handle{width:24px;height:24px;position:absolute;right:8px;bottom:8px;z-index:4;border:1px solid rgba(37,99,235,.42);border-radius:var(--radius-xs);background:#ffffffeb;box-shadow:0 6px 14px #0f172a2e;cursor:nwse-resize;touch-action:none}.ratio-resize-handle:before{content:"";width:10px;height:10px;position:absolute;right:5px;bottom:5px;border-right:2px solid var(--brand);border-bottom:2px solid var(--brand)}.ratio-resize-handle:hover{border-color:var(--brand);background:#fff}.segmented{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border-strong);border-radius:var(--radius-xs);overflow:hidden}.segmented button{height:38px;border:0;background:var(--surface);color:var(--text);font-size:13px}.segmented button+button{border-left:1px solid var(--border-strong)}.segmented button.active{background:var(--brand-light);color:var(--brand-dark);font-weight:700}.ratio-segmented{grid-template-columns:repeat(3,minmax(0,1fr))}.ratio-segmented button{font-size:12px}.ratio-segmented button:nth-child(3n+1){border-left:0}.ratio-segmented button:nth-child(n+4){border-top:1px solid var(--border-strong)}.custom-ratio-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;margin-top:10px}.custom-ratio-row label{display:grid;gap:6px}.custom-ratio-row label span{margin:0;color:var(--text-soft);font-size:12px;font-weight:600}.custom-ratio-row input{width:100%;height:34px;border:1px solid var(--border-strong);border-radius:var(--radius-xs);padding:6px 8px;text-align:center}.custom-ratio-row i{padding-bottom:8px;color:var(--text-mute);font-style:normal;font-weight:700}.builder-field input[type=range]{width:100%;accent-color:var(--brand)}.adaptive-note{margin:0;padding:6px 16px 18px;color:var(--text-soft);font-size:12.5px;font-weight:600}.text-style-row{display:grid;grid-template-columns:48px 48px minmax(84px,1fr) 48px;border:1px solid var(--border-strong);border-radius:var(--radius-xs);overflow:hidden}.text-style-row button,.text-style-row input{height:38px;border:0;border-right:1px solid var(--border-strong);background:var(--surface);text-align:center}.text-style-row button.active{background:var(--brand-light);color:var(--brand-dark);font-weight:800}.text-style-row input[type=color]{width:100%;padding:8px 12px;border-right:0}.display-settings{margin-top:8px;padding:16px;border-top:1px solid var(--border)}.display-settings label{height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text);font-size:13px;font-weight:700}.display-settings input{width:18px;height:18px;accent-color:var(--success)}.color-setting-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px}.color-setting-row input[type=color]{width:52px;height:38px;padding:4px;border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface)}.theme-preview{padding:16px;border-top:1px solid var(--border)}.theme-preview span{display:block;margin-bottom:12px;color:var(--text);font-size:13px;font-weight:700}.theme-preview a{min-width:116px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:var(--radius-xs);color:#fff;font-weight:700;text-decoration:none;box-shadow:var(--shadow-xs)}.live-preview-page{width:min(760px,100%);min-height:100vh;margin:0 auto;border-left:1px solid var(--border);border-right:1px solid var(--border);background:var(--surface);overflow:hidden}.live-preview-page.mobile{width:min(390px,100%)}.live-preview-unavailable{min-height:100vh;display:grid;place-items:center;color:var(--text-mute);font-size:15px}.live-preview-hero{position:relative;display:grid;place-items:center;overflow:hidden;padding:24px;border-bottom:1px solid var(--border);background:var(--surface-alt)}.live-preview-hero-img,.live-preview-hero-mask{position:absolute;inset:0;width:100%;height:100%}.live-preview-hero-img{display:block;object-fit:cover}.live-preview-hero.has-image{width:100%!important;min-height:0!important;transform:none!important;padding:0}.live-preview-hero.has-image .live-preview-hero-img{object-fit:contain}.live-preview-hero.has-image:not(.has-ratio) .live-preview-hero-img{position:relative;inset:auto;width:100%;height:auto}.live-preview-hero-mask{z-index:1;background:#fff}.live-preview-hero span{position:relative;z-index:2;max-width:78%;color:var(--text);font-size:14px;font-weight:600;line-height:1.5;text-align:center}.live-module-hit{position:absolute;inset:0;z-index:3;display:block;border-radius:inherit;background:transparent}.live-module-link,.live-module-text-link,.live-module-media-link{display:block;color:inherit;text-decoration:none}.live-module-media-link .live-preview-media{margin-left:auto;margin-right:auto}.live-preview-intro{padding:34px 28px 26px;border-bottom:0;background:transparent;text-align:center}.live-preview-intro h1{margin:0;line-height:1.55;white-space:pre-wrap}.live-preview-copy{padding:30px 28px;border-bottom:0;background:transparent;text-align:center}.live-preview-copy p{width:min(760px,100%);margin:0 auto;color:var(--text-soft);font-size:16px;line-height:1.8;white-space:normal}.live-preview-copy p+p{margin-top:18px}.live-preview-media-wrap{padding:30px 28px;text-align:center}.live-preview-media{width:min(760px,100%);height:auto;max-height:360px;object-fit:cover;border:10px solid #dde3ec;border-radius:var(--radius-sm);background:#000}.live-preview-cta{display:flex;justify-content:center;padding:0 28px 44px}.live-preview-cta a{min-width:140px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--brand-cyan),var(--brand));color:#fff;font-weight:700;text-decoration:none;box-shadow:0 10px 22px #2f6feb47}.modal-layer{position:fixed;inset:0;z-index:50;display:grid;place-items:start center;padding-top:18vh;background:#0f172a52;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:500px;overflow:visible;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.qr-view-layer{place-items:center;padding:24px;background:#0f172a61}.qr-view-modal{width:min(430px,calc(100vw - 32px));overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg)}.qr-view-modal header{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border-bottom:1px solid var(--border)}.qr-view-modal header strong,.qr-view-modal header span{display:block}.qr-view-modal header strong{color:var(--text);font-size:15.5px;font-weight:800}.qr-view-modal header span{max-width:300px;margin-top:3px;overflow:hidden;color:var(--text-mute);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.qr-large-wrap{display:grid;place-items:center;padding:28px;background:var(--surface-tint)}.qr-large-wrap img{width:min(320px,78vw);height:min(320px,78vw);display:block;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;background:#fff;box-shadow:var(--shadow-sm)}.qr-view-modal footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid var(--border)}.qr-view-modal footer span{overflow:hidden;color:var(--text-mute);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.h5-preview-layer{place-items:center;padding:24px;background:#0f172a66}.h5-preview-modal{width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 48px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg)}.h5-preview-modal header{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border-bottom:1px solid var(--border)}.h5-preview-modal header strong,.h5-preview-modal header span{display:block}.h5-preview-modal header strong{color:var(--text);font-size:15.5px;font-weight:800}.h5-preview-modal header span{max-width:320px;margin-top:3px;overflow:hidden;color:var(--text-mute);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.preview-phone-shell{min-height:0;display:grid;justify-content:center;padding:20px;overflow:auto;background:var(--bg)}.preview-phone-shell iframe{width:390px;height:min(720px,calc(100vh - 190px));min-height:520px;border:1px solid var(--border-strong);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-lg)}.h5-preview-modal footer{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--border);background:var(--surface)}.h5-preview-modal footer span{color:var(--text-mute);font-size:13px}.modal header h2{margin:0 0 10px;color:var(--text);font-size:18px;font-weight:800}.modal header p{margin:0 0 26px;color:var(--text-mute);font-size:13px}.field{display:block;margin-bottom:22px}.field span{display:block;margin-bottom:9px;color:var(--text-soft);font-weight:700;font-size:13px}.field input,.field select{width:100%;height:42px;border:1px solid var(--border-strong);border-radius:var(--radius-xs);padding:0 12px;outline:0;background:var(--surface);transition:border-color .16s ease,box-shadow .16s ease}.switch-field{display:flex;align-items:center;justify-content:space-between;gap:16px}.switch-field span{margin-bottom:0}.switch-field input{width:20px;height:20px;accent-color:var(--success)}.field input:focus,.field select:focus{border-color:var(--brand);box-shadow:0 0 0 4px #2f6feb1f}.custom-select-field{position:relative}.custom-select-trigger{width:100%;height:42px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border-strong);border-radius:var(--radius-xs);padding:0 12px;background:var(--surface);color:var(--text);font:inherit;text-align:left}.custom-select-trigger:after{content:"";width:8px;height:8px;margin-left:12px;border-right:1.5px solid var(--text-soft);border-bottom:1.5px solid var(--text-soft);transform:rotate(45deg) translateY(-2px);flex:0 0 auto}.custom-select-trigger:hover,.custom-select-trigger:focus{border-color:var(--brand);box-shadow:0 0 0 4px #2f6feb1f}.custom-select-menu{position:absolute;z-index:80;top:calc(100% + 6px);left:0;right:0;max-height:min(280px,42vh);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface);box-shadow:var(--shadow-lg)}.custom-select-menu button{width:100%;min-height:34px;display:block;border:0;padding:8px 12px;background:transparent;color:var(--text);font-size:14px;text-align:left}.custom-select-menu button:hover,.custom-select-menu button.active{background:var(--brand-light);color:var(--brand-dark)}.modal footer{display:flex;justify-content:flex-end;gap:12px;padding-top:6px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.editor-heading{justify-content:space-between}.editor-actions{display:flex;gap:10px}.editor-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;padding:20px 18px 24px}.field.wide{grid-column:1 / -1}.field textarea{width:100%;min-height:92px;resize:vertical;border:1px solid var(--border-strong);border-radius:var(--radius-xs);padding:10px 12px;outline:0;background:var(--surface)}.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px #2f6feb1f}.preview-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px}.phone-preview{min-height:520px;border:1px solid var(--border-strong);border-radius:24px;padding:28px 22px;background:linear-gradient(135deg,#e0f2fe 0,#fff 48%,#fff7ed);box-shadow:inset 0 0 0 8px var(--surface-alt)}.preview-tag{display:inline-flex;padding:6px 12px;border-radius:999px;background:var(--brand-light);color:var(--brand-dark);font-size:12px;font-weight:700}.phone-preview h2{margin:18px 0 12px;color:var(--text);font-size:26px;line-height:1.25}.phone-preview p{color:var(--text-soft);line-height:1.7}.phone-preview button{height:38px;margin-top:8px;padding:0 16px;border:0;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--brand-cyan),var(--brand));color:#fff;font-weight:700}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%);max-width:min(720px,calc(100vw - 32px));padding:11px 18px;border-radius:999px;background:#111827;color:#fff;font-size:13.5px;font-weight:600;box-shadow:0 16px 36px #0f172a52;z-index:60;-webkit-user-select:all;user-select:all;word-break:break-all}@media(max-width:1300px){.metric-grid{gap:16px}.intro-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:18px}.builder-workspace{grid-template-columns:168px minmax(480px,1fr)}.builder-right{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(280px,1fr));border-top:1px solid var(--border);border-left:0}.setting-card{min-height:auto}}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.sidebar{min-height:auto;position:static}.brand{height:56px}.side-nav{display:flex;padding:8px;overflow-x:auto}.nav-item{width:auto;min-width:120px}.page-header{height:auto;min-height:88px}.metric-grid,.editor-layout,.editor-form{grid-template-columns:1fr}.metric-grid{gap:12px;max-width:none;margin-bottom:18px}.overview-analytics,.overview-detail-panel{max-width:none}.overview-analytics{grid-template-columns:1fr}.trend-panel,.channel-panel{padding:18px 14px}.bar-chart{grid-template-columns:34px minmax(0,1fr);overflow-x:auto}.bar-grid{min-width:520px}.donut-wrap{grid-template-columns:1fr;justify-items:center;gap:22px}.channel-list{width:100%}.intro-toolbar{height:auto;flex-wrap:wrap;gap:12px;padding:12px}.filter-tabs{max-width:100%;overflow-x:auto}.intro-grid{grid-template-columns:1fr;gap:14px;padding:14px}.builder-topbar,.builder-actions{height:auto;flex-wrap:wrap}.builder-topbar{padding:14px}.builder-actions{width:100%;display:grid;grid-template-columns:1fr}.builder-workspace{grid-template-columns:1fr}.builder-left{border-right:0;border-bottom:1px solid var(--border)}.structure-panel,.component-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.structure-item,.component-panel button,.add-module-button{margin-bottom:0}.page-setting{grid-column:1 / -1;margin-top:12px}.builder-stage{padding:16px 12px}.builder-canvas,.builder-canvas.device-mobile{width:100%}.builder-right{grid-template-columns:1fr}.live-preview-copy,.live-preview-media-wrap{padding:24px 18px}.live-preview-copy p{font-size:15px}.live-preview-media{border-width:8px}.pagination,.intro-pagination,.intro-pagination-controls{flex-wrap:wrap;justify-content:flex-start}.modal-layer{padding:20px;place-items:center}.modal{width:min(500px,100%)}}