@media (max-width:640px){
 /* ── 底部控件排：应用 / 全屏 / 转盘 收成一行，贴在阅读栏之上 ── */
 html body #w487-btn,
 html body #w539-btn,
 html body #w451-dial{
  position:fixed!important;
  top:auto!important;
  bottom:calc(var(--w546-dock,92px) + env(safe-area-inset-bottom,0px))!important;
  z-index:97!important;
  transform:none!important;
  margin:0!important}
 html body #w487-btn{left:max(12px,env(safe-area-inset-left))!important;right:auto!important}
 html body #w539-btn{left:calc(max(12px,env(safe-area-inset-left)) + 96px)!important;right:auto!important}
 html body #w451-dial{right:max(12px,env(safe-area-inset-right))!important;left:auto!important}
 /* 控件不许比一行还高，否则又长回中间去 */
 html body #w487-btn,html body #w539-btn{max-height:40px!important}
 html body #w451-dial{max-width:52px!important;max-height:52px!important}

 /* ── 阅读区禁区：顶 96 / 底 132 之间不许有常驻浮层 ── */
 /* 这条只管"常驻"的：通知是瞬时的，走顶部横幅（W545），不在此列。 */
 html body [data-w546-parked]{
  top:auto!important;
  bottom:calc(var(--w546-dock,92px) + env(safe-area-inset-bottom,0px))!important}
}

@media (max-width:760px){
 /* ① 首屏文案块别再撑 1080 —— 这是两处被裁的共同根因 */
 .hero-copy{max-width:100%!important;width:auto!important;min-width:0!important;
   box-sizing:border-box!important;padding-left:max(16px,env(safe-area-inset-left))!important;
   padding-right:max(16px,env(safe-area-inset-right))!important}
 .hero-copy>*{max-width:100%!important;min-width:0!important}
 /* ② 首屏标语：让它换行而不是冲出屏幕 */
 .gx-hero-tagline{flex-wrap:wrap!important;row-gap:4px!important;max-width:100%!important}
 .gx-hero-tagline>*{max-width:100%!important;min-width:0!important}
 .gx-tagline-en{white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere}
 /* ③ 四扇门：写死的 540px 两列改成自适应；窄屏单列，放得下就两列 */
 .w472-gate,.w472-gate-row{max-width:100%!important;width:auto!important;min-width:0!important;
   box-sizing:border-box!important}
 /* 阿康 0920：「首页这里不要竖着4个门 还是横排4个门」。
    手机上强制四等分。代价说清楚：375 宽下每扇只有约 84px，
    门名（5 字）放得下，那句 16px 的说明放不下（一行只容 5 字），所以 ≤640 收起说明。
    眉标和门名都留着；说明在门内页和宽屏上一个字不少。 */
 .w472-gate-row{grid-template-columns:repeat(4,1fr)!important;column-gap:0!important}
 .w472-gate-row>*{min-width:0!important;max-width:100%!important;
   padding:12px 6px!important;text-align:center!important;overflow:hidden}
 /* 门名：两行封顶，别把门撑歪 */
 .w472-gate-row>* b,.w472-gate-row>* strong,.w472-gate-row>* .t{
   font-size:12.5px!important;line-height:1.25!important;white-space:normal!important}
 /* 眉标收小但保留 */
 .w472-gate-row>* small,.w472-gate-row>* .k,.w472-gate-row>* em{font-size:7.5px!important;letter-spacing:.04em!important}
 /* 那句说明：窄屏收起（内容仍在 DOM 里，读屏与门内页都读得到） */
 .w472-gate-row>* p{display:none!important}
 /* ④ 首屏三个数字：窄屏别硬挤成一行 */
 .hero-facts{flex-wrap:wrap!important;gap:10px 18px!important;max-width:100%!important}
 .hero-facts>*{min-width:0!important}
}
@media (max-width:420px){
 /* 极窄屏仍然四横排——阿康要的是横排这个形态，不是放不下就退回竖排 */
 .w472-gate-row>*{padding:10px 3px!important}
 .w472-gate-row>* b,.w472-gate-row>* strong,.w472-gate-row>* .t{font-size:11.5px!important}
 .w472-gate-row>* small,.w472-gate-row>* .k,.w472-gate-row>* em{font-size:7px!important}
}

@media (max-width:640px){
 /* 脱离灵动岛，顶到系统横幅位 */
 #gx-island #gi-alert,#gi-alert{
  position:fixed!important;
  top:calc(env(safe-area-inset-top,0px) + 8px)!important;
  left:8px!important;right:8px!important;bottom:auto!important;
  width:auto!important;max-width:420px!important;margin:0 auto!important;
  z-index:2147483000!important;
  border-radius:22px!important;
  padding:10px 12px!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Helvetica Neue",sans-serif!important;
  /* 阿康 0920：「通知的字可能要小一些 不然看不全或者溢出」。
     他那张截图里正文被挤成窄窄一条——不是字太大，是**按钮抢了宽度**。
     所以两头都治：字号收小，同时给按钮封顶、把宽度让回文字列。 */
  font-size:12px!important;line-height:1.3!important;
  box-shadow:0 8px 28px -8px rgba(0,0,0,.5),inset 0 0 0 .5px rgba(255,255,255,.16)!important;
  animation:w545drop .34s cubic-bezier(.22,1,.36,1) both}
 #gi-alert .gi-al-k{font-size:11px!important;opacity:.82;line-height:1.25!important}
 #gi-alert .gi-al-t{font-size:12px!important;line-height:1.35!important;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  word-break:normal;overflow-wrap:anywhere}
 /* 文字列拿大头，按钮封顶——不让按钮把正文挤成一条 */
 #gi-alert .gi-al-k,#gi-alert .gi-al-t{min-width:0!important}
 #gi-alert .gi-al-b{max-width:38%!important;min-width:0!important;flex:0 0 auto!important}
 #gi-alert>svg,#gi-alert .gi-ic,#gi-alert img{width:34px!important;height:34px!important;border-radius:9px!important}
 #gi-alert button,#gi-alert a[role="button"],#gi-alert .gi-act{
  min-height:36px!important;height:36px!important;padding:0 11px!important;
  font-size:11.5px!important;border-radius:999px!important;
  max-width:100%!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
 /* 倒计时线贴着横幅底边，不占一行 */
 #gi-alert .w521-line{position:absolute!important;left:12px;right:12px;bottom:4px}
}
@keyframes w545drop{from{transform:translate3d(0,-120%,0);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){#gi-alert{animation:none!important}}

/* ① 通栏。W544 的 `.hero-copy>*{max-width:100%!important}` 是 (0,1,0)；
      这里 `html body .hero-copy>.w532` 是 (0,2,2)，靠特异度赢，不靠源码顺序。
      两个选择器都写：条带挂在 hero-copy 下是首页，挂在别处是研究院/人生。 */
html body .hero-copy>.w532,
html body .w532.w532-tick{
 width:100vw!important;
 max-width:100vw!important;
 min-width:0!important;
 margin-left:calc(50% - 50vw)!important;
 margin-right:calc(50% - 50vw)!important;
 box-sizing:border-box!important}

/* ② 两端渐隐：百分比在窄屏上太短（307 宽时只有 12px，看着就是剪断），改成固定 36px */
html body .w532.w532-tick{
 -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 36px,#000 calc(100% - 36px),transparent 100%)!important;
 mask-image:linear-gradient(90deg,transparent 0,#000 36px,#000 calc(100% - 36px),transparent 100%)!important}

/* ③ 呼吸：和上方内容拉开，行与行之间也给一点 */
@media (max-width:760px){
 html body .w532.w532-tick{margin-top:18px!important;padding:2px 0 4px!important}
 html body .w532 .w532-rows{row-gap:3px!important}
 html body .w532 .w532-i{line-height:1.5!important}
 /* 条目之间的间隔：挤在一起的另一半 */
 html body .w532 .w532-i{padding-left:9px!important;padding-right:9px!important}
}

@media (max-width:760px){
 /* ── ① 正文留白：比控件坞高，正文永远压不到 ──
       坞高 44 + 上下各 12 + 岛 52 + 富余 24 ≈ 148 */
 html body{padding-bottom:calc(148px + env(safe-area-inset-bottom,0px))!important}

 /* ── ② 控件收成等大圆钮：一排、等距、无字 ── */
 html body #w487-btn,
 html body #w539-btn,
 html body #w451-dial{
  width:44px!important;min-width:44px!important;max-width:44px!important;
  height:44px!important;min-height:44px!important;
  padding:0!important;
  border-radius:50%!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:0!important;
  font-size:0!important;          /* 文字收起——图标是 svg，不受影响 */
  line-height:0!important;
  overflow:hidden!important}
 /* 图标本身不缩，且把字号还原给它（父级 font-size:0 会继承） */
 html body #w487-btn>svg,
 html body #w539-btn>svg,
 html body #w451-dial>svg{
  width:20px!important;height:20px!important;font-size:20px!important;flex:0 0 auto!important;display:block!important}
 /* 「应用」这类纯文字节点：收起但不删——读屏与静态抓取照样读得到 */
 html body #w487-btn>span:not([class*="ic"]),
 html body #w539-btn>span:not([class*="ic"]){
  position:absolute!important;width:1px!important;height:1px!important;
  overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}

 /* ── ③ 子页四扇门：四等分横排，和首页一致 ──
       这里是 nav.gx-w168-doors（两列 165.5px），不是首页那个 .w472-gate-row，
       W544 当时只改了首页，子页整个漏了。 */
 html body nav.gx-w168-doors{
  grid-template-columns:repeat(4,1fr)!important;
  column-gap:6px!important;row-gap:8px!important}
 html body nav.gx-w168-doors>.section-kicker{grid-column:1/-1!important}
 html body nav.gx-w168-doors>.gx-w168-door{
  min-width:0!important;max-width:100%!important;
  padding:10px 4px!important;text-align:center!important;
  overflow:hidden!important;
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;gap:3px!important}
 /* 英文眉标收小、中文门名两行封顶——四等分后每扇只有约 84px */
 html body nav.gx-w168-doors>.gx-w168-door>*:first-child{
  font-size:7px!important;letter-spacing:.03em!important;line-height:1.2!important;
  word-break:normal!important;overflow-wrap:anywhere!important}
 html body nav.gx-w168-doors>.gx-w168-door>*:last-child{
  font-size:12.5px!important;line-height:1.25!important;white-space:nowrap!important}
}
@media (max-width:400px){
 html body nav.gx-w168-doors>.gx-w168-door{padding:9px 2px!important}
 html body nav.gx-w168-doors>.gx-w168-door>*:last-child{font-size:11.5px!important}
 html body nav.gx-w168-doors>.gx-w168-door>*:first-child{font-size:6.5px!important}
}

#w551-tray{
 position:fixed;
 pointer-events:none;           /* 只是一块底，一次点击都不拦 */
 border-radius:26px;
 opacity:0;
 transition:opacity .22s cubic-bezier(.2,0,0,1);
 background:rgb(8 14 30 / .58);
 -webkit-backdrop-filter:blur(18px) saturate(1.5);
 backdrop-filter:blur(18px) saturate(1.5);
 box-shadow:0 10px 30px -12px rgb(0 0 0 / .55),inset 0 0 0 .5px rgb(255 255 255 / .14)}
#w551-tray.on{opacity:1}
@media (prefers-color-scheme:light){
 :root:not([data-theme="dark"]) #w551-tray{
  background:rgb(250 250 252 / .72);
  box-shadow:0 10px 30px -12px rgb(16 22 38 / .28),inset 0 0 0 .5px rgb(16 22 38 / .10)}}
/* 桌面不需要——桌面控件在角落，不压正文列 */
@media (min-width:761px){#w551-tray{display:none}}
@media (prefers-reduced-motion:reduce){#w551-tray{transition:none}}

/* ── ① 四个研究所：竖排 → 2×2 ── */
html body ol.gx-w196-list{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 column-gap:28px!important;row-gap:22px!important;
 align-items:start!important}
html body ol.gx-w196-list>li{
 min-width:0!important;max-width:100%!important;
 margin:0!important;break-inside:avoid}
@media (max-width:420px){
 /* 极窄屏两列会把「维特根斯坦研究所」挤断，退一列——退的是这一档，不是全部 */
 html body ol.gx-w196-list{grid-template-columns:minmax(0,1fr)!important;row-gap:16px!important}
}

/* ── ② 被投公司卡片：挤空气，不缩字 ── */
html body .gx-port-grid>article{
 padding:14px 16px!important}
/* 编号和公司名同一行——原来编号占一整行，白吃 19px */
html body .gx-port-grid>article>h3{
 line-height:1.22!important;margin:2px 0 0!important;
 display:flex!important;align-items:baseline!important;
 column-gap:8px!important;flex-wrap:wrap!important}
html body .gx-port-grid>article>h3>*{
 display:inline-block!important;flex:0 0 auto!important;margin:0!important}
html body .gx-port-grid>article>p{margin:4px 0 0!important;line-height:1.35!important}
html body .gx-port-grid>article>.gx-deal{margin-top:6px!important;display:block!important}
html body .gx-port-grid>article>b{line-height:1.1!important;display:block!important}
/* 宽屏再多一列：1100 三列已经够松，1280 起走四列 */
@media (min-width:1280px){
 html body .gx-port-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* ≥641：顶部靠右，像 macOS / Windows 的通知中心。
   底部那一条留给阅读条和控件——通知不再和它们抢。
   `--w548-top` 由脚本按页眉实际高度写入，页眉收起时自动上移。 */
@media (min-width:641px){
 /* 阿康 0920：「学习macos的通知 来做咱们的灵动岛通知」。
    照的是 macOS 横幅的几条硬特征，不是抄它的图形：
      · 贴右上角，宽 344（macOS 横幅就是这个量级），圆角 16
      · 材质是毛玻璃 vibrancy：强模糊 + 提饱和，不是一块实色
      · **从右边滑入**（macOS 是横向推进来的，不是从上掉下来）
      · 图标 38 方圆角在左，标题半粗 13、正文 13 最多两行
      · 鼠标停上去就不自动消失（下面 JS 里做） */
 html body #gi-alert{
  position:fixed!important;
  top:calc(var(--w548-top,64px) + env(safe-area-inset-top,0px))!important;
  right:max(14px,env(safe-area-inset-right,0px))!important;
  left:auto!important;bottom:auto!important;
  width:min(344px,calc(100vw - 28px))!important;
  max-width:min(344px,calc(100vw - 28px))!important;
  margin:0!important;
  z-index:2147483000!important;
  border-radius:16px!important;
  padding:12px 14px!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Helvetica Neue",sans-serif!important;
  font-size:13px!important;line-height:1.35!important;
  -webkit-backdrop-filter:blur(28px) saturate(180%)!important;
  backdrop-filter:blur(28px) saturate(180%)!important;
  box-shadow:0 10px 34px -8px rgb(0 0 0 / .46),0 0 0 .5px rgb(255 255 255 / .16) inset!important;
  animation:w548in .34s cubic-bezier(.32,.72,0,1) both}
 /* 标题半粗、正文常规——macOS 就是靠字重分层，不靠字号拉开 */
 html body #gi-alert .gi-al-k{font-size:13px!important;font-weight:600!important;opacity:.95!important;
  letter-spacing:0!important;text-transform:none!important}
 html body #gi-alert .gi-al-t{font-size:13px!important;font-weight:400!important;opacity:.88!important}
 /* 图标：38 方、圆角 9，macOS 的应用图标位 */
 html body #gi-alert>svg,html body #gi-alert .gi-ic,html body #gi-alert img{
  width:38px!important;height:38px!important;border-radius:9px!important;flex:0 0 auto!important}
 /* 鼠标停上去：微微抬起，并由 JS 暂停自动消失 */
 html body #gi-alert:hover{box-shadow:0 16px 42px -8px rgb(0 0 0 / .54),0 0 0 .5px rgb(255 255 255 / .22) inset!important}
 /* 正文最多三行，长句不把卡片撑成一堵墙 */
 html body #gi-alert .gi-al-t{
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  overflow-wrap:anywhere}
 html body #gi-alert .gi-al-b{flex:0 0 auto!important;max-width:42%!important}
 html body #gi-alert .w521-line{position:absolute!important;left:14px;right:14px;bottom:5px}
}
/* 两个区间都要：绝不掉出视口底边（实测 916 > 900） */
html body #gi-alert{max-height:calc(100vh - 24px)!important;overflow:visible}
/* macOS 是从右边推进来的，不是从上掉下来 */
@keyframes w548in{from{transform:translate3d(28px,0,0);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){html body #gi-alert{animation:none!important}}

.w556{margin:22px 0 30px}
.w556-k{font:700 10.5px/1.5 -apple-system,"PingFang SC",sans-serif;letter-spacing:.16em;
 text-transform:uppercase;opacity:.72;margin:0 0 12px}
.w556-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:start}
.w556-p{min-width:0;text-align:center}
.w556-ph{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 22%;
 border-radius:10px;background:rgb(16 22 38 / .06);margin:0 0 10px}
.w556-p[data-noimg="1"] .w556-ph{display:none}
/* 中文名 / 英文名 / 职位，各占一行 */
.w556-zh{display:block;font:700 15px/1.35 -apple-system,"PingFang SC",sans-serif;margin:0}
.w556-en{display:block;font:500 11.5px/1.4 -apple-system,"Helvetica Neue",sans-serif;
 letter-spacing:.02em;opacity:.66;margin:2px 0 0}
.w556-ti{display:block;font:600 11.5px/1.45 -apple-system,"PingFang SC",sans-serif;
 letter-spacing:.02em;margin:5px 0 0;opacity:.88}
@media (max-width:900px){
 .w556-row{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}
}
@media (max-width:560px){
 /* 窄屏仍并排，不退成一行一个——一行一个是低密度（0920 阿康：那是愚蠢的） */
 .w556-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .w556-zh{font-size:14px}.w556-en{font-size:10.5px}.w556-ti{font-size:10.5px}
}
@media print{.w556-ph{display:none}}

/* 天气所在那一页：整页交给天气（标记由本层脚本挂，不靠 :has） */
/* 铺满：这一页已经只剩天气一个件（alone() 保证），所以把页面本身改成 flex，
   让天气件 flex:1 撑满即可——**不要用网格的 1/-1**：W487 给每个件写了行内 grid-area，
   页面上还有隐式轨道（span 4 的件会撑出 3 条 58px 隐式列），`1/-1` 只覆盖**显式**网格，
   实测只铺到 76px 宽；也不要用绝对定位 + 上下 inset，实测高度没按包含块算（量到 781 > 页面 598）。
   flex 的 stretch 是这里最稳的一种铺满。 */
#w487-home .w487-page[data-w535-page]{display:flex!important;align-content:stretch!important;
  align-items:stretch!important;justify-content:stretch!important;padding:12px 14px 10px!important}
/* align-self 必须显式写 stretch：W487 给件们设了 align-self:start（页面原本是
   align-content:start 的图标网格），它会**盖掉**容器的 align-items:stretch，
   于是这件按内容高度撑到 895px、越过 598px 的页底压在圆点和 Dock 上。实测量出来的。 */
#w487-home .w487-page[data-w535-page] .w487-wx{position:static!important;flex:1 1 auto!important;align-self:stretch!important;
  grid-area:auto!important;margin:0!important;width:auto!important;height:auto!important;
  max-width:none!important;min-height:0!important;min-width:0!important;
  padding:14px 14px 10px!important;display:flex!important;flex-direction:column;gap:10px;overflow:hidden}
.w535-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex:0 0 auto;
  font:600 12px/1.2 -apple-system,"PingFang SC",sans-serif;letter-spacing:.04em;color:rgba(255,255,255,.72)}
.w535-h b{color:#f0dcae;font-weight:700;font-size:14px;letter-spacing:.10em}
/* 一城一行；宽屏自动多列（pad/桌面铺满，手机单列） */
.w535-g{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px;align-content:safe center}
.w535-c{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:11px;row-gap:3px;
  align-items:center;padding:10px 13px;border-radius:15px;background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.05);min-width:0}
.w535-c svg{grid-row:1/3;width:26px;height:26px;fill:none;stroke:#f0dcae;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
/* 三列都写死：.t 有确定行（grid-row），会在「自动放置」之前就被排进第 1 行，
   于是抢走第 2 列、把城市名挤到第 3 列——实测就是「32° 深圳」这种倒序。 */
.w535-c .n{grid-column:2;grid-row:1;display:flex;align-items:baseline;gap:7px;min-width:0;
  font:700 17px/1.25 -apple-system,"PingFang SC",sans-serif;color:#fff;letter-spacing:.01em;white-space:nowrap;overflow:hidden}
.w535-c .n u{text-decoration:none;font:600 11.5px/1 -apple-system,"SF Mono",ui-monospace,monospace;
  color:rgba(255,255,255,.9);background:rgba(255,255,255,.10);border-radius:6px;padding:2px 5px;
  letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;flex:0 0 auto}
.w535-c .n em{font:500 11.5px/1.2 -apple-system,"Helvetica Neue",sans-serif;font-style:normal;
  color:rgba(240,220,174,.78);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.w535-c .t{grid-column:3;grid-row:1;font:600 25px/1 -apple-system,"SF Pro Display","PingFang SC",sans-serif;color:#fff;
  font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;text-align:right}
.w535-c .m{grid-column:2/4;grid-row:2;font:500 11px/1.5 -apple-system,"PingFang SC",sans-serif;color:rgba(255,255,255,.62);
  white-space:normal;font-variant-numeric:tabular-nums}
.w535-c .m .seg{font-weight:500;white-space:nowrap}
.w535-c .m i{font-style:normal;color:rgba(255,255,255,.38);margin:0 5px}
.w535-f{flex:0 0 auto;font:500 10px/1.2 -apple-system,sans-serif;color:rgba(255,255,255,.45);text-align:right}
/* 副行一律换行、不截断：阿康点名要日出日落，`日落 18…` 这种截断等于没显示。
   宁可多占一行——这一页本来就能滚，行高不是稀缺资源，信息完整才是。 */
@media (max-width:430px){.w535-c .t{font-size:23px}.w535-c .n{font-size:15.5px}.w535-c .n em{font-size:10.5px}.w535-c .m{font-size:11px}}
/* 平板/桌面：卡片放大、留白加大，别让 12 张小卡片缩在顶上一条 */
@media (min-width:768px){
 #w487-home .w487-page[data-w535-page] .w487-wx{padding:18px 20px 14px!important;gap:14px}
 .w535-h b{font-size:16px}.w535-g{gap:12px}
 .w535-c{padding:17px 20px;border-radius:19px;min-height:76px;column-gap:15px}
 .w535-c svg{width:30px;height:30px}.w535-c .n{font-size:18.5px}.w535-c .n em{font-size:12.5px}.w535-c .t{font-size:28px}.w535-c .m{font-size:12px}}
/* 重点四城：金边 + 略亮的底 + 城市名描金，一眼先落到这四座上 */
.w535-c.home{background:rgba(240,220,174,.10);border-color:rgba(240,220,174,.34);
  box-shadow:inset 0 0 0 .5px rgba(240,220,174,.28)}
.w535-c.home .n{color:#fff6e4}
.w535-c.home .t{color:#f7e3b5}
@media (prefers-reduced-transparency:reduce){.w535-c{background:rgba(255,255,255,.14)}}
/* 第二页下半的空白：阿康 0920「可以把部分城市的天气挪到这里空白地方」。
   绝对定位压在那一页的下半区，**上边界由脚本按最低一排图标算**，不写死百分比——
   图标行数随屏高变（metrics() 里 rows 是算出来的），写死会压到图标上。 */
.w535-pagerel{position:relative}
.w535-side{position:absolute;left:12px;right:12px;bottom:6px;z-index:2;
  display:flex;flex-direction:column;gap:8px;padding:12px 14px 10px;border-radius:18px;
  background:var(--lg-fill-dark,rgba(4,22,63,.62));
  -webkit-backdrop-filter:blur(var(--lg-blur,18px)) saturate(var(--lg-sat,170%));
  backdrop-filter:blur(var(--lg-blur,18px)) saturate(var(--lg-sat,170%));
  box-shadow:inset 0 0 0 .5px rgba(255,255,255,.18),0 12px 30px -16px rgba(1,9,27,.8);
  overflow:hidden}
.w535-side .w535-h{font-size:11px}.w535-side .w535-h b{font-size:12.5px}
.w535-side .w535-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;overflow:hidden}
.w535-side .w535-c{padding:7px 9px;border-radius:11px;column-gap:8px}
.w535-side .w535-c svg{width:20px;height:20px}
.w535-side .w535-c .n{font-size:13px;gap:5px}.w535-side .w535-c .n em{font-size:10px}
.w535-side .w535-c .n u{font-size:10px;padding:1px 4px}
.w535-side .w535-c .t{font-size:18px}
/* 昼夜标记：和官网轮播同一套语言——暖金实心圆＝白天，冷蓝月牙＝夜间，不写字 */
.w535-dn{display:inline-block;width:8px;height:8px;border-radius:50%;flex:0 0 auto;
 position:relative;margin-left:6px;vertical-align:middle}
.w535-dn.day{background:#f5d789;box-shadow:0 0 0 2px rgba(245,215,137,.20),0 0 8px rgba(245,215,137,.5)}
.w535-dn.night{background:transparent;box-shadow:inset 0 0 0 1.5px #93aee6}
.w535-dn.night::after{content:"";position:absolute;left:-2.4px;top:-1.5px;width:8px;height:8px;
 border-radius:50%;background:var(--w535-bg,#16264e)}
/* 都市圈人口：单独成元素，侧栏也看得见（.m 在侧栏是隐藏的） */
.w535-pop{grid-column:2/3;justify-self:end;font:600 10px/1 -apple-system,"SF Mono",ui-monospace,monospace;
 color:rgba(232,236,245,.46);letter-spacing:.02em;white-space:nowrap;margin-top:2px}
.w535-c.home .w535-pop{color:rgba(240,220,174,.62)}
@media (max-width:760px){.w535-pop{font-size:9.5px}}
.w535-side .w535-c .m{display:none}                 /* 侧位只给城市/时间/温度，细节留给整页那一屏 */