:root{
  --bg:#0b0f1a; --panel:rgba(255,255,255,0.06); --panel-strong:#1a1f2a;
  --border:rgba(255,255,255,0.18); --text:#e7ecf3; --muted:#a6b0c0;
  --brand:#5b9dff; --accent:#9a7cff; --accent-2:#00d4ff;
  --ok:#22c55e; --warn:#f59e0b; --danger:#ef4444;
  --shadow:0 10px 30px rgba(0,0,0,.35); --radius:14px; --glass-blur:12px;
/* 新增：全局尺寸变量（供移动端计算高度用） */
--header-h: 76px;   /* 你的 header 大约 76px，如你改了 header 高度，这里改成同值 */
--nav-h: 56px;      /* 移动端底部导航高度 */

}
[data-theme="light"]{
  --bg:#f6f8fb; --panel:rgba(255,255,255,0.7); --panel-strong:#f0f4f8;
  --border:rgba(10,20,40,0.12); --text:#1c2430; --muted:#5c667a; --shadow:0 10px 30px rgba(0,0,0,.08);
}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto;color:var(--text);
  background: radial-gradient(1000px 600px at 10% -10%, rgba(90,120,255,.25), transparent 60%), radial-gradient(800px 500px at 110% 20%, rgba(0,220,255,.22), transparent 60%), var(--bg);}
.noise:before{content:""; position:fixed; inset:0; pointer-events:none; opacity:.05; mix-blend-mode:soft-light;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="800"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/></filter><rect width="1200" height="800" filter="url(%23n)"/></svg>');}
.glass{background:var(--panel); backdrop-filter:blur(var(--glass-blur)); border:1px solid var(--border); border-radius:14px; box-shadow:var(--shadow)}

header{display:flex;align-items:center;gap:12px;padding:12px 16px;flex-wrap:wrap; position:sticky; top:0; z-index:3000; background:linear-gradient(180deg, rgba(0,0,0,.35), transparent);}
.brand{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;background:linear-gradient(135deg,rgba(90,157,255,.25),rgba(122,240,255,.18));border:1px solid rgba(122,240,255,.35);text-shadow:0 0 18px rgba(91,157,255,.8);box-shadow:0 8px 26px rgba(80,140,255,.25), inset 0 0 24px rgba(122,240,255,.15)}
.brand h1{margin:0;font-size:18px;font-weight:800}
.ico{font-style:normal; display:inline-flex; align-items:center; justify-content:center; width:1.35em; height:1.35em;}

.searchbar{flex:1;display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid var(--border);position:relative;min-width:280px; z-index:3200}
[data-theme="light"] .searchbar{background:rgba(255,255,255,0.92)!important;border-color:rgba(10,20,40,.08)!important}
.searchbar input{
  flex:1; 
  min-width:0;               /* 关键：允许在 flex 中收缩，避免与右侧按钮互相挤压重叠 */
  height:40px; 
  border:0; outline:0; background:transparent;
  color:var(--text); font-size:16px;
  position:relative; z-index:1;
  -webkit-text-fill-color:var(--text); 
  caret-color:var(--text);
}

.searchbar input::placeholder{color:var(--muted); opacity:.85}
.pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--border);font-size:12px;color:var(--muted);cursor:pointer; white-space:nowrap}
.pill.active{background:linear-gradient(135deg,rgba(154,124,255,.25),rgba(0,212,255,.16));color:var(--text)}
.iconbtn{height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.05);cursor:pointer;font-size:14px; white-space:nowrap}
.iconbtn:hover{transform:translateY(-1px);background:rgba(255,255,255,.1)}
.tooltip{position:relative}
.tooltip:hover::after{content:attr(aria-label);position:absolute;bottom:-34px;left:50%;transform:translateX(-50%);background:var(--panel-strong);color:var(--text);padding:6px 10px;border-radius:8px;border:1px solid var(--border);box-shadow:var(--shadow);font-size:12px;white-space:nowrap;writing-mode:horizontal-tb;line-height:1.2;z-index:3600}

.layout{display:grid;grid-template-columns:320px minmax(460px,1.2fr) minmax(460px,1fr);gap:14px;padding:0 16px 16px;height:calc(100vh - 76px); position:relative;}

/* 电脑端让中栏 tabs 紧贴容器顶部：main 顶部内边距设为 0 */
aside.left,aside.right{
  overflow:auto;
  padding:12px;
  border-radius:14px;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
}
main{
  overflow:auto;
  padding:0 12px 12px; /* top=0，左右/底部仍为 12 */
  border-radius:14px;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
}
aside.left,main,aside.right{background:var(--panel);border:1px solid var(--border)}

.section-title{display:flex;align-items:center;justify-content:space-between;margin:6px 0 10px;padding-bottom:6px;border-bottom:1px dashed var(--border)}
.section-title h3{margin:0;font-size:13px;color:var(--muted);letter-spacing:.6px;text-transform:uppercase}
.filter-group{display:grid;gap:8px;margin-bottom:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:7px 11px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.05);cursor:pointer;font-size:12px;color:var(--muted)}
.chip.active{background:linear-gradient(135deg,rgba(90,157,255,.22),rgba(154,124,255,.2));color:var(--text)}
.range{display:flex;flex-direction:column;gap:10px}
.range-row{display:flex;align-items:center;gap:10px}
/* 中间栏 tabs：固定在 main 内顶部，不透明，避免透底 */
.tabs{
  position: sticky;
  top: 0;                 /* 固定在中间栏(main)的最上方。如果希望紧贴 header 底部且 header 覆盖，你也可以把 0 改为 76px 等具体高度 */
  z-index: 2200;
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap;
  align-items: center;

  /* 关键：不透明背景 + 边框 + 阴影，防止下层内容透出 */
  background: var(--panel-strong);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 4px 8px;

  /* 关闭玻璃态，避免透底 */
  box-shadow: var(--shadow);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.tab{padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:rgba(255,255,255,.05);cursor:pointer;font-size:13px}
.tab.active{background:linear-gradient(135deg,rgba(90,157,255,.22),rgba(154,124,255,.2))}
.tab-right{margin-left:auto; display:flex; gap:8px; align-items:center}
.badge{font-size:11px;padding:3px 7px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}
.result{
  border:1px solid var(--border);
  border-radius:14px;
  padding:12px;
  padding-right:96px;      /* 关键：给右上角 .score 留出空间，避免标题被覆盖 */
  margin-bottom:10px;
  position:relative;
  background:rgba(255,255,255,.05);
  transition:.12s;
  animation:fadeIn .22s both;
  word-break: break-word;  /* 长词/链接不换行时也能断词 */
}

.result:hover{transform:translateY(-1px);background:rgba(255,255,255,.08);box-shadow:0 6px 24px rgba(0,0,0,.16)}
.result h4{
  margin:0 0 6px;
  font-weight:700;
  letter-spacing:.3px;
  line-height:1.35;        /* 关键：标题行间距，避免贴得太紧 */
  word-break: break-word;
}

.result .meta{color:var(--muted);font-size:12px;display:flex;gap:10px;flex-wrap:wrap}
.result .snippet{margin-top:8px;line-height:1.6;font-size:14px;font-family:"Source Serif 4",ui-serif,Georgia,'Times New Roman',serif}
.result .snippet{margin-top:8px;line-height:1.6;font-size:14px;font-family:"Source Serif 4",ui-serif,Georgia,'Times New Roman',serif; word-break: break-word;}

/* 多关键词高亮（分色） */
mark{ border-radius:4px; padding:0 2px; }
mark.hl{ border:1px solid rgba(0,0,0,.08); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }

mark.hl.c0{ background:linear-gradient(180deg,rgba(255,230,0,.35),rgba(255,230,0,.15)); }
mark.hl.c1{ background:linear-gradient(180deg,rgba(0,212,255,.30),rgba(0,212,255,.12)); }
mark.hl.c2{ background:linear-gradient(180deg,rgba(154,124,255,.30),rgba(154,124,255,.12)); }
mark.hl.c3{ background:linear-gradient(180deg,rgba(91,157,255,.30),rgba(91,157,255,.12)); }
mark.hl.c4{ background:linear-gradient(180deg,rgba(34,197,94,.30),rgba(34,197,94,.12)); }
mark.hl.c5{ background:linear-gradient(180deg,rgba(245,158,11,.30),rgba(245,158,11,.12)); }
mark.hl.c6{ background:linear-gradient(180deg,rgba(239,68,68,.30),rgba(239,68,68,.12)); }
mark.hl.c7{ background:linear-gradient(180deg,rgba(168,85,247,.30),rgba(168,85,247,.12)); }

[data-theme="light"] mark.hl{ border:1px solid rgba(0,0,0,.06); box-shadow:none; }

.score{position:absolute;right:12px;top:12px;font-size:12px;padding:4px 8px;border-radius:999px;background:rgba(154,124,255,.2);border:1px solid var(--border)}
.favs{display:flex;gap:6px;margin-top:8px;justify-content:flex-end;flex-wrap:wrap}
.viewer{position:relative;border:1px solid var(--border);border-radius:14px;background:var(--panel-strong);padding:12px}
.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.viewer-title{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.viewer-title h2{margin:0;font-size:18px}
.viewer .content{margin-top:8px;font-size:16px;line-height:1.9;font-family:"Source Serif 4",ui-serif,Georgia,'Times New Roman',serif}
.viewer .tools{display:flex;gap:8px;flex-wrap:wrap}
.viewer .sidebox{margin-top:12px;padding:10px;border-radius:12px;background:rgba(0,0,0,.08);border:1px dashed var(--border)}
.note-area{width:100%;min-height:96px;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text);padding:10px;outline:none}
.stats{margin-top:10px;padding:10px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.05)}
.bars{display:grid;gap:6px}
.bar .track{flex:1;height:8px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}
.bar .fill{height:8px;width:0;background:linear-gradient(90deg,var(--brand),var(--accent));border-radius:999px;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.footer{margin-top:12px;color:var(--muted);font-size:12px}
/* 搜索建议：可滚动、活动项高亮、点击易中 */
.suggest{
  position: absolute;
  top: 54px; left: 10px; right: 10px;
  background: var(--panel-strong);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 8px;
  z-index: 3500;
  display: none;
  box-shadow: var(--shadow);
  max-height: 52vh;           /* ⬅︎ 多项时可滚动 */
  overflow: auto;
}
.suggest.show{ display: block; }
.suggest .suggest-item{
  padding: 8px 10px;
  border-radius: 8px;
  cursor: pointer;
  display: flex; align-items: center; gap: 8px;
  white-space: nowrap;
}
.suggest .suggest-item:hover,
.suggest .suggest-item.active{
  background: rgba(255,255,255,.08);
}
.suggest .suggest-item.disabled{
  opacity: .6; cursor: default;
}
.suggest .suggest-item.disabled{
  opacity: .6; cursor: default;
}

/* ←← 在这里直接粘贴追加的历史面板样式 */
.suggest .group-title{
  padding:6px 8px; margin:4px 6px 6px; font-size:12px; color:var(--muted);
  border-bottom:1px dashed var(--border);
}
.suggest .suggest-item .del{
  margin-left:auto; border:0; background:transparent; color:var(--muted);
  cursor:pointer; font-size:14px; padding:2px 4px;
}
.suggest .suggest-item .del:hover{ color:var(--text); }
.suggest .actions-row{
  display:flex; justify-content:flex-end; gap:8px; padding:6px 8px 2px;
}
.suggest .link{ cursor:pointer; font-size:12px; color:var(--muted); }
.suggest .link:hover{ color:var(--text); text-decoration:underline; }

.modal{position:fixed;inset:0;display:none;place-items:center;z-index:9999}
.modal.show{display:grid}
.modal .box{width:min(980px,92vw);max-height:84vh;overflow:auto;padding:24px;border-radius:16px;background:var(--panel-strong);border:1px solid var(--border);box-shadow:0 30px 60px rgba(0,0,0,.45)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dragbar{position:absolute;top:0;bottom:0;width:8px;right:-4px;cursor:col-resize}
.toast{position:fixed;right:18px;bottom:18px;background:var(--panel-strong);border:1px solid var(--border);padding:10px 14px;border-radius:12px;display:none;z-index:90;box-shadow:var(--shadow)}
.toast.show{display:block;animation:pop .18s ease both}

/* AI */
.ai-fab{position:fixed;right:16px;bottom:20px;z-index:9500;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-weight:800;letter-spacing:1px;color:#001220;background:linear-gradient(135deg,#7af0ff,#5b9dff 60%,#9a7cff);box-shadow:0 18px 40px rgba(90,157,255,.35), inset 0 0 30px rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.6);cursor:pointer;pointer-events:auto}
.ai-popup{position:fixed;right:16px;bottom:86px;width:min(920px,96vw);z-index:9800;display:none}
.ai-popup.show{display:block;animation:pop .18s ease both}
.ai-card{background:var(--panel-strong);border:1px solid var(--border);border-radius:16px;box-shadow:0 40px 80px rgba(0,0,0,.55);padding:0;overflow:hidden;display:flex;flex-direction:column;max-height:86vh}
.ai-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:linear-gradient(135deg,rgba(122,240,255,.25),rgba(154,124,255,.18));border-bottom:1px solid var(--border)}
.ai-body{padding:12px;max-height:30vh;overflow:auto}
.ai-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.ai-row select,.ai-row input[type="text"],.ai-row input[type="password"],.ai-row textarea,.ai-row input[type="number"]{border:1px solid var(--border);background:rgba(255,255,255,.05);color:var(--text);border-radius:10px;padding:8px;outline:none}
.ai-row textarea{width:100%; min-height:54px}
.ai-chat{flex:1;overflow:auto;border-top:1px dashed var(--border);padding:12px;background:rgba(0,0,0,.05);font-size:14px;min-height:160px}
.ai-msg{padding:10px 12px;border-radius:12px;margin:10px 0;line-height:1.7;position:relative}
.ai-user{background:rgba(122,240,255,.15);border:1px solid var(--border)}
.ai-bot{background:rgba(154,124,255,.16);border:1px solid var(--border)}
.ai-input{display:flex;gap:8px;align-items:flex-start;padding:10px;border-top:1px solid var(--border);background:rgba(0,0,0,.05)}
.ai-input textarea{flex:1;min-height:56px;max-height:30vh;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.04);color:var(--text);padding:8px;outline:none}

/* 响应式 */
.mobile-nav{ display:none; }
@media (max-width:1100px){
  .layout{
    grid-template-columns: 1fr;
    height: calc(100dvh - var(--header-h));
    /* 预留底部导航高度，避免内容被遮住 */
  padding-bottom: 12px;  }
  /* 左右抽屉：顶部紧贴 header，底部为底栏与安全区，让出空间 */
  aside.left, aside.right{
    position: fixed;
    left: 0; right: 0;
    top: var(--header-h);
    bottom: calc(var(--nav-h) + env(safe-area-inset-bottom, 0px));
    width: auto;
    max-width: 100vw;
    z-index: 4500;
    transform: translateX(-110%);
    transition: transform .25s ease;
    border-radius: 14px 14px 0 0;
  }
  aside.right{ transform: translateX(110%); }

  aside.left.show{ transform: translateX(0); }
  aside.right.show{ transform: translateX(0); }

  /* 小屏减少头部拥挤：隐藏部分 pill / 次要按钮 */
  header .brand small{ display:none; }
  header .searchbar .pill{ display:none; }
  header .iconbtn:not(#themeBtn):not(#advBtn){ display:none; }

  /* 结果区 tabs 紧贴上缘 + 压缩尺寸；pager 一行显示并贴底 */
  main#mainPane{
  padding-top:0;
  /* 为固定底栏 + 安全区预留空间，避免翻页栏被遮住 */
  padding-bottom: calc(var(--nav-h) + env(safe-area-inset-bottom, 0px) + 8px);
/* —— 移动端：翻页栏压缩到一行，避免被底部状态栏挡住 —— */
@media (max-width:1100px){
  #pager{
    /* 一行展示，不换行 */
    flex-wrap: nowrap !important;
    /* 稍微收紧间距与内边距 */
    gap: 6px !important;
    padding: 6px 8px !important;
    margin-top: 6px !important;

    /* 让出底部“筛选/列表/阅读/AI”高度 + 安全区，避免遮挡 */
    margin-bottom: calc(var(--nav-h) + env(safe-area-inset-bottom, 0px) + 8px) !important;

    /* 如果极端窄屏仍然放不下，则允许水平滚动（不影响布局、不抖动） */
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  #pager::-webkit-scrollbar{ display:none; }

  /* 左侧“每页”区域占满剩余空间，右侧翻页区不被挤压 */
  #pager > div:first-child{ flex: 1 1 auto; min-width: 0; }
  #pager > div:last-child{  flex: 0 0 auto; display:flex; align-items:center; gap:6px; white-space:nowrap; }
  #pager button{ flex: 0 0 auto; } /* 避免被压得过窄 */

  /* 压缩按钮与徽章尺寸（仅限 pager 内） */
  #pager .chips{ flex-wrap: nowrap !important; gap: 6px; }
  #pager .chip, 
  #pager .pill{
    padding: 4px 8px !important;
    font-size: 12px !important;
    border-radius: 10px;
  }
  #pager .badge{
    padding: 2px 6px !important;
    font-size: 12px !important;
  }

  /* 保险：主列底部再多留一点空间，确保滚动到最底也不会被盖住 */
  main#mainPane{
    padding-bottom: calc(var(--nav-h) + env(safe-area-inset-bottom, 0px) + 16px) !important;
  }
}

}


  .tabs{
    position: sticky;
    top: 0;
    margin: 0;
    padding: 4px 6px;
    gap: 6px;
    border-radius: 10px;
    flex-wrap: wrap;            /* 允许第二行 */
  }
  .tabs .tab{ padding:6px 10px; font-size:13px; }
  .tabs .badge{ font-size:10px; padding:2px 6px; }

  /* 右侧按钮不再隐藏：放到第二行并靠右 */
  .tabs .tab-right{
    margin-left: auto;
    width: 100%;
    order: 2;
    display: flex;
    justify-content: flex-end;
    gap: 6px;
  }
  .tabs .tab-right .pill{ padding:6px 8px; font-size:12px; }

  

/* 移动端/小屏：翻页栏允许换行，恢复两行 */
#pager .chip, #pager .pill{ padding:6px 10px; font-size:12px; border-radius:10px; }
#pager .badge{ font-size:12px; }

#pager{ flex-wrap:wrap; }
#pager .chips{ flex-wrap:wrap; overflow:visible; }


  /* AI 弹窗左右留边，避免贴边 */
  .ai-popup{ right:8px; left:8px; width:auto; z-index:9800 }

  /* 移动端专用底部导航 */
  .mobile-nav{
    position: fixed;
    left: 0; right: 0;
    bottom: 0;
    height: calc(var(--nav-h) + env(safe-area-inset-bottom, 0px));
    padding-bottom: env(safe-area-inset-bottom, 0px);
    background: var(--panel-strong);
    border-top: 1px solid var(--border);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    z-index: 5000;
    box-shadow: 0 -8px 24px rgba(0,0,0,.25);
  }
  .mobile-nav .item{
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:4px; padding:8px 4px; font-size:12px; color:var(--muted); cursor:pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .mobile-nav .item .ico{ font-size:18px; }
  .mobile-nav .item.active{ color: var(--text); }
  .mobile-nav .item:active{ transform: translateY(1px); }
/* 在搜索栏（header）与下方内容（.layout）之间留一点空白 */
.layout{
  padding-top: 10px;   /* 桌面端留 10px */
}

/* 移动端稍微收一点 */
@media (max-width:1100px){
  .layout{
    padding-top: 8px;
  }
}

  /* 阅读页“返回”按钮仅在移动端显示 */
  .back-mobile{ display:inline-flex !important; }
}
@media print{
  header, aside.left, #pager, .tabs, .favs, .stats, .footer, .modal, .toast, .ai-fab, .ai-popup, .drawer-mask, main{display:none!important}
  .layout{grid-template-columns:1fr;gap:0;height:auto}
  body{background:#fff;color:#000}
  aside.right{border:0;background:#fff;color:#000;display:block!important}
  .viewer{border:0;background:#fff}
  mark{background:#ff0!important}
}

@keyframes pop{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* 高级检索 - iPhone官网风格（完整版） */
#advModal {
  background: rgba(0,0,0,0.4);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

[data-theme="light"] #advModal {
  background: rgba(0,0,0,0.25);
}

#advModal .box { 
  max-width: 1000px; 
  width: 90vw;
  max-height: 85vh;
  padding: 0; 
  background: rgba(255,255,255,0.95);
  border: 1px solid rgba(255,255,255,0.2);
  box-shadow: 
    0 25px 50px -12px rgba(0,0,0,0.25),
    0 0 0 1px rgba(255,255,255,0.05);
  border-radius: 20px;
  overflow: hidden;
  animation: iphoneSlideIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-theme="dark"] #advModal .box {
  background: rgba(28,28,30,0.95);
  border: 1px solid rgba(255,255,255,0.1);
}

@keyframes iphoneSlideIn {
  from { 
    opacity: 0; 
    transform: translateY(20px) scale(0.96); 
  }
  to { 
    opacity: 1; 
    transform: translateY(0) scale(1); 
  }
}

/* 头部 */
.adv-header {
  background: rgba(255,255,255,0.8);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(0,0,0,0.06);
  padding: 20px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

[data-theme="dark"] .adv-header {
  background: rgba(28,28,30,0.8);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.adv-title {
  font-size: 22px;
  font-weight: 600;
  color: #1d1d1f;
  display: flex;
  align-items: center;
  gap: 12px;
  letter-spacing: -0.022em;
}

[data-theme="dark"] .adv-title {
  color: #f5f5f7;
}

.adv-close {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(0,0,0,0.06);
  border: none;
  color: #1d1d1f;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

[data-theme="dark"] .adv-close {
  background: rgba(255,255,255,0.1);
  color: #f5f5f7;
}

.adv-close:hover {
  background: rgba(0,0,0,0.1);
  transform: scale(1.05);
}

[data-theme="dark"] .adv-close:hover {
  background: rgba(255,255,255,0.15);
}

/* 主要内容 */
.adv-content {
  padding: 28px;
  max-height: calc(85vh - 140px);
  overflow-y: auto;
}

.adv-content::-webkit-scrollbar { 
  width: 6px; 
}
.adv-content::-webkit-scrollbar-track { 
  background: transparent; 
}
.adv-content::-webkit-scrollbar-thumb { 
  background: rgba(0,0,0,0.2); 
  border-radius: 3px; 
}

[data-theme="dark"] .adv-content::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.2);
}

/* 搜索条件区域 */
.search-conditions {
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(0,0,0,0.04);
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 20px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.04);
}

[data-theme="dark"] .search-conditions {
  background: rgba(58,58,60,0.7);
  border: 1px solid rgba(255,255,255,0.06);
}

.conditions-title {
  font-size: 17px;
  font-weight: 600;
  color: #1d1d1f;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 8px;
  letter-spacing: -0.022em;
}

[data-theme="dark"] .conditions-title {
  color: #f5f5f7;
}

/* 搜索行 */
.search-rows {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.search-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 4px 0;
}

.search-row:first-child .logic-dropdown {
  opacity: 0;
  pointer-events: none;
}

/* 控件通用样式 */
.adv-select, .search-input {
  background: rgba(255,255,255,0.8);
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 12px;
  color: #1d1d1f;
  font-size: 14px;
  font-weight: 400;
  transition: all 0.2s ease;
  outline: none;
}

[data-theme="dark"] .adv-select, 
[data-theme="dark"] .search-input {
  background: rgba(58,58,60,0.8);
  border: 1px solid rgba(255,255,255,0.1);
  color: #f5f5f7;
}

.adv-select:focus, .search-input:focus {
  border-color: #007aff;
  box-shadow: 0 0 0 4px rgba(0,122,255,0.1);
  background: rgba(255,255,255,0.95);
}

[data-theme="dark"] .adv-select:focus, 
[data-theme="dark"] .search-input:focus {
  background: rgba(58,58,60,0.95);
}

/* 布尔运算符下拉 */
.logic-dropdown {
  min-width: 80px;
  padding: 10px 14px;
  cursor: pointer;
}

/* 搜索字段下拉 */
.field-dropdown {
  min-width: 140px;
  padding: 10px 14px;
  cursor: pointer;
}

/* 搜索输入框 */
.search-input {
  flex: 1;
  padding: 12px 16px;
}

.search-input::placeholder {
  color: #86868b;
  font-weight: 400;
}

[data-theme="dark"] .search-input::placeholder {
  color: #6d6d70;
}

/* 操作按钮 */
.row-controls {
  display: flex;
  gap: 6px;
}

.btn-control {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.2s ease;
}

.btn-add {
  background: #34c759;
  color: white;
}

.btn-add:hover {
  background: #30d158;
  transform: translateY(-1px);
}

.btn-remove {
  background: #ff3b30;
  color: white;
}

.btn-remove:hover {
  background: #ff453a;
  transform: translateY(-1px);
}

.btn-remove:disabled {
  background: #d1d1d6;
  cursor: not-allowed;
  transform: none;
}

[data-theme="dark"] .btn-remove:disabled {
  background: #48484a;
}

/* 时间选择区域 */
.time-section {
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(0,0,0,0.04);
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.04);
}

[data-theme="dark"] .time-section {
  background: rgba(58,58,60,0.7);
  border: 1px solid rgba(255,255,255,0.06);
}

.time-title {
  font-size: 15px;
  font-weight: 600;
  color: #1d1d1f;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  letter-spacing: -0.016em;
}

[data-theme="dark"] .time-title {
  color: #f5f5f7;
}

.time-controls {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.time-group {
  display: flex;
  align-items: center;
  gap: 10px;
}

.time-label {
  min-width: 80px;
  font-size: 14px;
  font-weight: 500;
  color: #424245;
}

[data-theme="dark"] .time-label {
  color: #a1a1a6;
}

.time-input {
  flex: 1;
  padding: 10px 14px;
  background: rgba(255,255,255,0.8);
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 12px;
  color: #1d1d1f;
  font-size: 14px;
  outline: none;
  transition: all 0.2s ease;
}

[data-theme="dark"] .time-input {
  background: rgba(58,58,60,0.8);
  border: 1px solid rgba(255,255,255,0.1);
  color: #f5f5f7;
}

.time-input:focus {
  border-color: #007aff;
  box-shadow: 0 0 0 4px rgba(0,122,255,0.1);
}

/* 检索范围区域 */
.scope-section {
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(0,0,0,0.04);
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.04);
}

[data-theme="dark"] .scope-section {
  background: rgba(58,58,60,0.7);
  border: 1px solid rgba(255,255,255,0.06);
}

.scope-title {
  font-size: 15px;
  font-weight: 600;
  color: #1d1d1f;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  letter-spacing: -0.016em;
}

[data-theme="dark"] .scope-title {
  color: #f5f5f7;
}

.scope-options {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.scope-option {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 10px;
  transition: all 0.2s ease;
}

.scope-option:hover {
  background: rgba(0,0,0,0.04);
}

[data-theme="dark"] .scope-option:hover {
  background: rgba(255,255,255,0.06);
}

.scope-option input[type="radio"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.scope-option label {
  font-size: 14px;
  font-weight: 500;
  color: #1d1d1f;
  cursor: pointer;
}

[data-theme="dark"] .scope-option label {
  color: #f5f5f7;
}

/* 底部操作区 */
.adv-actions {
  background: rgba(255,255,255,0.8);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-top: 1px solid rgba(0,0,0,0.06);
  padding: 20px 28px;
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
}

[data-theme="dark"] .adv-actions {
  background: rgba(28,28,30,0.8);
  border-top: 1px solid rgba(255,255,255,0.08);
}

.adv-btn {
  padding: 12px 24px;
  border: none;
  border-radius: 12px;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.2s ease;
  letter-spacing: -0.016em;
  min-width: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.adv-btn.secondary {
  background: rgba(0,0,0,0.06);
  color: #1d1d1f;
  border: 1px solid rgba(0,0,0,0.1);
}

[data-theme="dark"] .adv-btn.secondary {
  background: rgba(255,255,255,0.1);
  color: #f5f5f7;
  border: 1px solid rgba(255,255,255,0.15);
}

.adv-btn.secondary:hover {
  background: rgba(0,0,0,0.1);
  transform: translateY(-1px);
}

[data-theme="dark"] .adv-btn.secondary:hover {
  background: rgba(255,255,255,0.18);
}

.adv-btn.primary {
  background: #007aff;
  color: white;
  box-shadow: 0 2px 8px rgba(0,122,255,0.2);
}

.adv-btn.primary:hover {
  background: #0056cc;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,122,255,0.4);
}

/* 响应式 */
@media (max-width: 768px) {
  #advModal .box {
    width: 95vw;
    max-height: 90vh;
  }
  
  .search-row {
    flex-direction: column;
    gap: 8px;
    align-items: stretch;
  }
  
  .logic-dropdown,
  .field-dropdown {
    min-width: auto;
  }
  
  .time-controls {
    grid-template-columns: 1fr;
  }
  
  .scope-options {
    flex-direction: column;
    gap: 8px;
  }
  
    .adv-actions {
    flex-direction: column;
    gap: 12px;
  }
}

/* 超窄屏（<=520px）排版修正，防止标题与分数字段重叠 */
@media (max-width:520px){
  .result{ padding-right:12px; }
  .score{ position: static; display:inline-block; margin-top:6px; }
}
/* 桌面端：把按钮组整体“探”进右侧 score 的预留区，大小/纵向位置不变 */
@media (min-width:1101px){
  .result .favs{
    /* 结果卡右侧为 score 预留了 96px（见 .result 的 padding-right:96px）
       而 score 自己离卡片右边是 12px（.score: right:12px）
       所以按钮组需要向右移动 96 - 12 = 84px 才能与 score 右侧对齐 */
    margin-right: -84px;               /* 关键：把按钮组右移到卡片最右边内侧 */
    justify-content: flex-end;         /* 仍然保持左右横排并靠右 */
    flex-wrap: wrap;                   /* 宽度不够时正常换行（不溢出） */
  }
}



*{box-sizing:border-box}body{font-family:Inter,system-ui,Segoe UI,Roboto;color:#000;margin:24px;}h1{font-size:20px;margin:0 0 8px} .badge{font-size:12px;color:#555}.content{margin-top:10px;line-height:1.9;font-size:16px;font-family:"Source Serif 4",Georgia,serif}mark{background:#ff0}hr{border:0;border-top:1px solid #ddd;margin:12px 0}