/* ============================================================================
   首屏「全球传感器网搜索台」样式  ——  移植自项目 B，2026-09-03（工位二）

   ── 上游在哪 ────────────────────────────────────────────────────────────
   仓库：/Users/zd/pycode/seetime-sensor-global（全球传感器网，独立仓库）
   源文件与行号（移植当天）：
     · site/web/assets/console.css   地球 55–60、首屏 91–117、输入台 119–236、
                                     推荐面板 166–218、ticker 353–359、窄屏 362–375
     · site/web/assets/tokens.css    :root 47–156（其中地球令牌 --gl-* 在 125–133）

   ── 改了什么（照搬会炸的地方）────────────────────────────────────────
   1. **令牌全部改名加 `--sn-` 前缀**。B 的 `--panel` / `--line` / `--ink` 三个名字
      和 A 已有的令牌**撞车**（见 site/assets/site.css:3 的 :root 和 :12 的
      body.night）。直接放 :root 会把 A 的白天皮改坏。
      **地球色 `--gl-*` 2026-09-20 搬到 assets/globe.css**（后台问搜首页也要这颗球，
      令牌只准一份）。本文件不再写 --gl-*。
   2. 【2026-09-05 产品方改口，顶掉原来那条】强调色**用 B 的 `#ff9558`**。
      原来这里写的是「用 A 的品牌色 #FFA836」，理由是 BRAND.md 里品牌色是 Allen
      亲定的。产品方 2026-09-05 早上看完合并页明确说「整体风格颜色使用 B」，
      这一条被顶掉了 —— 首页与结果页两页的强调色收口到 --sn-hue 这一个变量上，
      site.css 的 body.sn-dark 把 --am-t/--am-f 也指到它，所以**改这一行就够了**。
      （A 的其它页仍走自己的 --am-t/--am-f，一个像素不动。）
      地球那一组蓝（--gl-*）保持 B 的原值不动 —— 产品方明确豁免过地球用蓝。
   3. **不引 Google Fonts**。B 的 ask.html:8-10 直连 fonts.googleapis.com 拿
      IBM Plex Mono，A 全站一个 Google 字体都不加载（加了拖慢首屏、国内会超时）。
      等宽字改走系统栈，见 --sn-mono。
   4. 地球 canvas 从 `position:fixed` 改成**在首屏容器内 absolute**。
      B 是单页应用、地球满屏铺底；A 首屏底下还要接着滚四个营销版块，
      fixed 的话滚到「覆盖城市」时地球还在背后转（而且 A 的版块背景是透明的，
      会直接透出来）。改 absolute 之后它跟着首屏一起滚走。
      停帧另有一道：见 sensornet-hero.js 里的 IntersectionObserver。
   5. B 的顶栏（.nav.topbar）、结果态（body.results）、国内档（cn.css）一概没搬。
      A 有自己的导航；结果页是工位三的事。

   ── 2026-09-04 工位五加了两个类 ───────────────────────────────────────
   · .sn-notice  首屏那一行状态提示（「问一问正在开放中」／「检索服务地址没配」）。
                 文案和摆不摆由 sensornet-hero.js 的 paintNotice() 按配置决定，
                 这里只管长相。.bad 是「地址没配」那一档，那是真坏了，要看得出来。
   · .sn-modes>button.soon  「问一问」开放前的样子：淡一档 + 右上角一个小点。
                 **不置灰、不 disabled** —— 它点得动，点了会给提示，那才诚实。

   ⚠️ 改这里之前先看上游那边 —— 地球的颜色学（夜面海色必须和页面底等亮度，
      否则球缘会「割裂」）写在 B 的 tokens.css:120-133 注释里，别只挑色相。
   ============================================================================ */

:root{
  /* ── 首屏专用令牌（B 的 tokens.css 47–133，统统加了 --sn- 前缀）────── */
  --sn-void:#13161b; --sn-panel:#1c2027; --sn-sunk:#101318;
  --sn-line:#333944; --sn-line2:#272c35;
  --sn-ink:#f4f2ee; --sn-ink2:#d3d0ca; --sn-mute:#a5a19a; --sn-faint:#726e68;
  /* 强调色 = B 的琥珀（B 的 tokens.css:62）。**别改回 A 的 #FFA836**：
     产品方 2026-09-05「整体风格颜色使用 B」，见本文件头第 2 条。
     这三个值和 B 的 --hue / --hue-glow / --on-hue 逐字一致。 */
  --sn-hue:#ff9558; --sn-hue-glow:rgba(255,149,88,.22); --sn-on-hue:#1a0d06;
  --sn-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
  --sn-han:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,sans-serif;
  --sn-t-tick:11px; --sn-t-micro:12.5px; --sn-t-note:14px; --sn-t-body:16px;
  --sn-r:10px; --sn-r-sm:6px; --sn-r-lg:14px;

  /* ── 地球颜色令牌搬到 assets/globe.css（2026-09-20）──
     glTok() 仍从 documentElement 读 --gl-*，本文件不再写第二份。 */
}

/* ── 首屏容器 ────────────────────────────────────────────────────────
   2026-09-20：背景不再是地球，改走参考站 .hero 那套天空渐变（太阳、云、地平线）。
   同一元素兼 class="hero"，所以太阳/地平线/晨昏线城市的样式都在 site.css。
   这里只覆盖 ID 选择器里会压住天空的那几条（底色、字色），别再铺 --sn-void。 */
#sensornet-hero{
  position:relative;overflow:hidden;isolation:isolate;
  background:linear-gradient(180deg,var(--sky1) 0%,var(--sky2) 78%,var(--bg) 100%);
  color:var(--ink);
  font-family:var(--sn-han);line-height:1.7;
  min-height:92vh;min-height:92svh;
  display:flex;flex-direction:column;
  /* .hero 自带 120/150 的内边距；搜索台自己的 .sn-hero 再留导航高度即可 */
  padding:0;
}
#sensornet-hero .sun,
#sensornet-hero .cloud,
#sensornet-hero .horizon,
#sensornet-hero .town,
#sensornet-hero #cineCv,
#sensornet-hero .cinetag{z-index:0}

/* ── 首屏正文 ────────────────────────────────────────────────────── */
@keyframes snRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
/* ⚠️ 每个孩子都要 `max-width:min(X,100%)`：这一列是 flex 居中，**比容器宽的孩子
   不会被压回来，而是直接溢出**（2026-09-03 实测：390px 窄屏上标题 16em=448px、
   导语 42em=588px，右半句全被切掉，容器上那道 overflow:hidden 还把它藏得
   没有横向滚动条，看着像文案写短了）。B 那边是整页满宽，撞不到这一条。 */
.sn-hero{position:relative;z-index:45;flex:1;width:100%;display:flex;
  flex-direction:column;align-items:center;justify-content:center;
  padding:calc(62px + 40px) 22px 96px;text-align:center}

.sn-kicker{font-family:var(--sn-mono);font-size:var(--sn-t-tick);letter-spacing:.4em;
  color:var(--sn-mute);display:flex;align-items:center;gap:15px;margin-bottom:26px;
  animation:snRise .8s .04s ease both}
.sn-kicker::before,.sn-kicker::after{content:"";width:46px;height:1px;background:var(--sn-line)}
#sensornet-hero h1{font-size:clamp(28px,4.4vw,44px);line-height:1.32;margin:0;
  font-weight:700;letter-spacing:.01em;max-width:min(820px,100%);color:var(--ink);
  animation:snRise .9s .1s ease both}
#sensornet-hero h1 em{font-style:normal;color:var(--sn-hue)}
.sn-lede{color:var(--muted);font-size:16px;max-width:min(560px,100%);margin:14px 0 0;
  animation:snRise .9s .18s ease both}
.sn-lede b{color:var(--ink);font-weight:500}

/* ── 输入台 ──────────────────────────────────────────────────────── */
/* ⚠️ 2026-09-03 工位三：输入框和发送键的样式从 #snQ / #snSend 两个 **id 选择器**
   改成了 .sn-box .sn-q / .sn-box .sn-send 两个类。
   原因：#/ask 结果页顶上还有一条紧凑搜索台，id 在一份文档里只能有一个，
   照 id 写样式就只能把整段规则再拷一遍 —— 那是两处真相源，改一处必漏一处。
   两个 id（snQ / snSend）在首屏的 HTML 上**照旧留着**，脚本还按 id 找它们。 */
/* 宽度按**父容器**算，不按视口（B 那边首屏是整页、94vw 正好；这里外面还有
   .sn-hero 的左右内边距，再用 94vw 就会比可用宽度还宽，窄屏上整条输入台溢出）。 */
#sensornet-hero .sn-console{position:relative;width:min(880px,100%);margin-top:34px;animation:snRise .9s .26s ease both;z-index:40}
#sensornet-hero .trustline{z-index:45}
.sn-modes{display:flex;gap:2px;justify-content:center;margin-bottom:14px}
/* ⚠️ 下面这一组一律写 `>button`，**不许改回后代选择器**（2026-09-05 第二轮工位二）。
   .sn-modes 里现在还住着「国际 / 国内 · ⚲ 城市」那一行（sensornet-scope.js 插进来的，
   为的是让它跟模式键并排）。写成 `.sn-modes button` 会把那一行的键也一起罩住 ——
   padding、字距、底下那道横线全都会加到它们身上。
   .sn-modes 的直接子元素本来就只有这两个模式键，所以加个 `>` 对它们一个像素不差。 */
.sn-modes>button{position:relative;padding:8px 20px;color:var(--sn-faint);
  border:0;background:none;border-radius:var(--sn-r-sm);cursor:pointer;
  font-family:var(--sn-mono);font-size:var(--sn-t-micro);letter-spacing:.14em;
  transition:color .25s;display:flex;align-items:baseline;gap:9px}
.sn-modes>button .zh{font-family:var(--sn-han);letter-spacing:0;font-size:var(--sn-t-micro)}
.sn-modes>button:hover{color:var(--sn-mute)}
.sn-modes>button.on{color:var(--sn-ink)}
.sn-modes>button.on::after{content:"";position:absolute;left:16px;right:16px;bottom:0;
  height:1px;background:var(--sn-hue)}

.sn-box{position:relative;display:flex;align-items:center;gap:10px;padding:5px 5px 5px 18px;
  background:linear-gradient(180deg,#161a1f,#111418);
  border:1px solid var(--sn-line);border-radius:var(--sn-r-lg);backdrop-filter:blur(16px);
  box-shadow:0 34px 90px -38px #000,inset 0 1px 0 rgba(255,255,255,.035);
  transition:border-color .3s,box-shadow .3s}
.sn-box:focus-within{border-color:var(--sn-hue)}
/* 左边那个方框字：推荐问题的入口 */
.sn-box .sn-askico{flex:none;width:30px;height:30px;border-radius:9px;display:flex;
  align-items:center;justify-content:center;font-family:var(--sn-han);
  font-size:var(--sn-t-note);color:var(--sn-hue);
  border:1px solid color-mix(in srgb,var(--sn-hue) 32%,transparent);
  background:color-mix(in srgb,var(--sn-hue) 8%,transparent);cursor:pointer;transition:.22s}
.sn-box .sn-askico:hover{background:color-mix(in srgb,var(--sn-hue) 16%,transparent);
  border-color:color-mix(in srgb,var(--sn-hue) 55%,transparent)}
.sn-box .sn-askico.on{background:var(--sn-hue);color:var(--sn-on-hue);
  border-color:var(--sn-hue);box-shadow:0 0 22px -6px var(--sn-hue-glow)}
.sn-box .sn-q{flex:1;background:none;border:0;outline:0;color:var(--sn-ink);font-family:var(--sn-han);
  font-size:var(--sn-t-body);padding:15px 0;min-width:0}
.sn-box .sn-q::placeholder{color:var(--sn-faint)}
.sn-box .sn-send{flex:none;width:42px;height:42px;border:0;border-radius:var(--sn-r);
  background:var(--sn-hue);color:var(--sn-on-hue);font-size:var(--sn-t-body);font-weight:700;
  cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}
.sn-box .sn-send:hover{filter:brightness(1.08);transform:translateX(2px)}
.sn-box .sn-send[disabled]{opacity:.35;cursor:default;transform:none}
/* 发出后、/ask 画出来之前：发送键转圈（sensornet-hero.js 的 paintSending）。
   箭头字还在、只是看不见，按钮不变宽；必须排在 :hover 后面（同权重靠先后）。 */
.sn-box .sn-send.is-sending{position:relative;color:transparent;cursor:progress;transform:none}
.sn-box .sn-send.is-sending::after{content:"";position:absolute;width:16px;height:16px;
  border-radius:50%;border:2px solid var(--sn-on-hue);border-right-color:transparent;
  animation:snSpin .7s linear infinite}
@keyframes snSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.sn-box .sn-send.is-sending::after{animation-duration:2.4s}}
.sn-tgl{flex:none;display:flex;align-items:center;gap:7px;font-family:var(--sn-mono);
  font-size:var(--sn-t-tick);letter-spacing:.05em;color:var(--sn-faint);
  border:1px solid var(--sn-line2);border-radius:999px;padding:6px 12px;cursor:pointer;
  background:none;user-select:none;transition:.22s;white-space:nowrap}
.sn-tgl:hover{color:var(--sn-mute);border-color:var(--sn-line)}
.sn-tgl i{width:7px;height:7px;border-radius:50%;background:var(--sn-faint);
  transition:.22s;flex:none}
.sn-tgl.on{color:var(--sn-ink);border-color:color-mix(in srgb,var(--sn-hue) 45%,transparent)}
.sn-tgl.on i{background:var(--sn-hue)}
.sn-underbox{margin-top:12px;display:flex;gap:16px;align-items:center;justify-content:center;
  flex-wrap:wrap;max-width:100%;font-family:var(--sn-mono);font-size:var(--sn-t-tick);
  color:var(--sn-faint);letter-spacing:.04em}
/* flex 子项的 min-width 默认是 auto，长句子压不下去就会顶破容器 */
.sn-underbox>*{min-width:0}
.sn-underbox b{color:var(--sn-hue);font-weight:500}

/* ── 状态提示那一行（2026-09-04 工位五）──────────────────────────────
   摆两种话：「问一问正在开放中」／「检索服务地址没配」。文案在 JS 里按配置选，
   这里只管长相。刻意做得轻 —— 它是一条状态，不是一条报错，别抢走首屏的主句。
   .bad 那一档是给「地址没配」用的：那是真的坏了，得看得出来。 */
.sn-notice{margin-top:10px;text-align:center;font-family:var(--sn-han);
  font-size:var(--sn-t-tick);line-height:1.6;color:var(--sn-mute);
  padding:7px 14px;border-radius:999px;
  border:1px solid color-mix(in srgb,var(--sn-hue) 22%,transparent);
  background:color-mix(in srgb,var(--sn-hue) 7%,transparent);
  max-width:100%;margin-left:auto;margin-right:auto;width:fit-content}
.sn-notice.bad{color:var(--sn-ink);
  border-color:color-mix(in srgb,#e4674a 55%,transparent);
  background:color-mix(in srgb,#e4674a 12%,transparent)}
/* 2026-09-06 删掉了两段：`.sn-notice.flash` / @keyframes snNoticeFlash（点了没开放的
   页签闪一下），和 `.sn-modes>button.soon`（页签「正在开放中」的小点）。
   askEnabled 那个死开关 2026-09-05 就拆了，两档都真能用，没有 JS 再加这两个类 ——
   样式留着就是在暗示页面上还有这两种状态。
   （assets/sensornet-scope.css 里的 .sns-seg button.soon 是**另一回事**，那个还活着。） */

/* ── 推荐问题面板 ───────────────────────────────────────────────────
   【B 2026-09-02 产品决策】一律**往上开**。往下开在 1440×900 的窗口里就已经
   装不下（面板 300px，输入台底下只剩 243px，最后一条和下边框在屏幕外面）。
   「装得下就往下」是两种行为，边界最脆，一改行高就翻脸。 */
.sn-askpanel{position:absolute;left:0;right:0;top:auto;bottom:calc(100% + 10px);z-index:60;
  border:1px solid var(--sn-line);border-radius:var(--sn-r-lg);background:var(--sn-sunk);
  box-shadow:0 34px 90px -30px #000,inset 0 1px 0 rgba(255,255,255,.03);
  overflow:hidden;animation:snApIn .26s cubic-bezier(.2,.7,.3,1) both;
  display:flex;flex-direction:column;max-height:min(62vh,420px);text-align:left}
/* display:flex 会盖掉浏览器自带的 [hidden]，必须补回来 */
.sn-askpanel[hidden]{display:none}
@keyframes snApIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sn-askpanel .aphead{flex:none;display:flex;align-items:center;padding:13px 18px 11px}
.sn-askpanel .aplist{overflow-y:auto;overscroll-behavior:contain}
.sn-askpanel .apt{font-size:var(--sn-t-micro);color:var(--sn-faint);letter-spacing:.02em}
.sn-askpanel .apgrow{flex:1}
.sn-askpanel .apswap{font-family:var(--sn-mono);font-size:var(--sn-t-tick);letter-spacing:.06em;
  color:var(--sn-hue);border:1px solid transparent;background:none;border-radius:999px;
  padding:4px 11px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:6px}
.sn-askpanel .apswap:hover{border-color:color-mix(in srgb,var(--sn-hue) 40%,transparent);
  background:color-mix(in srgb,var(--sn-hue) 10%,transparent)}
.sn-askpanel .apswap svg{width:12px;height:12px;transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.sn-askpanel .apswap.spin svg{transform:rotate(360deg)}
.sn-askpanel .aprow{display:flex;align-items:center;gap:12px;width:100%;
  padding:13px 18px;border:0;border-top:1px solid var(--sn-line2);background:none;
  text-align:left;cursor:pointer;transition:background .18s;animation:snRise .3s ease both}
.sn-askpanel .aprow:hover{background:rgba(255,255,255,.03)}
/* 地点标签定宽右对齐，让一列问句在左边对齐成一条线 */
.sn-askpanel .aprow .apw{flex:none;width:112px;text-align:right;font-size:var(--sn-t-micro);
  color:var(--sn-faint);line-height:1.45;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis}
.sn-askpanel .aprow .apq{flex:1;min-width:0;font-size:var(--sn-t-note);color:var(--sn-ink);
  line-height:1.45}
/* 灰数字 =「此刻真能搜到这么多台」，是「这不是编的」的凭据。写死的例句没有它。 */
.sn-askpanel .aprow .apn,.sn-askpanel .aprow .apf{flex:none;font-family:var(--sn-mono);
  font-size:var(--sn-t-tick);color:var(--sn-faint);white-space:nowrap;letter-spacing:.04em}
.sn-askpanel .aprow .apgo{flex:none;width:22px;height:22px;border-radius:7px;display:flex;
  align-items:center;justify-content:center;color:var(--sn-faint);font-style:normal;
  background:rgba(255,255,255,.04);font-size:var(--sn-t-tick);transition:.2s}
.sn-askpanel .aprow:hover .apgo{color:var(--sn-on-hue);background:var(--sn-hue)}

/* ── 窄屏 ────────────────────────────────────────────────────────── */
@media (max-width:720px){
  .sn-hero{padding:calc(62px + 26px) 18px 44px}
  .sn-lede{font-size:var(--sn-t-note);margin-bottom:28px}
  .sn-box .sn-q{font-size:var(--sn-t-note)}
  .sn-tgl{display:none}   /* 窄屏收起「只看已分析的」，先保证输入框够宽 */
  .sn-kicker{letter-spacing:.24em;font-size:10px}
  .sn-kicker::before,.sn-kicker::after{width:24px}
  /* 推荐面板贴输入框上方；高度别顶到天 */
  .sn-askpanel{
    bottom:calc(100% + 8px);
    max-height:min(48vh,320px);
  }
}
@media (max-width:560px){
  /* 窄屏摆不下三列：地点挪到问句上面一行，别硬挤成两个字加省略号 */
  .sn-askpanel .aprow{padding:12px 14px;gap:9px;flex-wrap:wrap}
  .sn-askpanel .aprow .apw{width:auto;text-align:left;order:-1;flex-basis:100%}
  /* 挤不下时**留时间、藏台数**：第一性是「鲜活」 */
  .sn-askpanel .aprow .apn{display:none}
}

/* ============================================================================
   首屏搜索台的【白天皮】（2026-09-07）

   产品方：「只有首页状态栏上的几个模块需要有昼夜开关切换，应该是一个开关，
   保持所有页面处于同一个模式。」偏好由 assets/theme.js 记在
   localStorage['st_theme'] 里，挂成 <html class="st-day">，全站共用那一份。

   ── 为什么这一段必须写在这儿，而不是 assets/tokens.css 里 ────────────
   首屏这台搜索台用的是 --sn-* 那一组（本文件顶上的 :root），它是移植进官网时
   **专门改名**的一份，和传感器网自己的 --*（assets/tokens.css）同名会撞车
   —— 理由写在本文件头第 1 条。既然夜里那一套在这儿定义，白天这一套就得
   在同一处覆盖，不能跑到别的文件里去，否则又是「同一件事写两个地方」。
   ★ **--gl-* 的唯一真相源是 assets/globe.css**（2026-09-20 起）。改地球颜色只改那儿。

      上一版这儿写的是「assets/tokens.css 是权威，这里是副本，改只改 tokens.css
      然后把值抄过来」。那条纪律 2026-09-04 撤销了，因为它两头都塌了：
        · **它已经漂过。** 这份文件自己记着：2026-09-06 白天那一组七个值
          （ocean-shade / land-shade / ice-shade / term-a / atm-a / grid / halo）
          跟 tokens.css 对不上，首页的地球和 /ask /see /map 的**颜色不一样，
          而且没有任何东西报错**。靠人手抄的同步就是会漂。
        · **"权威"那一份已经没人读了。** 门面两页的地球 2026-09-04 撤掉
          （换成 assets/backdrop.js），tokens.css 那一族的唯一读者
          console.js 的 glTok() 随之退休；而 index.html 从来就不引 tokens.css。
          于是"权威"是死的、"副本"是唯一活的 —— 纪律的方向正好反了。
      现在只有这一份，没有第二处要同步，那类漂移从根上不存在了。
         防漂的自检加在 site/test_tokens_contrast.py 里，别再只靠这条注释。

   ── 一个刻意的例外：--sn-void 直接引官网的 --bg ────────────────────
   首屏底下紧接着四个营销版块，它们的底色是官网自己的 --bg（site.css 的 :root）。
   白天两边要是各写各的底色，中间就横着一道明暗断层 —— 那正是 2026-09-04
   工位四花了一轮去掉的东西。所以这里直接引过来，构造上不可能再漂。
   （夜里两边同色是靠 body.sn-dark 把 --bg 指到 --sn-void，方向相反、道理一样。）
   ============================================================================ */
html.st-day{
  --sn-void:var(--bg);            /* ← 和底下营销版块同一个底色，见上面那段 */
  --sn-panel:#ffffff; --sn-sunk:#f3efe6;
  --sn-line:#cdc7bc; --sn-line2:#e3ded4;
  --sn-ink:#1b1f24; --sn-ink2:#3b4149; --sn-mute:#5b6069; --sn-faint:#787b82;
  /* 夜里那个 #ff9558 在白纸上只有 2.2:1，印字等于看不清；白天压成同色相的
     深琥珀（白底 4.9:1）。官网自己的白天琥珀 --am-t(#D97B06) 只有 2.9:1，
     所以这里没有直接引它 —— 首屏的大标题里那半句就靠这一个色。 */
  --sn-hue:#b0510f; --sn-hue-glow:rgba(176,81,15,.16); --sn-on-hue:#fffaf5;
  /* 白天地球色在 assets/globe.css 的 html.st-day，这里不写第二份。 */
}

/* ── 上面那批令牌盖不住的几处：本文件里写死的深色 ──────────────────
   （能走令牌的早就走令牌了，剩下这几处是「深色底上的高光/阴影」，
   它们在白纸上必须换一套，不是换个值就完事的那种。） */
/* 输入台：夜里是一块比页面更深的玻璃；白天是一张浮在纸上的白卡。 */
html.st-day .sn-box{
  background:var(--sn-panel);
  box-shadow:0 18px 44px -26px rgba(30,42,56,.34),inset 0 1px 0 rgba(255,255,255,.9);
}
/* 推荐问题面板：同上，顺便把「悬停发白」改成「悬停发沉」——
   白底上再叠一层白是看不见的。 */
html.st-day .sn-askpanel{
  box-shadow:0 18px 44px -22px rgba(30,42,56,.32),inset 0 1px 0 rgba(255,255,255,.9);
}
html.st-day .sn-askpanel .aprow:hover{background:rgba(30,42,56,.045);}
html.st-day .sn-askpanel .aprow .apgo{background:rgba(30,42,56,.06);}