:root{--blue:#697ee5;--purple:#7956b7;--cyan:#18d6df;--ink:#0f1e3b;--muted:#56627a;--card:#fff;--soft:#f6f7f9}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:linear-gradient(118deg,#6882e8,#7c55b6);min-height:100vh}header{height:65px;background:rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.12);color:#fff}.nav{width:min(1280px,calc(100% - 40px));margin:auto;height:65px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:21px}.logo{width:34px;height:34px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-weight:900;position:relative}.logo small{position:absolute;font-size:6px;bottom:4px}.nav nav{display:flex;align-items:center;gap:3px;height:100%}.nav nav a{height:100%;padding:0 16px;display:flex;gap:8px;align-items:center;color:#f5f7ff;text-decoration:none;font-weight:700;cursor:pointer;border-bottom:2px solid transparent}.nav nav a.active{border-color:#23e0e5}.nav button{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;padding:9px 14px;font-weight:800;margin-left:12px}main{width:min(1280px,calc(100% - 40px));margin:28px auto 70px}.title{font-size:38px;margin:0 0 4px}.subtitle{color:#344c7e;margin:0 0 32px}.grid{display:grid;gap:24px}.dash{grid-template-columns:410px 1fr}.card{background:var(--card);border-radius:15px;padding:24px;box-shadow:0 8px 25px rgba(32,34,92,.08)}.profile{text-align:center}.avatar{width:94px;height:94px;background:#5230b4;border:4px solid #dfe2ea;color:white;border-radius:50%;display:grid;place-items:center;font-size:36px;margin:0 auto 18px}.email{color:#36405a}.plan{background:#e2e3e6;border-radius:13px;padding:20px;margin:24px 0;font-weight:800}.meter-label{display:flex;justify-content:space-between;margin:26px 0 10px}.meter{height:12px;border-radius:10px;background:#e4e6eb;overflow:hidden}.meter span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#0cc0e3,#5174ef)}.actions{display:grid;gap:11px;margin-top:24px}.btn{border:0;border-radius:11px;padding:14px 18px;color:#fff;font-weight:800;font-size:16px;cursor:pointer}.pink{background:linear-gradient(90deg,#e83e9c,#9b2fe5)}.green{background:linear-gradient(90deg,#18bf62,#13a095)}.orange{background:linear-gradient(90deg,#f4b300,#ef5604)}.dark{background:#515e70}.stats{grid-template-columns:repeat(3,1fr)}.stat{display:flex;align-items:center;justify-content:space-between}.stat strong{font-size:31px}.icon{font-size:28px;padding:12px;border-radius:9px;background:#e5efff}.section-head{display:flex;justify-content:space-between;align-items:center}.link{color:#06afc7;cursor:pointer}.monitor{display:flex;align-items:center;background:#f7f8fa;padding:16px;border-radius:13px;margin-top:16px}.mini{width:48px;height:48px;background:#ce38c6;color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:900;margin-right:16px}.monitor .grow{flex:1}.monitor b{font-size:18px}.hero{text-align:center;color:#fff;padding:80px 10px 50px}.hero h1{font-size:52px;margin:0 0 18px}.hero p{font-size:21px;line-height:1.8}.hero .btn{background:#fff;color:#5544ba;padding:16px 30px}.feature-grid{grid-template-columns:repeat(4,1fr)}.feature{text-align:center;min-height:180px}.feature i{font-style:normal;font-size:38px}.feature h3{font-size:20px}.tool{max-width:900px;margin:45px auto}.tabs{display:flex;gap:8px;margin-bottom:18px}.tab{color:var(--ink);background:#eceef4}.tab.active{background:#5540bd;color:#fff}.inputrow{display:flex;gap:12px}.inputrow input{flex:1;border:1px solid #d9dce5;border-radius:11px;padding:15px;font-size:16px}.result{margin-top:22px}.metrics{grid-template-columns:repeat(4,1fr);margin-top:20px}.metric{background:#f6f7fa;border-radius:10px;padding:16px;text-align:center}.metric b{display:block;font-size:23px;margin-top:7px}.quality{display:grid;grid-template-columns:180px 1fr;gap:25px;align-items:center}.score{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#21c9ba 0 82%,#e6e8ee 82%);position:relative;margin:auto}.score:after{content:"";position:absolute;width:118px;height:118px;background:white;border-radius:50%}.score b{z-index:1;font-size:36px}.bar{margin:12px 0}.bar label{display:flex;justify-content:space-between}.bar div{height:9px;background:#e5e7ec;border-radius:10px;overflow:hidden;margin-top:6px}.bar span{display:block;height:100%;background:linear-gradient(90deg,#12bddd,#7557d8)}.empty{text-align:center;padding:50px;color:#657087}.danger{color:#dc3f52;cursor:pointer;border:0;background:none}.footer-note{text-align:center;color:rgba(255,255,255,.75);margin-top:50px}@media(max-width:800px){.nav{width:100%;padding:0 10px}.brand b{display:none}.nav nav a{padding:0 7px}.nav nav a span{display:none}.dash,.stats,.feature-grid,.metrics{grid-template-columns:1fr}.inputrow{flex-direction:column}.quality{grid-template-columns:1fr}main{width:calc(100% - 24px)}}
.home-section{margin:36px 0}.home-section>h2,.home-section>p{text-align:center;color:#fff}.home-section>h2{font-size:30px;margin-bottom:8px}.six{grid-template-columns:repeat(3,1fr)}.audience{grid-template-columns:repeat(2,1fr)}.trust{grid-template-columns:repeat(4,1fr)}.trust .card{text-align:center}.trust b{display:block;font-size:32px;color:#593ac3}.faq{max-width:900px;margin:auto}.faq details{background:#fff;border-radius:12px;margin:10px 0;padding:17px 20px}.faq summary{font-weight:800;cursor:pointer}.faq p{color:#56627a;line-height:1.7}.cta{text-align:center;color:#fff;padding:35px}.cta h2{font-size:32px}.cta .btn{background:#fff;color:#5b43bd}.site-footer{background:#15213a;color:#dce4f2;margin:50px calc(50% - 50vw) -70px;padding:42px max(20px,calc((100vw - 1280px)/2))}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.site-footer a{color:#b9c7df;text-decoration:none;display:block;margin:10px 0}.site-footer small{display:block;border-top:1px solid #33415b;margin-top:30px;padding-top:20px}@media(max-width:800px){.six,.audience,.trust,.footgrid{grid-template-columns:1fr}}
.detail-card{margin-top:22px;background:#f7f8ff;border-radius:14px;padding:20px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-item{background:#fff;border:1px solid #e5e7ef;border-radius:10px;padding:13px}.detail-item small{display:block;color:#738099;margin-bottom:6px}.toolnav{display:flex;gap:8px;justify-content:center;margin:16px 0 24px}.toolnav button{border:0;border-radius:10px;padding:11px 17px;font-weight:800;cursor:pointer}.toolnav .active{background:linear-gradient(90deg,#f21665,#17d4d4);color:#fff}.profile-head{display:flex;gap:18px;align-items:center;padding:18px;background:#f8f8ff;border-radius:13px}.profile-head .avatar{margin:0;width:78px;height:78px}.share{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.share button{border:0;border-radius:8px;padding:9px 13px;cursor:pointer}.video-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.video-card{background:#f6f7fb;border-radius:12px;padding:14px;cursor:pointer}.video-card .thumb{height:110px;border-radius:9px;background:linear-gradient(135deg,#2c3359,#b766c2);display:grid;place-items:center;color:#fff;font-size:32px}.badge{display:inline-block;border-radius:99px;padding:4px 9px;background:#fee5e5;color:#d33;font-size:12px}.analysis-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.analysis-card{background:#fff;border-radius:14px;padding:20px}.analysis-card h3{margin-top:0}.mini-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.mini-metrics div{background:#f5f6fa;border-radius:9px;padding:10px}.diagnosis{background:#fff5d8;border-radius:12px;padding:16px;line-height:1.8}.followers-mode{display:flex;justify-content:center;gap:8px;margin:14px}.followers-mode button{padding:9px 22px;border:0;border-radius:9px}.followers-mode .active{background:#5e47df;color:#fff}@media(max-width:800px){.video-list,.analysis-grid,.detail-grid{grid-template-columns:1fr}}
.manager,.add-monitor{max-width:950px;margin:35px auto}.add-monitor{padding:34px}.add-hero{text-align:center;padding:20px 0 30px}.add-icon{width:72px;height:72px;border-radius:50%;margin:auto;background:linear-gradient(135deg,#18bf62,#15b7d4);color:#fff;display:grid;place-items:center;font-size:42px}.monitor-tips{background:#f6f8ff;border-radius:14px;padding:22px;margin-top:26px}.video-cover{width:100%;height:210px;object-fit:cover;border-radius:10px;display:block;background:#343653}.video-card{overflow:hidden;transition:.2s}.video-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #3442}.detail-video-cover{width:220px;max-height:300px;object-fit:cover;border-radius:12px;float:right;margin:0 0 15px 20px}.follower-card{display:flex;align-items:center;gap:15px;background:#f6f7fa;border-radius:13px;padding:14px;margin:10px 0}.follower-card img{width:56px;height:56px;border-radius:50%;background:#ddd}.follower-card .grow{flex:1}.follower-card .grow small,.follower-card strong small{display:block;color:#6d7890;font-weight:400;margin-top:4px}.follower-card button{border:1px solid #d8dce7;background:#fff;border-radius:8px;padding:8px 12px}.audience-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.audience-summary div{text-align:center;background:#f4f6fb;border-radius:12px;padding:18px}.audience-summary b{font-size:25px;display:block}.audience-summary span{font-size:13px;color:#66718a}.quality-detail{display:none;border-top:1px solid #e1e4ec;margin-top:15px;padding-top:10px}.quality-detail.open{display:block}.analysis-card button{border:1px solid #d9dce5;background:#fff;border-radius:7px;padding:7px 12px;cursor:pointer}@media(max-width:800px){.audience-summary{grid-template-columns:repeat(2,1fr)}.video-cover{height:260px}.detail-video-cover{float:none;width:100%}.follower-card{align-items:flex-start}.follower-card>strong{display:none}}
.monitor-page{max-width:1120px;margin:auto;display:grid;gap:24px}.monitor-summary,.group-panel,.monitor-controls,.monitor-table,.monitor-detail{box-shadow:0 14px 36px #24325d20}.monitor-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.kpi{padding:18px;border-radius:9px;color:#fff}.kpi span,.kpi b{display:block}.kpi b{font-size:30px;margin-top:7px}.kpi.blue{background:#3274ee}.kpi.green{background:#16b858}.kpi.gold{background:#e2a000}.kpi.purple{background:#9c39eb}.quota{background:#f1f2f5;border-radius:9px;padding:16px}.quota>div:first-child{display:flex;justify-content:space-between}.group-tabs{display:flex;gap:10px;margin-top:14px}.group-tabs button{padding:11px 20px;border:2px solid #6662eb;border-radius:8px;background:#fff}.group-tabs button.active{color:#5148e5}.group-tabs i{background:#5148e5;color:#fff;border-radius:20px;padding:2px 8px;font-style:normal}.small{padding:10px 18px}.violet{background:#5745ee}.compact{max-width:450px}.sort-head{display:flex;gap:20px;align-items:center}.sort-head label{margin-left:auto}.sort-rule{display:flex;align-items:center;gap:8px;background:#f6f7fa;padding:8px;margin:10px 0}.sort-rule select,.sort-rule button,.monitor-table button{padding:7px 12px}.table-head,.table-row{display:grid;grid-template-columns:2.1fr .8fr .7fr .6fr .6fr .8fr 1fr;gap:10px;align-items:center;padding:13px}.table-head{background:#edf0f5;font-weight:700;margin-top:15px}.table-row{border-bottom:1px solid #e5e7ed}.account-cell{display:flex;align-items:center}.account-cell small{display:block}.up{color:#13a95c}.pagination{text-align:center;padding:20px}.linklike{border:0;background:none;color:#9c39eb;font-size:16px}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;z-index:20}.modal-card{width:min(600px,90vw);background:#fff;border-radius:15px;padding:30px;position:relative}.modal-x{position:absolute;right:15px;top:12px;border:0;background:none;font-size:27px}.group-list>div{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #ddd}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{font-weight:700}.form-grid input,.form-grid select{display:block;width:100%;padding:14px;border:1px solid #d9dce5;border-radius:9px;margin-top:8px}.form-grid .full{grid-column:1/-1}.wide{width:100%;margin-top:18px}.trend-chart{height:230px;display:flex;gap:7px;align-items:flex-end;background:linear-gradient(#fff,#f0f5ff);padding:20px;border-radius:12px;margin:15px 0}.trend-chart i{flex:1;background:linear-gradient(#1bc4cf,#6648df);border-radius:5px 5px 0 0}@media(max-width:800px){.monitor-kpis{grid-template-columns:1fr 1fr}.table-head{display:none}.table-row{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.sort-head{flex-wrap:wrap}.sort-head label{margin-left:0}}