:root{--navy:#19293f;--ink:#203651;--muted:#8695aa;--blue:#4c70d0;--line:#e3e9f3;--bg:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px "Microsoft YaHei","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bbc9f1;outline-offset:2px}svg{width:18px;height:18px;flex:none}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:var(--navy);color:#a9bdd8;display:flex;flex-direction:column;padding:29px 18px;z-index:2}.brand{display:flex;gap:12px;align-items:center;padding:0 9px 35px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#6286ef,#8d74d6);display:grid;place-items:center;font-weight:700;font-size:23px;color:white}.brand h2{color:white;margin:0;font-size:20px;letter-spacing:.5px}.brand small{display:block;color:#8c9fbc;font-size:10px;margin-top:6px;letter-spacing:1.6px}.nav-label{font-size:10px;color:#7189a9;padding:5px 13px 15px;letter-spacing:1.6px}.nav{width:100%;display:flex;gap:12px;align-items:center;text-align:left;padding:14px 15px;margin:4px 0;border-radius:8px;font-size:13px}.nav:hover{background:#ffffff0a}.nav.active{background:#355789;color:white}.nav b{margin-left:auto;font:10px "Segoe UI";background:#ffffff16;border-radius:5px;padding:3px 6px}.sidebar-foot{margin-top:auto;border-top:1px solid #304159;padding:20px 10px 0;color:#8fa3c0;font-size:10px;line-height:2}.sidebar-foot strong{font-weight:400;color:#d0deef}.workspace{margin-left:224px}.topbar{height:72px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 34px;font-size:11px;color:#8b98ac}.topbar strong{font-weight:500;color:#536b8c}.topright{display:flex;align-items:center;gap:18px}.host{font:11px "Segoe UI";color:#95a1b3}.preview{border-radius:6px;background:#f1edf9;color:#967cb8;padding:5px 8px;font-size:10px}.user{display:flex;align-items:center;gap:8px;font-size:11px}.user i{display:grid;place-items:center;font-style:normal;width:29px;height:29px;background:#eaf0fc;border-radius:9px;color:#738fc3}.logout{font-size:11px;border-left:1px solid #e2e7f1;padding-left:17px;color:#8a98ad}.content{padding:30px 34px;max-width:1700px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px}.eyebrow{font:600 10px "Segoe UI";color:#8b9bb3;letter-spacing:1.8px;margin-bottom:9px}h1{font-size:27px;font-weight:600;margin:0 0 9px;letter-spacing:.5px}.heading p{font-size:12px;color:#8b9bb0;margin:0;line-height:1.7}.actions{display:flex;gap:9px;align-items:center}.btn{display:inline-flex;gap:7px;align-items:center;justify-content:center;font-size:11px;padding:9px 13px;border:1px solid #dfe6f1;border-radius:8px;background:white;white-space:nowrap;min-height:35px}.btn svg{width:14px;height:14px}.btn:hover{background:#f8faff}.btn.primary{background:#4b70d0;color:white;border-color:#4b70d0;box-shadow:0 4px 9px #4b70d015}.btn.soft{background:#eff3fc;color:#6480bb;border-color:#e7eefb}.btn.link{min-height:0;padding:4px 0;background:none;border:0;color:#6c87be}.btn:disabled{opacity:.4;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:27px}.stat{border:1px solid var(--line);border-radius:11px;background:white;padding:19px 20px}.stat-label{font-size:11px;color:#8494ad;display:flex;justify-content:space-between;align-items:center}.stat-label svg{width:16px;height:16px;color:#a1b2cf}.stat-number{font:600 29px "Segoe UI";color:#28415f;margin:11px 0 7px}.stat-number small{font-size:13px;font-weight:400;color:#a2aec0}.stat-hint{font-size:10px;color:#a1adbe}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-title h2{font-size:16px;font-weight:600;margin:0}.section-title span{font-size:10px;color:#96a3b6}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.card{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-2px);box-shadow:0 12px 25px #253e5b08}.card-main{display:flex;align-items:center;gap:17px;padding:24px 24px 20px;width:100%;text-align:left}.channel-icon{width:65px;height:65px;border-radius:18px;background:var(--wash);color:var(--accent);display:grid;place-items:center;flex:none}.channel-icon svg{width:36px;height:36px}.channel-label{display:flex;align-items:center;gap:10px}.channel-label h3{font-size:23px;letter-spacing:1px;margin:0 0 7px;font-weight:600}.channel-desc{font-size:11px;color:#92a0b3;line-height:1.8}.arrow{margin-left:auto;color:#aeb9c9}.pill{display:inline-flex;align-items:center;font-size:10px;padding:3px 7px;border-radius:5px;border:1px solid #dce6f8;color:#6687bc;background:#f4f7fd;white-space:nowrap}.pill.purple{color:#967abd;background:#f7f3fc;border-color:#e9e0f5}.pill.green{color:#4d9e82;background:#eff9f4;border-color:#d7eee3}.pill.amber{color:#b98b45;background:#fff9ef;border-color:#f4e7d2}.pill.gray{color:#98a4b4;background:#f5f7fa;border-color:#e5eaf0}.pill.red{color:#c87989;background:#fff2f5;border-color:#f3dce4}.card-info{padding:0 24px 16px;display:flex;align-items:center;justify-content:space-between}.card-time{display:flex;align-items:center;gap:7px;font-size:11px;color:#8899b1}.card-time svg{width:14px;height:14px;color:#9aadc9}.card-time strong{font:600 20px "Segoe UI";color:#3f5d81;margin-left:4px}.member-count{font-size:10px;color:#9cabc0}.member-count strong{font:500 16px "Segoe UI";color:#64809f}.progress{height:3px;border-radius:5px;background:#f0f3f9;margin:0 24px 18px;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent);opacity:.6}.card-foot{display:flex;align-items:center;justify-content:space-between;padding:13px 24px;background:#fdfdff;border-top:1px solid #edf1f7}.card-foot span{font:11px "Segoe UI";color:#95a5bb}.card-foot span b{font-weight:400;color:#7990ac}.note{background:#eef2fb;border:1px solid #e4eaf7;border-radius:10px;padding:15px 19px;margin-top:24px;font-size:11px;color:#8a9bb5;display:flex;align-items:center;gap:12px;line-height:1.8}.note svg{width:17px;height:17px;flex:none;color:#91a5c8}.note strong{color:#617fa4;font-weight:500}.foot{display:flex;justify-content:space-between;margin-top:23px;font-size:10px;color:#a5afbe}.back{display:flex;align-items:center;gap:5px;font-size:11px;color:#8a9cb5;margin-bottom:18px}.back svg{width:13px;height:13px}.team-title{display:flex;align-items:center;gap:15px}.team-title .channel-icon{width:54px;height:54px;border-radius:15px}.team-title .channel-icon svg{width:30px;height:30px}.team-title h1{font-size:26px;margin-bottom:8px}.team-title h1 .pill{vertical-align:middle;margin-left:9px;letter-spacing:0}.team-title p{font-size:11px}.team-title p b{font-weight:400;color:#728baa}.smallstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:white;border-radius:11px;margin-bottom:23px}.smallstat{padding:16px 22px;border-right:1px solid #edf1f6}.smallstat:last-child{border:0}.smallstat div{font-size:10px;color:#97a5b9}.smallstat strong{display:block;font:600 23px "Segoe UI";color:#4a668b;margin-top:8px}.smallstat small{font-size:12px;font-weight:400;color:#acb6c5}.panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.tabs{display:flex;gap:27px;border-bottom:1px solid #e8edf5;padding:0 22px;min-height:51px}.tab{position:relative;font-size:12px;color:#8b9ab0;padding:0 2px}.tab.active{color:#6683bd;font-weight:600}.tab.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#6e8bd2}.tab-note{margin-left:auto;display:flex;align-items:center;font-size:10px;color:#a4afbf}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;gap:15px}.toolbar strong{font-size:14px;font-weight:600}.toolbar small{font-size:10px;color:#a3afc0;margin-left:8px}.tools{display:flex;gap:9px;align-items:center}.input{display:block;width:100%;border:1px solid #e0e7f1;border-radius:7px;background:white;padding:10px 11px;font-size:12px;color:#5d718d;min-height:37px}.input::placeholder{color:#acb7c6}.input:disabled{background:#f6f8fc;color:#9ba9bd}.search{width:205px;padding-left:31px}.search-wrap{position:relative}.search-wrap svg{position:absolute;top:11px;left:10px;width:14px;height:14px;color:#acb7c7}.filter{width:115px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{background:#f8fafe;color:#8f9eb3;font-weight:500;font-size:10px;padding:13px 12px;border-bottom:1px solid #e8edf6}td{padding:16px 12px;border-bottom:1px solid #edf1f7;font-size:11px;color:#69819e}th:first-child,td:first-child{padding-left:22px}th:last-child,td:last-child{padding-right:22px}tbody tr:last-child td{border:0}tbody tr:hover{background:#fcfdff}input[type=checkbox]{accent-color:#6586cc}.nickname{font-size:12px;font-weight:500;color:#3c5778;margin-bottom:5px}.qq{font:10px "Segoe UI";letter-spacing:.3px;color:#9aabc1}.number{font:12px "Segoe UI";color:#6f89a9}.table-actions{display:flex;gap:12px}.table-actions button{padding:3px 0;font-size:10px;color:#8099c3}.table-actions .remove{color:#c8a2ad}.table-bottom{border-top:1px solid #edf1f7;padding:15px 22px;display:flex;justify-content:space-between;color:#a4b0c0;font-size:10px}.selection{background:#f8faff;padding:11px 22px;color:#869dbd;font-size:10px;display:flex;gap:20px}.selection button{font-size:10px;color:#6f8fbd}.empty-row{padding:60px 20px;text-align:center;color:#a3afc1}.settings{padding:27px 28px}.settings-layout{display:grid;grid-template-columns:minmax(400px,650px) 1fr;gap:35px}.settings h3{font-size:15px;font-weight:600;margin:0 0 9px}.intro{font-size:11px;color:#a0adbf;line-height:1.8;margin-bottom:26px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:21px}.field{display:flex;flex-direction:column;gap:9px}.field label{font-size:11px;color:#7b91ad}.field.full{grid-column:1/-1}.field .hint{font-size:10px;color:#a8b4c4;line-height:1.8}.field .input{min-height:41px}.settings-side{font-size:11px;color:#9bacc3;line-height:2;background:#f7f9fe;border:1px solid #e9eef6;border-radius:10px;padding:20px;height:max-content}.settings-side strong{font-weight:500;color:#7592b8}.settings-side h4{font-size:12px;font-weight:500;color:#6e89af;margin:0 0 13px}.alert{font-size:10px;line-height:1.9;padding:12px 14px;margin-top:24px;border-radius:8px;color:#a08dbb;background:#f5f1fb;border:1px solid #ece3f7}.save-row{display:flex;align-items:center;gap:12px;margin-top:25px}.save-row span{font-size:10px;color:#a8b2c1}.form-error{font-size:11px;color:#c67a8e;line-height:1.8;margin-top:13px;min-height:16px}.overview-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.box-head{padding:21px 22px;border-bottom:1px solid #edf1f6;font-size:14px;display:flex;justify-content:space-between}.box-head span{font-size:10px;color:#a8b3c4}.schedule{width:100%;display:flex;align-items:center;gap:14px;padding:18px 23px;text-align:left;border-bottom:1px solid #edf1f6}.schedule:last-child{border:0}.schedule .channel-icon{width:39px;height:39px;border-radius:12px}.schedule .channel-icon svg{width:22px;height:22px}.schedule h4{font-size:12px;font-weight:500;margin:0 0 6px}.schedule p{font-size:10px;color:#a2b1c6;margin:0}.schedule .schedule-time{margin-left:auto;font:500 17px "Segoe UI";color:#7996bc}.overview-actions{padding:4px 23px}.overview-action{display:flex;align-items:center;gap:14px;width:100%;padding:24px 0;border-bottom:1px solid #edf1f6;text-align:left}.overview-action:last-child{border:0}.overview-action>svg{width:22px;height:22px;color:#a2b6d5}.overview-action h4{font-size:12px;margin:0 0 6px;font-weight:500}.overview-action p{font-size:10px;color:#a5b2c4;margin:0}.overview-action .arrow{width:13px;margin-left:auto}.empty{padding:83px 25px;text-align:center}.empty-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:23px;margin:0 auto 23px;background:#f1f4fc;color:#a9b9d4}.empty-icon svg{width:31px;height:31px}.empty h3{font-size:16px;font-weight:500;margin:0 0 12px}.empty p{font-size:12px;color:#a2afc2;line-height:2;margin:0}.switch{width:32px;height:18px;border-radius:12px;background:#dce3ef;position:relative}.switch:after{content:'';width:12px;height:12px;background:white;border-radius:50%;position:absolute;top:3px;left:3px}.switch.on{background:#7597d7}.switch.on:after{left:17px}.dialog-mask{position:fixed;inset:0;background:#11253f55;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:25px;z-index:20}.dialog{width:480px;max-height:calc(100vh - 50px);overflow:auto;background:white;border-radius:15px;box-shadow:0 30px 90px #0e203c33}.dialog.wide{width:650px}.dialog-head{padding:24px 26px 19px;border-bottom:1px solid #edf1f6;display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:18px;font-weight:600;margin:0}.dialog-head p{font-size:10px;color:#9eacc0;margin:8px 0 0}.dialog-body{padding:25px 26px}.dialog-body>.field+.field{margin-top:21px}.dialog-foot{padding:17px 26px;border-top:1px solid #edf1f6;background:#fafbfe;display:flex;gap:9px;justify-content:flex-end}.dialog-note{font-size:10px;color:#9aabc3;background:#f5f7fc;padding:12px 14px;border-radius:8px;line-height:1.9;margin-top:20px}.toast{position:fixed;top:88px;left:calc(50% + 112px);transform:translateX(-50%);padding:13px 21px;border:1px solid #e1e8f3;background:white;border-radius:10px;box-shadow:0 8px 25px #1a2c4612;color:#7893b6;font-size:12px;z-index:40}.toast.error{color:#bf7e8e;border-color:#efdae2}textarea.input{min-height:150px;resize:vertical;line-height:1.9}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fcfdff}.login-art{min-height:900px;background:#192b45;position:relative;overflow:hidden;padding:62px 65px;color:#a5b9d7;display:flex;flex-direction:column}.login-art:before,.login-art:after{content:'';position:absolute;border-radius:50%;border:1px solid #ffffff0c;width:580px;height:580px;right:-270px;bottom:25px}.login-art:after{width:410px;height:410px;right:-185px;bottom:110px}.login-copy{margin:auto 0;position:relative;z-index:1}.login-copy h1{font-size:42px;font-weight:500;line-height:1.6;letter-spacing:2px;margin:25px 0;color:#f0f5ff}.login-copy h1 span{color:#adc2f4}.login-copy p{font-size:13px;line-height:2.2;color:#8fa8cc}.login-mini{display:flex;gap:11px;margin-top:35px}.login-mini>span{padding:13px 17px;border-radius:12px;background:#ffffff06;border:1px solid #ffffff13;display:flex;align-items:center;gap:8px;font-size:11px}.login-mini svg{color:var(--accent);width:20px;height:20px}.login-art .brand{padding:0}.login-art footer{font-size:10px;color:#6e88ad;letter-spacing:1px}.login-main{display:grid;place-items:center;padding:40px}.login-box{width:360px}.login-box h1{font-size:29px;margin-bottom:12px}.login-box>p{font-size:12px;line-height:2;color:#99a9be;margin:0 0 33px}.login-box .field{margin:0 0 22px}.login-box .input{height:47px}.login-options{display:flex;justify-content:space-between;font-size:10px;color:#a7b3c6;margin:0 0 20px}.login-options label{display:flex;align-items:center;gap:5px}.login-box .primary{width:100%;height:46px}.login-tip{font-size:10px;color:#a1acc1;background:#f2f5fb;padding:12px 14px;border-radius:8px;line-height:1.9;margin-top:24px}.login-direct{width:100%;font-size:11px;color:#8b9fc1;margin-top:22px}.tactical-head{display:flex;justify-content:space-between;align-items:center;padding:24px}.tactical-head h3{font-size:14px;margin:0 0 10px}.tactical-head p{font-size:11px;color:#9daec5;margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1100px){.sidebar{width:195px}.workspace{margin-left:195px}.content{padding:26px}.topbar{padding:0 26px}.host{display:none}.settings-layout{grid-template-columns:1fr}.settings-side{display:none}.tools{gap:7px}.search{width:165px}.card-main{gap:13px;padding:20px}.channel-icon{width:55px;height:55px}.channel-label h3{font-size:20px}.toast{left:calc(50% + 97px)}}@media(max-width:780px){.sidebar{width:76px;padding:25px 10px}.brand{padding:0 7px 30px}.brand>div:last-child,.nav-label,.nav span,.nav b,.sidebar-foot{display:none}.nav{justify-content:center;padding:15px 8px}.workspace{margin-left:76px}.content{padding:22px 17px}.topbar{padding:0 18px;height:65px}.topright{gap:10px}.logout{display:none}.cards,.overview-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.heading{align-items:flex-start}.heading h1{font-size:23px}.smallstat{padding:14px 12px}.smallstat strong{font-size:20px}.toolbar{flex-direction:column;align-items:flex-start}.search{width:180px}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-main{min-height:100vh;padding:30px}.team-heading{flex-direction:column;align-items:flex-start}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.tabs{gap:20px;padding:0 17px}.tab-note{display:none}.toast{left:calc(50% + 38px);max-width:75vw;width:max-content}.foot span:last-child{display:none}}