/* GlacierPOST · 庚辛发布 v2 —— glacier.mba 第一屏终端
 * 颜色语义（全页只用这六种，含义固定）：
 *   琥珀 --act  可以操作：功能代码、功能键、链接、可点的格子、光标、选中框
 *   白   --txt  内容：数据、标题、正文
 *   灰   --dim  说明：标签、单位、来源、时间戳
 *   绿   --live 实时：在线、走动的时钟、开机 OK、工作时间
 *   蓝   --ice  数量：热度底色、进度条（只表示多少，不可点也不表示好坏）
 *   金   --gold 品牌：只在开机画面的钥匙字标上出现
 * 字号阶梯（px）：11 说明 · 13 正文 · 16 次标题 · 22 时钟 · 40 倒计时。数字一律等宽、等宽数字。
 * 间距：4 的倍数（4 / 8 / 12 / 16 / 24）。所有规则带 #gp-root 前缀，压过站内全局样式。
 */
@font-face{font-family:"GX Sans";src:url("fonts/gx-sans-79efcee6a9.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"GX Serif";src:url("fonts/gx-serif-0b3624fc14.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"GX Mono";src:url("fonts/gx-mono-f5e088cd62.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
#gp-root{--act:#FF9F1C;--act-dk:#3A2408;--txt:#ECECEC;--dim:#8A8A8A;--dim2:#5C5C5C;--live:#34D399;--ice:#4DA3FF;--gold:#D8B26A;
  --l:#262626;--l2:#161616;--bg:#000;--bg2:#0B0B0B;
  --mono:"GX Mono","JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --sans:"GX Sans",Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei",sans-serif;
  --serif:"GX Serif",Newsreader,"Songti SC","Noto Serif SC",Georgia,serif;
  --glass:rgba(14,15,20,.62);--glass2:rgba(10,11,15,.74);--rim:rgba(255,255,255,.10);--rim2:rgba(255,255,255,.06);
  position:fixed;inset:0;z-index:9000;background:#05060a;color:var(--txt);font:13px/1.45 var(--sans);
  display:grid;grid-template-rows:44px 36px 32px minmax(0,1fr) 26px 24px;overflow:hidden;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;text-size-adjust:100%}
#gp-root[hidden]{display:none}
html.gp-on,html.gp-on body{overflow:hidden}
/* 重置：只用 (1,0,0) 的特异度，组件自己的规则都是 #gp-root .x（1,1,0），能压住站内 class 与标签规则 */
#gp-root :where(div,section,main,header,footer,nav,ul,ol,li,p,h2,h3,h4,span,a,b,i,em,small,img,button,figure,figcaption,table,tr,td,th,input,kbd){box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-shadow:none;letter-spacing:normal;text-transform:none;min-height:0;min-width:0;max-width:none;float:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;text-align:inherit;transform:none;filter:none;opacity:1}
#gp-root :where(a){text-decoration:none;cursor:pointer}
#gp-root :where(ul,ol){list-style:none}
#gp-root :where(img){display:block;max-width:none;height:auto}
#gp-root :where(button){font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}
#gp-root :focus{outline:none}
#gp-root :focus-visible{outline:1px solid var(--act);outline-offset:-1px}
#gp-root .gp-m{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}

/* ===== 顶栏 ===== */
#gp-root .gp-hd{display:flex;align-items:center;gap:16px;padding:0 88px 0 16px;border-bottom:1px solid var(--l);min-width:0;white-space:nowrap}
#gp-root .gp-brand{display:flex;align-items:center;gap:12px;height:24px;flex:none}
#gp-root .gp-brand img{height:22px;width:auto}
#gp-root .gp-brand .gp-inst{display:flex;align-items:center;gap:6px;font:500 13px/1 var(--sans);color:var(--txt);letter-spacing:.04em}
#gp-root .gp-brand .gp-inst img{height:20px}
#gp-root .gp-brand .gp-cap{height:24px}
#gp-root .gp-brand .gp-key{height:24px}
#gp-root .gp-brand .gp-ic{display:none}
#gp-root .gp-brand .gp-itj{height:20px}
#gp-root .gp-vl{width:1px;height:16px;background:var(--l);flex:none}
#gp-root .gp-vl2{height:24px;background:#444}
#gp-root .gp-title{display:flex;align-items:baseline;gap:8px;font:600 14px/1 var(--sans);color:var(--txt);letter-spacing:.02em}
#gp-root .gp-title small{font:400 12px/1 var(--sans);color:var(--dim);letter-spacing:.08em}
#gp-root .gp-sp{flex:1}
#gp-root .gp-cdh{display:flex;align-items:baseline;gap:6px;font:12px/1 var(--sans);color:var(--dim)}
#gp-root .gp-cdh b{font:600 13px/1 var(--mono);color:var(--txt)}
#gp-root .gp-cdh .gp-k{font:700 12px/1 var(--mono);color:var(--act)}
#gp-root .gp-cdh:hover .gp-k{text-decoration:underline;text-underline-offset:3px}
#gp-root .gp-live{display:flex;align-items:center;gap:6px;font:12px/1 var(--sans);color:var(--dim)}
#gp-root .gp-live i{width:6px;height:6px;background:var(--live);display:inline-block;animation:gppulse 2.4s ease-in-out infinite}
#gp-root .gp-live .gp-m{font:500 13px/1 var(--mono);color:var(--txt)}
@keyframes gppulse{0%,100%{opacity:1}50%{opacity:.35}}

/* ===== 命令行 ===== */
#gp-root .gp-cmd{position:relative;display:flex;align-items:center;gap:8px;padding:0 88px 0 16px;border-bottom:1px solid var(--l);background:var(--bg2)}
#gp-root .gp-ps{font:700 13px/1 var(--mono);color:var(--act)}
#gp-root .gp-in{flex:1;min-width:0;height:100%;background:transparent;border:0;color:var(--txt);font:500 14px/1 var(--mono);letter-spacing:.02em;caret-color:var(--act);outline:none;-webkit-appearance:none;appearance:none}
#gp-root .gp-in::placeholder{color:var(--dim2);font:13px/1 var(--sans);letter-spacing:0}
#gp-root .gp-msg{font:12px/1 var(--sans);color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46%}
#gp-root .gp-msg b{color:var(--txt);font:600 12px/1 var(--mono)}
#gp-root .gp-msg a{color:var(--act)}
#gp-root .gp-hint{display:flex;gap:12px;font:11px/1 var(--sans);color:var(--dim2);white-space:nowrap}
#gp-root .gp-hint kbd{font:600 11px/1 var(--mono);color:var(--act);margin-right:4px}
#gp-root .gp-ac{position:absolute;left:16px;top:35px;width:min(600px,calc(100% - 32px));background:#050505;border:1px solid var(--l);border-top:1px solid var(--act);z-index:7;display:none}
#gp-root .gp-ac.on{display:block}
#gp-root .gp-ac div{display:grid;grid-template-columns:92px 1fr auto;gap:12px;padding:6px 12px;cursor:pointer;border-left:2px solid transparent}
#gp-root .gp-ac div.sel{background:#141414;border-left-color:var(--act)}
#gp-root .gp-ac .c{font:700 12px/20px var(--mono);color:var(--act)}
#gp-root .gp-ac .d{font:13px/20px var(--sans);color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gp-root .gp-ac .t{font:11px/20px var(--sans);color:var(--dim)}
#gp-root .gp-ac p{padding:6px 12px;border-top:1px solid var(--l);font:11px/1.4 var(--sans);color:var(--dim)}

/* ===== 功能键条（可以按的都在这里，全部琥珀） ===== */
#gp-root .gp-keys{display:flex;align-items:stretch;border-bottom:1px solid var(--l);min-width:0;white-space:nowrap}
#gp-root .gp-ksc{flex:1;min-width:0;display:flex;align-items:stretch;padding:0 8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
#gp-root .gp-ksc::-webkit-scrollbar{display:none}
#gp-root .gp-fk{display:flex;align-items:center;gap:5px;padding:0 9px;height:100%;color:var(--dim);font:12px/1 var(--sans);white-space:nowrap;flex:none;text-align:left}
#gp-root .gp-fk b{font:600 11.5px/1 var(--mono);color:var(--act);letter-spacing:.02em}
#gp-root .gp-fk:hover span,#gp-root .gp-fk.on span{color:var(--txt);text-decoration:underline;text-decoration-color:var(--act);text-underline-offset:4px}
#gp-root .gp-ks{flex:none;align-self:center;color:var(--dim2);font:12px/1 var(--mono);padding:0 4px}
#gp-root .gp-ks::before{content:"·"}

/* ===== 面板网格：桌面三列两行，一屏放下，不滚整页 ===== */
#gp-root .gp-grid{display:block;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent;overscroll-behavior:contain}
#gp-root .gp-s1{display:grid;height:calc(100% - 30px);min-height:0;gap:6px;padding:6px;
  grid-template-columns:minmax(0,1.32fr) minmax(0,1fr) minmax(0,.98fr);grid-template-rows:minmax(0,1fr) minmax(0,1.04fr);
  grid-template-areas:"heat cal world" "deal news art"}
#gp-root #gp-heat{grid-area:heat}#gp-root #gp-cal{grid-area:cal}#gp-root #gp-world{grid-area:world}
#gp-root #gp-deal{grid-area:deal}#gp-root #gp-news{grid-area:news}#gp-root #gp-art{grid-area:art}
#gp-root .gp-pn{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--l);border-bottom:1px solid var(--l);transition:opacity .3s,transform .3s}
#gp-root #gp-world,#gp-root #gp-art{border-right:0}
#gp-root #gp-deal,#gp-root #gp-news,#gp-root #gp-art{border-bottom:0}
#gp-root .gp-pn.gp-pre{opacity:0;transform:translateY(6px)}
#gp-root .gp-pn:focus-visible{outline:1px solid var(--act);outline-offset:-1px}
#gp-root .gp-pn.gp-fx{box-shadow:inset 0 0 0 1px var(--act)}
#gp-root .gp-ph{height:28px;flex:none;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--l)}
#gp-root .gp-ph .win{width:12px;height:12px;flex:none;color:#6b6250}
#gp-root .gp-ph .win path{fill:none;stroke:currentColor;stroke-width:1.1;vector-effect:non-scaling-stroke}
#gp-root .gp-pn:focus-within .gp-ph .win,#gp-root .gp-pn.gp-fx .gp-ph .win{color:var(--act)}
#gp-root .gp-ph .c{font:700 12px/1 var(--mono);color:var(--act);letter-spacing:.06em;cursor:pointer}
#gp-root .gp-ph .n{font:500 13px/1 var(--sans);color:var(--txt)}
#gp-root .gp-ph .s{flex:1}
#gp-root .gp-ph .x{font:11px/1 var(--mono);color:var(--dim)}
#gp-root .gp-ph .tabs{display:flex;gap:2px}
#gp-root .gp-ph .tabs button{font:600 10.5px/1 var(--mono);color:var(--act);opacity:.62;padding:4px 4px;letter-spacing:.03em}
#gp-root .gp-ph .tabs button:hover{opacity:1}
#gp-root .gp-ph .tabs button.on{opacity:1;text-decoration:underline;text-underline-offset:4px}
#gp-root .gp-i{position:relative;font:11px/1 var(--mono);color:var(--dim2);cursor:help;width:16px;text-align:center}
#gp-root .gp-i:hover,#gp-root .gp-i:focus{color:var(--txt)}
#gp-root .gp-tip{position:absolute;right:0;top:20px;width:300px;padding:8px 12px;background:#050505;border:1px solid var(--l);color:var(--dim);font:12px/1.55 var(--sans);text-align:left;display:none;z-index:6;white-space:normal}
#gp-root .gp-i:hover .gp-tip,#gp-root .gp-i:focus .gp-tip{display:block}
#gp-root .gp-pb{flex:1;min-height:0;overflow:auto;padding:12px;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}
#gp-root #gp-deal .gp-pb{padding-top:3px;padding-bottom:0}

/* HEAT：7 列 × 3 行，格子按面板高度均分，名字和数字各占一行，不会压在一起 */
#gp-root .gp-heat{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(56px,1fr);gap:1px;background:var(--l);border:1px solid var(--l);height:100%}
#gp-root .gp-cell{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:2px;padding:8px 8px 7px;min-height:0;overflow:hidden;background:#000;cursor:pointer;text-align:left}
#gp-root .gp-cell .n{flex:1;font:12px/16px var(--sans);color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gp-root .gp-cell .v{font:600 20px/1 var(--mono);color:var(--txt)}
#gp-root .gp-cell .p{font:10.5px/12px var(--mono);color:var(--dim)}
#gp-root .gp-cell .p.z{visibility:hidden}
#gp-root .gp-cell:hover,#gp-root .gp-cell.on{box-shadow:inset 0 0 0 1px var(--act)}
#gp-root .gp-cell.on .n{color:var(--act)}
#gp-root .gp-cell.e{cursor:default}
#gp-root .gp-cell.e:hover{box-shadow:none}
#gp-root .gp-lg{display:flex;align-items:center;gap:4px;font:10.5px/1 var(--mono);color:var(--dim)}
#gp-root .gp-lg i{width:10px;height:8px;display:inline-block}

/* CAL */
#gp-root .gp-cal{display:flex;flex-direction:column;gap:12px;min-height:100%}
#gp-root .gp-cd .l{font:12px/16px var(--sans);color:var(--dim)}
#gp-root .gp-cd .big{font:600 40px/44px var(--mono);color:var(--txt);margin-top:4px;white-space:nowrap;letter-spacing:-.01em}
#gp-root .gp-cd .big small{font:500 13px/1 var(--sans);color:var(--dim);margin:0 12px 0 4px;letter-spacing:0}
#gp-root .gp-cd .big small:first-child{margin-left:0}
#gp-root .gp-fy{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;font:11px/1 var(--mono);color:var(--dim)}
#gp-root .gp-fy .bar{position:relative;height:6px;background:#141414}
#gp-root .gp-fy .bar i{position:absolute;left:0;top:0;bottom:0;background:var(--ice)}
#gp-root .gp-fy .bar u{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--act);text-decoration:none}
#gp-root .gp-fy .cap{font:11px/1 var(--sans);color:var(--dim);margin-left:4px;white-space:nowrap}
#gp-root .gp-fy .cap b{font:600 11px/1 var(--mono);color:var(--txt)}
#gp-root .gp-nodes{border-top:1px solid var(--l)}
#gp-root .gp-nodes li{display:grid;grid-template-columns:48px 1fr auto;gap:12px;padding:2px 0;border-bottom:1px solid var(--l2);font:12.5px/18px var(--sans)}
#gp-root .gp-nodes .d{font:12px/18px var(--mono);color:var(--dim)}
#gp-root .gp-nodes .t{color:var(--txt)}
#gp-root .gp-nodes .x{font:11px/18px var(--mono);color:var(--dim)}
#gp-root .gp-nodes li.past .t,#gp-root .gp-nodes li.past .d{color:var(--dim2)}
#gp-root .gp-nodes li.now .t{color:var(--live)}
#gp-root .gp-nodes li.now .d{color:var(--live)}
#gp-root .gp-nodes li.key .t{font-weight:600}
#gp-root .gp-nodes li.key .d{color:var(--txt)}

/* WORLD：六城时钟 + 天气 */
#gp-root .gp-world{display:grid;grid-template-rows:repeat(6,minmax(36px,1fr));height:100%}
#gp-root .gp-city{display:grid;grid-template-columns:26px minmax(64px,1fr) auto 64px minmax(64px,auto);align-items:center;gap:12px;border-bottom:1px solid var(--l2);min-height:0}
#gp-root .gp-city:last-child{border-bottom:0}
#gp-root .gp-city .pane{position:relative;width:26px;height:26px;border:1px solid #3a3a3a;overflow:hidden}
#gp-root .gp-city .pane i{position:absolute;inset:0;transition:background 1s}
#gp-root .gp-city .pane::before,#gp-root .gp-city .pane::after{content:"";position:absolute;background:#000;z-index:1}
#gp-root .gp-city .pane::before{left:50%;top:0;bottom:0;width:2px;margin-left:-1px}
#gp-root .gp-city .pane::after{top:50%;left:0;right:0;height:2px;margin-top:-1px}
#gp-root .gp-city .pane.on{border-color:var(--live)}
#gp-root .gp-city .nm{display:flex;flex-direction:column;gap:2px;line-height:1}
#gp-root .gp-city .nm b{font:500 13px/1.1 var(--sans);color:var(--txt)}
#gp-root .gp-city .nm small{font:10.5px/1.1 var(--sans);color:var(--dim);letter-spacing:.04em}
#gp-root .gp-city .tm{font:500 22px/1 var(--mono);color:var(--txt);letter-spacing:.01em}
#gp-root .gp-city .of{font:11px/1.2 var(--mono);color:var(--dim);text-align:right}
#gp-root .gp-city .wx{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;white-space:nowrap}
#gp-root .gp-city .wx b{font:500 15px/1 var(--mono);color:var(--txt)}
#gp-root .gp-city .wx small{font:12px/1 var(--sans);color:var(--dim)}

/* NEWS */
#gp-root .gp-news li{border-bottom:1px solid var(--l2)}
#gp-root .gp-news a{display:grid;grid-template-columns:72px 1fr 12px;gap:0 12px;padding:6px 0;align-items:start}
#gp-root .gp-news .d{display:flex;flex-direction:column;gap:2px;font:11.5px/18px var(--mono);color:var(--dim)}
#gp-root .gp-news .d small{font:11px/14px var(--sans);color:var(--dim)}
#gp-root .gp-news .t{font:13px/20px var(--sans);color:var(--txt)}
#gp-root .gp-news .go{font:12px/20px var(--mono);color:var(--act)}
#gp-root .gp-news a:hover .t{color:var(--act)}

/* DEAL */
#gp-root .gp-deal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
#gp-root .gp-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:0 8px;padding:3px 0;border-bottom:1px solid var(--l2);align-content:start}
#gp-root .gp-row .no{font:11.5px/20px var(--mono);color:var(--dim)}
#gp-root .gp-row .t{font:500 13px/19px var(--sans);color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gp-root .gp-row .g{font:700 10px/20px var(--mono);color:var(--act);cursor:pointer;letter-spacing:.04em}
#gp-root .gp-row .d{grid-column:2/4;font:12px/15px var(--sans);color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gp-root .gp-deal .gp-none{grid-column:1/3;padding:16px 0;color:var(--dim);font:12px/1.6 var(--sans)}

/* ART：来客参观（建筑是展厅入口，名画是展品） */
#gp-root .gp-art{display:flex;flex-direction:column;gap:8px;height:100%;min-height:0}
#gp-root .gp-hall{position:relative;flex:1 1 52%;min-height:96px;overflow:hidden;background:#0a0a0a;cursor:zoom-in;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}
#gp-root .gp-hall .fr{position:absolute;inset:5px;z-index:1;pointer-events:none;border:1px solid rgba(216,178,106,.42);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
#gp-root .gp-hall img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92;transition:opacity .6s}
#gp-root .gp-hall::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.82) 100%);pointer-events:none}
#gp-root .gp-hall .cap{position:absolute;left:12px;right:12px;bottom:8px;z-index:1;display:flex;align-items:flex-end;gap:12px}
#gp-root .gp-hall .cap>span:first-child{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gp-root .gp-hall .cap b{font:600 16px/1.2 var(--sans);color:#fff}
#gp-root .gp-hall .cap small{font:11px/1.4 var(--sans);color:#bdbdbd}
#gp-root .gp-hall .cap .cr{flex:none;max-width:48%;font:10px/1.35 var(--sans);color:#a8a8a8;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gp-root .gp-hall .nav{position:absolute;top:8px;right:8px;z-index:1;display:flex;gap:1px}
#gp-root .gp-hall .nav button{width:22px;height:24px;color:var(--act);font:700 16px/24px var(--mono);text-align:center;text-shadow:0 1px 3px #000,0 0 8px #000}
#gp-root .gp-hall .nav button:hover{color:#fff}
#gp-root .gp-hall .tag{position:absolute;left:12px;top:10px;z-index:2;font:600 10.5px/1 var(--mono);color:#e8e8e8;letter-spacing:.06em;text-shadow:0 1px 3px #000,0 0 8px #000}
#gp-root .gp-works{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;flex:0 0 auto}
#gp-root .gp-work{position:relative;height:clamp(72px,13vh,116px);width:100%;cursor:zoom-in}
#gp-root .gp-work img{width:100%;height:100%;object-fit:cover;-webkit-mask:var(--win) center/contain no-repeat;mask:var(--win) center/contain no-repeat}
#gp-root .gp-work svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
#gp-root .gp-work svg path{fill:none;stroke:#6b6250;stroke-width:1.2;vector-effect:non-scaling-stroke}
#gp-root .gp-work.on svg path,#gp-root .gp-work:hover svg path{stroke:var(--act);stroke-width:1.6}
#gp-root .gp-work .b{position:absolute;left:0;right:0;bottom:-2px;text-align:center;font:600 10px/1 var(--sans);color:var(--act);text-shadow:0 1px 3px #000,0 0 6px #000}
#gp-root .gp-wcap{flex:none;display:flex;flex-direction:column;gap:2px}
#gp-root .gp-wcap b{font:600 13px/18px var(--sans);color:var(--txt)}
#gp-root .gp-wcap b small{font:400 11px/1 var(--sans);color:var(--dim);margin-left:8px}
#gp-root .gp-wcap .ln{font:11px/16px var(--sans);color:var(--txt);opacity:.86;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gp-root .gp-wcap .cr{font:10.5px/15px var(--sans);color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gp-root .gp-wcap .cr a{color:var(--act)}

/* ===== 滚动条与页脚 ===== */
#gp-root .gp-tk{overflow:hidden;white-space:nowrap;border-top:1px solid var(--l);display:flex;align-items:center;font:12px/1 var(--sans);color:var(--txt);background:var(--bg2)}
#gp-root .gp-tr{display:inline-flex;align-items:center;flex:none;will-change:transform}
#gp-root .gp-tr>a,#gp-root .gp-tr>span{display:inline-flex;align-items:baseline;gap:6px;padding:0 32px 0 0;flex:none;white-space:nowrap}
#gp-root .gp-tr>a:hover{color:var(--act)}
#gp-root .gp-tr b{color:var(--act);font:600 12px/1 var(--sans)}
#gp-root .gp-tr em{font:11px/1 var(--mono);font-style:normal;color:var(--dim)}
#gp-root .gp-ft{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;border-top:1px solid var(--l);font:11px/1 var(--mono);color:var(--dim2);white-space:nowrap;overflow:hidden}
#gp-root .gp-ft .q{font:11.5px/1 var(--sans);color:var(--dim);overflow:hidden;text-overflow:ellipsis}
#gp-root .gp-ft .q b{color:var(--txt);font:500 11.5px/1 var(--sans);margin-right:8px}

/* ===== 结果页（HELP / PEOPLE / WISDOM / GO / 看画） ===== */
#gp-root .gp-pane{position:absolute;left:0;right:0;top:112px;bottom:50px;background:#000;z-index:5;display:none;padding:16px 24px;overflow:auto;border-top:1px solid var(--act)}
#gp-root .gp-pane.on{display:block}
#gp-root .gp-pane h3{display:flex;gap:12px;align-items:baseline;margin-bottom:16px;font:600 16px/1.2 var(--sans);color:var(--txt)}
#gp-root .gp-pane h3 .c{font:700 12px/1 var(--mono);color:var(--act);letter-spacing:.06em}
#gp-root .gp-pane h3 .x{margin-left:auto;font:11px/1 var(--mono);color:var(--dim)}
#gp-root .gp-pane h4{font:600 11px/1 var(--mono);color:var(--dim);letter-spacing:.08em;margin:0 0 8px}
#gp-root .gp-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px 32px}
#gp-root .gp-pane table{border-collapse:collapse;width:100%}
#gp-root .gp-pane td{padding:4px 12px 4px 0;border-bottom:1px solid var(--l2);font:13px/20px var(--sans);vertical-align:top;color:var(--txt)}
#gp-root .gp-pane td:first-child{font:700 12px/20px var(--mono);color:var(--act);white-space:nowrap;width:1%}
#gp-root .gp-pane td.g{color:var(--dim);font-size:12px}
#gp-root .gp-pane tr.lk{cursor:pointer}
#gp-root .gp-pane tr.lk:hover td{color:var(--act)}
#gp-root .gp-pane .sig{margin-top:16px;color:var(--dim);font:12px/1.6 var(--sans)}
#gp-root .gp-pane .q{font:22px/1.6 var(--sans);color:var(--txt);max-width:760px;margin:16px 0}
#gp-root .gp-pane .lnk{color:var(--act)}
#gp-root .gp-sem{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center;font:12.5px/18px var(--sans);color:var(--txt)}
#gp-root .gp-sem i{width:28px;height:10px;display:inline-block}
#gp-root .gp-sem span{color:var(--dim)}
#gp-root .gp-view{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:24px;height:calc(100% - 40px);min-height:320px}
#gp-root .gp-view .im{position:relative;background:#050505;min-height:0}
#gp-root .gp-view .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#gp-root .gp-view .tx{display:flex;flex-direction:column;gap:8px}
#gp-root .gp-view .tx b{font:600 22px/1.3 var(--sans);color:var(--txt)}
#gp-root .gp-view .tx .ln{font:13px/1.6 var(--sans);color:var(--txt)}
#gp-root .gp-view .tx .cr{font:12px/1.6 var(--sans);color:var(--dim)}

/* ===== 开机 ===== */
#gp-root .gp-boot{position:absolute;inset:0;z-index:9;background:#000;overflow:hidden;transition:clip-path .45s cubic-bezier(.6,0,.2,1);clip-path:inset(0 0 0 0)}
#gp-root .gp-boot.out{clip-path:inset(0 0 100% 0)}
#gp-root .gp-boot .art{position:absolute;top:0;right:0;bottom:0;width:54%;padding:72px 64px 88px 24px;opacity:0;transition:opacity .9s ease-out}
#gp-root .gp-boot .art img{width:100%;height:100%;object-fit:contain;object-position:center;transform:scale(1.03);transition:transform 2.4s ease-out;filter:drop-shadow(0 24px 48px rgba(0,0,0,.6))}
#gp-root .gp-boot.s1 .art{opacity:.9}
#gp-root .gp-boot.s1 .art img{transform:scale(1)}
#gp-root .gp-boot .art .cr{position:absolute;left:24px;right:64px;bottom:40px;z-index:1;font:11px/1.6 var(--sans);color:#9a9a9a;text-align:center}
#gp-root .gp-boot .mk{position:absolute;left:48px;top:18%;display:flex;flex-direction:column;gap:16px;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
#gp-root .gp-boot.s0 .mk{opacity:1;transform:none}
#gp-root .gp-boot .mk img{height:84px;width:auto;margin-left:-6px}
#gp-root .gp-boot .mk span{font:600 13px/1 var(--mono);color:var(--txt);letter-spacing:.32em}
#gp-root .gp-boot .mk span em{font-style:normal;color:var(--dim);letter-spacing:.2em;margin-left:8px;font-family:var(--sans)}
#gp-root .gp-boot pre{position:absolute;left:48px;bottom:56px;right:50%;margin:0;font:13px/2 var(--mono);color:var(--txt);white-space:pre-wrap}
#gp-root .gp-boot pre .ok{color:var(--live)}
#gp-root .gp-boot pre .dm{color:var(--dim)}
#gp-root .gp-boot .cur{display:inline-block;width:8px;height:14px;background:var(--act);vertical-align:-2px;animation:gpblink 1s steps(1) infinite}
@keyframes gpblink{50%{opacity:0}}

/* ===== 全页唯一的按钮：OS（月洞门 · Home 键） ===== */
.gp-os{position:fixed;top:12px;right:16px;z-index:9002;width:56px;height:56px;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:50%;cursor:pointer;
  color:#fff;font:600 14px/56px -apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC",sans-serif;letter-spacing:.06em;text-align:center;isolation:isolate;
  background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.18),rgba(255,255,255,.05) 60%,rgba(0,0,0,.25));
  -webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);
  box-shadow:0 0 0 1.5px #D8B26A,0 0 0 5px rgba(0,0,0,.92),0 0 0 6px rgba(216,178,106,.45),0 6px 22px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -8px 16px rgba(0,0,0,.35);
  transition:transform .18s cubic-bezier(.3,.7,.4,1),box-shadow .3s}
.gp-os::after{content:"";position:absolute;inset:-6px;border-radius:50%;pointer-events:none;border:1px solid rgba(216,178,106,.75);opacity:0;animation:gpgate 4.8s ease-out infinite}
.gp-os:hover{box-shadow:0 0 0 1.5px #F0CF8A,0 0 0 5px rgba(0,0,0,.92),0 0 0 6px rgba(240,207,138,.75),0 6px 22px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -8px 16px rgba(0,0,0,.35)}
.gp-os:active{transform:scale(.94)}
.gp-os:focus-visible{outline:1px solid #fff;outline-offset:9px}
@keyframes gpgate{0%,70%{opacity:0;transform:scale(1)}78%{opacity:.85}100%{opacity:0;transform:scale(1.35)}}
.gp-lite .gp-os{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b0b0b}
@media (prefers-reduced-transparency:reduce){.gp-os{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b0b0b}}
/* 门景：进门、回门时的月洞门门框（细金线） */
.gp-gate{position:fixed;z-index:2147482103;pointer-events:none;border-radius:50%;border:1.5px solid #D8B26A;box-shadow:0 0 0 1px rgba(0,0,0,.55),0 0 28px rgba(216,178,106,.28),inset 0 0 28px rgba(216,178,106,.12);left:0;top:0;width:0;height:0;margin:0;padding:0}

/* GOS 里唯一的扁平元素：POST */
.gp-post{position:fixed;top:12px;left:12px;z-index:8999;height:24px;min-height:0;margin:0;padding:0 9px;background:#000;color:#FF9F1C;border:1px solid #FF9F1C;border-radius:0;
  font:700 12px/22px "SF Mono",ui-monospace,Menlo,"JetBrains Mono",monospace;letter-spacing:.06em;cursor:pointer;display:none}
.gp-post.on{display:block}
.gp-post:hover{background:#FF9F1C;color:#000}

/* ===== 中屏：两列，面板区可滚 ===== */
@media (max-width:1099px) and (min-width:761px){
  #gp-root .gp-hint{display:none}
  #gp-root .gp-s1{height:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:none;grid-auto-rows:auto;
    grid-template-areas:"heat heat" "cal world" "deal deal" "news art"}
  #gp-root .gp-pn{border-right:1px solid var(--l)!important;border-bottom:1px solid var(--l)!important}
  #gp-root .gp-pb{overflow:visible}
  #gp-root #gp-heat .gp-pb{height:260px}
  #gp-root #gp-art .gp-pb{height:420px}
  #gp-root #gp-world .gp-pb{height:300px}
  #gp-root .gp-cdh{display:none}
}

/* ===== 手机：单列竖向滚动，功能键条吸顶 ===== */
@media (max-width:760px){
  #gp-root{grid-template-rows:52px 44px 36px minmax(0,1fr) 26px}
  #gp-root .gp-hd{gap:10px;padding:0 12px}
  #gp-root .gp-brand{gap:8px;height:20px}
  #gp-root .gp-brand .gp-full{display:none}
  #gp-root .gp-brand .gp-ic{display:block}
  #gp-root .gp-brand img{height:18px}
  #gp-root .gp-brand .gp-inst img{height:18px}
  #gp-root .gp-brand .gp-cap{height:16px}
  #gp-root .gp-brand .gp-key{height:18px}
  #gp-root .gp-brand .gp-itj{height:16px}
  #gp-root .gp-vl{height:14px}
  #gp-root .gp-vl2{height:18px}
  #gp-root .gp-title{flex-direction:column;align-items:flex-end;gap:4px;margin-left:auto;font-size:13px}
  #gp-root .gp-title small{font-size:10.5px;letter-spacing:.04em}
  #gp-root .gp-sp,#gp-root .gp-cdh,#gp-root .gp-live,#gp-root .gp-hint,#gp-root .gp-msg{display:none}
  #gp-root .gp-cmd{padding:0 12px}
  #gp-root .gp-in{font-size:16px}
  #gp-root .gp-in::placeholder{font-size:13px}
  #gp-root .gp-ac{left:12px;width:calc(100% - 24px);top:43px}
  #gp-root .gp-ac div{grid-template-columns:80px 1fr}
  #gp-root .gp-ac .t{display:none}
  #gp-root .gp-keys{padding:0 4px}
  #gp-root .gp-fk{padding:0 8px}
  #gp-root .gp-s1,#gp-root .gp-s2{display:contents}
  #gp-root .gp-grid{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(120px + env(safe-area-inset-bottom))}
  #gp-root .gp-pn{flex:none;border-right:0!important;border-bottom:1px solid var(--l)!important;border-top:6px solid #0B0B0B}
  #gp-root #gp-heat{order:1}#gp-root #gp-cal{order:2}#gp-root #gp-world{order:3}#gp-root #gp-tour{order:4}#gp-root #gp-gate{order:5}#gp-root #gp-wis{order:6}#gp-root #gp-deal{order:7}#gp-root #gp-news{order:8}#gp-root #gp-art{order:9}#gp-root .gp-mft{order:10}
  #gp-root #gp-deal .gp-ph .n,#gp-root #gp-deal .gp-ph .x,#gp-root #gp-deal .gp-ph .gp-i{display:none}
  #gp-root .gp-ph .tabs button{padding:5px 6px}
  #gp-root .gp-pb{overflow:visible;padding:12px}
  #gp-root .gp-heat{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:66px;height:auto}
  #gp-root .gp-cell{padding:7px 7px 6px}
  #gp-root .gp-cell .n{font-size:11.5px;line-height:15px}
  #gp-root .gp-cell .v{font-size:17px}
  #gp-root .gp-cell .p{font-size:10px;line-height:11px}
  #gp-root .gp-cd .big{font-size:34px;line-height:40px}
  #gp-root .gp-cd .big small{margin-right:8px}
  #gp-root .gp-world{grid-template-rows:none;grid-auto-rows:48px;height:auto}
  #gp-root .gp-city{grid-template-columns:26px minmax(0,1fr) auto minmax(56px,auto);gap:10px}
  #gp-root .gp-city .of{display:none}
  #gp-root .gp-city .tm{font-size:20px}
  #gp-root .gp-deal{grid-template-columns:1fr}
  #gp-root .gp-row .d{white-space:normal}
  #gp-root .gp-art{height:auto}
  #gp-root .gp-hall{flex:none;aspect-ratio:16/8}
  #gp-root .gp-work{height:auto;aspect-ratio:1}
  #gp-root .gp-wcap .ln,#gp-root .gp-wcap .cr{white-space:normal}
  #gp-root .gp-ft{display:none}
  #gp-root .gp-mft{display:block!important;padding:16px 12px 24px;font:11px/1.7 var(--sans);color:var(--dim2)}
  #gp-root .gp-mft b{color:var(--txt);font-weight:500;margin-right:8px}
  #gp-root .gp-pane{top:132px;bottom:26px;padding:12px}
  #gp-root .gp-view{grid-template-columns:1fr;grid-template-rows:minmax(240px,52vh) auto;height:auto}
  #gp-root .gp-boot .art{width:100%;top:auto;height:48%;padding:8px 24px 64px}
  #gp-root .gp-boot .art .cr{left:24px;right:24px;bottom:20px}
  #gp-root .gp-boot .mk{left:24px;top:12%}
  #gp-root .gp-boot .mk img{height:56px}
  #gp-root .gp-boot pre{left:24px;right:24px;top:30%;bottom:auto;font-size:11.5px}
  .gp-os{top:auto;right:auto;left:calc(50% - 30px);bottom:calc(36px + env(safe-area-inset-bottom));width:60px;height:60px;line-height:60px;font-size:15px}
  .gp-post{top:auto;bottom:calc(126px + env(safe-area-inset-bottom));left:16px;height:28px;line-height:26px;padding:0 11px}
}
#gp-root .gp-mft{display:none}
@media (max-height:940px) and (min-width:1100px){
  #gp-root .gp-nodes li.hol{display:none}
  #gp-root .gp-cal{gap:10px}
}
@media (max-height:760px) and (min-width:1100px){
  #gp-root .gp-cd .big{font-size:34px;line-height:38px}
  #gp-root .gp-nodes li{padding:2px 0}
  #gp-root .gp-city .tm{font-size:19px}
}
@media (prefers-reduced-motion:reduce){.gp-os::after{animation:none;display:none}.gp-gate{display:none}#gp-root .gp-boot .cur,#gp-root .gp-live i{animation:none}#gp-root .gp-pn{transition:none}}

/* OS 键文字居中：压住站内全局 button 的 padding / letter-spacing / text-indent */
html body .gp-os{padding:0!important;letter-spacing:0!important;text-indent:0!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;min-height:0!important;box-sizing:border-box!important}

/* ===================== v2.1 ===================== */
/* 液态玻璃：底下垫一层「今日一画」（德加《舞蹈教室》）的大幅模糊，面板是半透明玻璃，边缘一圈高光；文字对比度不降 */
#gp-root .gp-bgart{position:absolute;inset:-8%;z-index:0;background-size:cover;background-position:center 30%;filter:blur(52px) saturate(150%) brightness(.8);opacity:.62;pointer-events:none;transform:translateZ(0)}
#gp-root::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(90% 70% at 85% -10%,rgba(80,110,170,.22),transparent 60%),linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.5))}
#gp-root>.gp-hd,#gp-root>.gp-cmd,#gp-root>.gp-keys,#gp-root>.gp-grid,#gp-root>.gp-tk,#gp-root>.gp-ft{position:relative;z-index:1}
#gp-root .gp-hd,#gp-root .gp-keys{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),rgba(14,15,20,.5);-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);border-bottom:1px solid var(--rim2);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
#gp-root .gp-cmd{background:rgba(6,7,10,.62);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid var(--rim2)}
#gp-root .gp-tk,#gp-root .gp-ft{background:rgba(8,9,12,.66);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--rim2)}
#gp-root .gp-pn{border:1px solid var(--rim)!important;border-radius:12px;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015) 34%,rgba(255,255,255,0) 60%),var(--glass);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.02),0 10px 30px rgba(0,0,0,.28)}
#gp-root .gp-pn .gp-ph{border-bottom:1px solid var(--rim2);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0))}
#gp-root .gp-pn.gp-fx{box-shadow:inset 0 0 0 1px var(--act),0 10px 30px rgba(0,0,0,.28)}
#gp-root .gp-heat{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.06);border-radius:6px;overflow:hidden}
#gp-root .gp-cell{background-color:rgba(0,0,0,.18)}
#gp-root .gp-pane{background:rgba(6,7,10,.86);-webkit-backdrop-filter:blur(26px) saturate(160%);backdrop-filter:blur(26px) saturate(160%)}
#gp-root .gp-ac{background:rgba(8,9,12,.92);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
#gp-root .gp-tip{background:rgba(8,9,12,.94)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  #gp-root .gp-hd,#gp-root .gp-keys{background:#0d0e13}#gp-root .gp-cmd{background:#07080b}#gp-root .gp-tk,#gp-root .gp-ft{background:#0a0b0e}#gp-root .gp-pane{background:#05060a}#gp-root .gp-pn{background:#0f1015}}
@media (prefers-reduced-transparency:reduce){#gp-root .gp-bgart{display:none}#gp-root .gp-pn{background:#0f1015}#gp-root .gp-hd,#gp-root .gp-keys,#gp-root .gp-cmd{background:#0b0c10;-webkit-backdrop-filter:none;backdrop-filter:none}}
.gp-lite #gp-root .gp-bgart,html.gp-lite #gp-root .gp-bgart{display:none}
html.gp-lite #gp-root .gp-hd,html.gp-lite #gp-root .gp-keys,html.gp-lite #gp-root .gp-cmd,html.gp-lite #gp-root .gp-tk,html.gp-lite #gp-root .gp-ft{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b0c10}

/* 顶栏：左上发布伙伴（三标 + 4 个联合发布空位），右上台标（GlacierPOST 大、庚辛发布小、钥匙轮播在最右） */
#gp-root .gp-spons{display:flex;flex-direction:column;justify-content:center;gap:3px;flex:none;min-width:0}
#gp-root .gp-bl{font:500 9px/1 var(--sans);letter-spacing:.32em;color:var(--dim2)}
#gp-root .gp-spons .gp-brand{height:22px;gap:12px}
#gp-root .gp-slots{display:flex;gap:6px;margin-left:4px}
#gp-root .gp-slot{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:56px;height:20px;border:1px dashed rgba(255,255,255,.55);border-radius:6px;opacity:.35;color:#fff;font-style:normal}
#gp-root .gp-slot b{font:500 11px/1 var(--sans)}
#gp-root .gp-slot small{font:400 9px/1 var(--sans);letter-spacing:.02em}
#gp-root .gp-station{display:flex;align-items:center;gap:10px;flex:none}
#gp-root .gp-tt{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:3px}
#gp-root .gp-tt b{font:600 21px/1 var(--serif);letter-spacing:.005em;color:#fff}
#gp-root .gp-tt small{font:500 10px/1 var(--sans);letter-spacing:.5em;margin-right:-.5em;color:var(--dim)}
#gp-root .gp-keyslot{display:flex;align-items:center;height:32px}
#gp-root .gp-keyslot #gp-keyrot{display:flex;align-items:center;height:32px}
#gp-root .gp-keyslot .gx-keyrot{width:auto!important;height:32px!important;max-width:none!important;aspect-ratio:26/10;top:0!important;margin:0!important}
#gp-root .gp-keyslot>img{height:30px;width:auto}
#gp-root .gp-live .w{color:var(--dim)}
@media (max-width:1360px) and (min-width:761px){#gp-root .gp-live .w{display:none}#gp-root .gp-slot small{display:none}#gp-root .gp-slot{width:28px}}
@media (max-width:1180px) and (min-width:761px){#gp-root .gp-cdh{display:none}}

/* 第二屏：庚辛必看 / 一级入口 / 今日一句（都用窗景取景） */
#gp-root .gp-s2{display:grid;gap:6px;padding:0 6px 6px;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);grid-template-areas:"tour tour" "gate wis"}
#gp-root #gp-tour{grid-area:tour}#gp-root #gp-gate{grid-area:gate}#gp-root #gp-wis{grid-area:wis}
#gp-root .gp-s2 .gp-pb{overflow:visible;padding:14px}
#gp-root .gp-sub{font:12px/1 var(--sans);color:var(--dim);margin-left:4px}
#gp-root .gp-tour{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 14px}
#gp-root .gp-spot,#gp-root .gp-door{display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--txt)}
#gp-root .fw{position:relative;display:block;width:100%}
#gp-root .gp-spot .fw{aspect-ratio:16/10}
#gp-root .gp-door .fw{aspect-ratio:4/5}
#gp-root .fw img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-mask:var(--win) center/100% 100% no-repeat;mask:var(--win) center/100% 100% no-repeat;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .3s;filter:saturate(.95) brightness(.92)}
#gp-root .fw svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
#gp-root .fw svg path{fill:none;stroke:rgba(216,178,106,.55);stroke-width:1.3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px rgba(216,178,106,.18))}
#gp-root .gp-spot:hover .fw img,#gp-root .gp-door:hover .fw img,#gp-root .gp-spot:focus-visible .fw img,#gp-root .gp-door:focus-visible .fw img{filter:saturate(1.1) brightness(1.05)}
#gp-root .gp-spot:hover .fw svg path,#gp-root .gp-door:hover .fw svg path{stroke:var(--act)}
#gp-root .gp-spot .tx,#gp-root .gp-door .tx{display:flex;align-items:baseline;gap:6px;min-width:0}
#gp-root .gp-spot .no{font:500 11px/1 var(--mono);color:var(--dim)}
#gp-root .gp-spot b,#gp-root .gp-door b{font:600 13.5px/1.3 var(--sans);color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gp-root .gp-spot:hover b,#gp-root .gp-door:hover b{color:var(--act)}
#gp-root .gp-spot .w{margin-left:auto;font:400 10px/1 var(--sans);color:var(--dim2);white-space:nowrap}
#gp-root .gp-spot .d,#gp-root .gp-door .d{font:12px/1.5 var(--sans);color:var(--dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#gp-root .gp-legend{justify-content:center;padding:12px;border:1px dashed rgba(255,255,255,.14);border-radius:10px}
#gp-root .gp-legend b{font:600 13px/1.4 var(--serif);color:var(--txt)}
#gp-root .gp-legend .d{-webkit-line-clamp:5}
#gp-root .gp-gates{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px 12px}
#gp-root .gp-door .c{font:600 10.5px/1 var(--mono);color:var(--act);letter-spacing:.03em}
#gp-root .gp-quote{position:relative;display:flex;flex-direction:column;gap:14px;height:100%;min-height:220px;padding:6px 4px 0}
#gp-root .gp-quote .fw{position:absolute;right:-18px;top:-26px;width:150px;height:150px;opacity:.5}
#gp-root .gp-quote .fw svg path{stroke:rgba(216,178,106,.35)}
#gp-root .gp-quote blockquote{position:relative;font:500 19px/1.65 var(--serif);color:var(--txt);letter-spacing:.01em;margin:8px 0 0}
#gp-root .gp-quote figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;font:12px/1.4 var(--sans);color:var(--dim)}
#gp-root .gp-quote figcaption .k{color:var(--live)}
#gp-root .gp-quote .nav button{width:24px;height:24px;color:var(--act);font:700 16px/24px var(--mono);text-align:center}
#gp-root .gp-quote .nav button:hover{color:#fff}
#gp-root .gp-quote .lk{display:flex;gap:16px;font:12.5px/1 var(--sans)}
#gp-root .gp-quote .lk a{color:var(--act)}
@media (max-width:1280px) and (min-width:1100px){#gp-root .gp-tour{grid-template-columns:repeat(4,minmax(0,1fr))}#gp-root .gp-gates{grid-template-columns:repeat(4,minmax(0,1fr))}#gp-root .gp-s2{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}
@media (max-width:1099px) and (min-width:761px){#gp-root .gp-s2{grid-template-columns:minmax(0,1fr);grid-template-areas:"tour" "gate" "wis";padding:6px}#gp-root .gp-tour{grid-template-columns:repeat(3,minmax(0,1fr))}#gp-root .gp-gates{grid-template-columns:repeat(4,minmax(0,1fr))}#gp-root .gp-s1{padding:6px}}

/* 手机：玻璃面板留缝；导览和入口做成横向长卷（移步换景），台标保持「POST 大、庚辛发布小、钥匙在最右」 */
@media (max-width:760px){
  #gp-root .gp-s1,#gp-root .gp-s2{display:contents}
  #gp-root .gp-pn{margin:6px 6px 0;border-top:1px solid var(--rim)!important}
  #gp-root .gp-hd{gap:8px}
  #gp-root .gp-bl,#gp-root .gp-slots{display:none}
  #gp-root .gp-spons .gp-brand{height:18px;gap:8px}
  #gp-root .gp-tt b{font-size:16px}
  #gp-root .gp-tt small{font-size:9px;letter-spacing:.36em;margin-right:-.36em}
  #gp-root .gp-keyslot,#gp-root .gp-keyslot #gp-keyrot{height:24px}
  #gp-root .gp-keyslot .gx-keyrot{height:24px!important}
  #gp-root .gp-station{gap:6px;margin-left:auto}
  #gp-root .gp-tour,#gp-root .gp-gates{display:grid;grid-template-columns:none;grid-auto-flow:column;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px;margin:0 -12px;padding-left:12px;padding-right:12px;scroll-padding-left:12px}
  #gp-root .gp-tour::-webkit-scrollbar,#gp-root .gp-gates::-webkit-scrollbar{display:none}
  #gp-root .gp-tour{grid-auto-columns:62%}
  #gp-root .gp-gates{grid-auto-columns:38%}
  #gp-root .gp-spot,#gp-root .gp-door{scroll-snap-align:start}
  #gp-root .gp-s2 .gp-pb{padding:12px}
  #gp-root .gp-quote{min-height:0}
  #gp-root .gp-quote blockquote{font-size:17px}
  #gp-root .gp-sub{display:none}
}
@media (max-height:860px) and (min-width:1100px){#gp-root .gp-cell .p{display:none}#gp-root .gp-cell{padding:7px 8px}}
@media (max-height:860px) and (min-width:1100px){#gp-root .gp-work{height:clamp(64px,10.5vh,96px)}#gp-root .gp-art{gap:6px}}
#gp-root .gp-cd .pos{margin-top:4px;font:11.5px/1.5 var(--sans);color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:760px){#gp-root .gp-cd .pos{white-space:normal}}
#gp-root .gp-first{color:var(--txt);opacity:.78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#gp-root #gp-heat .gp-ph .s{flex:1 1 0}
#gp-root .gp-nodes li.gk .t{color:var(--gold)}
#gp-root .gp-nodes li.gk .d{color:var(--gold)}
#gp-root .gp-nodes li.gk .x{color:var(--gold);opacity:.8}
@media (max-width:1360px) and (min-width:1100px){#gp-root #gp-heat .gp-lg{display:none}}
@media (max-width:760px){#gp-root #gp-heat .gp-sub{display:inline;font-size:11px}#gp-root #gp-heat .gp-lg,#gp-root #gp-heat .gp-ph .x{display:none}}
#gp-root .gp-row[data-p]{cursor:pointer}
#gp-root .gp-row[data-p]:hover .t{color:var(--act)}
#gp-root .gp-pane table.gp-prof td:first-child{font:600 12px/20px var(--sans);color:var(--dim);width:88px}
#gp-root .gp-pane table.gp-prof td{padding:7px 16px 7px 0}