/* 服务端渲染页面（内容页 / 平台页 / 搜索词页 / 榜单 / 开放接口 / 详情短链）专用样式。
   基础变量与 topbar/footer 来自 style.css，页面骨架来自 pages.css，这里只补 SSR 独有部分。 */

/* ---------- 富文本内容（免责声明 / 服务条款 / 版权投诉 / 关于 / 帮助） ---------- */
.doc-card{padding:28px 30px 32px;line-height:1.95}
.doc-h{font-size:16.5px;font-weight:800;margin:22px 0 10px;display:flex;align-items:center;gap:8px}
.doc-h:first-child{margin-top:0}
.doc-h::before{content:'';width:4px;height:15px;border-radius:2px;background:var(--grad);flex:0 0 auto}
.doc-p{color:var(--muted);font-size:14.5px;margin:9px 0}
.doc-ul{margin:9px 0 9px 2px;padding:0;list-style:none}
.doc-ul li{color:var(--muted);font-size:14.5px;padding-left:16px;position:relative;margin:5px 0}
.doc-ul li::before{content:'·';position:absolute;left:4px;color:var(--pri);font-weight:900}
.doc-meta{margin-top:22px;padding-top:14px;border-top:1px dashed var(--line);color:var(--dim);font-size:12.5px}

/* ---------- 服务端分页（真实链接，区别于前台的 button 版） ---------- */
.pager-line a,.pager-line span{display:inline-flex;align-items:center;justify-content:center}
.pager-line a.pg-a,.pager-line span.pg-on,.pager-line span.pg-dis{
  min-width:38px;padding:7px 12px;border:1px solid var(--line);border-radius:9px;
  background:var(--card);color:var(--text);font-size:13.5px;cursor:pointer}
.pager-line a.pg-a:hover{border-color:var(--pri);color:var(--pri)}
.pager-line span.pg-on{background:var(--grad);color:#fff;border-color:transparent;font-weight:700}
.pager-line span.pg-dis{opacity:.4;cursor:default}
.pager-line span.pg-dot{color:var(--dim);padding:0 2px}

/* ---------- 结果列表页（平台页 / 搜索词页 / 榜单） ---------- */
.res-wrap{margin-top:6px}
.res-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:2px 0 14px;color:var(--muted);font-size:13.5px}
.res-summary b{color:var(--text);font-weight:800}
.res-summary .rs-right{display:flex;gap:8px;flex-wrap:wrap}
.res-summary .rs-right a{color:var(--muted);border:1px solid var(--line);border-radius:14px;padding:4px 12px;font-size:12.5px}
.res-summary .rs-right a:hover{color:var(--pri);border-color:var(--pri)}
.res-summary .rs-right a.on{background:var(--grad);color:#fff;border-color:transparent;font-weight:600}

/* 页面级 hero 变体：左对齐信息型（列表页用） */
.page-hero.left{text-align:left}
.page-hero.left .page-title{font-size:26px;letter-spacing:1px}
.page-hero .hero-search{margin-top:18px}

/* 平台落地页图标 */
.plat-chip{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);border:1px solid var(--line);background:var(--card);border-radius:20px;padding:4px 14px;margin:0 8px 8px 0}
.plat-chip .dot{width:9px;height:9px;border-radius:50%;flex:none}

/* ---------- 开放接口页 ---------- */
.api-end{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 4px}
.api-method{font-size:11.5px;font-weight:800;padding:2px 9px;border-radius:6px;background:rgba(46,213,115,.14);color:#7fe0a8;flex:none}
.api-path{font-family:Consolas,Menlo,monospace;font-size:13.5px;color:var(--text);word-break:break-all}
.code-block{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 14px;overflow:auto;font-family:Consolas,Menlo,monospace;font-size:12.5px;line-height:1.7;color:#9fd1ff;white-space:pre;margin:8px 0 4px}
.param-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}
.param-table th{text-align:left;color:var(--muted);font-weight:600;padding:8px 10px;background:var(--bg2);border-bottom:1px solid var(--line);white-space:nowrap}
.param-table td{padding:8px 10px;border-bottom:1px dashed var(--line);color:var(--muted);vertical-align:top}
.param-table td:first-child{color:var(--text);font-family:Consolas,Menlo,monospace;white-space:nowrap}
.param-table tr:last-child td{border-bottom:0}
.try-box{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-top:10px}
.try-box .inp{flex:1;min-width:220px;max-width:420px}
.try-box .btn-pri{width:auto;margin-top:0;padding:10px 26px}

/* ---------- 详情短链页（/s/{code}） ---------- */
.share-bc{margin-bottom:6px}
.share-crumb{font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.share-crumb a{color:var(--muted)}
.share-crumb a:hover{color:var(--pri)}
.share-crumb .sep{opacity:.5}
.related-block{margin-top:26px}

/* ---------- RSS 提示 / 榜单徽标 ---------- */
.rank-no{flex:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800;background:var(--bg2);color:var(--muted);border:1px solid var(--line)}
.rank-no.top1{background:linear-gradient(135deg,#ffb648,#ff7a3c);color:#3a1d00;border-color:transparent}
.rank-no.top2{background:linear-gradient(135deg,#cfd8e8,#9fb0c9);color:#1d2739;border-color:transparent}
.rank-no.top3{background:linear-gradient(135deg,#e0a878,#c1864f);color:#33200c;border-color:transparent}
.res-card.with-rank{gap:12px}
.muted-block{color:var(--muted);font-size:13.5px;line-height:1.9}

/* ---------- 首页（/）：只做搜索入口 + 热搜词，不铺资源列表 ---------- */
.home-hot{margin-top:26px}
.home-hot-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.home-hot-head .hh-fire{font-size:15px}
.home-hot-head b{font-size:15px;color:var(--text);font-weight:800}
.home-hot-tip{color:var(--dim);font-size:12.5px}
.home-hot-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.hot-chip{display:inline-flex;align-items:center;padding:8px 16px;border:1px solid var(--line);border-radius:22px;background:var(--card);color:var(--muted);font-size:13.5px;transition:.15s}
.hot-chip:hover{color:#fff;border-color:var(--pri);background:rgba(79,140,255,.12);transform:translateY(-1px)}
.home-hot-empty{margin-top:14px;color:var(--dim);font-size:13.5px}
.home-intro{margin-top:22px;color:var(--muted);font-size:14.5px;line-height:1.95}
.home-intro p{margin:0 0 10px}
.home-intro p:last-child{margin-bottom:0}
.home-intro b{color:var(--text);font-weight:800}
.home-intro a{color:var(--pri)}
.home-intro a:hover{text-decoration:underline}

@media (max-width:640px){
  .home-hot{margin-top:20px}
  .hot-chip{padding:7px 13px;font-size:13px}
  .home-hot-tip{display:none}
}

/* ============================================================
   搜索联想下拉（后台「前台功能开关」可关；关闭时不下发容器与脚本）
   ============================================================ */
.hero-search{position:relative}
.hero-search .hs-sug{position:absolute;left:6px;right:6px;top:calc(100% + 8px);z-index:60;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 44px rgba(0,0,0,.5);padding:6px;max-height:340px;overflow:auto;text-align:left}
.hero-search .hs-sug[hidden]{display:none}
.hs-sug-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:var(--text);font-size:14px;text-decoration:none}
.hs-sug-item:hover,.hs-sug-item.on{background:rgba(79,140,255,.12);color:var(--pri)}
.hss-txt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hss-tag{flex:none;font-size:11.5px;color:var(--dim);border:1px solid var(--line);border-radius:8px;padding:1px 7px}
.hs-sug-item:hover .hss-tag,.hs-sug-item.on .hss-tag{color:var(--pri);border-color:rgba(79,140,255,.45)}
html.light .hero-search .hs-sug{box-shadow:0 16px 36px rgba(31,50,90,.16)}
@media (max-width:720px){
  .hero-search .hs-sug{left:0;right:0}
}