:root{
  --red:#e5262f; --red-dark:#bf161f; --red-soft:#fff0f1; --red-line:#ffd2d5;
  --orange:#ff8a1f; --ink:#161a20; --ink-2:#414751; --ink-3:#7a818d; --ink-4:#aeb4bd;
  --bg:#f4f5f7; --card:#fff; --line:#e9ebef; --line-2:#f0f1f4;
  --green:#13a36c; --green-soft:#eafaf3; --blue:#3478f6; --blue-soft:#edf4ff;
  --yellow:#e9a51b; --yellow-soft:#fff8e7; --shadow:0 12px 34px rgba(20,24,31,.06);
  --shadow-lg:0 24px 70px rgba(20,24,31,.16); --radius:18px; --sidebar:238px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;-webkit-font-smoothing:antialiased;font-size:14px}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
.app{min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#14171c;color:#fff;display:flex;flex-direction:column;z-index:30;box-shadow:10px 0 35px rgba(12,14,18,.08)}
.brand{padding:25px 22px 23px;display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(255,255,255,.075)}
.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#ff4048,#cf111b);display:grid;place-items:center;box-shadow:0 8px 20px rgba(229,38,47,.35);flex:0 0 auto}
.brand-mark svg{width:23px;height:23px}
.brand-name{font-size:17px;font-weight:800;letter-spacing:.4px;line-height:1.1}
.brand-sub{margin-top:5px;font-size:10px;color:rgba(255,255,255,.47);letter-spacing:1.1px}
.nav{padding:18px 13px 12px;display:flex;flex-direction:column;gap:4px;flex:1;overflow:auto}
.nav-label{padding:9px 12px 7px;font-size:10px;color:rgba(255,255,255,.32);letter-spacing:1.4px}
.nav-item{width:100%;border:0;background:transparent;color:rgba(255,255,255,.64);border-radius:11px;padding:11px 12px;display:flex;align-items:center;gap:11px;text-align:left;font-size:13px;position:relative;transition:.18s ease}
.nav-item:hover{color:#fff;background:rgba(255,255,255,.055)}
.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(229,38,47,.22),rgba(229,38,47,.07));box-shadow:inset 0 0 0 1px rgba(255,86,95,.12)}
.nav-item.active:before{content:"";position:absolute;left:-13px;top:9px;bottom:9px;width:3px;border-radius:0 4px 4px 0;background:#ff424b}
.nav-item svg{width:18px;height:18px;flex:0 0 auto}
.nav-item .badge{margin-left:auto;background:#e5262f;color:#fff;font-size:10px;border-radius:20px;padding:2px 7px;line-height:1.4}
.sidebar-card{margin:12px 13px;padding:13px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.065)}
.sidebar-card-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:rgba(255,255,255,.48)}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35d28b;box-shadow:0 0 0 4px rgba(53,210,139,.08);margin-right:6px}
.sidebar-card strong{display:block;margin-top:9px;font-size:12px;color:#fff;font-weight:600}
.sidebar-card p{margin:5px 0 0;font-size:10px;color:rgba(255,255,255,.32);line-height:1.5}
.user-box{margin:0 13px 15px;border-top:1px solid rgba(255,255,255,.075);padding:15px 6px 0;display:flex;align-items:center;gap:10px}
.avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:12px;background:linear-gradient(135deg,#ffd6d8,#ff9da2);color:#8c1018}
.user-meta strong{display:block;font-size:12px;font-weight:600}.user-meta span{display:block;font-size:10px;color:rgba(255,255,255,.38);margin-top:3px}
.more{margin-left:auto;color:rgba(255,255,255,.32);font-size:18px}
.main{margin-left:var(--sidebar);min-height:100vh}
.topbar{height:66px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}
.crumb{display:flex;align-items:center;gap:9px;color:var(--ink-3);font-size:12px}.crumb b{color:var(--ink);font-size:13px}
.crumb svg{width:14px;height:14px;opacity:.55}
.top-actions{display:flex;align-items:center;gap:9px}
.city-pill{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 10px;font-size:11px;color:var(--ink-2)}
.city-pill svg{width:14px;height:14px;color:var(--red)}
.demo-pill{border-radius:20px;padding:5px 9px;background:#f5f6f8;color:#808792;font-size:10px;border:1px solid #eceef1}
.icon-btn{border:1px solid var(--line);background:#fff;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;position:relative;color:var(--ink-2)}
.icon-btn svg{width:16px;height:16px}
.icon-btn .dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--red);right:7px;top:7px;border:1px solid #fff}
.mobile-menu{display:none}
.content{padding:24px 28px 40px;max-width:1600px;margin:0 auto}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.eyebrow{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1.4px;color:var(--red);font-weight:700;text-transform:uppercase;margin-bottom:7px}
.eyebrow:before{content:"";width:18px;height:2px;background:var(--red);border-radius:2px}
.page-title{font-size:25px;line-height:1.25;font-weight:800;letter-spacing:-.5px;margin:0}
.page-desc{margin:7px 0 0;color:var(--ink-3);font-size:12px;line-height:1.6}
.page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--ink-2);font-size:12px;font-weight:600;transition:.17s ease;white-space:nowrap}
.btn:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(20,24,31,.07)}
.btn svg{width:15px;height:15px}
.btn-primary{background:linear-gradient(135deg,#f4313b,#d51722);border-color:#d81722;color:#fff;box-shadow:0 7px 18px rgba(229,38,47,.18)}
.btn-primary:hover{box-shadow:0 10px 24px rgba(229,38,47,.25)}
.btn-dark{background:#1b1f25;color:#fff;border-color:#1b1f25}
.btn-soft{background:var(--red-soft);border-color:var(--red-line);color:var(--red)}
.btn-sm{padding:6px 10px;border-radius:8px;font-size:11px}
.text-btn{border:0;background:transparent;color:var(--ink-3);font-size:11px;padding:4px;display:inline-flex;align-items:center;gap:4px}.text-btn:hover{color:var(--red)}
.text-btn svg{width:14px;height:14px}
.hero{position:relative;background:linear-gradient(120deg,#1b1e24 0%,#262a31 58%,#3c191b 100%);border-radius:20px;padding:25px 28px;color:#fff;overflow:hidden;box-shadow:0 16px 38px rgba(20,24,31,.12);margin-bottom:16px}
.hero:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-130px;top:-230px;background:radial-gradient(circle,rgba(239,44,53,.32),rgba(239,44,53,0) 68%)}
.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:24px;align-items:center}
.hero-kicker{font-size:10px;color:rgba(255,255,255,.52);letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;border-radius:50%;background:#ff5058;box-shadow:0 0 0 5px rgba(255,80,88,.1)}
.hero h2{margin:9px 0 8px;font-size:22px;font-weight:800;line-height:1.32;letter-spacing:-.35px}
.hero h2 span{color:#ffb2b6}
.hero p{margin:0;font-size:12px;color:rgba(255,255,255,.55);line-height:1.7;max-width:650px}
.hero-stats{display:flex;gap:24px;margin-top:20px}.hero-stat strong{font-size:19px;display:block;line-height:1}.hero-stat span{display:block;font-size:10px;color:rgba(255,255,255,.42);margin-top:6px}
.command-card{background:rgba(255,255,255,.085);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:13px;backdrop-filter:blur(10px)}
.command-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:rgba(255,255,255,.5);margin-bottom:8px}.ai-badge{color:#ffb7ba;background:rgba(229,38,47,.2);padding:3px 6px;border-radius:5px;font-size:9px}
.command-box{display:flex;gap:8px;background:#fff;border-radius:10px;padding:6px 6px 6px 12px;align-items:center;box-shadow:0 7px 18px rgba(0,0,0,.12)}
.command-box input{min-width:0;flex:1;border:0;outline:0;font-size:12px;color:var(--ink)}.command-box input::placeholder{color:#a6abb3}
.command-box button{border:0;border-radius:7px;background:var(--red);color:#fff;font-size:11px;padding:8px 11px;font-weight:700;white-space:nowrap}
.command-quick{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.quick-chip{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04);color:rgba(255,255,255,.6);border-radius:20px;padding:4px 8px;font-size:9px;cursor:pointer}.quick-chip:hover{color:#fff;background:rgba(255,255,255,.09)}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.metric{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:15px 16px;position:relative;overflow:hidden;box-shadow:0 5px 20px rgba(20,24,31,.025)}
.metric:after{content:"";position:absolute;width:64px;height:64px;border-radius:50%;right:-22px;top:-24px;background:var(--metric-soft,#f3f4f6)}
.metric-head{display:flex;align-items:center;justify-content:space-between;color:var(--ink-3);font-size:11px}
.metric-icon{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:var(--metric-soft,#f3f4f6);color:var(--metric-color,var(--ink-2))}.metric-icon svg{width:15px;height:15px}
.metric-value{margin-top:13px;font-size:24px;line-height:1;font-weight:800;letter-spacing:-.5px}.metric-value small{font-size:11px;color:var(--ink-3);font-weight:500;margin-left:3px}
.metric-foot{margin-top:9px;font-size:10px;color:var(--ink-3);display:flex;align-items:center;gap:5px}.trend-up{color:var(--green);background:var(--green-soft);padding:2px 4px;border-radius:4px;font-weight:700}.trend-flat{color:var(--yellow);background:var(--yellow-soft);padding:2px 4px;border-radius:4px;font-weight:700}
.grid-main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.8fr);gap:14px}
.stack{display:flex;flex-direction:column;gap:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:15px;box-shadow:0 5px 20px rgba(20,24,31,.025);min-width:0}
.card-head{padding:15px 17px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.card-title{font-size:13px;font-weight:750;margin:0;line-height:1.4}.card-sub{font-size:10px;color:var(--ink-3);margin-top:4px;line-height:1.4}
.card-body{padding:0 17px 16px}.card-body.pad{padding:16px}
.divider{height:1px;background:var(--line-2)}
.tabs{display:flex;gap:3px;background:#f4f5f7;border-radius:8px;padding:3px}.tab{border:0;background:transparent;border-radius:6px;padding:5px 8px;font-size:10px;color:var(--ink-3)}.tab.active{background:#fff;color:var(--ink);box-shadow:0 2px 7px rgba(20,24,31,.06);font-weight:600}
.lead-list{display:flex;flex-direction:column}
.lead-row{display:grid;grid-template-columns:36px minmax(145px,1.1fr) minmax(180px,1.45fr) 80px 92px 68px;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--line-2);cursor:pointer;transition:.15s}.lead-row:hover{background:#fafbfc;margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:9px}
.lead-avatar{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:700;background:#f4f5f7;color:#666d78}.lead-avatar.hot{background:var(--red-soft);color:var(--red)}
.lead-name{font-size:11px;font-weight:700}.lead-source{font-size:9px;color:var(--ink-3);margin-top:4px;display:flex;align-items:center;gap:4px}.source-dot{width:5px;height:5px;border-radius:50%;background:#ff2442}.source-dot.dy{background:#17181b}.source-dot.wx{background:#02a44a}
.lead-need{font-size:11px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-need small{display:block;font-size:9px;color:var(--ink-3);margin-top:4px}
.score{font-weight:800;font-size:12px;color:var(--red)}.score:after{content:"分";font-size:8px;color:var(--ink-3);font-weight:400;margin-left:1px}
.status{border-radius:20px;padding:4px 7px;font-size:9px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.status.new{background:var(--red-soft);color:var(--red)}.status.wait{background:var(--yellow-soft);color:#b27c0e}.status.contact{background:var(--blue-soft);color:var(--blue)}.status.quote{background:#f2edff;color:#7651c4}.status.deal{background:var(--green-soft);color:var(--green)}
.lead-time{font-size:9px;color:var(--ink-4);text-align:right}
.radar-list{display:flex;flex-direction:column;gap:9px}
.radar-item{border:1px solid var(--line-2);border-radius:11px;padding:11px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;cursor:pointer;transition:.18s;background:#fff}.radar-item:hover{border-color:#f3c3c6;box-shadow:0 7px 18px rgba(20,24,31,.05);transform:translateY(-1px)}
.radar-thumb{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;font-size:18px;background:linear-gradient(145deg,#eef2f5,#e3e8ec)}.radar-thumb.t1{background:linear-gradient(145deg,#deedf4,#c6dbe6)}.radar-thumb.t2{background:linear-gradient(145deg,#f4e6dc,#ead0bc)}.radar-thumb.t3{background:linear-gradient(145deg,#e7e4f4,#d4ceed)}
.radar-title{font-size:11px;font-weight:650;line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.radar-meta{display:flex;gap:8px;font-size:9px;color:var(--ink-3);margin-top:4px}.hot-tag{color:var(--red);background:var(--red-soft);padding:1px 4px;border-radius:3px}.radar-score{width:34px;height:34px;border-radius:50%;border:2px solid #ffbec2;display:grid;place-items:center;color:var(--red);font-size:10px;font-weight:800;background:#fff8f8}
.funnel{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:end;height:112px;margin-top:4px}.funnel-col{display:flex;flex-direction:column;align-items:center;gap:6px}.funnel-bar{width:100%;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#ef474e,#d51d27);min-height:20px}.funnel-col:nth-child(2) .funnel-bar{background:linear-gradient(180deg,#ff8d78,#f26450)}.funnel-col:nth-child(3) .funnel-bar{background:linear-gradient(180deg,#5d97f6,#3478f6)}.funnel-col:nth-child(4) .funnel-bar{background:linear-gradient(180deg,#42c998,#13a36c)}.funnel-num{font-size:11px;font-weight:800}.funnel-label{font-size:9px;color:var(--ink-3)}
.task-mini{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line-2)}.task-mini:first-child{border-top:0;padding-top:0}.task-icon{width:30px;height:30px;border-radius:8px;background:#f5f6f8;display:grid;place-items:center;color:var(--ink-3);flex:0 0 auto}.task-icon svg{width:14px;height:14px}.task-info{min-width:0;flex:1}.task-info strong{display:block;font-size:10px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-info span{display:block;font-size:9px;color:var(--ink-3);margin-top:4px}.task-ok{font-size:9px;color:var(--green);background:var(--green-soft);padding:3px 5px;border-radius:5px}
.toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:16px}.search-box{position:relative;min-width:230px;flex:1;max-width:360px}.search-box svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--ink-4)}.search-box input{width:100%;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 11px 9px 33px;font-size:11px;outline:0}.search-box input:focus{border-color:#f3afb2;box-shadow:0 0 0 3px rgba(229,38,47,.06)}
.filter-select{border:1px solid var(--line);background:#fff;color:var(--ink-2);border-radius:9px;padding:9px 28px 9px 11px;font-size:11px;outline:0}
.chip-row{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#fff;border-radius:20px;padding:6px 10px;font-size:10px;color:var(--ink-3)}.chip.active{background:var(--ink);border-color:var(--ink);color:#fff}
.radar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.radar-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:.2s;box-shadow:0 5px 18px rgba(20,24,31,.025)}.radar-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.radar-cover{height:120px;position:relative;overflow:hidden;background:#e8edf1;padding:18px}
.radar-cover .cover-label{font-size:9px;background:rgba(255,255,255,.82);padding:4px 7px;border-radius:6px;display:inline-flex;align-items:center;gap:4px;color:var(--ink-2);backdrop-filter:blur(4px)}
.radar-cover .cover-quote{position:absolute;left:18px;right:72px;bottom:18px;font-size:15px;line-height:1.45;font-weight:800;color:#1e2931;text-shadow:0 1px 0 rgba(255,255,255,.6)}
.radar-cover .cover-score{position:absolute;right:14px;bottom:14px;background:#fff;border-radius:11px;padding:8px 7px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.08)}.cover-score strong{display:block;color:var(--red);font-size:16px;line-height:1}.cover-score span{font-size:8px;color:var(--ink-3)}
.cover-water{background:linear-gradient(135deg,#d6e8ed 0,#b5d0d9 53%,#c7d8dc 53%,#e2ecee 100%)}
.cover-roof{background:linear-gradient(145deg,#ece8df,#d6cfc4 52%,#bfb6a8 52%,#ded8ce 100%)}
.cover-wall{background:linear-gradient(135deg,#d8ddd9,#b6beb9 48%,#e3e5e2 48%,#c9ceca 100%)}
.cover-floor{background:linear-gradient(145deg,#e9dfd5,#d2c3b3 52%,#bfae9c 52%,#e1d7cb 100%)}
.radar-card-body{padding:13px}.radar-card-title{font-size:12px;font-weight:700;line-height:1.5;height:36px;overflow:hidden}.radar-card-tags{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}.mini-tag{font-size:8px;color:var(--ink-3);background:#f4f5f7;border-radius:4px;padding:3px 5px}.radar-card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line-2);margin-top:11px;padding-top:10px;font-size:9px;color:var(--ink-3)}.radar-card-foot .metrics-mini{display:flex;gap:8px}.radar-actions{display:flex;gap:6px;margin-top:10px}.radar-actions .btn{flex:1;padding:7px 5px;font-size:10px}
.studio-grid{display:grid;grid-template-columns:260px minmax(0,1fr) 310px;gap:14px;align-items:start}
.topic-card{padding:11px;border:1px solid var(--line-2);border-radius:10px;margin-top:8px;cursor:pointer;transition:.16s}.topic-card:hover{border-color:#f2babd;background:#fff9f9}.topic-card.active{border-color:#f08b90;background:#fff5f5;box-shadow:0 5px 15px rgba(229,38,47,.07)}.topic-card .topic-title{font-size:10px;font-weight:700;line-height:1.5}.topic-card .topic-meta{display:flex;justify-content:space-between;font-size:8px;color:var(--ink-3);margin-top:6px}.mini-hot{color:var(--red)}
.editor-field{display:flex;flex-direction:column;gap:7px;margin-bottom:13px}.editor-label{font-size:10px;color:var(--ink-3);display:flex;justify-content:space-between}.editor-label span{color:var(--ink-4);font-size:9px}
.editor-input,.editor-textarea{width:100%;border:1px solid var(--line);background:#fbfbfc;border-radius:9px;padding:10px 11px;font-size:11px;line-height:1.75;color:var(--ink-2);outline:0;resize:vertical}.editor-input:focus,.editor-textarea:focus{border-color:#efa8ac;background:#fff;box-shadow:0 0 0 3px rgba(229,38,47,.05)}.editor-textarea{min-height:220px}
.editor-toolbar{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px}.editor-tool{display:inline-flex;gap:4px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:6px;padding:5px 7px;font-size:9px;color:var(--ink-2)}.editor-tool svg{width:12px;height:12px}.editor-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--line-2)}
.compliance{font-size:9px;color:var(--green);display:flex;align-items:center;gap:4px}.compliance svg{width:12px;height:12px}
.phone-wrap{display:flex;justify-content:center;padding:4px 0 0}.phone{width:255px;height:470px;border-radius:27px;background:#15171b;padding:7px;box-shadow:0 16px 35px rgba(21,23,27,.2);position:relative}.phone-screen{height:100%;background:#fff;border-radius:21px;overflow:hidden;position:relative}.phone-top{padding:14px 12px 8px;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:700}.phone-dots{letter-spacing:2px}.phone-preview-img{height:155px;margin:0 10px;border-radius:10px;background:linear-gradient(135deg,#dce9ee,#abc8d2 52%,#dbe7ea 52%,#c5d7db);position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:12px}.phone-preview-img:before{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.35);right:20px;top:16px}.phone-preview-copy{position:relative;font-size:12px;font-weight:800;line-height:1.4;color:#1b2c32;max-width:170px}.phone-content{padding:11px 12px}.phone-title{font-size:12px;font-weight:800;line-height:1.45}.phone-text{font-size:9px;line-height:1.7;color:#525962;margin-top:7px;white-space:pre-line;max-height:150px;overflow:hidden}.phone-tags{font-size:8px;color:#3f6f9b;margin-top:7px;line-height:1.6}.phone-bottom{position:absolute;bottom:0;left:0;right:0;height:38px;background:#fff;border-top:1px solid #f0f1f2;display:flex;align-items:center;justify-content:space-around;color:#90959c;font-size:9px}.phone-bottom .active{color:var(--red)}
.studio-side .card + .card{margin-top:12px}.side-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid var(--line-2);font-size:10px}.side-row:first-child{border-top:0}.side-row span{color:var(--ink-3)}.side-row strong{font-size:10px;font-weight:650}.account-mini{display:flex;align-items:center;gap:7px}.platform-logo{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff}.platform-logo.xhs{background:#ff2442}.platform-logo.dy{background:#17181b}.platform-logo.wx{background:#02a44a}
.publish-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);gap:14px;align-items:start}
.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.account-card{border:1px solid var(--line);border-radius:11px;padding:11px;background:#fff}.account-card-top{display:flex;align-items:center;gap:8px}.account-name{font-size:10px;font-weight:700}.account-sub{font-size:8px;color:var(--ink-3);margin-top:3px}.online-tag{margin-left:auto;font-size:8px;color:var(--green);background:var(--green-soft);padding:3px 5px;border-radius:4px}.account-num{display:flex;justify-content:space-between;margin-top:11px;font-size:9px;color:var(--ink-3)}.account-num b{display:block;color:var(--ink);font-size:11px;margin-bottom:3px}
.schedule{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:9px}.schedule-day{text-align:center;font-size:8px;color:var(--ink-3);padding:4px 0}.schedule-day.today{color:var(--red);font-weight:700}.schedule-cell{min-height:67px;border:1px solid var(--line-2);border-radius:6px;padding:4px;background:#fcfcfd;position:relative}.schedule-event{font-size:7px;line-height:1.35;border-radius:3px;padding:3px;margin-bottom:3px;background:var(--red-soft);color:var(--red);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.schedule-event.dy{background:#eef0f2;color:#353a42}.schedule-event.wx{background:var(--green-soft);color:var(--green)}
.queue-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--line-2)}.queue-item:first-child{border-top:0}.queue-thumb{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#dce8ec,#bfd2d8);display:grid;place-items:center;font-size:14px}.queue-title{font-size:10px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-meta{font-size:8px;color:var(--ink-3);margin-top:4px;display:flex;gap:5px;align-items:center}.queue-state{font-size:8px;padding:3px 5px;border-radius:4px;white-space:nowrap}.queue-state.pending{color:#ae7b10;background:var(--yellow-soft)}.queue-state.publishing{color:var(--blue);background:var(--blue-soft)}.queue-state.done{color:var(--green);background:var(--green-soft)}
.idea-card{background:#171a1f;color:#fff;border-radius:13px;padding:15px}.idea-card .idea-label{font-size:9px;color:#ff959a;letter-spacing:1px}.idea-card h4{font-size:13px;line-height:1.5;margin:7px 0}.idea-card p{font-size:9px;line-height:1.7;color:rgba(255,255,255,.48);margin:0}.idea-card button{margin-top:12px;background:#fff;color:#1b1e24;border:0;border-radius:7px;font-size:9px;padding:7px 9px;font-weight:700}
.leads-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.small-stat{background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px 13px}.small-stat span{font-size:9px;color:var(--ink-3)}.small-stat strong{display:block;font-size:17px;line-height:1;margin-top:8px}.small-stat strong em{font-style:normal;font-size:9px;color:var(--green);margin-left:4px}
.lead-table{width:100%;border-collapse:collapse}.lead-table th{text-align:left;font-size:9px;font-weight:500;color:var(--ink-3);padding:0 10px 10px;border-bottom:1px solid var(--line-2)}.lead-table td{padding:11px 10px;border-bottom:1px solid var(--line-2);font-size:10px}.lead-table tbody tr{cursor:pointer;transition:.14s}.lead-table tbody tr:hover{background:#fbfbfc}.customer-cell{display:flex;align-items:center;gap:8px}.customer-cell strong{font-size:10px;display:block}.customer-cell span{font-size:8px;color:var(--ink-3);display:block;margin-top:3px}.table-status{border:0;font-size:9px;padding:4px 6px;border-radius:5px;outline:0}.need-cell{color:var(--ink-2);max-width:230px;line-height:1.5}.detail-link{color:var(--blue);font-size:9px;white-space:nowrap}
.automation-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.75fr);gap:14px;align-items:start}.workflow-card{background:linear-gradient(135deg,#1d2026,#252930);color:#fff;border-radius:15px;padding:17px;overflow:hidden;position:relative}.workflow-card:before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-100px;top:-100px;background:rgba(229,38,47,.18);filter:blur(5px)}.workflow-head{position:relative;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.workflow-head h3{margin:0;font-size:14px}.workflow-head p{margin:5px 0 0;font-size:9px;color:rgba(255,255,255,.42)}.workflow-node{position:relative;display:flex;align-items:center;gap:10px;margin-top:9px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:10px}.workflow-node .node-icon{width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#ff9ca1}.workflow-node .node-icon svg{width:14px;height:14px}.node-info{flex:1}.node-info strong{display:block;font-size:10px}.node-info span{display:block;margin-top:3px;font-size:8px;color:rgba(255,255,255,.4)}.switch{position:relative;width:28px;height:16px;display:inline-block;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.switch-track{position:absolute;inset:0;border-radius:20px;background:#515761;transition:.2s}.switch-track:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;left:2px;top:2px;transition:.2s}.switch input:checked + .switch-track{background:#e5262f}.switch input:checked + .switch-track:before{transform:translateX(12px)}
.auto-card{padding:14px;border:1px solid var(--line);border-radius:11px;margin-top:9px;background:#fff}.auto-card-head{display:flex;align-items:center;justify-content:space-between}.auto-card-title{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:650}.auto-card-title .mini{font-size:8px;background:var(--green-soft);color:var(--green);padding:2px 4px;border-radius:3px}.auto-meta{font-size:8px;color:var(--ink-3);margin-top:8px;line-height:1.6}.auto-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.auto-next{font-size:8px;color:var(--ink-3)}.auto-next b{color:var(--ink-2)}
.log-item{display:flex;gap:9px;padding:9px 0;border-top:1px solid var(--line-2)}.log-item:first-child{border-top:0}.log-dot{width:7px;height:7px;border-radius:50%;background:var(--green);margin-top:3px;flex:0 0 auto;box-shadow:0 0 0 3px var(--green-soft)}.log-info{min-width:0}.log-info strong{font-size:9px;font-weight:650;display:block}.log-info span{font-size:8px;color:var(--ink-3);display:block;margin-top:4px}
.modal-backdrop{position:fixed;inset:0;background:rgba(16,19,24,.45);backdrop-filter:blur(3px);z-index:80;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.show{display:flex;animation:fadeIn .18s ease}.modal{width:min(520px,100%);background:#fff;border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden;animation:rise .22s ease}.modal.wide{width:min(720px,100%)}.modal-head{padding:18px 20px 14px;display:flex;justify-content:space-between;gap:12px}.modal-title{font-size:16px;font-weight:800}.modal-sub{font-size:10px;color:var(--ink-3);margin-top:5px;line-height:1.5}.modal-close{border:0;background:#f4f5f7;color:var(--ink-3);width:28px;height:28px;border-radius:8px;display:grid;place-items:center}.modal-close svg{width:14px;height:14px}.modal-body{padding:0 20px 20px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:13px 20px;border-top:1px solid var(--line-2);background:#fcfcfd}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;color:var(--ink-3)}.field input,.field select,.field textarea{border:1px solid var(--line);background:#fbfbfc;border-radius:8px;padding:9px 10px;font-size:11px;outline:0}.field textarea{min-height:75px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#eda6aa;background:#fff}
.progress-wrap{padding:4px 0 2px}.progress-track{height:7px;border-radius:20px;background:#f0f1f3;overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#e5262f,#ff7b50);border-radius:20px;transition:width .45s ease}.flow-step{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line-2);color:var(--ink-4)}.flow-step:last-child{border-bottom:0}.flow-step .step-circle{width:25px;height:25px;border-radius:50%;background:#f4f5f7;display:grid;place-items:center;font-size:9px;color:var(--ink-4);flex:0 0 auto}.flow-step strong{display:block;font-size:10px;font-weight:650}.flow-step span{display:block;font-size:8px;margin-top:3px}.flow-step.active{color:var(--ink)}.flow-step.active .step-circle{background:var(--red);color:#fff;box-shadow:0 0 0 4px var(--red-soft)}.flow-step.done{color:var(--ink-2)}.flow-step.done .step-circle{background:var(--green);color:#fff}.flow-step.done .step-circle:before{content:"✓"}
.result-box{margin-top:12px;background:var(--green-soft);border:1px solid #c9f0de;border-radius:10px;padding:12px;display:none}.result-box.show{display:block}.result-box strong{font-size:12px}.result-box p{font-size:9px;color:#368368;line-height:1.7;margin:5px 0 0}
.toast{position:fixed;right:24px;bottom:24px;z-index:100;background:#1c2026;color:#fff;border-radius:10px;padding:11px 14px;font-size:11px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:8px;transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:translateY(0);opacity:1}.toast svg{width:15px;height:15px;color:#43d696}
.drawer-backdrop{position:fixed;inset:0;background:rgba(16,19,24,.35);z-index:70;display:none}.drawer-backdrop.show{display:block}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(410px,100%);background:#fff;z-index:71;box-shadow:-16px 0 50px rgba(20,24,31,.12);transform:translateX(100%);transition:.25s;display:flex;flex-direction:column}.drawer.show{transform:translateX(0)}.drawer-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.drawer-head h3{font-size:15px;margin:0}.drawer-body{padding:18px 20px;overflow:auto;flex:1}.detail-hero{background:linear-gradient(135deg,#fff3f3,#fffafa);border:1px solid #ffe1e3;border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px}.detail-hero .lead-avatar{width:42px;height:42px;font-size:14px}.detail-hero h4{margin:0;font-size:14px}.detail-hero p{margin:4px 0 0;font-size:9px;color:var(--ink-3)}.detail-section{margin-top:18px}.detail-section h5{font-size:10px;margin:0 0 8px;color:var(--ink-3);font-weight:500}.detail-panel{background:#fafbfc;border:1px solid var(--line-2);border-radius:10px;padding:12px;font-size:10px;line-height:1.8;color:var(--ink-2)}.tag-list{display:flex;gap:6px;flex-wrap:wrap}.detail-tag{font-size:9px;background:#f2f4f6;color:var(--ink-2);border-radius:5px;padding:4px 6px}.timeline{margin-top:6px}.timeline-item{display:flex;gap:10px;padding:0 0 14px;position:relative}.timeline-item:before{content:"";position:absolute;left:4px;top:10px;bottom:0;width:1px;background:var(--line)}.timeline-item:last-child:before{display:none}.timeline-dot{width:9px;height:9px;border-radius:50%;background:var(--red);margin-top:3px;flex:0 0 auto;box-shadow:0 0 0 3px var(--red-soft)}.timeline-text strong{font-size:9px;display:block}.timeline-text span{font-size:8px;color:var(--ink-3);display:block;margin-top:3px}.drawer-foot{padding:12px 20px;border-top:1px solid var(--line);display:flex;gap:8px}
.empty{text-align:center;padding:50px 20px;color:var(--ink-3)}.empty svg{width:35px;height:35px;color:var(--ink-4);margin-bottom:10px}.empty strong{display:block;font-size:12px;color:var(--ink-2)}.empty span{display:block;font-size:10px;margin-top:5px}
.hidden{display:none!important}
.watermark{font-size:8px;color:var(--ink-4);text-align:right;margin-top:12px}.watermark b{color:var(--ink-3)}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes rise{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1280px){:root{--sidebar:216px}.studio-grid{grid-template-columns:230px minmax(0,1fr)}.studio-side{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.studio-side .card + .card{margin-top:0}.radar-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1100px){.hero-inner{grid-template-columns:1fr}.command-card{max-width:600px}.grid-main,.publish-grid,.automation-grid{grid-template-columns:1fr}.radar-grid{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}.studio-grid{grid-template-columns:1fr}.studio-side{grid-column:auto}.topic-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.topic-list .topic-card{margin-top:0}}
@media(max-width:820px){:root{--sidebar:0px}.sidebar{transform:translateX(-100%);transition:.25s;width:238px}.sidebar.open{transform:none}.mobile-menu{display:grid}.topbar{padding:0 16px}.content{padding:18px 16px 32px}.page-head{align-items:flex-start;flex-direction:column}.page-actions{width:100%}.hero{padding:20px}.hero h2{font-size:19px}.hero-stats{gap:16px;flex-wrap:wrap}.lead-row{grid-template-columns:34px 1fr 70px;gap:8px}.lead-row .lead-need,.lead-row .lead-time{display:none}.lead-row .status{justify-self:end}.metrics{grid-template-columns:1fr 1fr}.radar-grid{grid-template-columns:1fr}.account-grid{grid-template-columns:1fr}.schedule{grid-template-columns:repeat(7,minmax(40px,1fr));overflow:auto}.leads-summary{grid-template-columns:1fr 1fr}.table-wrap{overflow:auto}.lead-table{min-width:720px}.form-grid{grid-template-columns:1fr}.modal-foot .btn{flex:1}.studio-side{grid-template-columns:1fr}.phone{width:245px}.toast{right:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}