:root{font-family:Inter,Microsoft YaHei,system-ui,sans-serif;color:#15213a;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:1180px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;height:100vh;padding:26px 18px 32px;overflow-y:auto;display:flex;flex-direction:column;color:#dce8ff;background:linear-gradient(180deg,#0b1730,#101f3c)}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px;border-bottom:1px solid #ffffff17}.brand strong{display:block;color:#fff;font-size:15px}.brand small,.topbar p,.section-title p{color:#6e8dbd;font-size:10px;letter-spacing:.18em}.brand-mark{position:relative;width:34px;height:34px}.brand-mark i{position:absolute;width:17px;height:21px;border-radius:13px 13px 5px;background:#38d4a2}.brand-mark i:nth-child(1){left:8px;transform:rotate(45deg)}.brand-mark i:nth-child(2){left:1px;top:12px;transform:rotate(165deg);background:#23bfe1}.brand-mark i:nth-child(3){right:0;top:13px;transform:rotate(285deg);background:#3477ff}.nav-label{margin:28px 10px 10px;color:#7186aa;font-size:11px;letter-spacing:.16em}nav{display:grid;gap:7px}.home-nav{margin-top:22px}.site-switcher{margin:0 0 4px;color:#eff5ff;border-color:#ffffff20;background:#172949}.channel-nav{padding-right:3px}.business-nav{gap:3px}.business-nav a{padding-block:9px}.system-nav{gap:3px}.system-nav a{padding-block:9px}nav a{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;color:#c9d6eb;text-decoration:none;border-radius:10px}nav a small{color:#6f83a5}nav a:hover,nav a.router-link-active{color:#fff;background:#2878ff}nav a.router-link-active small{color:#dbe8ff}.connection{margin-top:auto;padding-top:24px;color:#92a5c4;font-size:12px}.connection>span{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#ef6a78}.connection>span.online{background:#2fd69e}.connection button{display:block;margin-top:12px;color:#aabbd6;border:0;background:transparent}.legacy-banner{margin:0 24px 24px;padding:12px 16px;border-radius:12px;background:#fff7e8;border:1px solid #f0d7a7;color:#8a5a00;font-size:13px}main{grid-column:2;min-width:0;padding:0 32px 42px}.topbar{min-height:104px;display:flex;align-items:center;justify-content:space-between;margin:0 -32px 28px;padding:20px 32px;background:#fff;border-bottom:1px solid #e5ebf3}.topbar p,.section-title p{margin:0 0 5px}.topbar h1{margin:0;font-size:25px}.channel-overview{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:4px 2px 2px}.channel-overview p{margin:0 0 6px;color:#2878ff;font-size:10px;letter-spacing:.18em}.channel-overview h2{margin:0 0 5px;font-size:24px}.channel-overview small{color:#8592a5}.channel-search{display:flex;align-items:end;gap:8px}.channel-search input{width:260px;margin:0}.channel-workspace{grid-template-columns:minmax(280px,34%) 1fr}.content-editor{min-height:560px}.content-editor textarea{width:100%;padding:10px 12px;resize:vertical;color:#15213a;font:inherit;border:1px solid #d8e0ec;border-radius:8px;outline:none;background:#fff}.dashboard{display:grid;gap:20px}.dashboard-hero{display:flex;align-items:center;justify-content:space-between;padding:8px 2px 4px}.dashboard-hero p{margin:0 0 6px;color:#2878ff;font-size:10px;letter-spacing:.18em}.dashboard-hero h2{margin:0 0 8px;font-size:26px}.dashboard-hero span{color:#77859a;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card{position:relative;overflow:hidden;min-height:146px;padding:23px;border:1px solid #e2e8f1;border-radius:15px;background:#fff;box-shadow:0 10px 30px #28456f0b}.metric-card:after{content:"";position:absolute;right:-28px;bottom:-42px;width:120px;height:120px;border:20px solid currentColor;border-radius:50%;opacity:.06}.metric-card span{color:#718096;font-size:13px}.metric-card strong{display:block;margin:12px 0 8px;color:#14213b;font-size:36px;line-height:1}.metric-card small{color:#8996a8}.accent-blue{color:#2878ff;border-top:3px solid #2878ff}.accent-cyan{color:#12a8ca;border-top:3px solid #12a8ca}.accent-green{color:#20b985;border-top:3px solid #20b985}.accent-violet{color:#7c62e3;border-top:3px solid #7c62e3}.dashboard-grid{display:grid;grid-template-columns:minmax(540px,1.35fr) minmax(420px,1fr);gap:20px}.trend-card,.activity-card{min-height:430px}.trend-chart{padding:18px 22px 22px}.trend-chart svg{display:block;width:100%;height:260px;overflow:visible}.chart-grid-line{stroke:#e9eef6;stroke-width:.4}.chart-line{fill:none;stroke:#2878ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.trend-labels{display:grid;grid-template-columns:repeat(14,1fr);margin-top:8px}.trend-labels span{display:grid;gap:5px;text-align:center}.trend-labels b{color:#3f506a;font-size:11px}.trend-labels small{color:#9aa5b4;font-size:9px;transform:rotate(-35deg)}.site-summary{display:grid;grid-template-columns:42px minmax(120px,1fr) 94px 130px;align-items:center;gap:12px;margin:0 16px;padding:15px 3px;color:inherit;text-decoration:none;border-bottom:1px solid #edf1f6}.site-summary:last-child{border-bottom:0}.site-summary:hover strong{color:#2878ff}.site-summary-mark{display:grid;width:40px;height:40px;place-items:center;color:#2878ff;font-weight:700;border-radius:11px;background:#edf4ff}.site-summary-main{display:grid;gap:5px}.site-summary-main small,.site-summary time{color:#8a97a9;font-size:11px}.site-summary-count{color:#7a8799;font-size:11px;line-height:1.7}.site-summary-count b{color:#26364f}.site-summary time{text-align:right}.account-menu{display:flex;align-items:center;gap:14px}.account-menu>span{display:grid;gap:3px;text-align:right}.account-menu b{color:#26364f;font-size:13px}.account-menu small{color:#8b98aa;font-size:11px}.login-page{display:grid;grid-template-columns:minmax(480px,1.08fr) minmax(460px,.92fr);min-width:960px;min-height:100vh;background:#fff}.login-intro{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:42px 7vw;color:#fff;background:radial-gradient(circle at 18% 84%,#13b9a947 0 12%,transparent 34%),radial-gradient(circle at 82% 18%,#2878ff45 0 10%,transparent 35%),linear-gradient(145deg,#08142d,#10284e 70%,#0c1a35)}.login-intro:after{content:"";position:absolute;right:-150px;bottom:-170px;width:440px;height:440px;border:65px solid #ffffff0c;border-radius:50%}.login-brand{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.login-brand strong{display:block;font-size:17px}.login-brand small{color:#86a5d3;font-size:10px;letter-spacing:.2em}.login-copy{position:relative;z-index:1;max-width:620px;margin:auto 0}.login-copy p,.login-card>div p{margin:0 0 16px;color:#58d8c3;font-size:11px;letter-spacing:.2em}.login-copy h1{margin:0 0 24px;font-size:clamp(38px,4vw,64px);line-height:1.18;letter-spacing:-.04em}.login-copy span{color:#aebfda;font-size:16px;line-height:1.8}.login-panel{display:grid;grid-column:auto;min-width:0;padding:40px;place-items:center}.login-card{display:grid;width:min(420px,100%);gap:22px}.login-card>div{margin-bottom:10px}.login-card>div p{margin-bottom:10px;color:#2878ff}.login-card h2{margin:0 0 10px;color:#12213b;font-size:30px}.login-card>div span{color:#8491a3;font-size:13px}.login-card label{font-size:13px}.login-card input{margin-top:9px;padding:13px 14px}.login-submit{width:100%;padding:13px;font-weight:700}.login-security{color:#9aa5b4;text-align:center}.view-stack{display:grid;gap:20px}.collection-tabs{display:flex;flex-wrap:wrap;gap:8px}.collection-tabs button{padding:9px 16px;color:#53627a;border:1px solid #dce4ef;border-radius:20px;background:#fff}.collection-tabs button.active{color:#fff;border-color:#2878ff;background:#2878ff}.card{background:#fff;border:1px solid #e2e8f1;border-radius:14px;box-shadow:0 10px 30px #28456f0b}.workspace{display:grid;grid-template-columns:minmax(260px,32%) 1fr;gap:20px;min-height:520px}.section-title{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid #edf1f6}.section-title h2{margin:0;font-size:17px}.section-title>div:last-child{display:flex;gap:8px}.section-title small{color:#8a97a9}.record-list{overflow:auto}.record-list>button{width:calc(100% - 20px);display:grid;gap:4px;margin:5px 10px;padding:12px;text-align:left;color:#26364f;border:0;border-radius:8px;background:transparent}.record-list>button:hover,.record-list>button.selected{background:#eef5ff}.record-list>button.selected{color:#176df2;box-shadow:inset 3px 0 #2878ff}.record-list small{color:#8a98aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-table{width:calc(100% - 20px);margin:0 10px 8px;border-collapse:collapse;font-size:13px}.record-table th,.record-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #edf1f6}.record-table th{color:#718096;font-size:12px;font-weight:700;background:#f8fafc}.record-table tbody tr{cursor:pointer}.record-table tbody tr:hover,.record-table tbody tr.selected{background:#eef5ff}.record-table tbody tr.selected{color:#176df2;box-shadow:inset 3px 0 #2878ff}.record-table td{color:#26364f;word-break:break-all}.pagination{position:sticky;bottom:0;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;padding:12px;color:#718096;font-size:12px;border-top:1px solid #edf1f6;background:#fff}.pagination button{padding:7px 11px}.empty{padding:60px 20px;color:#96a2b2;text-align:center}.editor{display:flex;flex-direction:column;min-width:0}.editor textarea{flex:1;margin:16px;padding:18px;resize:vertical;color:#dbe7ff;font:13px/1.65 Consolas,monospace;border:0;border-radius:10px;outline:none;background:#101b31}button{padding:9px 14px;color:#52617a;border:1px solid #dbe3ee;border-radius:8px;background:#fff}button:hover{border-color:#9dbaf0}button.primary{color:#fff;border-color:#2878ff;background:#2878ff}button:disabled{cursor:not-allowed;opacity:.55}input,select{width:100%;margin-top:6px;padding:10px 11px;color:#23324a;border:1px solid #dce4ef;border-radius:8px;outline:none;background:#fff}input:focus,select:focus{border-color:#2878ff;box-shadow:0 0 0 3px #2878ff16}label{color:#64728a;font-size:12px}.notice{margin:0;padding:11px 14px;border-radius:9px;font-size:13px}.notice.success{color:#167b5c;background:#e8faf4}.notice.error{color:#ad3144;background:#fff0f2}.publish-card,.database-connect{padding-bottom:18px}.publish-grid,.form-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:13px 16px;padding:18px}.publish-grid .wide,.form-grid .wide{grid-column:span 2}.publish-grid .full,.form-grid .full{grid-column:1 / -1}.check{align-self:center}.check input{width:auto;margin-right:7px}.publish-status{margin:0 18px;padding:14px;color:#5b6b82;border-radius:9px;background:#f5f8fc}.publish-status span{float:right;font-size:12px}.publish-status pre{max-height:220px;overflow:auto;margin:12px 0 0;padding:12px;color:#bcd0ec;font:12px/1.6 Consolas,monospace;border-radius:7px;background:#111c30}.database-connect>small{display:block;padding:0 18px;color:#8996a8}.compact-connect{padding-bottom:0}.compact-db-fields{grid-template-columns:1fr;padding-block:14px}.compact-db-fields .notice.wide{margin:0}.media-card{padding-bottom:18px}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;padding:0 18px 18px}.media-item{overflow:hidden;border:1px solid #e2e8f1;border-radius:12px;background:#fff}.media-item img{display:block;width:100%;height:140px;object-fit:cover;background:#eef2f8}.media-item div{display:grid;gap:8px;padding:12px}.media-item strong{font-size:13px}.media-item small{color:#7b8798;font-size:11px;word-break:break-all}.leads-card{overflow:hidden}.lead-list{display:grid;gap:0}.lead-item{display:grid;gap:12px;padding:16px 18px;border-bottom:1px solid #edf1f6}.lead-item:last-child{border-bottom:0}.lead-item header,.lead-item footer,.lead-meta{display:flex;align-items:center;justify-content:space-between;gap:14px}.lead-item strong{display:block;color:#15213a;font-size:16px}.lead-item small,.lead-item time,.lead-item footer{color:#7c8ba0;font-size:12px}.lead-meta{justify-content:flex-start;flex-wrap:wrap;color:#3b4b64;font-size:13px}.lead-meta span{min-width:90px;padding:5px 9px;border-radius:999px;background:#f2f6fb}.lead-item p{margin:0;color:#26364f;font-size:13px;line-height:1.75;white-space:pre-wrap}.lead-item footer{align-items:flex-start}.lead-notify.sent{color:#167b5c}.lead-notify.failed{color:#ad3144}.lead-notify.skipped{color:#8a6a17}.frontend-panel{padding-bottom:18px}.frontend-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:13px 16px;padding:0 18px 18px}.frontend-grid .wide{grid-column:span 2}.frontend-grid input{width:100%;padding:10px 12px;border:1px solid #d8e0ec;border-radius:8px;background:#f8fafc;color:#5f6f86}.frontend-grid label{display:grid;align-content:start;gap:6px}.frontend-grid small{color:#8a97a9;line-height:1.55}.frontend-structure{padding:0 18px 18px;color:#5f6f86;font-size:13px;line-height:1.8}.frontend-structure ul{margin:10px 0 0;padding-left:18px}.source-workspace{display:grid;grid-template-columns:310px 1fr;min-height:520px;margin:0 18px 18px;border:1px solid #e2e8f1;border-radius:10px;overflow:hidden}.source-tree{overflow:auto;max-height:620px;padding:12px;background:#f7f9fc;border-right:1px solid #e2e8f1}.source-tree strong{display:block;padding:8px 10px;font-size:13px}.source-tree button{width:100%;padding:8px 10px;overflow:hidden;color:#53627a;text-align:left;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent}.source-tree button:hover,.source-tree button.selected{color:#176df2;background:#e8f1ff}.source-editor{display:flex;flex-direction:column;min-width:0;background:#101b31}.source-editor>div{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;color:#9db3d2;border-bottom:1px solid #ffffff14}.source-editor textarea{flex:1;min-height:470px;padding:16px;resize:vertical;color:#dbe7ff;font:13px/1.65 Consolas,monospace;border:0;outline:none;background:#101b31}.seo-card{padding-bottom:18px}.seo-summary{display:flex;gap:22px;align-items:center;padding:16px 18px;color:#64728a}.seo-summary strong{color:#b33b4e}.seo-summary strong.passed{color:#16815e}.seo-issues{max-height:320px;overflow:auto;margin:0 18px;border:1px solid #e6ebf2;border-radius:9px}.seo-issues article{display:grid;grid-template-columns:72px 240px 1fr;gap:12px;padding:10px 12px;border-bottom:1px solid #eef1f5;font-size:12px}.seo-issues article:last-child{border-bottom:0}.seo-issues b{color:#b33b4e}.seo-issues b.warning{color:#a36b00}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.button-row{display:flex;gap:8px;flex-wrap:wrap}.button-row button.active{color:#fff;background:#2878ff;border-color:#2878ff}.record-form{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px 16px;padding:18px;min-height:360px;align-content:start}.record-form label{display:grid;gap:7px;font-size:13px;color:#5f6f86}.record-form label.wide{grid-column:span 2}.record-form input,.record-form select,.record-form textarea{width:100%;margin:0;padding:10px 12px;border:1px solid #d8e0ec;border-radius:8px;color:#15213a;background:#fff;box-sizing:border-box}.record-form textarea.seo-description{display:block;min-height:0;height:5.4rem;max-height:6.6rem;resize:vertical;overflow:auto;line-height:1.5}.switch-field{display:inline-flex;align-items:center;gap:10px;width:fit-content;padding:8px 12px;border:1px solid #d8e0ec;border-radius:999px;background:#f8fbff}.switch-field input{position:relative;width:42px;height:24px;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;background:#cbd5e1;cursor:pointer;transition:.2s}.switch-field input:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0f172a33;transition:.2s}.switch-field input:checked{background:#2878ff}.switch-field input:checked:after{transform:translate(18px)}.switch-field span{color:#334155;font-weight:700}.lookup-field{display:grid;gap:8px}.lookup-field small{color:#8a98ad;line-height:1.5}.image-field{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:14px;align-items:stretch;padding:12px;border:1px solid #e0e7f1;border-radius:12px;background:#f8fbff}.image-field.is-empty{grid-template-columns:minmax(150px,220px) 1fr}.image-preview{display:grid;place-items:center;min-height:132px;overflow:hidden;border:1px dashed #cbd8ea;border-radius:12px;color:#94a3b8;background:#f1f5f9}.image-field.is-empty .image-preview{min-height:92px}.image-preview img{display:block;width:100%;height:100%;max-height:190px;object-fit:contain;background:#fff}.image-controls{display:grid;align-content:center;gap:9px;min-width:0}.image-controls small{color:#74839a;font-weight:700}.image-controls input{margin-top:0;min-width:0;font-family:Consolas,monospace;font-size:12px}.image-controls .button-row{justify-content:flex-start}.image-field button{white-space:nowrap}.rich-editor{display:grid;overflow:hidden;border:1px solid #d8e0ec;border-radius:10px;background:#fff}.rich-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border-bottom:1px solid #e5ebf3;background:#f8fafc}.rich-toolbar button{padding:7px 10px}.rich-canvas{min-height:360px;padding:16px;color:#15213a;line-height:1.8;outline:none}.rich-canvas:empty:before{content:attr(data-placeholder);color:#94a3b8}.rich-canvas img{max-width:100%;height:auto;border-radius:10px}.rich-canvas p{margin:0 0 12px}.rich-canvas ul,.rich-canvas ol{padding-left:24px}.rich-error{margin:0;padding:8px 10px;font-size:12px}.detail-panel{margin:0 18px 18px;border:1px solid #e2e8f1;border-radius:12px;overflow:hidden;background:#fbfdff}.detail-panel--plain{margin:8px 0 0;border:0;border-radius:0;background:transparent}.detail-panel--plain .section-title{min-height:auto;padding:0 18px;border-bottom:0}.detail-panel--plain .record-form{padding:0 18px 18px;min-height:0;grid-template-columns:1fr}.detail-panel--plain .record-form label.wide{grid-column:1}.detail-panel--plain .rich-editor{width:100%}.detail-panel .section-title{min-height:68px}.detail-panel .record-form{padding:16px;min-height:0}.detail-panel .notice{margin:16px 18px}.relation-field{display:grid;gap:8px}.relation-field>small{color:#8a98ad}.relation-options{display:flex;flex-wrap:wrap;gap:8px}.relation-options label{display:inline-flex;align-items:center;gap:7px;width:auto;border:1px solid #dbe4f0;border-radius:10px;padding:8px 11px;background:#f8fafc;cursor:pointer}.relation-options input{width:auto}.structured-field{display:grid;gap:10px}.structured-field>strong{color:#334155}.field-hint{color:#8a98ad;font-size:12px}.mind-map-editor{display:grid;gap:14px}.mind-map-editor-tip{margin:0;color:#8a98ad;font-size:12px}.mind-map-branch-editor{display:grid;gap:12px;padding:14px;border:1px solid #dbe4f0;border-radius:12px;background:#f8fafc}.mind-map-branch-head{display:flex;align-items:end;gap:10px}.mind-map-branch-head label{flex:1}.mind-map-module-editor{display:grid;gap:10px;padding:12px;border:1px dashed #d5deea;border-radius:10px;background:#fff}.mind-map-editor button.ghost{justify-self:start}@media(max-width:1280px){body{min-width:1024px}.app-shell{grid-template-columns:220px 1fr}.sidebar{width:220px}.publish-grid,.form-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}