:root,:root[data-theme=dark]{color-scheme:dark;--bg: #080b14;--sidebar: #0d1422;--sidebar-border: #1c2940;--panel: #101827;--panel-strong: #121d31;--panel-soft: #172338;--input: #111a2b;--text: #eef5ff;--heading: #ffffff;--muted: #8fa1b8;--border: #243247;--border-soft: #1b2638;--accent: #695cff;--accent-2: #00c2d7;--success: #20c581;--warning: #f6a524;--danger: #ef4c78;--shadow: 0 22px 58px rgba(0, 0, 0, .28)}:root[data-theme=light]{color-scheme:light;--bg: #f4f7fb;--sidebar: #ffffff;--sidebar-border: #d8e0ea;--panel: #ffffff;--panel-strong: #ffffff;--panel-soft: #eef4fb;--input: #ffffff;--text: #162233;--heading: #0f1724;--muted: #66778c;--border: #d6e0eb;--border-soft: #e6edf5;--accent: #4f46e5;--accent-2: #078da3;--success: #0f9f6e;--warning: #c77805;--danger: #d6355f;--shadow: 0 18px 42px rgba(43, 58, 79, .12)}:root[data-theme=comfort]{color-scheme:light;--bg: #edf5ed;--sidebar: #f7fbf4;--sidebar-border: #cbdcc9;--panel: #fbfff8;--panel-strong: #f7fcf2;--panel-soft: #edf6e8;--input: #fffef9;--text: #233324;--heading: #142617;--muted: #607160;--border: #cbdbca;--border-soft: #dfe9dc;--accent: #2f7d51;--accent-2: #457f91;--success: #2b8d58;--warning: #a56d19;--danger: #b54054;--shadow: 0 18px 38px rgba(50, 82, 52, .12)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:8px;background:var(--panel-soft);color:var(--text);cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}button:hover{border-color:var(--accent-2)}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.62}.primary{border-color:var(--accent);background:linear-gradient(135deg,var(--accent),#8f54ff);color:#fff}.login-screen{display:grid;min-height:100vh;place-items:center;padding:24px;background:var(--bg)}.login-panel{width:min(460px,100%);border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:34px;box-shadow:var(--shadow)}.brand-mark,.logo-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.login-panel h1{margin:20px 0 8px;color:var(--heading);font-size:30px;letter-spacing:0}.login-panel p{margin:0 0 22px;color:var(--muted)}.login-notice{margin:-8px 0 16px;border:1px solid rgba(239,76,120,.38);border-radius:8px;background:#ef4c781f;color:var(--danger);padding:10px 12px;line-height:1.5}.invite-row{display:grid;grid-template-columns:1fr auto;gap:10px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px;padding:4px;border:1px solid var(--border-soft);border-radius:8px;background:var(--panel-soft)}.auth-tabs button{min-height:34px;border-color:transparent;background:transparent;color:var(--muted)}.auth-tabs button.active{border-color:var(--border);background:var(--panel);color:var(--heading);box-shadow:0 8px 18px #0000001f}.login-form{display:grid;gap:14px}.login-form label{margin-top:0}.login-form button{width:100%}.login-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--muted);font-size:13px}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:var(--border-soft)}.wechat-login{width:100%;border-color:#20c58175;background:#20c5811f;color:var(--text)}.wechat-login:hover{border-color:var(--success);background:#20c5812e}.app-shell{display:grid;min-height:100vh;grid-template-columns:260px minmax(0,1fr);background:var(--bg)}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;border-right:1px solid var(--sidebar-border);background:var(--sidebar);color:var(--text);padding:18px 12px}.sidebar-brand{display:flex;min-height:56px;align-items:center;gap:12px;padding:0 4px 14px;border-bottom:1px solid var(--sidebar-border)}.sidebar-brand div:last-child{display:grid;gap:4px}.sidebar-brand strong{color:var(--heading)}.sidebar-brand span,.user-card span,.sidebar-stats span,.sidebar-stats dt{color:var(--muted);font-size:13px}.user-card{display:grid;grid-template-columns:44px 1fr;gap:12px;margin:14px 0;border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:14px}.avatar{display:grid;width:44px;height:44px;place-items:center;border-radius:999px;background:linear-gradient(135deg,#4e7cff,#8d54ff);color:#fff;font-weight:800}.user-card>div:nth-child(2){display:grid;gap:5px}.online-dot{display:inline-flex;align-items:center;gap:6px;color:var(--success)!important}.online-dot:before{width:6px;height:6px;border-radius:999px;background:var(--success);content:""}.credit-line{grid-column:1 / -1;display:flex;justify-content:space-between;border-top:1px solid var(--border-soft);padding-top:12px}.credit-line strong{color:var(--accent-2)}.sidebar nav{display:grid;gap:8px}.sidebar nav button,.sidebar-footer button{justify-content:flex-start;border-color:transparent;background:transparent;color:var(--text);padding:10px 12px}.sidebar nav button.active,.sidebar nav button:hover,.sidebar-footer button:hover{border-color:var(--border);background:linear-gradient(135deg,#695cffdb,#00c2d770);color:#fff}.sidebar-stats{display:grid;gap:12px;margin-top:auto;border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:14px}.sidebar-stats dl{display:grid;grid-template-columns:1fr auto;gap:9px 12px;margin:0}.sidebar-stats dd{margin:0;font-weight:800}.stat-link{min-height:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;line-height:1}.stat-link:hover{background:transparent;text-decoration:underline}.spin-icon{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-footer{display:grid;gap:8px;padding-top:12px}.workspace{min-width:0;padding:22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.topbar h1{margin:0 0 6px;color:var(--heading);font-size:28px;letter-spacing:0}.topbar span{color:var(--muted)}.topbar-actions,.action-row,.row-actions,.inline-stats{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.logout-action{border-color:#ef4c786b;color:var(--danger)}.logout-action:hover{border-color:var(--danger);background:#ef4c781f}.notice-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-8px 0 18px;border:1px solid rgba(0,194,215,.28);border-radius:8px;background:#00c2d71a;color:var(--heading);padding:10px 12px}.notice-bar button{min-height:28px;padding:0 8px}.site-footer{display:flex;justify-content:center;padding:22px 0 4px;color:var(--muted);font-size:13px}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:var(--heading)}.theme-switch,.segmented{display:inline-flex;border:1px solid var(--border);border-radius:8px;background:var(--panel);overflow:hidden}.theme-switch button,.segmented button{min-height:34px;border:0;border-radius:0;background:transparent;color:var(--muted);padding:0 11px}.theme-switch button.active,.segmented button.active{background:#00c2d71f;color:var(--heading)}.filter-count{margin-left:6px;color:inherit;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.metric,.panel{border:1px solid var(--border);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.metric{display:flex;min-height:76px;align-items:center;justify-content:space-between;padding:16px;text-align:left}.metric:hover{border-color:#4990f580;background:var(--panel-2)}.metric span{color:var(--muted);font-size:13px}.metric strong{display:block;margin-top:7px;color:var(--heading);font-size:28px}.metric svg{width:38px;height:38px;border-radius:8px;padding:9px}.metric:nth-child(1) svg{background:#00c2d729;color:var(--accent-2)}.metric:nth-child(2) svg{background:#f6a52426;color:var(--warning)}.metric:nth-child(3) svg{background:#20c58124;color:var(--success)}.metric:nth-child(4) svg{background:#ef4c7824;color:var(--danger)}.dashboard-grid{display:grid;grid-template-columns:1.15fr 1.15fr 1.15fr;gap:20px;margin-bottom:20px}.create-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:20px}.lower-grid{grid-template-columns:1.2fr 1.2fr 1.2fr}.channels-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.invite-system-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel{min-width:0;padding:20px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-title h2{display:inline-flex;align-items:center;gap:9px;margin:0;color:var(--heading);font-size:18px;letter-spacing:0}.panel-title button{min-height:30px;border:0;background:transparent;color:var(--accent-2);padding:0 4px}.quick-panel{display:grid;align-content:start;gap:12px}.quick-row{justify-content:flex-start;min-height:72px;border-color:var(--border);background:var(--panel-soft);padding:14px;text-align:left}.quick-row span{display:grid;gap:5px}.quick-row strong{color:var(--heading)}.quick-row small,.recent-row small,.recent-row span,.list-row span,.log-list small{color:var(--muted)}.blue-row{background:linear-gradient(90deg,#00c2d729,#00c2d70d)}.purple-row{background:linear-gradient(90deg,#695cff33,#ef4c7814)}.green-row{background:linear-gradient(90deg,#20c58126,#00c2d70f)}.plain-row{background:var(--panel-soft)}.billing-row{background:linear-gradient(90deg,#f6a52426,#20c58112)}.list-row,.recent-row,.log-list article{display:grid;gap:6px;width:100%;border:1px solid var(--border-soft);border-radius:8px;background:var(--panel-strong);color:var(--text);padding:12px}.list-row{grid-template-columns:1fr auto;align-items:center;margin-bottom:10px}.list-row span{border-radius:999px;background:#695cff29;color:var(--accent-2);padding:4px 8px;font-size:12px}.recent-list,.log-list{display:grid;gap:10px}.recent-row{text-align:left}.guide-panel,.invite-panel,.link-panel{min-height:245px}.step-list{display:grid;gap:13px;margin:0;padding:0;list-style:none;counter-reset:step}.step-list li{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;color:var(--text)}.step-list li:before{display:grid;width:24px;height:24px;place-items:center;border-radius:999px;background:#00c2d726;color:var(--accent-2);content:counter(step);counter-increment:step;font-size:12px;font-weight:800}label{display:grid;gap:8px;margin-top:16px;color:var(--text);font-size:14px;font-weight:700}.quota-note{margin:14px 0 0;border:1px solid var(--border-soft);border-radius:8px;background:var(--panel-soft);color:var(--muted);padding:11px 12px;font-size:13px;line-height:1.55}input,select,textarea{width:100%;min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--input);color:var(--text);padding:10px 11px;outline:none}textarea{min-height:132px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px #00c2d71f}.topic-combobox{position:relative;z-index:20}.topic-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) 40px 40px;gap:8px}.topic-dropdown{position:absolute;z-index:30;top:calc(100% + 8px);right:0;left:0;display:grid;max-height:420px;gap:6px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;background:var(--panel-strong);box-shadow:var(--shadow);padding:8px}.topic-dropdown::-webkit-scrollbar{width:8px}.topic-dropdown::-webkit-scrollbar-thumb{border-radius:999px;background:#8fa1b86b}.topic-option{display:grid;min-height:58px;justify-content:stretch;gap:5px;border-color:var(--border-soft);background:transparent;padding:10px 12px;text-align:left}.topic-option:hover,.topic-option.active{border-color:var(--accent-2);background:#00c2d71a}.topic-option strong{min-width:0;overflow:hidden;color:var(--heading);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.topic-option span{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--muted);font-size:12px}.topic-recommend-badge{display:inline-flex;align-items:center;min-height:20px;padding:2px 8px;border-radius:999px;background:#25b47024;color:#168050;font-size:12px;font-style:normal;font-weight:700;line-height:1;white-space:nowrap}.topic-option-empty{display:grid;min-height:54px;place-items:center;color:var(--muted);font-size:13px}.icon-button{width:40px;min-height:40px;padding:0}.copy-field{display:grid;grid-template-columns:1fr auto;gap:8px}.invite-link-panel .copy-field{grid-template-columns:minmax(0,1fr) auto auto}.copy-field-large{grid-template-columns:minmax(0,1fr) auto!important}.copy-field-large textarea{min-height:84px}.invite-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;border-top:1px solid var(--border-soft);padding-top:16px;text-align:center}.invite-stats strong{color:var(--accent-2);font-size:22px}.invite-stats span{grid-row:2;color:var(--muted);font-size:12px}.invite-rule-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.invite-rule-strip span,.invite-hero-badge,.panel-title>span{border:1px solid var(--border-soft);border-radius:8px;background:var(--panel-soft);color:var(--accent-2);padding:7px 9px;font-size:12px;font-weight:800;text-align:center}.invite-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.invite-hero h2{margin:0 0 6px;color:var(--heading);font-size:28px}.invite-hero p{margin:0;color:var(--muted)}.invite-hero-badge{display:inline-flex;min-width:156px;align-items:center;justify-content:center;gap:8px;color:var(--heading);font-size:14px}.invite-metric-grid{margin-bottom:20px}.commission-matrix{display:grid;gap:10px}.commission-matrix>div{display:grid;grid-template-columns:1.15fr repeat(3,minmax(76px,.6fr));align-items:center;gap:8px;border:1px solid var(--border-soft);border-radius:8px;background:var(--panel-strong);padding:12px}.commission-matrix strong{color:var(--heading)}.commission-matrix span{color:var(--muted);text-align:right}.commission-matrix .customer-rule{border-color:#00c2d76b;background:#00c2d717}.commission-matrix .customer-rule span{color:var(--accent-2);font-weight:800}.invite-rule-list{margin-top:16px}.qr-box{display:grid;justify-items:center;gap:10px;margin-top:14px;border:1px dashed var(--border);border-radius:8px;background:var(--panel-strong);padding:16px}.qr-box img{width:220px;max-width:100%;border-radius:8px;background:#fff;padding:10px}.qr-box span{color:var(--muted);font-size:13px}.billing-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(135deg,#695cff2e,#20c58114);padding:22px;box-shadow:var(--shadow)}.billing-hero h2{margin:0 0 7px;color:var(--heading);font-size:30px;letter-spacing:0}.billing-hero p{margin:0;color:var(--muted)}.billing-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:20px}.billing-card{display:grid;align-content:start;gap:16px;min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);padding:22px}.billing-card.recommended{border-color:#00c2d77a}.billing-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.billing-card h3{margin:0;color:var(--heading);font-size:20px}.billing-card-head span{border-radius:8px;background:#f6a52429;color:var(--warning);padding:6px 10px;font-size:12px;font-weight:800}.billing-points{display:flex;align-items:baseline;gap:8px;color:var(--muted)}.billing-points strong{color:#8d7cff;font-size:clamp(36px,4vw,52px);line-height:1}.billing-price{color:var(--success);font-size:30px;font-weight:900}.billing-card p{min-height:46px;margin:0;border-radius:8px;background:var(--panel-soft);color:var(--muted);padding:12px}.billing-note{display:grid;gap:8px;border-top:1px solid var(--border-soft);padding-top:14px}.billing-note span{color:var(--muted);font-size:13px}.link-panel a{display:flex;min-height:44px;align-items:center;justify-content:space-between;border:1px solid var(--border-soft);border-radius:8px;color:var(--text);margin-bottom:10px;padding:0 12px;text-decoration:none}.link-panel a:hover{border-color:var(--accent-2)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:14px}.config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.action-row{margin-top:18px}.result-body dl,.settings-list{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px 14px;margin:18px 0 0}dt{color:var(--muted);font-weight:700}dd{margin:0}.settings-list a{color:var(--accent-2);font-weight:800;text-decoration:none}.settings-list a:hover{text-decoration:underline}.break-text{overflow-wrap:anywhere}.field-action{display:flex;align-items:flex-start;gap:8px}.field-action span{min-width:0;flex:1;overflow-wrap:anywhere}.field-action button{flex:0 0 auto;min-height:30px;padding:0 9px}.empty-state{display:grid;min-height:160px;place-items:center;color:var(--muted)}.table-panel{margin-bottom:18px}.table-wrap{width:100%;overflow-x:auto}.task-filter-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;color:var(--muted);font-size:13px}.bulk-action-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border-soft);border-radius:8px;background:var(--panel-soft);color:var(--muted);margin-bottom:14px;padding:12px;font-size:13px}.pagination-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border-soft);color:var(--muted);margin-top:10px;padding-top:14px;font-size:13px}table{width:100%;min-width:920px;border-collapse:collapse}th,td{border-bottom:1px solid var(--border-soft);padding:12px 10px;text-align:left;vertical-align:top}th{color:var(--muted);font-size:13px}td{color:var(--text);font-size:14px}.table-checkbox{width:18px;height:18px;min-width:18px;margin:0}.task-message{max-width:320px;line-height:1.55;overflow-wrap:anywhere}.account-cell{display:grid;gap:4px;min-width:130px}.account-cell strong{color:var(--heading);font-size:13px}.account-cell span{color:var(--muted);font-size:12px}.clickable-row{cursor:pointer}.clickable-row:hover td,.clickable-row:focus td{background:#00c2d714}.status{display:inline-flex;min-width:70px;justify-content:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}.status.completed{background:#20c58124;color:var(--success)}.status.processing,.status.pending{background:#f6a52429;color:var(--warning)}.status.failed{background:#ef4c7826;color:var(--danger)}.status.canceled{background:#8fa1b829;color:var(--muted)}.row-actions button{min-height:32px;padding:0 10px}.danger-button{border-color:#ef4c786b;color:var(--danger)}.success-text{color:var(--success)}.warning-text{color:var(--warning)}.danger-text{color:var(--danger)}@media(max-width:1180px){.dashboard-grid,.lower-grid,.invite-system-grid{grid-template-columns:1fr 1fr}.recent-panel,.link-panel{grid-column:1 / -1}}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(7,minmax(0,1fr))}.sidebar nav button{justify-content:center}.sidebar-stats,.sidebar-footer{display:none}.metric-grid,.create-grid,.channels-grid,.invite-system-grid,.billing-plan-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.workspace{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions,.theme-switch{width:100%}.topbar-actions>button,.theme-switch button{flex:1}.billing-hero,.invite-hero{align-items:flex-start;flex-direction:column}.sidebar nav,.metric-grid,.dashboard-grid,.lower-grid,.create-grid,.channels-grid,.invite-system-grid,.billing-plan-grid,.config-grid,.two-column,.invite-row,.invite-rule-strip,.invite-link-panel .copy-field,.copy-field-large{grid-template-columns:1fr}.copy-field{grid-template-columns:1fr}.pagination-row{align-items:flex-start;flex-direction:column}}