:root{
  --bg:#0A0E13; --bg2:#0F151C; --card:#111A23; --card-h:#14202B; --line:#1E2B37; --text:#E6EDF3; --mute:#8B9AAA;
  --accent:#2DD4BF; --accent2:#38BDF8; --grad:linear-gradient(135deg,#2DD4BF,#38BDF8);
  --warn:#F5B84B; --bad:#F2706B; --r:14px;
}
*{box-sizing:border-box}
html{color-scheme:dark;scroll-behavior:smooth}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;color:var(--text);
  font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  background:radial-gradient(900px 420px at 50% -80px,rgba(45,212,191,.12),transparent 70%),var(--bg);background-repeat:no-repeat}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sr,.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hp{left:-9999px;opacity:0;pointer-events:none}
.hidden{display:none!important}
.page{flex:1;width:100%}

/* ---------- 顶部导航 ---------- */
.nav{position:sticky;top:0;z-index:10;background:rgba(10,14,19,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-inner{max-width:1120px;height:60px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:32px}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:700;font-size:18px;letter-spacing:.5px}
.brand:hover{text-decoration:none}
.brand-logo{display:block;border-radius:8px}
.nav-links{display:flex;gap:26px;margin-left:8px}
.nav-links a{color:var(--mute);font-weight:500}
.nav-links a:hover{color:var(--text);text-decoration:none}

/* ---------- 首页 ---------- */
.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12vh 20px 8vh}
.hero-title{margin:0;font-size:clamp(42px,9vw,76px);line-height:1.1;font-weight:800;letter-spacing:2px;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub{margin:14px 0 34px;color:var(--mute);font-size:17px}
.hot{margin-top:36px;max-width:860px}
.hot-title{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:600;color:var(--mute)}
.hot-dot{width:8px;height:8px;border-radius:50%;background:var(--grad)}
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.chip{display:inline-flex;align-items:baseline;gap:8px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:var(--bg2);color:var(--text);font-size:14px;transition:.15s}
.chip small{color:var(--accent);font-size:12px}
.chip:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-1px)}

/* ---------- 搜索框 ---------- */
.sform{width:100%;max-width:760px}
.pill{display:flex;align-items:center;height:56px;padding:5px 5px 5px 24px;background:var(--bg2);border:1px solid var(--line);border-radius:999px;transition:.15s}
.pill:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px rgba(45,212,191,.12)}
.pill input{flex:1;min-width:0;height:100%;background:transparent;border:0;outline:0;color:var(--text);font:inherit;font-size:16px}
.pill input::placeholder{color:#5F6E7E}
.pill-btn{flex:none;width:46px;height:46px;border:0;border-radius:50%;background:var(--grad);color:#06231F;cursor:pointer;display:grid;place-items:center}
.pill-btn:hover{filter:brightness(1.08)}

/* ---------- 结果页 ---------- */
.topsearch{max-width:1120px;margin:0 auto;padding:30px 20px 4px}
.topsearch .sform{max-width:none}
.topsearch .pill{height:50px;max-width:760px;margin:0 auto}
.topsearch .pill-btn{width:40px;height:40px}
.filters{display:flex;align-items:center;gap:10px;margin-top:16px}
.filter{color:var(--mute);font-size:14px}
select{appearance:none;-webkit-appearance:none;cursor:pointer;color:var(--text);font:inherit;font-size:14px;
  padding:7px 34px 7px 14px;border:1px solid var(--line);border-radius:999px;background:var(--bg2)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238B9AAA' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center}
select:hover{border-color:var(--accent)}
select option{background:#111A23;color:var(--text)}
.btn-plain{background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font:inherit}

.results{max-width:1120px;margin:0 auto;padding:18px 20px 56px}
.summary{margin:0 0 16px;color:var(--mute);font-size:14px}
.summary strong{color:var(--text)} .summary em{color:var(--accent);font-style:normal;font-weight:600}
.summary .ms{opacity:.7}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:14px}
.item{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);transition:.15s}
.item:hover{background:var(--card-h);border-color:#2A4150;transform:translateY(-1px)}
.item-top{display:flex;align-items:center;gap:8px;min-height:24px}
.item-title{margin:0;font-size:16px;line-height:1.5;font-weight:600;word-break:break-all;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:48px}
.item.is-dead .item-title{color:var(--mute)}
.item-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}
.clicks{color:var(--mute);font-size:13px}
.flag{font-size:12px;padding:1px 8px;border-radius:6px;border:1px solid}
.flag.warn{color:var(--warn);border-color:rgba(245,184,75,.4);background:rgba(245,184,75,.08)}
.flag.bad{color:var(--bad);border-color:rgba(242,112,107,.4);background:rgba(242,112,107,.08)}
.get{border:0;border-radius:10px;padding:8px 18px;background:var(--grad);color:#06231F;font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.get:hover{filter:brightness(1.08)} .get[disabled]{opacity:.6;cursor:progress}

/* 网盘类型标签（列表 / 页脚共用），颜色只是区分用 */
.badge{--rgb:148 163 184;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;padding:5px 9px;border-radius:7px;
  color:rgb(var(--rgb));background:rgb(var(--rgb) / .13);border:1px solid rgb(var(--rgb) / .35);font-weight:600}
.pan-1{--rgb:96 165 250} .pan-2{--rgb:167 139 250} .pan-3{--rgb:251 146 60} .pan-4{--rgb:56 189 248} .pan-5{--rgb:52 211 153}

.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:30px 0 0}
.pg{min-width:38px;height:38px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:var(--bg2);color:var(--text);font-size:14px}
a.pg:hover{border-color:var(--accent);text-decoration:none}
.pg.cur{background:var(--grad);border-color:transparent;color:#06231F;font-weight:700}
.pg.gap{border:0;background:none;color:var(--mute)}
.pg-info{display:none;color:var(--mute);font-size:13px}

.empty{text-align:center;padding:70px 0 20px;color:var(--mute)}
.empty-icon{font-size:44px;line-height:1;color:#31424F}
.empty-title{margin:14px 0 6px;font-size:17px;color:var(--text)}
.empty-tip{margin:0 0 26px}
.empty .chips{margin-top:8px}
.htmx-request{opacity:.6;transition:opacity .2s}
.notice{padding:12px;color:var(--bad)}

/* ---------- 页脚 ---------- */
.footer{margin-top:40px;background:var(--bg2);border-top:1px solid var(--line)}
.footer-inner{max-width:1120px;margin:0 auto;padding:30px 20px 34px;text-align:center;color:var(--mute);font-size:13px}
.pans{list-style:none;margin:0 0 22px;padding:0 0 22px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 34px;border-bottom:1px solid var(--line)}
.pans li{display:inline-flex;align-items:center;gap:9px;color:var(--text);font-size:14px}
.pans .badge{width:26px;height:26px;padding:0;border-radius:8px;font-size:13px}
.footer p{margin:4px 0}

/* ---------- 弹窗 / 回到顶部 ---------- */
.modal{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:16px}
.overlay{position:absolute;inset:0;background:rgba(3,6,9,.72);backdrop-filter:blur(3px)}
.dialog{position:relative;width:460px;max-width:100%;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px 24px 22px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.close{position:absolute;right:12px;top:8px;background:none;border:0;color:var(--mute);font-size:26px;cursor:pointer}
.modal-title{margin:0 28px 6px 0;font-size:17px;line-height:1.5;word-break:break-all}
.modal-pan{margin:0 0 14px;color:var(--mute);font-size:13px}
.modal-note{margin:0 0 12px;color:var(--mute)} .modal-note.warn{color:var(--warn)} .modal-note.bad{color:var(--bad)}
.modal-hint{margin:14px 0 0;color:var(--mute);font-size:12px}
.field{display:flex;gap:8px;margin:10px 0}
.field input{flex:1;min-width:0;height:42px;padding:0 12px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:10px;font:inherit;font-size:14px}
.copy{flex:none;border:1px solid var(--line);border-radius:10px;padding:0 14px;background:var(--bg2);color:var(--text);font:inherit;font-size:14px;cursor:pointer}
.copy:hover{border-color:var(--accent)}
.open{display:flex;align-items:center;justify-content:center;height:44px;margin-top:14px;border-radius:12px;background:var(--grad);color:#06231F;font-weight:700}
.open:hover{filter:brightness(1.08);text-decoration:none}
.hero .open{padding:0 28px;margin-top:6px}
.to-top{position:fixed;right:18px;bottom:22px;z-index:20;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--bg2);color:var(--text);cursor:pointer;display:grid;place-items:center}
.to-top:hover{border-color:var(--accent);color:var(--accent)}

/* ---------- 手机 ---------- */
@media (max-width:640px){
  .nav-inner{height:54px;padding:0 14px;gap:18px}
  .brand{font-size:16px}
  .hero{padding:9vh 16px 6vh} .hero-sub{font-size:15px}
  .pill{height:52px;padding-left:18px}
  .topsearch{padding:18px 14px 4px}
  .results{padding:14px 14px 40px}
  .item-title{min-height:0}
  .pager .num{display:none}
  .pg-info{display:inline}
  .dialog{padding:22px 18px 18px}
}