*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#f5f6f8;color:#1f2329}.page{max-width:1400px;margin:0 auto;padding:24px 20px 60px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#2a6bff,#6f4cff);display:inline-flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 12px #2a6bff4d}.brand-text h1{font-size:20px;margin:0;line-height:1.2}.brand-text .hint{font-size:12px;color:#8a9099}.main-tabs{position:relative;display:inline-flex;background:#eceef1;border-radius:12px;padding:4px}.main-tabs-slider{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:#fff;border-radius:9px;box-shadow:0 2px 8px #0000001f;transition:transform .22s cubic-bezier(.4,0,.2,1)}.main-tabs-slider.right{transform:translate(100%)}.main-tab{position:relative;z-index:1;flex:1 1 0;min-width:120px;text-align:center;border:none;background:none;color:#86909c;padding:9px 26px;font-size:15px;font-weight:500;cursor:pointer;border-radius:9px;transition:color .2s;white-space:nowrap}.main-tab.active{color:#2a6bff;font-weight:600}.seg{display:inline-flex;background:#f2f3f5;border-radius:8px;padding:3px}.seg-btn{border:none;background:none;padding:5px 16px;font-size:13px;border-radius:6px;cursor:pointer;color:#4e5969}.seg-btn.active{background:#fff;color:#2a6bff;font-weight:500;box-shadow:0 1px 2px #0000001a}.filters{background:#fff;border-radius:12px;padding:8px 20px;box-shadow:0 1px 3px #0000000f}.filter-row{display:flex;align-items:flex-start;gap:16px;padding:14px 0;border-bottom:1px solid #f0f1f3}.filter-row:last-child{border-bottom:none}.filter-label{flex:0 0 72px;font-size:14px;color:#646a73;padding-top:6px}.filter-body{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex:1}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{border:none;background:#f2f3f5;color:#4e5969;border-radius:6px;padding:6px 14px;font-size:13px;cursor:pointer;transition:all .15s}.tag:hover{background:#e8eaed}.tag.active{background:#e6efff;color:#2a6bff;font-weight:500}.check{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#4e5969;cursor:pointer;background:#f2f3f5;border-radius:6px;padding:6px 12px}.check input{cursor:pointer}.filter-body select{border:1px solid #e5e6eb;border-radius:6px;padding:6px 10px;font-size:13px;background:#fff}.result-bar{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px;font-size:14px;color:#4e5969}.result-bar b{color:#2a6bff}.refresh{border:1px solid #e5e6eb;background:#fff;border-radius:6px;padding:6px 16px;font-size:13px;cursor:pointer}.refresh:disabled,.export:disabled{opacity:.5;cursor:default}.result-actions{display:flex;gap:8px}.export{border:1px solid #2a6bff;background:#2a6bff;color:#fff;border-radius:6px;padding:6px 16px;font-size:13px;cursor:pointer}.filter-body input[type=date]{border:1px solid #e5e6eb;border-radius:6px;padding:5px 10px;font-size:13px}.error{background:#fff1f0;color:#d4380d;border:1px solid #ffccc7;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:13px}.empty{text-align:center;color:#8a9099;padding:60px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.card{background:#fff;border-radius:12px;padding:14px;display:flex;gap:12px;box-shadow:0 1px 3px #0000000f;position:relative}.rank{position:absolute;top:8px;left:8px;font-size:12px;color:#8a9099;font-weight:600}.thumb{flex:0 0 84px;width:84px;height:112px;border-radius:8px;overflow:hidden;background:#f2f3f5}.thumb img{width:100%;height:100%;object-fit:cover}.thumb-ph{width:100%;height:100%;background:linear-gradient(135deg,#eef0f3,#e2e5ea)}.card-body{flex:1;min-width:0}.card-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.card-sub{font-size:12px;color:#8a9099;margin-bottom:8px}.card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.chip{font-size:11px;background:#f2f3f5;color:#646a73;border-radius:4px;padding:2px 6px}.card-stats{display:flex;gap:16px}.stat{display:flex;flex-direction:column}.stat-val{font-size:14px;font-weight:600;color:#2a6bff}.stat-label{font-size:11px;color:#8a9099}.raw-toggle{margin-top:8px;border:none;background:none;color:#8a9099;font-size:12px;cursor:pointer;padding:0}.raw{margin-top:8px;background:#f7f8fa;border-radius:6px;padding:8px;font-size:11px;max-height:240px;overflow:auto}.pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:28px}.pager button{border:1px solid #e5e6eb;background:#fff;border-radius:6px;padding:8px 20px;cursor:pointer;font-size:13px}.pager button:disabled{opacity:.5;cursor:default}.list{display:flex;flex-direction:column;gap:10px}.row{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 3px 8px #0000000f}.row-rank{flex:0 0 24px;text-align:center;font-size:15px;font-weight:700;color:#86909c}.row-cover{flex:0 0 60px;width:60px;height:80px;border-radius:6px;overflow:hidden;background:#f2f3f5}.row-cover img{width:100%;height:100%;object-fit:cover}.row-main{flex:1 1 220px;min-width:180px}.row-title{font-size:14px;font-weight:600;margin-bottom:6px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.badge{font-size:10px;padding:1px 5px;border-radius:3px;font-weight:500}.badge.new{background:#fff1e8;color:#f56a00}.badge.ai{background:#e6efff;color:#2a6bff}.badge.anime{background:#f6e6ff;color:#9333ea}.row-tags{display:flex;flex-wrap:wrap;gap:4px}.row-col{flex:0 0 auto;min-width:64px;text-align:center}.col-label{font-size:11px;color:#a9aeb8;margin-top:4px}.metric{min-width:70px}.metric-main{font-size:15px;font-weight:600;color:#1f2329}.metric-main.hl{color:#2a6bff}.metric-sub{font-size:11px;color:#86909c}.row-time{min-width:96px}.time-days{font-size:13px;font-weight:600;color:#1f2329}.time-range{font-size:11px;color:#86909c;margin-top:4px;line-height:1.5}.mini-icons{display:flex;align-items:center;justify-content:center;gap:3px;flex-wrap:wrap}.plat-dot{width:20px;height:20px;border-radius:50%;background:#2a6bff;color:#fff;font-size:10px;display:inline-flex;align-items:center;justify-content:center}.country-pill{font-size:10px;background:#f2f3f5;color:#4e5969;border-radius:3px;padding:2px 4px}.adv-logo{width:22px;height:22px;border-radius:5px;object-fit:cover;background:#f2f3f5}.popover-wrap{position:relative;cursor:default}.popover{position:absolute;z-index:20;top:100%;left:50%;transform:translate(-50%) translateY(6px);background:#fff;border-radius:10px;box-shadow:0 6px 24px #00000029;padding:12px 14px;min-width:240px;max-height:320px;overflow:auto;display:none}.popover-wrap:hover .popover{display:block}.pop-title{font-size:12px;color:#86909c;margin-bottom:8px}.bar-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.bar-label{flex:0 0 90px;font-size:12px;color:#4e5969;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{flex:1;height:8px;background:#f0f1f3;border-radius:4px;overflow:hidden}.bar-fill{display:block;height:100%;background:#2a6bff;border-radius:4px}.bar-pct{flex:0 0 44px;text-align:right;font-size:12px;color:#4e5969}.adv-item{display:flex;align-items:center;gap:10px;padding:6px 0}.adv-info{min-width:0}.adv-name{font-size:13px;color:#1f2329;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.adv-os{font-size:11px;color:#86909c}@media (max-width: 900px){.row{flex-wrap:wrap}}.country-trigger{display:inline-flex;align-items:center;gap:8px;min-width:220px;border:1px solid #e5e6eb;background:#fff;border-radius:6px;padding:5px 10px;font-size:13px;cursor:pointer;text-align:left}.ct-placeholder{color:#a9aeb8;flex:1}.ct-chips{display:flex;flex-wrap:wrap;gap:4px;flex:1}.ct-chip{background:#e6efff;color:#2a6bff;border-radius:4px;padding:1px 6px;font-size:12px}.ct-caret{color:#a9aeb8}.ct-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:100}.ct-modal{background:#fff;border-radius:12px;width:720px;max-width:92vw;max-height:82vh;display:flex;flex-direction:column;overflow:hidden}.ct-head{display:flex;gap:12px;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f1f3}.ct-search{flex:1;border:1px solid #e5e6eb;border-radius:8px;padding:8px 12px;font-size:14px}.ct-all{border:none;background:none;color:#2a6bff;cursor:pointer;font-size:14px}.ct-body{padding:8px 20px 16px;overflow:auto}.ct-group{margin-top:14px}.ct-group-title{font-size:13px;color:#86909c;margin-bottom:10px}.ct-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px 16px}.ct-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#4e5969;cursor:pointer}.ct-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-empty{color:#a9aeb8;text-align:center;padding:40px 0}.ct-foot{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid #f0f1f3}.ct-count{font-size:13px;color:#86909c}.ct-foot-btns{display:flex;gap:10px}.ct-cancel{border:1px solid #e5e6eb;background:#fff;border-radius:6px;padding:7px 20px;cursor:pointer;font-size:13px}.ct-ok{border:none;background:#2a6bff;color:#fff;border-radius:6px;padding:7px 22px;cursor:pointer;font-size:13px}.ct-modal-title{font-size:15px;font-weight:600;color:#1f2329;margin-right:auto}.timerange{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tr-range{display:inline-flex;align-items:center;gap:8px;border:1px solid #e5e6eb;border-radius:6px;padding:3px 10px}.tr-range input[type=date]{border:none;font-size:13px;padding:3px 4px}.tr-sep{color:#a9aeb8}.cre-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.cre-card{background:#fff;border-radius:12px;padding:12px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;gap:10px}.cre-head{display:flex;align-items:center;gap:8px}.cre-logo{width:30px;height:30px;border-radius:7px;object-fit:cover;background:#f2f3f5;flex:0 0 auto}.cre-logo.ph{background:linear-gradient(135deg,#eef0f3,#e2e5ea)}.cre-appinfo{flex:1;min-width:0}.cre-appname{font-size:13px;font-weight:600;color:#1f2329;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cre-dev{font-size:11px;color:#86909c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cre-download{flex:0 0 auto;border:1px solid #2a6bff;background:#fff;color:#2a6bff;border-radius:6px;padding:3px 10px;font-size:12px;cursor:pointer;white-space:nowrap}.cre-download:hover:not(:disabled){background:#2a6bff;color:#fff}.cre-download:disabled{border-color:#e5e6eb;color:#c9cdd4;cursor:default}.cre-media{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:8px;overflow:hidden;background:#000}.cre-poster,.cre-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cre-poster.ph{background:linear-gradient(135deg,#2b2b2b,#444)}.cre-video{z-index:2;background:#000}.cre-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;background:#00000073;color:#fff;padding:4px 10px;border-radius:16px;font-size:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cre-play-icon{font-size:11px}.cre-daterange{position:absolute;right:6px;bottom:6px;z-index:3;background:#00000080;color:#fff;font-size:11px;padding:2px 6px;border-radius:4px}.cre-caption{display:flex;align-items:center;gap:8px}.cre-caption-text{flex:1;font-size:12px;color:#4e5969;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cre-plat{flex:0 0 auto;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;background:#f2f3f5;color:#1f2329}.cre-plat.plat-tiktok{background:#111;color:#fff}.cre-plat.plat-facebook{background:#1877f2;color:#fff}.cre-plat.plat-instagram{background:#e1306c;color:#fff}.cre-stats{display:flex;justify-content:space-between;text-align:center;padding-top:4px}.cre-stat{flex:1}.cre-stat-val{font-size:14px;font-weight:600;color:#1f2329}.cre-stat-label{font-size:11px;color:#a9aeb8;margin-top:2px}.cre-substats{display:flex;justify-content:space-between;border-top:1px solid #f0f1f3;padding-top:8px;font-size:11px;color:#86909c}.row-clickable{cursor:pointer;transition:box-shadow .15s}.row-clickable:hover{box-shadow:0 2px 10px #2a6bff26}.row-cover{display:block}a.row-title{color:inherit;text-decoration:none;cursor:pointer}a.row-title:hover{color:#2a6bff}.detail-page{display:flex;flex-direction:column;gap:16px}.d-back{align-self:flex-start;border:1px solid #e5e6eb;background:#fff;border-radius:6px;padding:6px 14px;font-size:13px;cursor:pointer}.detail-header{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 1px 3px #0000000f}.detail-header.skeleton{color:#86909c}.dh-top{display:flex;gap:20px;align-items:flex-start}.dh-cover{flex:0 0 96px;width:96px;height:128px;border-radius:8px;overflow:hidden;background:#f2f3f5}.dh-cover img{width:100%;height:100%;object-fit:cover}.dh-info{flex:1;min-width:0}.dh-title{font-size:20px;font-weight:700}.dh-badges{margin:6px 0;display:flex;gap:6px}.dh-meta-line{font-size:12px;color:#86909c;margin-bottom:8px}.dh-tags{display:flex;flex-wrap:wrap;gap:6px}.dh-stats{display:flex;flex-wrap:wrap;gap:28px;padding-left:20px;border-left:1px solid #f0f1f3}.dh-stat{min-width:70px}.dh-stat-val{font-size:20px;font-weight:700;color:#1f2329}.dh-stat-label{font-size:12px;color:#86909c;margin-top:2px}.dh-metas{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 20px;margin-top:20px;padding-top:16px;border-top:1px solid #f0f1f3;font-size:13px}.dh-meta-label{color:#86909c}.dh-meta-val{color:#1f2329}.dh-platforms{display:inline-flex;gap:6px;vertical-align:middle}.dh-plat-logo{width:24px;height:24px;border-radius:6px;object-fit:cover}.d-body{display:flex;gap:16px;align-items:flex-start}.d-nav{position:sticky;top:16px;flex:0 0 120px;background:#fff;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 3px #0000000f}.d-nav a{padding:8px 12px;border-radius:6px;color:#4e5969;text-decoration:none;font-size:13px}.d-nav a:hover{background:#f2f3f5;color:#2a6bff}.d-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.d-section{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 1px 3px #0000000f}.d-title{font-size:16px;font-weight:700;margin:0 0 16px}.d-chart-title{font-size:14px;font-weight:600;text-align:center;margin:20px 0 8px;color:#1f2329}.d-loading,.d-empty{color:#a9aeb8;font-size:13px;text-align:center;padding:20px 0}.d-adv-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}.d-adv-row{display:flex;align-items:center;gap:10px}.d-adv-name{flex:0 0 200px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d-adv-os{color:#a9aeb8;font-size:11px;margin-left:6px}.d-adv-count{flex:0 0 70px;text-align:right;font-size:13px;color:#2a6bff;font-weight:600}.d-pie-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.d-country-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.d-country-row{display:flex;align-items:center;gap:10px}.d-country-rank{flex:0 0 22px;text-align:center;color:#86909c;font-size:12px;font-weight:600}.d-country-name{flex:0 0 90px;font-size:13px}.d-country-pct{flex:0 0 50px;text-align:right;font-size:12px;color:#4e5969}.d-country-count{flex:0 0 64px;text-align:right;font-size:12px;color:#2a6bff;font-weight:600}.d-rank-cards{display:flex;gap:16px;margin-bottom:20px}.d-rank-card{flex:1;background:#f7f8fa;border-radius:10px;padding:16px;text-align:center}.d-rank-num{font-size:26px;font-weight:700;color:#2a6bff}.d-rank-label{font-size:13px;margin-top:4px}.d-rank-sub{font-size:11px;color:#a9aeb8;margin-top:2px}.d-rank-records{display:grid;grid-template-columns:repeat(1,1fr);gap:16px}.d-rank-col-title{font-size:13px;font-weight:600;margin-bottom:8px}.d-rank-record{display:flex;justify-content:space-between;font-size:12px;padding:5px 0;border-bottom:1px solid #f5f6f8}.d-rank-badge{color:#2a6bff}@media (max-width: 800px){.d-body{flex-direction:column}.d-nav{position:static;flex-direction:row;flex:none;width:100%;overflow:auto}.dh-metas{grid-template-columns:repeat(2,1fr)}}.d-hint{background:#eef4ff;color:#4e5969;font-size:12px;padding:8px 12px;border-radius:6px;margin-bottom:14px}.d-audience-time{display:flex;align-items:center;gap:12px;margin-bottom:16px}.d-time-label{font-size:13px;color:#646a73}.d-audience-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.d-audience-table-wrap{overflow-x:auto}.d-audience-table{width:100%;border-collapse:collapse;font-size:13px}.d-audience-table th,.d-audience-table td{border-bottom:1px solid #f0f1f3;padding:10px 8px;text-align:center;white-space:nowrap}.d-audience-table thead th{color:#86909c;font-weight:600;background:#fafbfc}.d-audience-table tbody tr:hover{background:#fafbfc}@media (max-width: 800px){.d-audience-charts{grid-template-columns:1fr}}.selected-chips{display:flex;flex-wrap:wrap;gap:8px}.sel-chip{display:inline-flex;align-items:center;gap:6px;background:#f2f3f5;color:#4e5969;border-radius:6px;padding:4px 8px 4px 10px;font-size:13px}.sel-x{border:none;background:none;color:#a9aeb8;cursor:pointer;font-size:15px;line-height:1;padding:0}.sel-x:hover{color:#f56a00}.d-chart-head{display:flex;align-items:center;justify-content:center;position:relative;margin:20px 0 8px}.d-chart-head .d-chart-title{margin:0}.d-view-creative{position:absolute;right:0;border:1px solid #2a6bff;color:#2a6bff;background:#fff;border-radius:6px;padding:5px 14px;font-size:13px;text-decoration:none}.d-view-creative:hover{background:#2a6bff;color:#fff}