html{
 --w5-gold:#c9a86a;--w5-gold-hi:#e8cf9a;--w5-navy:#04163f;
 --w5-r-xs:10px;--w5-r-sm:14px;--w5-r-md:20px;--w5-r-lg:26px;--w5-r-xl:34px;--w5-r-pill:999px;
 --w5-blur-thin:14px;--w5-blur:20px;--w5-blur-thick:30px;--w5-sat:180%;
 --w5-fill:linear-gradient(180deg,rgba(22,34,70,.82) 0%,rgba(8,15,34,.90) 100%);
 --w5-fill-thick:linear-gradient(180deg,rgba(20,31,66,.90) 0%,rgba(6,12,30,.95) 100%);
 --w5-fill-light:linear-gradient(180deg,rgba(255,255,255,.93) 0%,rgba(247,248,252,.88) 100%);
 --w5-sheen:radial-gradient(132% 64% at 18% 0%,rgba(255,255,255,.09) 0%,rgba(255,255,255,0) 58%);
 --w5-sheen-light:radial-gradient(132% 64% at 18% 0%,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 60%);
 --w5-mat:var(--w5-sheen),var(--w5-fill);
 --w5-mat-thick:var(--w5-sheen),var(--w5-fill-thick);
 --w5-mat-light:var(--w5-sheen-light),var(--w5-fill-light);
 --w5-rim:inset 0 0 0 .5px rgba(255,255,255,.16),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(226,204,154,.16);
 --w5-rim-light:inset 0 0 0 .5px rgba(4,22,63,.10),inset 0 1px 0 rgba(255,255,255,.90),inset 0 -1px 0 rgba(196,164,107,.22);
 --w5-s1:0 1px 2px rgba(1,7,20,.28),0 8px 20px -10px rgba(1,7,20,.55);
 --w5-s2:0 1px 2px rgba(1,7,20,.30),0 16px 38px -14px rgba(1,7,20,.62);
 --w5-s3:0 2px 5px rgba(1,7,20,.32),0 30px 72px -22px rgba(1,7,20,.76);
 --w5-ease:cubic-bezier(.32,.72,0,1);
 --w5-spring:cubic-bezier(.34,1.42,.64,1);
 --w5-t-press:120ms;--w5-t-state:420ms;--w5-t-sheet:520ms;
 --w5-fg:#fff;--w5-fg2:rgba(255,255,255,.82)}
@supports (transition-timing-function:linear(0,1)){html{
 --w5-spring:linear(0,.046,.159,.307,.465,.618,.752,.863,.95,1.012,1.052,1.074,1.083,1.082,1.074,1.062,1.049,1.036,1.024,1.014,1.006,1,.997,.994,.993 60%,1 82.5%,1)}}

html .site-header,
html #arc-top,html[data-gxtop] #arc-top,html nav.bk-top,
html #bk-bar,html #ins-bar,
html #gx-island .gi-cap,html #gx-island .w443-morph{
 background:var(--w5-mat)!important;
 -webkit-backdrop-filter:blur(var(--w5-blur)) saturate(var(--w5-sat))!important;
 backdrop-filter:blur(var(--w5-blur)) saturate(var(--w5-sat))!important;
 box-shadow:var(--w5-rim),var(--w5-s2)!important;
 border-color:transparent!important}
html .site-header,html #arc-top,html[data-gxtop] #arc-top,html nav.bk-top{box-shadow:var(--w5-rim),var(--w5-s1)!important}

html #gx-island #gi-sheet,html #gx-island-root #gi-sheet,
html #gx-island #gi-alert,html #gx-island-root #gi-alert,html #w446-msg,
html #act-toc,html .insb-menu,html .bkb-menu,html .gr-drum,
html #w510-say,html #w485-tip,html .w485-tip,html .w497-bub,
html #gx-studio .gs-top,html #gx-studio .gs-strip,html #gx-studio .gs-gal{
 background:var(--w5-mat-thick)!important;
 -webkit-backdrop-filter:blur(var(--w5-blur-thick)) saturate(var(--w5-sat))!important;
 backdrop-filter:blur(var(--w5-blur-thick)) saturate(var(--w5-sat))!important;
 box-shadow:var(--w5-rim),var(--w5-s3)!important;
 border-color:transparent!important}

html #gx-w405 a,html #gx-totem,html #w487-btn,html #w451-dial #w451-orb,html #w451-dial .w451-pet{
 background:var(--w5-mat)!important;
 -webkit-backdrop-filter:blur(var(--w5-blur-thin)) saturate(var(--w5-sat))!important;
 backdrop-filter:blur(var(--w5-blur-thin)) saturate(var(--w5-sat))!important;
 box-shadow:var(--w5-rim),var(--w5-s1)!important;
 border-color:transparent!important}
/* 三站切换里「当前站」是这一屏唯一的金块 —— 金只给一处 */
html #gx-w405 a.cur{
 background:linear-gradient(180deg,#e0c68f 0%,#c4a46b 100%)!important;color:#0a1a3a!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.55),var(--w5-s1)!important}

/* 阅读设置面板：浅色玻璃（里面几十处深色文字，翻深底要逐条重算；
   浅玻璃在深页上 11.8:1，且跟 iOS 的 Aa 面板同源） */
html #rd-panel{
 background:var(--w5-mat-light)!important;
 -webkit-backdrop-filter:blur(var(--w5-blur-thick)) saturate(var(--w5-sat))!important;
 backdrop-filter:blur(var(--w5-blur-thick)) saturate(var(--w5-sat))!important;
 box-shadow:var(--w5-rim-light),var(--w5-s3)!important;
 border-color:transparent!important}

/* 桌面（Springboard）：底座本来就是白调清玻璃，只把参数并进同一张表 */
html #w487-home .w487-dock{
 -webkit-backdrop-filter:blur(var(--w5-blur-thick)) saturate(var(--w5-sat))!important;
 backdrop-filter:blur(var(--w5-blur-thick)) saturate(var(--w5-sat))!important;
 box-shadow:inset 0 0 0 .5px rgba(255,255,255,.26),inset 0 1px 0 rgba(255,255,255,.34),
   inset 0 -1px 0 rgba(226,204,154,.16),var(--w5-s3)!important}

html #gx-island .gi-cap,html #gx-island .w443-morph{border-radius:var(--w5-r-pill)!important}
html #gx-island #gi-sheet{border-radius:var(--w5-r-xl)!important}
html #gx-island #gi-alert,html #gx-island-root #gi-alert,html #w446-msg{border-radius:var(--w5-r-lg)!important}
html #bk-bar,html #ins-bar{border-radius:22px!important}
html #act-toc,html .insb-menu,html .bkb-menu,html .gr-drum,html #w510-say,
html #w485-tip,html .w485-tip,html #gx-studio .gs-top{border-radius:var(--w5-r-md)!important}
html #rd-panel{border-radius:var(--w5-r-lg)!important}
html #w487-home .w487-dock{border-radius:var(--w5-r-xl)!important}
html #gx-w405 a,html #gx-totem,html #w487-btn,html .w497-bub{border-radius:var(--w5-r-pill)!important}
/* 同心：#bk-bar 内边距 8 → 22−8=14；#rd-panel 16 → 26−16=10；#gi-sheet 18 → 34−18=16 */
html #bk-bar .bkb-ico,html #bk-bar .w527-bar-apps,html #bk-bar .bkb-toc>summary,
html #ins-bar .insb-ico,html #ins-bar .w527-bar-apps,html #ins-bar .insb-toc>summary{
 border-radius:var(--w5-r-sm)!important}
html #rd-panel .rd-seg,html #rd-panel #rd-q,html #rd-panel #rd-add,html #rd-panel .rd-none{
 border-radius:var(--w5-r-xs)!important}
html #gx-island #gi-sheet .gi-seg,html #gx-island #gi-sheet #gx-tts-rates{border-radius:16px!important}
html #gx-island #gi-sheet .gi-seg>button,html #gx-island #gi-sheet #gx-tts-rates>button{border-radius:13px!important}
html #act-toc a,html .insb-menu a,html .bkb-menu a{border-radius:var(--w5-r-xs)!important}

/* W418 分幕菜单：#gx-totem #act-toc{border-radius:14px!important} 两个 id 压过 html #act-toc */
html #gx-totem #act-toc{
 border-radius:var(--w5-r-md)!important;
 background:var(--w5-mat-thick)!important;
 -webkit-backdrop-filter:blur(var(--w5-blur-thick)) saturate(var(--w5-sat))!important;
 backdrop-filter:blur(var(--w5-blur-thick)) saturate(var(--w5-sat))!important;
 box-shadow:var(--w5-rim),var(--w5-s3)!important;border-color:transparent!important}
/* W486 桌面横幅：html.w486-on #gx-island-root>#gi-alert.gi-alert（2,2,1）—— 同一条加一个类压过去。
   桌面圆角 18 / 手机 44 就是这么分叉的，收成同一档 26 */
@media (min-width:1024px) and (hover:hover) and (pointer:fine){
 html.w486-on #gx-island-root>#gi-alert.gi-alert.gi-alert,
 html.w486-on #w446-msg#w446-msg{
  border-radius:var(--w5-r-lg)!important;
  background:var(--w5-mat-thick)!important;
  -webkit-backdrop-filter:blur(var(--w5-blur-thick)) saturate(var(--w5-sat))!important;
  backdrop-filter:blur(var(--w5-blur-thick)) saturate(var(--w5-sat))!important;
  box-shadow:var(--w5-rim),var(--w5-s3)!important}}

html #gx-island-root{--gi-ease:var(--w5-ease)}
html #bk-bar,html #ins-bar,html #act-toc,html .insb-menu,html .bkb-menu,html .gr-drum,
html #rd-panel,html #gx-w405 a,html #w487-btn,html #gx-totem,html .site-header,
html #arc-top,html nav.bk-top{transition-timing-function:var(--w5-ease)!important}
html #bk-bar .bkb-ico:active,html #ins-bar .insb-ico:active,
html #bk-bar .w527-bar-apps:active,html #ins-bar .w527-bar-apps:active,
html #gx-w405 a:active,html #w487-btn:active{
 transform:scale(.94)!important;transition-duration:var(--w5-t-press)!important}

html #bk-bar :focus-visible,html #ins-bar :focus-visible,html #gx-island :focus-visible,
html #rd-panel :focus-visible,html #gx-w405 a:focus-visible,html #w487-btn:focus-visible,
html #act-toc :focus-visible,html #gx-totem :focus-visible,html #w487-home :focus-visible,
html .gr-drum :focus-visible{outline:2px solid var(--w5-gold-hi)!important;outline-offset:3px!important}
html #rd-panel :focus-visible{outline-color:#27407a!important}
html #bk-bar,html #ins-bar,html #act-toc,html .insb-menu,html .bkb-menu{overflow:visible}

html .w485 .w485-seg{background:rgba(255,255,255,.34)!important;
 box-shadow:inset 0 -.5px 0 rgba(1,7,20,.30)!important}
html .w485.w485-on .w485-seg{background:rgba(255,255,255,.40)!important}
html .w485 .w485-seg.w485-hov{background:rgba(255,255,255,.52)!important}
html .w485 .w485-sh{background:rgba(255,255,255,.44)!important}
/* 正在读的这一段：金条只填了一半的那个 —— 底色再亮一档 */
html .w485 .w485-seg:has(>.w485-sf:not([style*="width: 0.000%"]):not([style*="width: 100.000%"])){
 background:rgba(255,255,255,.50)!important}

@supports (backdrop-filter:url(#w525-lens)){
 html.w525-refract #gx-island .gi-cap{
  -webkit-backdrop-filter:url(#w525-lens) blur(5px) saturate(var(--w5-sat))!important;
  backdrop-filter:url(#w525-lens) blur(5px) saturate(var(--w5-sat))!important;
  background:var(--w5-sheen),linear-gradient(180deg,rgba(22,34,70,.86) 0%,rgba(8,15,34,.92) 100%)!important}}

/* 注意：--w5-fill 是当 background-image 用的，这里必须还给一个 image。
   写成裸色值会解析成 none —— 实测那一版浮层整块没了底。 */
@media (prefers-reduced-transparency:reduce){html{
 --w5-fill:linear-gradient(#0c2358,#0c2358);--w5-fill-thick:linear-gradient(#081a42,#081a42);
 --w5-fill-light:linear-gradient(#fff,#fff);
 --w5-sheen:linear-gradient(transparent,transparent);--w5-sheen-light:linear-gradient(transparent,transparent);
 --w5-blur:0px;--w5-blur-thick:0px;--w5-blur-thin:0px;--w5-sat:100%}
 html.w525-refract #gx-island .gi-cap{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0c2358!important}
 html #w487-home .w487-dock{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(10,20,44,.92)!important}}
@media (prefers-contrast:more){html{
 --w5-fill:linear-gradient(#01091b,#01091b);--w5-fill-thick:linear-gradient(#01091b,#01091b);
 --w5-fill-light:linear-gradient(#fff,#fff);
 --w5-sheen:linear-gradient(transparent,transparent);--w5-sheen-light:linear-gradient(transparent,transparent);
 --w5-rim:inset 0 0 0 1px rgba(255,255,255,.85);--w5-rim-light:inset 0 0 0 1px #04163f;
 --w5-fg2:#fff}
 html .w485 .w485-seg{background:rgba(255,255,255,.72)!important}}
@media (prefers-reduced-motion:reduce){html{--w5-spring:var(--w5-ease);--w5-t-state:150ms;--w5-t-sheet:150ms}
 html #bk-bar .bkb-ico:active,html #ins-bar .insb-ico:active,html #gx-w405 a:active,
 html #w487-btn:active,html #bk-bar .w527-bar-apps:active,html #ins-bar .w527-bar-apps:active{transform:none!important}}
@media (forced-colors:active){
 html .site-header,html #arc-top,html nav.bk-top,html #bk-bar,html #ins-bar,
 html #gx-island .gi-cap,html #gx-island #gi-sheet,html #gx-island #gi-alert,html #w446-msg,
 html #act-toc,html .insb-menu,html .gr-drum,html #rd-panel,html #gx-w405 a,html #w487-btn{
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText!important;box-shadow:none!important}}

/* 整排：一条顶线，列间不留缝（缝会让竖线看起来是「两个盒子之间」而不是「一条分隔」） */
#w472-gate-row-scope,.w472-gate-row{border-top:1px solid rgba(196,164,107,.22)!important;gap:0!important}
/* 每一扇：框/底/圆角/模糊全撤 */
.w472-gate-row>*{border:0!important;border-radius:0!important;background:transparent!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;
  border-left:1px solid rgba(255,255,255,.10)!important;
  padding:18px 22px!important;box-sizing:border-box!important;transition:background .28s var(--lg-ease-out,ease)}
.w472-gate-row>*:first-child{border-left:0!important}
/* 去掉深底之后压在照片上，文字要自己站得住 */
.w472-gate-row>* *{text-shadow:0 1px 2px rgba(1,9,27,.55),0 0 14px rgba(1,9,27,.35)}
/* 悬停只上一层极淡的底，不把框加回来 */
.w472-gate-row>*:hover,.w472-gate-row>*:focus-visible{background:rgba(255,255,255,.055)!important}
.w472-gate-row>*:focus-visible{outline:2px solid rgba(226,204,154,.75);outline-offset:-2px}
@media (max-width:760px){
 .w472-gate-row>*{padding:14px 16px!important}
 /* 窄屏排成两列时，第一行两扇的左线规则要重算：靠行首的那一扇不画左线 */
 .w472-gate-row>*:nth-child(odd){border-left:0!important}
}
@media (prefers-contrast:more){
 .w472-gate-row>*{border-left-color:rgba(255,255,255,.28)!important}
 .w472-gate-row{border-top-color:rgba(196,164,107,.5)!important}
}

:root{--w538-press:var(--lg-dur-press,120ms);--w538-state:var(--lg-dur-state,480ms);
 --w538-spring:var(--lg-ease-spring,cubic-bezier(.34,1.45,.64,1));
 --w538-out:var(--lg-ease-out,cubic-bezier(.22,1,.36,1))}

/* ── 一、可点元素的按压手感 ───────────────────────────────────────────
   按下走 press 时长（快、线性收），松手走 state 时长 + 弹簧（慢、有回弹）。
   只给叶子级：Dock 图标、主屏图标、四扇门、岛上的按钮、阅读栏按钮、明信片。
   **没有一条选择器指向会包住 fixed 后代的容器**（见文件抬头 ①）。 */
.w487-app,.w487-dock a,.w487-dock button,.w472-gate-row>a,
#gx-island button,#gx-island a,#w487-btn,
#bk-bar button,#bk-bar a,#ins-bar button,#ins-bar a,
.w434-card,.w535-c,.gx-postcard{
 transition:transform var(--w538-state) var(--w538-spring),
            background-color var(--w538-state) var(--w538-out),
            box-shadow var(--w538-state) var(--w538-out),
            opacity var(--w538-state) var(--w538-out);
 -webkit-tap-highlight-color:transparent}
.w487-app:active,.w487-dock a:active,.w487-dock button:active,.w472-gate-row>a:active,
#gx-island button:active,#gx-island a:active,#w487-btn:active,
#bk-bar button:active,#bk-bar a:active,#ins-bar button:active,#ins-bar a:active,
.w434-card:active,.gx-postcard:active{
 transform:scale(.965);
 transition-duration:var(--w538-press);transition-timing-function:var(--w538-out)}
/* 图标类按下时连同标签一起缩，像 iOS 主屏 */
.w487-app:active{transform:scale(.93)}

/* ── 二、悬停：只在真有鼠标的设备上 ─────────────────────────────────
   触屏上 :hover 会「粘」在最后点过的元素上（W491 那次就是这么粘住的）。 */
@media (hover:hover) and (pointer:fine){
 .w487-app:hover,.w487-dock a:hover,#w487-btn:hover,
 #gx-island button:hover,#gx-island a:hover,.w535-c:hover{--lg-glow:.85}
 .w487-app:hover{transform:translateY(-2px)}
 #w487-btn:hover{transform:scale(1.03)}
}

/* ── 三、键盘焦点：一条金环，形状跟着元素自己的圆角 ───────────────── */
.w487-app:focus-visible,.w487-dock a:focus-visible,.w472-gate-row>a:focus-visible,
#gx-island button:focus-visible,#gx-island a:focus-visible,#w487-btn:focus-visible,
#bk-bar button:focus-visible,#ins-bar button:focus-visible,.w535-c:focus-visible{
 outline:2px solid var(--lg-focus-dark,#e2cc9a);outline-offset:2px}

/* ── 四、系统开关一律优先（苹果那套的硬要求：每个效果都要能关掉）── */
@media (prefers-reduced-motion:reduce){
 .w487-app,.w487-dock a,.w487-dock button,.w472-gate-row>a,
 #gx-island button,#gx-island a,#w487-btn,
 #bk-bar button,#bk-bar a,#ins-bar button,#ins-bar a,
 .w434-card,.w535-c,.gx-postcard{transition-duration:1ms!important}
 .w487-app:active,.w472-gate-row>a:active,#w487-btn:active,
 #gx-island button:active,.w487-app:hover,#w487-btn:hover{transform:none!important}
}
@media (forced-colors:active){
 .w487-app:focus-visible,#w487-btn:focus-visible{outline:2px solid CanvasText}
}

#w539-btn{display:none;align-items:center;gap:7px;border:0;cursor:pointer;
 font:600 12.5px/1 -apple-system,"PingFang SC",sans-serif;letter-spacing:.06em;
 color:var(--lg-fg-dark,#fff);background:var(--lg-fill-dark,rgba(4,22,63,.66));
 border-radius:var(--lg-r-pill,999px);padding:9px 14px;
 -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 var(--lg-rim-hi-dark,rgba(255,255,255,.62)),var(--lg-shadow-dark,0 8px 24px rgba(1,9,27,.5));
 transition:transform var(--lg-dur-state,480ms) var(--lg-ease-spring,cubic-bezier(.34,1.45,.64,1)),
            background-color var(--lg-dur-state,480ms) ease;
 -webkit-tap-highlight-color:transparent}
html.w539-ok #w539-btn{display:inline-flex}
#w539-btn:active{transform:scale(.96);transition-duration:var(--lg-dur-press,120ms)}
#w539-btn:focus-visible{outline:2px solid var(--lg-focus-dark,#e2cc9a);outline-offset:2px}
#w539-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#w539-btn.fixed{position:fixed;z-index:98;left:max(14px,env(safe-area-inset-left));
 bottom:calc(84px + env(safe-area-inset-bottom,0px))}
/* 全屏时收掉"边框类"导航，正文/阅读栏/岛一律保留 */
html.w539-on body>header,html.w539-on #top,html.w539-on #gx-w405,html.w539-on .gx-w117-gates{
 opacity:0!important;pointer-events:none!important;transition:opacity .38s ease}
html.w539-on{--w539:1}
@media (prefers-reduced-motion:reduce){
 #w539-btn{transition-duration:1ms}#w539-btn:active{transform:none}
 html.w539-on body>header,html.w539-on #top{transition:none}}
@media (max-width:640px){#w539-btn{padding:8px 12px;font-size:12px}#w539-btn .t{display:none}}

@media (max-width:640px){
 /* 关键不是「再压内边距」，而是**换版式**：原来是竖排（标签 18 + 按钮行 41 + 倒计时线），
    加上内边距就是 89–98。改成「左文字 / 右按钮」两列，高度就由按钮那 44px 决定，
    padding 上下各 10 → 64 上下，和系统通知一个量级。按钮**一点不缩**。 */
 #gx-island #gi-alert,#gi-alert{
  display:grid!important;grid-template-columns:1fr auto!important;
  align-items:center!important;column-gap:12px!important;row-gap:1px!important;
  padding:10px 12px 10px 14px!important;
  border-radius:20px!important;
  font-size:12.5px!important;
  line-height:1.3!important;
  position:relative!important}
 #gi-alert .gi-al-k{grid-column:1;grid-row:1;margin:0!important}
 #gi-alert .gi-al-t{grid-column:1;grid-row:2;margin:0!important}
 #gi-alert .gi-al-b{grid-column:2;grid-row:1/3;margin:0!important;display:flex;align-items:center;gap:10px}
 /* 倒计时那条 1px 的线压在卡片底边，不再占一行 */
 #gi-alert .w521-line{position:absolute!important;left:12px;right:12px;bottom:5px;grid-column:1/3}
 #gi-alert b,#gi-alert strong{font-size:13px!important;line-height:1.3!important}
 #gi-alert small,#gi-alert .w521-line{font-size:11px!important}
 /* 按钮：只收横向留白与字号，**高度守住 36px** —— 可点区域不参与瘦身 */
 #gi-alert button,#gi-alert a[role="button"],#gi-alert .gi-act{
  min-height:36px!important;height:36px!important;
  padding:0 16px!important;font-size:12.5px!important;border-radius:999px!important}
 /* 图标/头像那一颗也收一档，别让它撑高整张卡 */
 #gi-alert>svg,#gi-alert .gi-ic,#gi-alert img{width:26px!important;height:26px!important;flex:0 0 auto}
}
@media (max-width:400px){
 #gi-alert{padding:9px 11px 9px 12px!important;border-radius:18px!important}
 #gi-alert button,#gi-alert a[role="button"],#gi-alert .gi-act{padding:0 13px!important}
}

@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}                 /* 侧位只给城市/时间/温度，细节留给整页那一屏 */