:root{color:#101828;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--accent: #ff4d1d;--accent-soft: #fff0eb;--accent-line: #ff6a3d;--blue: #2563eb;--green: #16a34a;--red: #e11d48;--text: #101828;--muted: #667085;--subtle: #98a2b3;--line: #e5e9f0;--panel: #ffffff;--page: #f6f8fb}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:36px;padding:8px 12px;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}button:active{transform:translateY(1px)}button:disabled{cursor:wait;opacity:.65}input,select,textarea{background:#fff;border:1px solid #d9e0ea;border-radius:8px;color:var(--text);min-height:38px;outline:0;padding:8px 11px;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px #ff4d1d1a}select:disabled{background:#f3f6fa;color:#8a99ad;cursor:not-allowed}textarea{line-height:1.7;resize:vertical}svg{flex:0 0 auto}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#f0f4f8;border-right:1px solid #dbe2eb;color:var(--text);display:flex;flex-direction:column;gap:26px;min-height:100vh;padding:18px 16px;position:sticky;top:0}.brand{align-items:center;display:flex;gap:10px;min-height:44px}.brand.big{margin-bottom:26px}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{color:#7b8ba3;font-size:13px;margin-top:4px}.brand-mark{align-items:center;background:radial-gradient(circle at 30% 30%,#fff 0 10%,transparent 11%),linear-gradient(135deg,#ff5a1f,#ff2d55);border-radius:999px;color:#fff;display:inline-flex;font-weight:800;height:28px;justify-content:center;width:28px}.side-nav{display:grid;gap:22px}.nav-group{display:grid;gap:6px}.nav-group p{color:#8a99ad;font-size:13px;font-weight:700;margin:0 0 6px 11px}.nav-item{background:transparent;color:#42526a;justify-content:flex-start;min-height:40px;padding:9px 11px;position:relative;width:100%}.nav-item svg{color:#6b7a90}.nav-item:hover{background:#e8edf4;color:var(--text)}.nav-item.active{background:#fde8e2;color:var(--accent);font-weight:700}.nav-item.active:before{background:var(--accent);border-radius:999px;content:"";height:24px;left:-16px;position:absolute;width:3px}.nav-item.active svg{color:var(--accent)}.main{background:var(--page);min-width:0}.notice-bar{align-items:center;background:#fff6ea;border-bottom:1px solid #fed7aa;color:#c2410c;display:flex;font-size:13px;font-weight:700;gap:10px;min-height:40px;padding:8px 30px}.notice-icon{align-items:center;background:#fff;border:1px solid #fed7aa;border-radius:999px;color:var(--accent);display:inline-flex;font-size:12px;height:22px;justify-content:center;width:22px}.topbar{background:#fff;border-bottom:1px solid var(--line);display:grid;gap:14px;padding:18px 30px 16px;position:sticky;top:0;z-index:5}.breadcrumb{align-items:center;color:#6b7a90;display:flex;font-size:14px;gap:12px}.breadcrumb strong{color:var(--text)}.context-bar{align-items:center;display:flex;gap:16px;min-width:0}.context-bar>*+*{border-left:1px solid #dbe2eb;padding-left:16px}.token-chip,.account-chip{align-items:center;display:flex;gap:10px;min-height:38px}.token-chip svg{background:var(--accent-soft);border-radius:8px;color:var(--accent);height:34px;padding:8px;width:34px}.account-chip{align-items:flex-start;flex-direction:column;gap:2px}.account-chip small{color:#8a99ad}.account-chip b{align-items:center;color:var(--green);display:inline-flex;font-size:13px;gap:5px}.switcher{align-items:center;display:flex;gap:10px}.enterprise-chip{align-items:flex-start;display:flex;flex-direction:column;gap:2px;min-height:38px}.enterprise-chip span{color:#7b8ba3;font-size:12px;font-weight:800}.enterprise-chip strong{color:var(--text);font-size:14px}.switcher span{color:#7b8ba3;font-size:13px;font-weight:700;white-space:nowrap}.switcher select{min-width:160px}.page-heading{align-items:center;display:flex;justify-content:space-between;padding:24px 30px 10px}.page-heading h1,.page-heading p{margin:0}.page-heading p{color:#8a99ad;font-size:13px;font-weight:700;margin-bottom:5px}.page-heading h1{font-size:22px;letter-spacing:0}.page-heading>span{background:#ecfdf3;border:1px solid #bbf7d0;border-radius:999px;color:#15803d;font-size:13px;font-weight:700;padding:6px 10px}.status-dot{background:#22c55e;border-radius:999px;height:8px;width:8px}.content{padding:10px 30px 44px}.toolbar,.table,.split,.two-col,.chat-shell{background:var(--panel);border:1px solid var(--line);border-radius:10px}.toolbar{align-items:center;border-bottom-left-radius:0;border-bottom-right-radius:0;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.toolbar-actions{align-items:center;display:flex;flex:0 0 auto;gap:10px}.toolbar+.table{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.search{align-items:center;background:#f8fafc;border:1px solid #d9e0ea;border-radius:8px;color:#7b8ba3;display:flex;gap:8px;max-width:420px;padding:0 10px;width:100%}.search input{background:transparent;border:0;box-shadow:none;min-height:36px;padding-left:0}.search input:focus{box-shadow:none}.primary{background:var(--accent);color:#fff;font-weight:700}.primary:hover{background:#e83f14}.ghost{background:transparent;color:#53657d;font-weight:700}.ghost:hover{background:#f2f5f9}.ghost.danger{color:var(--red)}.ghost.danger:hover{background:#fff1f2}.logout-action{margin-left:auto;white-space:nowrap}.secondary{background:#f2f5f9;color:#42526a;font-weight:700}.secondary:hover{background:var(--accent-soft);color:var(--accent)}.full{width:100%}.table{overflow:hidden}.row{align-items:center;display:grid;gap:16px;grid-template-columns:1.25fr .7fr 1fr .85fr .75fr;min-height:54px;padding:12px 16px}.wechat-table .row{grid-template-columns:minmax(220px,1.15fr) 82px minmax(140px,.75fr) minmax(138px,.7fr) 352px}.row+.row{border-top:1px solid #edf0f5}.row:not(.head):hover{background:#fbfcfe}.row.head{background:#fbfcfe;color:#667085;font-size:13px;font-weight:800;min-height:46px}.row strong{font-size:14px}.wechat-profile{align-items:center;display:flex;gap:10px;min-width:0}.wechat-profile>span{min-width:0}.wechat-avatar{align-items:center;background:linear-gradient(135deg,#ff6a3d,#2563eb);border-radius:999px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:14px;font-weight:800;height:36px;justify-content:center;overflow:hidden;width:36px}.wechat-avatar img{height:100%;object-fit:cover;width:100%}.row small{color:#8a99ad;display:block;font-size:12px;margin-top:4px}.badge{border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;padding:4px 9px}.badge.active{background:#dcfce7;color:#15803d}.badge.pending_qr{background:#fef3c7;color:#92400e}.badge.paused{background:#ffedd5;color:#c2410c}.badge.disabled{background:#f3f4f6;color:#4b5563}.actions{display:flex;gap:6px;flex-wrap:nowrap}.actions button,.icon-only,.cards footer button{background:#f2f5f9;color:#53657d;min-width:36px;padding:8px}.actions button{min-width:72px;padding:8px 10px;width:auto}.actions button span{display:inline;white-space:nowrap}.actions button:hover,.icon-only:hover,.cards footer button:hover{background:var(--accent-soft);color:var(--accent)}.actions .danger-action{color:var(--red)}.actions .danger-action:hover{background:#fff1f2;color:var(--red)}.split{display:grid;gap:0;grid-template-columns:300px 1fr;overflow:hidden}.list-pane{background:#fbfcfe;border-right:1px solid var(--line);display:grid;gap:10px;align-content:start;padding:16px}.list-item{background:transparent;color:var(--text);display:block;height:auto;min-height:66px;padding:12px;text-align:left}.list-item:hover{background:#f1f5f9}.list-item.active{background:var(--accent-soft);color:var(--accent);font-weight:800}.list-item small{color:#8a99ad;display:block;margin-top:5px}.editor-pane{padding:18px}.two-col{display:grid;gap:0;grid-template-columns:360px 1fr;overflow:hidden}.panel{background:#fbfcfe;border-right:1px solid var(--line);padding:18px}.panel h2{align-items:center;display:flex;font-size:16px;gap:8px;margin:0 0 8px}.form{display:grid;gap:14px}.readonly-value{background:#f8fafc;border:1px solid #d9e0ea;border-radius:8px;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:700;min-height:42px;overflow-wrap:anywhere;padding:11px 12px}.field-tip{color:#8a99ad;font-size:12px;font-weight:700}.loading-screen{align-items:center;background:#f8fafcdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:fixed;z-index:50}.loading-panel{align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 80px #10182829;display:grid;gap:12px;max-width:420px;padding:28px;text-align:center}.loading-panel strong{font-size:17px}.loading-panel p{color:#667085;margin:0}.loading-spinner{animation:spin .9s linear infinite;border:3px solid #e2e8f0;border-top-color:var(--accent);border-radius:999px;height:36px;width:36px}@keyframes spin{to{transform:rotate(360deg)}}.code-grid{display:grid;gap:8px;grid-template-columns:repeat(6,minmax(0,42px))}.code-cell{aspect-ratio:1;font-size:20px;font-weight:800;padding:0;text-align:center}.grid-form{grid-template-columns:1fr 1fr}.grid-form .wide,.grid-form fieldset,.grid-form button{grid-column:1 / -1}label{color:#42526a;display:grid;font-size:13px;font-weight:800;gap:7px}fieldset{border:1px solid #dbe2eb;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:14px}legend{color:#667085;font-size:13px;font-weight:800;padding:0 6px}.check{align-items:center;background:#f8fafc;border:1px solid #e6ebf2;border-radius:8px;display:inline-flex;gap:8px;padding:8px 10px}.check input{accent-color:var(--accent);min-height:auto;width:auto}.cards{display:grid;gap:0}.cards article{background:#fff;border-bottom:1px solid #edf0f5;padding:16px 18px}.cards article:last-child{border-bottom:0}.cards h3,.cards p{margin:0}.cards h3{font-size:15px}.cards p{color:#53657d;line-height:1.65;margin-top:8px}.cards footer{align-items:center;color:#8a99ad;display:flex;justify-content:space-between;margin-top:14px}.chat-shell{display:grid;grid-template-columns:310px 1fr;min-height:520px;overflow:hidden}.chat-shell aside{background:#fbfcfe;border-right:1px solid var(--line);display:grid;gap:16px;grid-template-rows:auto 1fr;padding:18px}.chat-shell section{align-self:center;margin:0 auto;max-width:520px;padding:28px;text-align:center}.chat-shell h2{margin:0 0 12px}.chat-shell p,.muted{color:#7b8ba3;line-height:1.7}.contact-placeholder,.empty{align-items:center;color:#8a99ad;display:grid;justify-items:center;place-content:center}.modal{align-items:center;background:#0f172a6b;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:fixed;z-index:30}.modal section{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 24px 70px #0f172a2e;max-width:390px;padding:22px;position:relative;text-align:center;width:100%}.modal h2{align-items:center;display:flex;font-size:18px;gap:8px;justify-content:center;margin:0 0 18px}.stepper{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:4px 0 18px;position:relative}.stepper:before{background:#e6ebf2;content:"";height:2px;left:16%;position:absolute;right:16%;top:15px;z-index:0}.step{align-items:center;color:#8a99ad;display:grid;font-size:12px;font-weight:800;gap:6px;justify-items:center;position:relative;z-index:1}.step b{align-items:center;background:#f2f5f9;border:1px solid #dbe2eb;border-radius:999px;display:inline-flex;height:30px;justify-content:center;width:30px}.step.active{color:var(--accent)}.step.active b{background:var(--accent);border-color:var(--accent);color:#fff}.modal img{border:1px solid #edf0f5;border-radius:10px;height:220px;margin-bottom:16px;width:220px}.modal .icon-only{position:absolute;right:12px;top:12px}.modal-tip{color:#7b8ba3;font-size:13px;line-height:1.6;margin:0 0 14px}.modal img+.secondary{margin-bottom:14px;width:100%}.toast{background:#101828;border-radius:8px;bottom:22px;box-shadow:0 18px 40px #10182838;color:#fff;left:50%;padding:12px 16px;position:fixed;transform:translate(-50%);z-index:40}.auth-page{align-items:center;background:linear-gradient(180deg,#fff6eae6,#f6f8fb00 42%),var(--page);display:flex;min-height:100vh;padding:24px}.auth-panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 70px #10182814;margin:auto;max-width:440px;padding:28px;width:100%}.auth-panel .brand-mark{height:34px;width:34px}.segmented{background:#f2f5f9;border-radius:8px;display:grid;gap:4px;grid-template-columns:1fr 1fr;margin-bottom:18px;padding:4px}.segmented button{background:transparent;color:#53657d}.segmented .active{background:#fff;color:var(--accent);font-weight:800}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;position:static}.side-nav{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.context-bar,.page-heading,.toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions{flex-wrap:wrap}.context-bar>*+*{border-left:0;padding-left:0}.row,.split,.two-col,.chat-shell,.grid-form{grid-template-columns:1fr}.row.head{display:none}.list-pane,.panel,.chat-shell aside{border-right:0;border-bottom:1px solid var(--line)}}