:root{color:#10233f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#60a5fa47,#0000 28%),radial-gradient(circle at 100% 0,#818cf838,#0000 24%),linear-gradient(#eef4ff 0%,#f7f9fd 100%);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}a{color:inherit}p{margin:0}.screen{color:#10233f;min-height:100vh;padding:24px}.screen.center{place-items:center;display:grid}.topbar,.panel,.login-card,.sub-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #94a3b833;box-shadow:0 16px 40px #0f172a14}.topbar{border-radius:24px;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;padding:24px 28px;display:flex}.topbar h1,.panel h2,.panel h3,.login-card h1{margin:0}.topbar p,.panel-title-row span,.page-list-item span,.page-list-item small,.element-card p,.empty-tip,.login-card p,.notice-banner,.page-meta span{color:#5b6b84}.topbar-actions,.inline-actions{flex-wrap:wrap;gap:12px;display:flex}.notice-banner{background:#e8f2ff;border:1px solid #bfdbfe;border-radius:16px;margin-bottom:20px;padding:14px 18px}.dashboard-grid{grid-template-columns:320px minmax(0,1fr);gap:20px;display:grid}.panel{border-radius:24px;padding:20px}.page-list-panel{align-self:start}.panel-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-list{gap:12px;display:grid}.page-list-item{text-align:left;background:#f8fbff;border:1px solid #dbe4f0;border-radius:18px;gap:4px;width:100%;padding:14px 16px;display:grid}.page-list-item.active{background:#eaf2ff;border-color:#3b82f6}.editor-panel{min-width:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid label,.login-card label{gap:8px;font-weight:600;display:grid}.full-width{grid-column:1/-1}input,select,textarea,button{font:inherit}input,select,textarea{box-sizing:border-box;color:#10233f;background:#fff;border:1px solid #d1d9e6;border-radius:14px;width:100%;padding:12px 14px}textarea{resize:vertical}button{cursor:pointer;border:none;border-radius:14px;padding:12px 16px;transition:transform .2s,opacity .2s}button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.65;transform:none}.primary-button{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5)}.ghost-button{color:#1d4ed8;background:#eef4ff}.danger-button{color:#b91c1c;background:#fee2e2}.editor-sections{grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:20px;margin-top:20px;display:grid}.sub-panel{border-radius:20px;padding:18px}.element-list{gap:12px;max-height:760px;display:grid;overflow:auto}.element-card{background:#fbfdff;border:1px solid #dbe4f0;border-radius:18px;padding:14px}.element-toggle{cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:12px;display:grid}.element-toggle input{width:18px;height:18px;margin-top:4px}.element-preview-text{color:#334155;word-break:break-word;background:#f2f6fb;border-radius:12px;margin:12px 0;padding:10px 12px;font-size:14px;line-height:1.5}.action-editor{gap:10px;display:grid}.preview-frame{background:#fff;border:1px solid #dbe4f0;border-radius:18px;width:100%;min-height:720px}.page-meta{gap:6px;margin-top:12px;display:grid}.page-meta code{overflow-wrap:anywhere;background:#eef4ff;border-radius:12px;padding:10px 12px;display:block}.settings-panel{margin-top:20px}.login-card{border-radius:24px;gap:16px;width:min(420px,100%);padding:32px;display:grid}.error-banner{color:#be123c;background:#fff1f2;border:1px solid #fecaca;border-radius:12px;padding:12px 14px}@media (width<=1180px){.dashboard-grid,.editor-sections,.form-grid{grid-template-columns:1fr}.page-list-panel{order:2}}@media (width<=720px){.screen{padding:16px}.topbar{padding:18px}.panel,.sub-panel,.login-card{padding:16px}}