:root {
  --bg:#f5f7fb; --panel:#fff; --text:#263447; --muted:#7d8998; --line:#e5ebf3;
  --blue:#2f7ff7; --green:#3fb950; --red:#ff5f62; --amber:#f3a11b; --cyan:#23b7d9;
  --shadow:0 8px 24px rgba(37,55,87,.07); --radius:8px;
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--text);background:var(--bg);font-size:14px} button,input,select{font:inherit} a{text-decoration:none;color:inherit}.muted{color:var(--muted)}
.official-strip{height:54px;margin:8px 10px 6px;padding:0 14px;background:#eaf4ff;border:1px solid #d9eaff;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#425469}.official-strip>div{display:flex;align-items:center;gap:9px}.official-strip strong{color:#17263b}.shield{color:#1685d8}.strip-actions{white-space:nowrap}.strip-actions form{display:inline-flex}.text-action{border:0;background:transparent;color:#3480d7;cursor:pointer;padding:6px}.danger-text{color:#dc4a4f}
.workspace{padding:0 10px 22px}.summary-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.summary-card{min-height:116px;border-radius:6px;padding:12px 14px;border:1px solid transparent}.green-card{background:#f0faeb;border-color:#e2f3d9}.amber-card{background:#fff8eb;border-color:#faedd1}.red-card{background:#fff0f1;border-color:#ffe0e2}.summary-title{display:flex;align-items:center;gap:7px;font-size:17px;font-weight:800;margin-bottom:9px}.green-card .summary-title{color:#3f9c35}.amber-card .summary-title{color:#e29419}.red-card .summary-title{color:#f05c62}.dot{width:7px;height:18px;border-radius:4px;background:currentColor}.summary-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.summary-columns>div{display:flex;gap:7px;align-items:center;min-width:0}.summary-columns .wide{grid-column:1/-1}.summary-columns span{color:#7b8795;white-space:nowrap}.summary-columns strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.success-text{color:#2ea945!important}
.formula-strip{min-height:39px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:6px 10px;background:#fff;border-left:1px solid var(--line);border-right:1px solid var(--line);color:#66768a}.formula-strip b{color:#3478dc;margin-right:3px}.formula-strip strong{color:#20a454;font-size:16px}
.data-panel{background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:var(--shadow);padding:14px 16px 0}.search-row{display:grid;grid-template-columns:150px minmax(230px,1fr) 180px auto auto;gap:8px;align-items:center}.search-row input,.search-row select,.form-grid input,.form-grid select,.share-create-grid input,.stack-label input{height:38px;border:1px solid #dfe6f0;border-radius:5px;background:#fff;padding:0 11px;outline:none;color:var(--text)}.search-row input:focus,.search-row select:focus,.form-grid input:focus,.form-grid select:focus,.share-create-grid input:focus,.stack-label input:focus{border-color:#70a6ff;box-shadow:0 0 0 3px rgba(47,127,247,.1)}
.btn{height:36px;border-radius:5px;border:1px solid transparent;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;white-space:nowrap}.btn-primary,.btn-blue{background:var(--blue);color:#fff}.btn-light{background:#fff;border-color:#dfe6f0;color:#5f6e80}.btn-blue-soft{background:#edf5ff;border-color:#b9d8ff;color:#2f7ff7}.btn-green-soft{background:#effceb;border-color:#9fdf88;color:#43a13a}.btn-amber-soft{background:#fff6e8;border-color:#f4c66d;color:#c77b09}.btn-cyan-soft{background:#eafaff;border-color:#98dfed;color:#1599b4}.btn-danger{background:#ef4d55;color:#fff}.btn-danger-outline{background:#fff;border-color:#ffb4b7;color:#ee4b51}.btn-danger-outline:hover{background:#fff3f3}.btn-block{width:100%}.action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 0}.action-row form{margin:0;display:inline-flex}.auto-label input{width:auto;margin:0}
.table-shell{overflow:auto;border:1px solid #e7edf5;border-radius:6px 6px 0 0}.pro-table{width:100%;min-width:1260px;border-collapse:collapse}.pro-table th,.pro-table td{border-right:1px solid #e7edf5;border-bottom:1px solid #e7edf5;padding:10px 11px;text-align:center;vertical-align:middle}.pro-table th{height:42px;background:#fbfcfe;color:#687588;font-weight:700;white-space:nowrap}.pro-table td{background:#fff}.pro-table tbody tr:hover td{background:#f8fbff}.account-profile{display:flex;align-items:center;gap:9px;text-align:left;min-width:170px}.account-profile img{width:38px;height:38px;object-fit:cover;border-radius:7px;border:1px solid #dce4ef}.account-profile strong,.account-profile small{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-profile small,.time-cell small,.region-cell small{color:#8490a0;margin-top:3px}.platform-label{display:flex;align-items:center;justify-content:center;gap:7px}.platform-icon{width:25px;height:25px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:800}.platform-icon.telegram{background:#229ed9}.platform-icon.telegram svg{width:15px;height:15px;fill:#fff}.platform-icon.generic{background:#7d8ba0}.status-tag{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:4px 9px;font-size:12px}.status-在线{background:#edf9e9;color:#3aa83b}.status-离线{background:#fff0f0;color:#ec555a}.status-异常{background:#fff5e7;color:#e38e1b}.metric-pill{display:inline-block;background:#eef6ff;color:#347ff1;border-radius:4px;padding:4px 9px;min-width:48px}.region-cell,.time-cell{text-align:left}.region-cell strong,.region-cell small,.time-cell span,.time-cell small{display:block}.table-link,.op-links button{color:#2f7ff7;border:0;background:transparent;cursor:pointer;padding:3px 5px}.op-links{display:flex;justify-content:center;gap:4px}.table-footer{height:46px;display:flex;align-items:center;justify-content:space-between;color:#7a8797}.empty-row{padding:40px!important;color:#8995a4}
.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.mini-panel{background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:var(--shadow)}.mini-panel-head{padding:16px;display:flex;align-items:center;justify-content:space-between}.mini-panel h3{margin:0 0 4px}.mini-panel p{margin:0;color:var(--muted)}
.modal{position:fixed;inset:0;z-index:10000;box-sizing:border-box;display:none;align-items:center;justify-content:center;padding:4vh 2vw;background:rgba(22,32,48,.58);border:0;width:100vw;height:100vh;max-width:none;max-height:none;overflow:hidden}.modal[data-lock-open="1"]{display:flex}.modal[hidden]{display:none!important}.modal-card{background:#fff;border-radius:7px;box-shadow:0 28px 80px rgba(10,23,45,.25);display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%}.modal-tiny .modal-card{width:min(430px,94vw)}.modal-small .modal-card{width:min(520px,94vw)}.modal-medium .modal-card{width:min(850px,95vw)}.modal-wide .modal-card{width:min(1260px,96vw)}.modal-head{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head h3{margin:0;font-size:17px}.modal-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.modal-close{width:30px;height:30px;border:0;background:transparent;color:#8a95a4;font-size:23px;cursor:pointer}.modal-body{padding:18px;overflow:auto}.modal-footer{padding:13px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.split-footer{justify-content:space-between}.split-footer>div{display:flex;gap:8px}.edit-account-actions{align-items:center;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 16px}.form-grid label,.stack-label,.share-create-grid label{display:flex;flex-direction:column;gap:6px;color:#5b6878;font-size:13px}.span-2{grid-column:1/-1}.detail-hero{display:flex;align-items:center;gap:15px;padding-bottom:18px;border-bottom:1px solid var(--line)}.detail-hero img{width:76px;height:76px;border-radius:10px;object-fit:cover}.detail-hero h2{margin:0 0 5px}.detail-hero p{margin:0 0 8px;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.detail-grid>div{padding:12px;background:#f7f9fc;border:1px solid #edf1f6;border-radius:5px}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{color:#8692a1;font-size:12px;margin-bottom:5px}.timeline{padding-left:26px}.timeline-item{position:relative;padding:0 0 18px 20px;border-left:1px solid #dfe6ef}.timeline-item:last-child{border-left-color:transparent}.timeline-dot{position:absolute;left:-6px;top:2px;width:11px;height:11px;border-radius:50%;background:#39b64b;border:2px solid #eaffed}.timeline-dot.red{background:#ef5459;border-color:#ffe8e9}.timeline-item strong{display:block}.timeline-item p{margin:5px 0;color:#677486}.timeline-item small{color:#929cab}.empty-box{padding:32px;text-align:center;color:#8a95a4}.share-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid var(--line)}.share-bulk-bar>div:first-child{display:flex;flex-direction:column;gap:3px}.share-bulk-bar small{color:var(--muted);font-size:12px}.share-bulk-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.share-bulk-actions form{margin:0}.share-create-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:10px;align-items:end;padding-bottom:16px;border-bottom:1px solid var(--line)}.share-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.share-item>div:first-child strong,.share-item>div:first-child a,.share-item>div:first-child small{display:block}.share-item a{color:#2f7ff7;margin:3px 0}.share-item small{color:var(--muted)}.share-item-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.share-item-actions form{margin:0}
.auth-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:linear-gradient(135deg,#eef6ff,#f8fbff)}.auth-visual{padding:9vw;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 15%,rgba(47,127,247,.16),transparent 30%),linear-gradient(135deg,#1c6fe5,#38a1ff);color:#fff}.share-auth-visual{background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.16),transparent 30%),linear-gradient(135deg,#168b70,#34c784)}.auth-mark{width:64px;height:64px;border-radius:15px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:24px;font-weight:900}.auth-visual h1{font-size:38px;margin:25px 0 10px}.auth-visual p{font-size:17px;opacity:.9}.auth-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.auth-badges span{padding:7px 10px;border:1px solid rgba(255,255,255,.35);border-radius:20px;background:rgba(255,255,255,.09)}.auth-card{width:min(430px,86%);margin:auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:34px;box-shadow:0 24px 70px rgba(30,59,102,.16)}.auth-card-head{display:flex;gap:10px;align-items:center}.mini-logo{width:40px;height:40px;border-radius:8px;background:#2f7ff7;color:#fff;display:grid;place-items:center;font-weight:900}.auth-card-head strong,.auth-card-head small{display:block}.auth-card-head small{color:var(--muted)}.auth-card h2{font-size:26px;margin:28px 0 6px}.auth-card>p{color:var(--muted)}.auth-form{display:flex;flex-direction:column;gap:14px;margin-top:22px}.auth-form label{display:flex;flex-direction:column;gap:7px}.auth-form input{height:44px;border:1px solid #dce4ef;border-radius:6px;padding:0 12px}.flash-wrap{position:fixed;z-index:5000;top:16px;left:50%;transform:translateX(-50%)}.flash{background:#fff;padding:11px 16px;border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.15);border-left:4px solid #2f7ff7}.flash.error{border-left-color:#ef5358}.client-toast{position:fixed;z-index:6000;top:18px;left:50%;transform:translateX(-50%);background:#25364c;color:#fff;padding:10px 16px;border-radius:5px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.dark{--bg:#101722;--panel:#172131;--text:#e6edf7;--muted:#9eabbc;--line:#2b384b}.dark body{background:var(--bg)}.dark .official-strip,.dark .data-panel,.dark .mini-panel,.dark .modal-card,.dark .auth-card,.dark .pro-table td{background:#172131;color:var(--text);border-color:var(--line)}.dark .pro-table th{background:#1c2839;color:#b8c3d1}.dark .pro-table tbody tr:hover td{background:#1b2a3d}.dark input,.dark select{background:#111b28!important;color:#e6edf7!important;border-color:#35445a!important}.dark .formula-strip{background:#172131;border-color:var(--line)}
@media(max-width:1100px){.summary-grid{grid-template-columns:1fr}.search-row{grid-template-columns:1fr 1fr}.bottom-grid{grid-template-columns:1fr}.share-create-grid{grid-template-columns:1fr 1fr}.official-strip{height:auto;min-height:54px;align-items:flex-start;padding-top:10px;padding-bottom:10px}.official-strip,.official-strip>div{flex-wrap:wrap}}
@media(max-width:720px){html,body{font-size:13px}.official-strip{margin:0;border-radius:0}.workspace{padding:7px}.summary-columns{grid-template-columns:1fr}.summary-columns .wide{grid-column:auto}.formula-strip{gap:8px}.search-row{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.detail-grid{grid-template-columns:1fr 1fr}.share-create-grid{grid-template-columns:1fr}.share-item{align-items:flex-start;flex-direction:column}.share-item-actions{justify-content:flex-start}.auth-page{grid-template-columns:1fr}.auth-visual{padding:40px 28px;min-height:42vh}.auth-visual h1{font-size:28px}.auth-card{width:92%;margin:-28px auto 40px;position:relative}.split-footer{flex-direction:column}.split-footer>div{display:grid;grid-template-columns:1fr 1fr}.split-footer>.btn{width:100%}}


/* V3.1 粉丝详细情况 */
.modal-wide .modal-card{width:min(1540px,97vw)}
.follower-detail-modal .modal-card{height:min(840px,94vh);display:flex;flex-direction:column}
.follower-modal-head{flex:0 0 auto}
.modal-title-row{display:flex;align-items:center;gap:10px}
.modal-title-row h3{margin:0}
.simulated-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;background:#fff3d7;color:#c67a00;border:1px solid #f4d59a;font-size:12px;font-weight:700}
.follower-modal-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:14px}
.follower-notice{padding:9px 12px;border:1px solid #f3d69d;background:#fff9eb;color:#9a6815;border-radius:5px;font-size:13px}
.follower-account-strip{display:flex;gap:26px;flex-wrap:wrap;padding:10px 14px;background:#eaf4ff;border:1px solid #d6e9ff;color:#3978c9;border-radius:5px}
.follower-account-strip strong{color:#1768d2}
.follower-search-row{display:grid;grid-template-columns:180px 180px 1fr auto auto;gap:10px;align-items:end}
.follower-search-row label{display:flex;flex-direction:column;gap:5px;color:#6f7b8a;font-size:12px}
.follower-search-row input{height:38px;border:1px solid #dce4ef;border-radius:5px;padding:0 10px;background:#fff}
.follower-table-shell{flex:1;min-height:260px;overflow:auto;border:1px solid var(--line);border-radius:7px}
.follower-table{min-width:1180px}
.follower-table th,.follower-table td{text-align:center}
.follower-table td:nth-child(3),.follower-table td:nth-child(5){text-align:left}
.follower-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid #dce4ef;background:#eef4fb}
.follower-app-tag{display:inline-flex;padding:5px 11px;background:#16a34a;color:#fff;border-radius:5px;font-weight:700;text-transform:capitalize}
.follower-username{color:#657181;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.duration-tag{display:inline-flex;padding:4px 8px;background:#eef6ff;color:#2f7ff7;border-radius:4px}
.sim-source-tag{display:inline-flex;padding:4px 8px;background:#fff3d7;color:#b97606;border-radius:4px}
.repeat-number{color:#2f7ff7;font-weight:700}
.follower-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.follower-pagination>div{display:flex;align-items:center;gap:10px}
.follower-pagination select{height:34px;border:1px solid #dce4ef;border-radius:5px;padding:0 8px;background:#fff}
.page-buttons{display:flex;gap:6px}
.page-btn{min-width:34px;height:34px;border:1px solid #dce4ef;background:#fff;border-radius:4px;color:#657181;cursor:pointer}
.page-btn.active{background:#2f7ff7;border-color:#2f7ff7;color:#fff}
.page-btn:disabled{opacity:.45;cursor:not-allowed}
.dark .follower-notice{background:#342a17;border-color:#5e4922;color:#e9bd68}
.dark .follower-account-strip{background:#162a43;border-color:#29476d;color:#8ebeff}
.dark .follower-account-strip strong{color:#9cc8ff}
.dark .follower-search-row input,.dark .follower-pagination select,.dark .page-btn{background:#111b28;color:#e6edf7;border-color:#35445a}
.dark .simulated-badge,.dark .sim-source-tag{background:#3a2e17;color:#f2c369;border-color:#5a4723}
@media(max-width:850px){.follower-search-row{grid-template-columns:1fr 1fr}.follower-keyword{grid-column:1/-1}.follower-detail-modal .modal-card{height:96vh}.follower-modal-body{padding:10px}.follower-pagination{align-items:flex-start;flex-direction:column}}


/* ===== V3.5 follower portrait and detail-header adjustments ===== */
.follower-avatar {
  width: 48px !important;
  height: 48px !important;
  border: 2px solid #ffffff !important;
  border-radius: 50% !important;
  background: #e8eef6 !important;
  box-shadow:
    0 0 0 1px #d6dfeb,
    0 3px 9px rgba(30, 53, 82, 0.16) !important;
}

.follower-footer-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}

.follower-data-note {
  color: #9aa4b2;
  font-size: 11px;
  white-space: nowrap;
}

.dark .follower-data-note {
  color: #6f7d91;
}

@media(max-width:850px) {
  .follower-footer-right {
    width: 100%;
    align-items: flex-end;
    flex-direction: column-reverse;
  }
}


/* ===== V3.6 local avatar pool ===== */
.avatar-pool-panel{margin:12px 0;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px;box-shadow:0 5px 16px rgba(43,61,84,.05)}
.avatar-pool-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.avatar-pool-head h3{margin:0 0 5px;font-size:17px}
.avatar-pool-head p{margin:0;color:var(--muted);font-size:12px}
.avatar-pool-head form{margin:0}
.avatar-pool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.avatar-pool-grid article{padding:13px 15px;border:1px solid var(--line);border-radius:7px;background:#f8fbff}
.avatar-pool-grid span,.avatar-pool-grid strong,.avatar-pool-grid small{display:block}
.avatar-pool-grid span{font-size:12px;color:var(--muted)}
.avatar-pool-grid strong{font-size:24px;margin:4px 0;color:#26364d}
.avatar-pool-grid small{color:#758195}
.avatar-edit-box{display:flex;align-items:center;gap:14px;padding:13px;border:1px solid #dce6f2;border-radius:8px;background:#f7fbff}
.avatar-edit-box>img{width:76px;height:76px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 0 0 1px #d4deeb,0 4px 12px rgba(36,60,90,.14)}
.avatar-edit-box>div{min-width:0;flex:1}
.avatar-edit-box strong,.avatar-edit-box small{display:block}
.avatar-edit-box small{margin-top:4px;color:var(--muted);word-break:break-all}
.avatar-edit-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.dark .avatar-pool-grid article,.dark .avatar-edit-box{background:#111b28;border-color:#35445a}
.dark .avatar-pool-grid strong{color:#e6edf7}
@media(max-width:720px){.avatar-pool-head{align-items:flex-start;flex-direction:column}.avatar-pool-grid{grid-template-columns:1fr}.avatar-edit-box{align-items:flex-start;flex-direction:column}}

@media(max-width:900px){.share-bulk-bar{align-items:flex-start;flex-direction:column}.share-create-grid{grid-template-columns:1fr 1fr}.share-create-grid button{grid-column:1/-1}.share-bulk-actions{width:100%}}

/* ===== V3.6.6 custom modal overlay: no native light-dismiss ===== */
html.modal-open, html.modal-open body{overflow:hidden}
.modal[data-lock-open="1"]{overscroll-behavior:contain}