:root{--primary:#2563eb;--primary-dark:#1d4ed8;--accent:#06b6d4;--bg:#f4f7fb;--surface:#fff;--surface-soft:#f8fafc;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--shadow:0 12px 30px rgba(15,23,42,.08)}
body{background:radial-gradient(circle at 0 0,rgba(59,130,246,.10),transparent 30%),var(--bg);transition:background .25s,color .25s}
.topbar{height:72px;background:linear-gradient(115deg,var(--primary-dark),var(--primary) 55%,var(--accent));box-shadow:0 8px 24px rgba(37,99,235,.22);padding:0 30px}.brand{display:flex;align-items:center;gap:10px;letter-spacing:.3px}.brand-mark{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);border-radius:11px;font-weight:800;box-shadow:inset 0 1px rgba(255,255,255,.3)}.userbar{display:flex;align-items:center;gap:12px}.userbar a{color:#fff;opacity:.9}.theme-picker{display:flex;align-items:center;gap:6px;font-size:12px}.theme-picker select{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.16);color:#fff;border-radius:7px;padding:5px 8px;outline:none}.theme-picker option{color:#1f2937;background:#fff}
.sidebar{background:rgba(255,255,255,.86);backdrop-filter:blur(12px);border-right:1px solid rgba(148,163,184,.22);padding:18px 12px}.sidebar a{position:relative;padding:12px 14px;margin-bottom:6px;font-weight:600;color:#475569}.sidebar a:hover{background:linear-gradient(90deg,rgba(37,99,235,.12),rgba(6,182,212,.05));color:var(--primary)}.sidebar a:first-child{background:linear-gradient(90deg,rgba(37,99,235,.13),transparent)}
.content{padding:30px;max-width:1650px}.page-head h1{font-size:27px;letter-spacing:-.4px}.card{background:rgba(255,255,255,.9);border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.stats{gap:18px}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-18px;top:-24px;width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,var(--accent),transparent);opacity:.2}.stat b{color:var(--primary-dark);font-size:32px}.stats .stat:nth-child(2) b{color:#0891b2}.stats .stat:nth-child(3) b{color:#d97706}.stats .stat:nth-child(4) b{color:#059669}.table th{background:linear-gradient(90deg,var(--surface-soft),#eef6ff);color:#334155}.table tr:hover td{background:rgba(239,246,255,.65)}.btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 5px 12px rgba(37,99,235,.18)}.btn.secondary{background:#eef2ff;color:var(--primary-dark);box-shadow:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.12);outline:none}.tag-status{background:#e0f2fe;color:#075985}.flash{border-left:4px solid var(--primary)}
.public-btn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 10px rgba(217,119,6,.18)}
.tag-public{background:#ede9fe;color:#6d28d9;margin-top:5px}
body.theme-violet{--primary:#7c3aed;--primary-dark:#5b21b6;--accent:#db2777;--bg:#faf7ff}body.theme-violet .topbar{background:linear-gradient(115deg,#4c1d95,#7c3aed 55%,#db2777)}body.theme-violet .stat b{color:#6d28d9}body.theme-violet .table tr:hover td{background:#faf5ff}
body.theme-emerald{--primary:#059669;--primary-dark:#047857;--accent:#14b8a6;--bg:#f2fbf8}body.theme-emerald .topbar{background:linear-gradient(115deg,#065f46,#059669 55%,#14b8a6)}body.theme-emerald .stat b{color:#047857}body.theme-emerald .table tr:hover td{background:#ecfdf5}
body.theme-sunset{--primary:#ea580c;--primary-dark:#c2410c;--accent:#eab308;--bg:#fff9f3}body.theme-sunset .topbar{background:linear-gradient(115deg,#9a3412,#ea580c 55%,#eab308)}body.theme-sunset .stat b{color:#c2410c}body.theme-sunset .table tr:hover td{background:#fff7ed}
@media(max-width:800px){.topbar{height:auto;min-height:68px;padding:12px 14px;gap:12px;flex-wrap:wrap}.userbar{font-size:12px}.theme-picker label{display:none}.content{padding:18px}}
@media(max-width:800px){
  .layout{display:block;min-height:0}
  .sidebar{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;border-right:0;border-bottom:1px solid rgba(148,163,184,.22)}
  .sidebar a{margin:0;padding:11px 10px;font-size:13px;text-align:center}
  .content{padding:14px}
  .page-head{align-items:flex-start;gap:10px;flex-wrap:wrap;margin-bottom:14px}.page-head h1{font-size:22px}
  .card{padding:15px;border-radius:13px;margin-bottom:14px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:14px}.stat b{font-size:26px}
  .actions{gap:7px}.actions input,.actions select{max-width:100%;min-width:0!important;flex:1 1 150px}.btn{min-height:40px;padding:9px 13px}.btn.small{min-height:36px}
  .customer-table,.customer-table tbody,.customer-table tr,.customer-table td{display:block;width:100%;min-width:0}.customer-table{border-collapse:separate}.customer-table tr:first-child{display:none}.customer-table tr:not(:first-child){background:rgba(255,255,255,.95);border:1px solid rgba(148,163,184,.22);border-radius:13px;padding:8px 11px;margin-bottom:12px;box-shadow:0 6px 18px rgba(15,23,42,.06)}.customer-table td{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:9px 3px;border-bottom:1px dashed rgba(148,163,184,.22);text-align:right}.customer-table td:last-child{border-bottom:0;justify-content:flex-end;flex-wrap:wrap}.customer-table td::before{flex:0 0 82px;text-align:left;color:#64748b;font-size:12px;font-weight:700}.customer-table td:nth-child(1)::before{content:'客户信息'}.customer-table td:nth-child(2)::before{content:'来源 / 抖音ID'}.customer-table td:nth-child(3)::before{content:'意向 / 年龄'}.customer-table td:nth-child(4)::before{content:'联系方式'}.customer-table td:nth-child(5)::before{content:'分类'}.customer-table td:nth-child(6)::before{content:'跟进状态'}.customer-table td:nth-child(7)::before{content:'最近跟进'}.customer-table td:nth-child(8)::before{content:'下一步计划'}.customer-table td:nth-child(9)::before{content:'下次跟进'}.customer-table td:nth-child(10)::before{content:'负责人'}.customer-table td:nth-child(11)::before{content:'操作'}.customer-table td>div,.customer-table td>a,.customer-table td>span{max-width:calc(100% - 94px);overflow-wrap:anywhere}.customer-table td:last-child::before{margin-right:auto}.customer-table td:last-child a,.customer-table td:last-child form{max-width:none}.customer-table .cell-text{max-width:calc(100% - 94px);text-align:right}.table-wrap{overflow:visible}.table-wide{min-width:0}.grid,.grid-3{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{padding:12px}
}