/* 净因全站原型 · 第 4 版版式（10-02 晚，评估以后）：让页面“看得进去”。
   评估量到的四件事：打开一页，眼睛先被右上角白色的“写”和顶上的星带抢走；第一屏七到九成是 13～14 像素的灰字；
   一屏能点的东西四五十个；夜里“纸”和底几乎一样黑，读的东西没有落脚的面。所以这一层只做四件事：
   1. 夜里的页面铺一张亮纸（天还是黑的；页面、阅读、弹窗用白天那套颜色——JS 给这些容器加 data-look="day"）；
   2. 页面里的字大一档：13 · 15 · 17 · 19 · 24 · 34（界面最小仍是 13）；正文和列表标题 17～19；
   3. 顶栏退后：“写”不再是全站最亮的一点；原型小标签更淡；
   4. 每一页一个落点：标题、一句“这里能做什么”、再往下才是列表；列表多一行内容摘要。
   原型菜单 → 页面的版式 → 原来那样：<html data-ui="v3">，这一层全部不生效。 */

/* ---------- 1. 字大一档（只在页面、阅读、弹窗里；顶栏和星空上的面板不变） ---------- */
[data-ui="v4"] .page,[data-ui="v4"] .sheet,[data-ui="v4"] .modal{--f2:15px;--f3:17px;--f4:19px;--f5:24px;--f6:34px}
[data-ui="v4"] .page{font-size:var(--f3);line-height:1.75}

/* ---------- 2. 顶栏退后 ---------- */
[data-ui="v4"] .top .tw{background:var(--fill2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
[data-ui="v4"] .top .tw:hover{background:var(--line2);opacity:1}
[data-ui="v4"] body:not(.page-on) .top .tw{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--line2)}
[data-ui="v4"] body.page-on:has(#page .w-bar) .top .tw{display:none}
/* 换了一套颜色的容器，字的颜色从这里重新取（不然继承的是夜里的浅色字，亮纸上看不见） */
#page,#top,#modal,.mbox{color:var(--ink)}
/* “原型”按钮：字要看得清，只把虚线框收淡，免得抢眼 */
[data-ui="v4"] .protochip{border-color:var(--line)}
[data-ui="v4"] .protochip:hover,[data-ui="v4"] .protochip:focus-visible{border-color:var(--ink3)}
[data-ui="v4"] .protochip.on{border-color:var(--acc)}
[data-ui="v4"] .tabs a{font-size:15px}
[data-ui="v4"] body.page-on .top{box-shadow:0 1px 0 var(--line)}

/* ---------- 3. 每一页一个落点 ---------- */
[data-ui="v4"] .wrap{max-width:1080px;padding:48px 48px 140px}
[data-ui="v4"] .wrap.narrow{max-width:760px}
[data-ui="v4"] .ph1{font-size:var(--f6);line-height:1.28;margin:6px 0 14px;font-weight:500}
[data-ui="v4"] .lede{font-size:var(--f3);line-height:1.85;color:var(--ink2);max-width:660px}
[data-ui="v4"] .ey2{font-size:13px;color:var(--ink3);letter-spacing:.02em}
[data-ui="v4"] .ey2 a{color:var(--ink2)}
[data-ui="v4"] .back{margin-bottom:18px}
/* 页头：标题、一句话、主按钮，和下面的内容隔开一段 */
[data-ui="v4"] .p-head{margin:0 0 34px;max-width:760px}
[data-ui="v4"] .p-head .acts{margin-top:22px}
[data-ui="v4"] .subnav{margin-top:30px}
[data-ui="v4"] .subnav a{font-size:var(--f3)}
[data-ui="v4"] .sec h4,[data-ui="v4"] .next h4,[data-ui="v4"] .comments h4{font-size:13px;letter-spacing:.04em;color:var(--ink3);margin-bottom:10px}
[data-ui="v4"] .note{font-size:13px}

/* ---------- 4. 列表：一行一样东西，多一行内容摘要；灰的层次少一点 ---------- */
[data-ui="v4"] .li{padding:20px 4px;gap:22px}
[data-ui="v4"] .li .lt .t{font:400 var(--f4)/1.5 var(--serif);color:var(--ink)}
[data-ui="v4"] .li .lt .d{font-size:13px;margin-top:8px}
[data-ui="v4"] .li .lt .ans{font-size:var(--f2);color:var(--ink2);margin-top:6px;line-height:1.7}
.ex{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:400 var(--f2)/1.75 var(--sans);color:var(--ink2);margin-top:6px}
[data-ui="v4"] :is(#page,#sheet,#modal) .rows a,[data-ui="v4"] :is(#page,#sheet,#modal) .rows .row{padding:13px 0}
/* 10-07：“连着”里关系的依据跟在那条关系下面，缩进、不另起一行线 */
[data-ui="v4"] :is(#page,#sheet,#modal) .rows a.rel-ev{padding:0 0 12px 74px;border-top:0}
[data-ui="v4"] :is(#page,#sheet,#modal) .rows a.rel-ev .t{font-size:var(--f1)}
[data-ui="v4"] :is(#page,#sheet,#modal) .rows .t{font-size:var(--f3)}
[data-ui="v4"] :is(#page,#sheet,#modal) .rows .sub{font-size:13px;margin-top:5px}
[data-ui="v4"] :is(#page,#sheet,#modal) .rows .ex{margin-top:4px}
/* 前沿、实测列表里那一行说明是内容，不是元信息：大一档、深一档；设置里每一行的说明也大一点 */
[data-ui="v4"] .li.f-row .lt .d{font-size:var(--f2);color:var(--ink2);line-height:1.65}
[data-ui="v4"] .srow .sd,[data-ui="v4"] .opt .od,[data-ui="v4"] .sg>.sgd{font-size:var(--f2);line-height:1.7}
[data-ui="v4"] .b-job .bn{font-size:14px}
[data-ui="v4"] .lm{font-size:13px}
[data-ui="v4"] .box h3{font-size:var(--f4)}
[data-ui="v4"] .box p{font-size:var(--f2)}

/* ---------- 5. 纸上的细节：亮纸上分组靠一道细线，不靠更浅的底 ---------- */
[data-ui="v4"] [data-look="day"] .m-hall,[data-ui="v4"] [data-look="day"] .mcard,[data-ui="v4"] [data-look="day"] .good,[data-ui="v4"] [data-look="day"] .shop-head,[data-ui="v4"] [data-look="day"] .m-paybox{background:#fffefb}
[data-ui="v4"] [data-look="day"] .m-hall:hover,[data-ui="v4"] [data-look="day"] a.mcard:hover{background:#fdfcf8;box-shadow:0 0 0 1px var(--line2),0 6px 20px rgba(20,20,20,.05)}
/* ---------- 5b. 夜里“暗一点的纸”：还是白天那套深色字，纸压暗、偏暖，从黑天进来不刺眼 ---------- */
[data-ui="v4"][data-paper="dim"][data-look="night"] [data-look="day"]{
  --bg:#d6cfc1;--bg2:#cec7b8;
  --ink:rgba(22,22,24,.93);--ink2:rgba(22,22,24,.78);--ink3:rgba(22,22,24,.7);--ink4:rgba(22,22,24,.2);
  --line:rgba(22,22,24,.1);--line2:rgba(22,22,24,.18);
  --fill:rgba(22,22,24,.06);--fill2:rgba(22,22,24,.095);--hover:rgba(22,22,24,.05);
  --panel:rgba(220,213,200,.9);--panel2:rgba(224,218,206,.98);--glass:rgba(218,211,198,.74);
  --paper:#ded8cc;--paper2:#d3ccbf;--paper-ink:rgba(20,20,22,.93);
  --acc:#7d4a10;--acc-soft:rgba(125,74,16,.13);--acc-ink:#6e400b;
  --new:#2f519a;--old:#8f4f17;--fol:#3e4e70;--warn:#8a3f1e;--ok:#255c3f;--q:#384f69;
  --shadow:0 1px 2px rgba(20,20,20,.06),0 14px 38px rgba(20,20,20,.12)}
[data-ui="v4"][data-paper="dim"][data-look="night"] [data-look="day"] .m-hall,[data-ui="v4"][data-paper="dim"][data-look="night"] [data-look="day"] .mcard,[data-ui="v4"][data-paper="dim"][data-look="night"] [data-look="day"] .good,[data-ui="v4"][data-paper="dim"][data-look="night"] [data-look="day"] .shop-head,[data-ui="v4"][data-paper="dim"][data-look="night"] [data-look="day"] .m-paybox{background:#ded8cc}
[data-ui="v4"][data-paper="dim"][data-look="night"] [data-look="day"] .m-hall:hover,[data-ui="v4"][data-paper="dim"][data-look="night"] [data-look="day"] a.mcard:hover{background:#e2dcd1}
[data-ui="v4"] .sheet[data-look="day"]{box-shadow:-1px 0 0 var(--line),-30px 0 80px rgba(0,0,0,.45)}
[data-ui="v4"] .modal:has(.mbox[data-look="day"]),[data-ui="v4"] .modal[data-look="day"]{background:rgba(10,11,14,.38)}

/* ---------- 6. 经典：问题在前（结构，两种版式都用） ---------- */
.c-qs{margin:26px 0 8px;max-width:760px}
.c-qf{font-size:13px;color:var(--ink3);margin:22px 0 4px;letter-spacing:.04em}
.c-qf:first-child{margin-top:0}
.c-q{display:flex;gap:18px;align-items:baseline;justify-content:space-between;padding:14px 4px;border-top:1px solid var(--line);color:var(--ink);border-radius:2px}
.c-q:hover{text-decoration:none;background:var(--hover)}
.c-q:hover .qt{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ink4)}
.c-q .qx{display:flex;flex-direction:column;gap:4px;min-width:0}
.c-q .qt{font:400 var(--f3)/1.6 var(--serif)}
.c-q .qa{font:400 var(--f2)/1.7 var(--sans);color:var(--ink2)}
.c-q .qa b{font-weight:400;color:var(--ink3);margin-right:6px}
.c-q .qa .qor{color:var(--ink3);margin:0 6px}
.c-q .qa .qnn{color:var(--ink3);font-size:13px;margin-left:4px}
.c-q .qn{flex:0 0 auto;font-size:13px;color:var(--ink3);white-space:nowrap}
.c-q.on{background:var(--fill)}
.c-listh{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin:36px 0 4px;max-width:760px;flex-wrap:wrap}
.c-listh h2{font:500 var(--f4)/1.4 var(--serif);margin:0}
.c-listh .c-sort{margin:0}
.c-main .list{max-width:760px}
.c-others{margin-top:40px;max-width:760px}
/* 经典首页：方向比区高一层 */
.c-dirh{grid-column:1/-1;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin:22px 0 -10px;padding-top:18px;border-top:1px solid var(--line2)}
.c-dirh .nm{font:500 var(--f5)/1.3 var(--serif);color:var(--ink);letter-spacing:.02em}
.c-dirh .bl{font-size:var(--f2);color:var(--ink2)}
.c-reg.sub .c-rn{font-size:var(--f4)}
.c-lights{margin-top:56px;padding-top:26px;border-top:1px solid var(--line)}
.c-lights h2{font:500 var(--f4)/1.4 var(--serif);margin:0 0 4px}
.c-lights .lg-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:12px 0 0}
.c-lights .lg-row .lab{font-size:13px;color:var(--ink3);min-width:44px}

/* ---------- 7. 市集：馆里的分页 ---------- */
.h-tabs{display:flex;gap:4px;margin:18px 0 0 56px;flex-wrap:wrap}
.h-tabs a{padding:6px 12px;border-radius:var(--r-s);color:var(--ink2);font-size:var(--f2)}
.h-tabs a:hover{background:var(--hover);color:var(--ink);text-decoration:none}
.h-tabs a.on{background:var(--fill2);color:var(--ink)}
@media (max-width:900px){.h-tabs{margin-left:0}}

/* ---------- 8. 第一次来：星系上的一句说明 ---------- */
.intro{position:absolute;left:50%;bottom:84px;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));padding:20px 22px 18px;border-radius:16px;background:var(--panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow),0 0 0 1px var(--line);color:var(--ink);animation:jyfade .4s var(--ease)}
.intro h2{font:500 19px/1.45 var(--serif);margin:0 0 8px}
.intro p{margin:0;font-size:15px;line-height:1.75;color:var(--ink2)}
.intro .acts{margin-top:16px}
.intro .x{position:absolute;right:10px;top:10px}
.intro h2{padding-right:34px}
.intro p.note{margin-top:8px;font-size:13px;color:var(--ink3)}
@media (max-width:760px){.intro{bottom:calc(84px + env(safe-area-inset-bottom));left:12px;right:12px;width:auto;transform:none}
  /* 介绍卡片开着时，手机上不浮“写”，免得压住卡片角 */
  body:has(#intro:not(.off)) .top .tw{display:none}}

/* ---------- 9. 星系：方向的卡片、三条臂的图例、你还没去过的 ---------- */
.dregs .dr{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid var(--line);color:var(--ink)}
.dregs .dr:first-child{border-top:0}
.dregs .dr .t{font:400 var(--f3)/1.5 var(--serif)}
.dregs .dr .tops{display:block;font-size:13px;color:var(--ink3);margin-top:3px;font-family:var(--sans)}
.dregs .dr .m{font-size:13px;color:var(--ink3);white-space:nowrap}
.legend .lg.key.arms b{margin-left:8px}.legend .lg.key.arms b:first-of-type{margin-left:0}
.ring-sugg{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px;font-size:13px;color:var(--ink2)}
.ring-sugg a{height:30px;display:inline-flex;align-items:center;padding:0 11px;border-radius:var(--r-s);background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 0 1px var(--line2);color:var(--ink)}
.ring-sugg a:hover{text-decoration:none;background:var(--panel)}

/* ---------- 10. 能点的地方不小于 24 像素 ---------- */
[data-ui="v4"] .crumb a,[data-ui="v4"] .crumb b{display:inline-flex;align-items:center;min-height:28px}
[data-ui="v4"] .c-sort button{min-height:30px;padding:0 4px}
[data-ui="v4"] .sec h4 a{display:inline-flex;align-items:center;min-height:28px}
[data-ui="v4"] .da button,[data-ui="v4"] .da a,[data-ui="v4"] .j-rfoot a,[data-ui="v4"] .j-rfoot button,[data-ui="v4"] .lza .lk{display:inline-flex;align-items:center;min-height:30px}
/* 小链接：能点的范围撑到 30px 以上，字的位置和行高不动 */
[data-ui="v4"] .top .wm{padding:8px 0;margin-top:-8px;margin-bottom:-8px}
[data-ui="v4"] .ey2 a,[data-ui="v4"] .skyui .ey a,[data-ui="v4"] .w-else a,[data-ui="v4"] .faint.meta a,[data-ui="v4"] .acts2 .lk,[data-ui="v4"] a.pl{display:inline-block;padding:6px 2px;margin:-6px -2px}
[data-ui="v4"] .doc .meta a,[data-ui="v4"] .cm .ch2 a,[data-ui="v4"] .lk.rpl,[data-ui="v4"] .gov .lk{display:inline-flex;align-items:center;min-height:26px}

/* ---------- 10b. 修掉的排版问题（两种版式都用） ---------- */
/* 平板宽度（761～900）和开着窗的笔记本宽度：工作台左栏缩成一条时，事情的名字不再挤成一列竖字，只留第一个字 */
@media (min-width:761px) and (max-width:900px){.bench .b-rail.full .b-job{align-items:center;padding:10px 0}.bench .b-rail.full .b-job .bj{font-size:0}.bench .b-rail.full .b-job .bj::first-letter{font-size:var(--f3)}}
@media (min-width:1001px) and (max-width:1180px){.bench.win-on .b-rail .b-job{align-items:center;padding:10px 0}.bench.win-on .b-rail .b-job .bj{font-size:0}.bench.win-on .b-rail .b-job .bj::first-letter{font-size:var(--f3)}}
/* 搜索框里的放大镜：在星空上不再被输入框的半透明底盖住 */
[data-ui="v4"] .q .qi{z-index:1}
/* 作者那一行“第 2 版 · · 示例”多出来的那个点 */
.doc .meta .sample::before{display:none}
/* 左边打开“说一件事”或一束光时，右下角两个圆按钮不再跑到屏幕中间 */
body:has(.card.findp.on) .tools{right:20px}
body:has(.card.on:not(.findp)) .tools{right:436px}
@media (max-width:760px){body:has(.card.on:not(.findp)) .tools{right:12px}}
.h-name{margin:0}

/* ---------- 11. 手机 ---------- */
@media (max-width:760px){
  [data-ui="v4"] .wrap{padding:26px 18px 150px}
  [data-ui="v4"] .page{--f6:28px;--f5:22px}
  [data-ui="v4"] .top .tw{background:var(--panel2);box-shadow:var(--shadow),0 0 0 1px var(--line)}
  [data-ui="v4"] body:not(.page-on) .top .tw{background:var(--panel2)}
  [data-ui="v4"] body.page-on:has(#page .bench) .top .tw{display:none}
  .c-q{flex-wrap:wrap;gap:4px 12px}
  .c-dirh{margin-bottom:-6px}
}
@media (max-width:1100px){[data-ui="v4"] .wrap{padding-left:32px;padding-right:32px}}
@media (max-width:760px){[data-ui="v4"] .wrap{padding-left:18px;padding-right:18px}}

/* ---------- 13. 10-03 按红队改的（两种版式都要的修补） ---------- */
/* 窄于 1100px 时，从经典目录点开的阅读层宽度是 0（改前就有）：补上右边 */
@media (max-width:1100px){.sheet.classic{right:0}}
/* 原来那样的版式里，列表不出摘要 */
[data-ui="v3"] .ex{display:none}
/* 手机上的方向小卡片：只占底下一小条 */
@media (max-width:760px){.card.mini{max-height:none}.card.mini .ch{padding-bottom:14px}.card.mini .dchips{display:flex;gap:8px;overflow-x:auto;margin:10px -4px 0;padding:0 4px 4px;scrollbar-width:none}.card.mini .dchips .chip{flex:none;min-height:34px}}
/* 正文没写的示例下面，列几篇写了正文的 */
.ph-picks{margin-top:18px;display:flex;flex-direction:column}
.ph-pick{display:block;padding:11px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:var(--f3);line-height:1.6}
.ph-pick:hover{color:var(--acc-ink);text-decoration:none}
/* 手机星空上，右下角的“扶正”等按钮让开浮着的“写”（改前就叠在一起） */
@media (max-width:760px){body:not(.page-on) .tools{bottom:calc(132px + env(safe-area-inset-bottom))}}
/* 平板宽度右边有卡片时，路径不伸到卡片底下（改前就有）：路径收在卡片左边，太长就换行 */
@media (min-width:761px) and (max-width:1180px){body:has(.card.on) .crumbs{right:436px;flex-wrap:wrap}body:has(.card.on) .crumb{min-width:0}}
/* ---------- 14. 10-03 收口定下：方向卡片和“净因是什么”瘦一点（专注版 data-cards=slim） ---------- */
[data-cards="slim"] .card.dcard{width:320px}
[data-cards="slim"] .card.dcard .bl,[data-cards="slim"] .card.dcard .dregs .tops{display:none}
[data-cards="slim"] body:has(.card.dcard.on) .tools{right:356px}
[data-cards="slim"] .intro{width:min(440px,calc(100vw - 32px));padding:16px 18px 14px}
[data-cards="slim"] .intro p:not(.note){display:none}
@media (max-width:760px){[data-cards="slim"] .intro{left:12px;right:12px;width:auto}}
/* ---------- 14b. 10-04 星系里右边的卡片（臂、区、主题三种一样）做成玻璃面板（知识页这一路）：
   半透明，背后的星系模糊着隐约透出来；很细的亮边，顶上一道很淡的高光；夜里、白天各一套。
   字一律用不透明的颜色，按最坏的情况配：夜里背后整片是白的、白天背后整片是黑的，卡片上的字也 ≥4.5（量法和数写在 知识页\说明.md）。
   只改 #card（别的页面的卡片不动）；浏览器不支持 backdrop-filter 时退回实底。
   10-04 星系小改：左边“说一件事 / 一件事”那张 #findp 也用同一套（下面的选择器都加了 #findp），只有它用到的几样颜色（一件事的琥珀字、圈）在 14c 补 ---------- */
#card,#findp{--g-base:rgba(34,38,52,.6);--g-filter:blur(24px) saturate(1.6) brightness(.5);--g-sheen:rgba(255,255,255,.035);--g-edge:rgba(255,255,255,.1);--g-top:rgba(255,255,255,.22);
  --ink:#eef0f5;--ink2:#cdd2db;--ink3:#b8bec9;--ink4:rgba(238,240,245,.26);--line:rgba(238,240,245,.1);--line2:rgba(238,240,245,.18);--fill:rgba(238,240,245,.075);--fill2:rgba(238,240,245,.13);--hover:rgba(238,240,245,.06);
  --q:#b4c3d8;--acc-ink:#f0c68a;--acc-soft:rgba(232,179,106,.1);--warn:#f0b292;--ok:#93cfae;color:var(--ink)}
[data-look="day"] #card,[data-look="day"] #findp{--g-base:rgba(255,255,253,.7);--g-filter:blur(24px) saturate(1.3) brightness(1.1);--g-sheen:rgba(255,255,255,.45);--g-edge:rgba(255,255,255,.6);--g-top:rgba(255,255,255,.95);
  --ink:#15171b;--ink2:#2a2d34;--ink3:#3a3e46;--ink4:rgba(22,24,29,.24);--line:rgba(22,24,29,.1);--line2:rgba(22,24,29,.18);--fill:rgba(22,24,29,.06);--fill2:rgba(22,24,29,.1);--hover:rgba(22,24,29,.045);
  --q:#2f4560;--acc-ink:#633806;--warn:#6e2e12;--ok:#1b4a30}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  #card,#findp{background:linear-gradient(180deg,var(--g-sheen),rgba(255,255,255,0) 150px),var(--g-base);-webkit-backdrop-filter:var(--g-filter);backdrop-filter:var(--g-filter);
    box-shadow:0 24px 64px rgba(0,0,0,.42),inset 0 0 0 1px var(--g-edge),inset 0 1px 0 var(--g-top)}
  [data-look="day"] #card,[data-look="day"] #findp{box-shadow:0 18px 48px rgba(30,30,40,.13),0 0 0 1px rgba(22,24,29,.07),inset 0 0 0 1px var(--g-edge),inset 0 1px 0 var(--g-top)}}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){#card,#findp{background:var(--panel2)}}
/* 主题卡片里帖子的排法（同经典页）、再看几篇 */
/* 眉头（区名、“也在”）在顶上那道高光里：用次一层的字，最坏的情况也够 4.5 */
#card .ey,#card .ey .also,#card .ey .rule,#findp .ey{color:var(--ink2)}
#card .csort{gap:14px;margin:0 0 2px}
#card .csort button{min-height:30px;padding:0 2px;font-size:var(--f2)}
#card .csort button.on{font-weight:500}
#card .cmore{margin-top:10px}
#card .cnone{margin:10px 0 0}
/* ---------- 14c. 10-04 星系小改：#findp 玻璃上只有它用到的颜色——一件事的琥珀字和圈（原来按整页的底配，白天压深一点，背后整片是黑的也 ≥4.5） ---------- */
#findp{--th-ink:#e6c48a;--th-ring:#ecc98c;--th-ring-soft:rgba(236,204,140,.3)}
[data-look="day"] #findp{--th-ink:#633806;--th-ring:#7a4a14;--th-ring-soft:rgba(122,74,20,.32)}
/* 理解错的词旁边那个 ×、“我是这样读这句话的”里的箭头：原来用最淡的一层字，玻璃背后一亮就不够 4.5，提一层 */
#findp .chip button,#findp .th-read .ar{color:var(--ink3)}#findp .chip.x button{color:var(--ink2)}
/* 窄于 1100px 读一篇：段落旁只有“＋”的那一行，在能悬停的设备上平时透明却占位，每段后空一大块（红队 L1）。
   能悬停：这一行不占位（选中正文一样能问一句）；触屏：照常显示，收紧到段尾右边 */
@media (max-width:1100px) and (hover:hover){.para .mg:has(> .plus:only-child){display:none}}
@media (max-width:1100px) and (hover:none){.para .mg:has(> .plus:only-child){margin:-14px 0 6px;justify-content:flex-end}}
/* 手机上的介绍卡片（红队 L10）：字收一点；开着时右下的圆按钮和左下的“线”先藏起来，不被盖住 */
@media (max-width:760px){.intro{padding:16px 16px 14px}.intro h2{font-size:17px}.intro p{font-size:14px;line-height:1.65}
  body:has(#intro:not(.off)) .tools,body:has(#intro:not(.off)) .legend{display:none}}
/* 手机上顶栏藏了“原型”，星系第一屏在“净因”旁边写一个小“原型”（红队 L11） */
@media (max-width:760px){[data-ui="v4"] .top .wm::after{content:attr(data-proto);display:inline-block;margin-left:8px;padding:1px 6px;font:400 11px/1.6 var(--sans);letter-spacing:0;border:1px dashed var(--line2);border-radius:6px;color:var(--ink3);vertical-align:3px}}
/* ---------- 15. 10-03 收口定下：问题收成筛选，主题下面一行“按问题看” ---------- */
.qfil{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 10px}
.qfil .lab{font-size:13px;color:var(--ink3);margin-right:2px}
.qfil .chip{height:auto;min-height:32px;padding:5px 12px;line-height:1.4;white-space:normal;text-decoration:none}
.qfil .chip .n{margin-left:6px;font-size:12px;color:var(--ink3)}
.qfil .chip.on{background:var(--ink);color:var(--bg)}
.qfil .chip.on .n{color:inherit;opacity:.7}
.card .qfil{margin:2px 0 8px}

/* ---------- 16. 市集入口重新设计（10-03 收口定下，专注版）：四扇门、正在招人的活、刚刚、货架、能接活的人、找伙伴 ---------- */
.ml-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.ml-acts{display:flex;gap:10px;margin-bottom:16px}
.ml-doors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0 38px}
.ml-door{display:flex;flex-direction:column;gap:4px;padding:18px 18px 16px;border-radius:16px;background:var(--paper);box-shadow:0 0 0 1px var(--line);color:var(--ink);text-decoration:none;transition:box-shadow var(--dur),transform var(--dur)}
.ml-door:hover{box-shadow:0 0 0 1px var(--line2),0 10px 26px rgba(20,20,20,.07);transform:translateY(-1px);text-decoration:none}
.ml-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--fill);color:var(--ink2);margin-bottom:8px}
.ml-dt{font-size:20px;line-height:1.35}
.ml-ds{font-size:14px;color:var(--ink2);line-height:1.6}
.ml-dn{margin-top:10px;font-size:15px;font-weight:500;color:var(--ink)}
.ml-hall{font-size:12.5px;color:var(--ink3)}
.ml-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.ml-sec{margin:0 0 36px}
.ml-sh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.ml-sh h2{font:500 20px/1.4 var(--serif);margin:0}
.ml-sh a{font-size:14px;color:var(--ink2)}
.ml-bgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ml-feed{background:var(--fill);border-radius:16px;padding:16px 18px 6px;position:sticky;top:calc(var(--top) + 16px)}
.ml-feed h2{font:500 17px/1.4 var(--serif);margin:0 0 4px;display:flex;align-items:center;gap:8px}
.ml-feed ol{list-style:none;margin:0;padding:0}
.ml-feed li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.6;color:var(--ink2)}
.ml-feed li:last-child{border-bottom:0}
.ml-feed li a{color:var(--ink)}
.ml-feed li b{font-weight:500;color:var(--ink)}
.ml-feed .ml-ok{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--fill2);color:var(--ok)}
.ml-when{grid-column:2;font-size:12.5px;color:var(--ink3)}
.ml-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ml-shelf{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}
.ml-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ml-person{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:2px;padding:14px 16px;border-radius:14px;background:var(--paper);box-shadow:0 0 0 1px var(--line);color:var(--ink);text-decoration:none}
.ml-person:hover{box-shadow:0 0 0 1px var(--line2);text-decoration:none}
.ml-person .av{grid-row:1 / span 3;align-self:start}
.ml-person .pn{font-size:16px;line-height:1.4}
.ml-person .pl{font-size:14px;color:var(--ink2);line-height:1.55}
.ml-person .pk{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12.5px;color:var(--ink3)}
.ml-person .ro{font-size:12px;color:var(--ok)}
[data-ui="v4"] [data-look="day"] .ml-door,[data-ui="v4"] [data-look="day"] .ml-person{background:#fffefb}
[data-ui="v4"][data-paper="dim"][data-look="night"] [data-look="day"] .ml-door,[data-ui="v4"][data-paper="dim"][data-look="night"] [data-look="day"] .ml-person{background:#ded8cc}
@media (max-width:980px){.ml-doors{grid-template-columns:repeat(2,minmax(0,1fr))}.ml-main{grid-template-columns:1fr}.ml-feed{position:static}.ml-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ml-people{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ml-bgrid,.ml-row,.ml-people{grid-template-columns:1fr}.ml-doors{gap:10px;margin:10px 0 28px}.ml-door{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;padding:12px 12px 10px}.ml-ic{width:30px;height:30px;margin:0;grid-row:1 / span 3}.ml-dt{font-size:16.5px}.ml-ds{display:none}.ml-dn{margin-top:2px;font-size:13.5px}.ml-hall{font-size:12px}.ml-acts{width:100%;margin-bottom:6px}.ml-acts .btn{flex:1;justify-content:center}}

/* ---------- 16b. 10-04 市集三处改版：赏金驿站（悬赏令 | 能人簿）、灵感酒馆（想法 | 开源）改成左右两列，对等、平行；万象商坊以店为主 ---------- */
/* 两列一样宽；两列共用同一组行（subgrid），所有卡一样高、字号和留白一样 */
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto repeat(var(--n,5),1fr) auto;column-gap:32px;row-gap:12px;margin-top:6px}
.duo-col{grid-row:1 / -1;display:grid;grid-template-rows:subgrid;min-width:0}
.duo-col.l{grid-column:1}.duo-col.r{grid-column:2}
.duo-h{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:2px 0 16px;margin-bottom:2px;box-shadow:inset 0 -1px 0 var(--line)}
.duo-n{margin:0;font-size:var(--f5);font-weight:500;line-height:1.3}
.duo-l{margin:4px 0 0;font-size:var(--f2);line-height:1.6;color:var(--ink2)}
.duo-h .btn{flex:0 0 auto;margin-top:2px}
.duo .mcard{min-width:0}
.duo .mc-b{flex:1 1 auto}
.duo .mc-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.duo .mc-m{margin-top:auto}
.duo .icard .iw{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.duo .icard .iw .faint{margin-right:8px}
.duo .empty{padding:24px 0}
.duo-more{grid-row:-2 / -1;justify-self:start;align-self:start;display:inline-flex;align-items:center;min-height:34px;font-size:var(--f2);color:var(--ink2)}
.duo-more:hover{color:var(--ink)}
.dc-st{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}
.tc-who{display:inline-flex;align-items:center;gap:10px;min-width:0}
.tc-who .av{width:28px;height:28px}
.tc-who .amt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 10-04 站内小改：你发的悬赏、你的能人卡排在各列最上面；琥珀色只代表“你”，外面一圈细的琥珀边（不占地方，卡片还是一样高） */
.duo .dcard.is-mine{box-shadow:0 0 0 1px color-mix(in srgb,var(--acc) 45%,transparent)}
.duo-tabs{display:none}
.listhead.duo-lh{margin-bottom:16px}
/* 手机放不下两列：顶上两个一样大的分页（默认左边那个），下面只放选中的那一列 */
@media (max-width:760px){
  .duo-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px;margin:2px 0 16px;border-radius:12px;background:var(--fill)}
  .duo-tabs button{height:42px;border-radius:9px;font-size:var(--f3);color:var(--ink2);transition:background var(--dur),color var(--dur)}
  .duo-tabs button[aria-selected="true"]{background:var(--paper2);color:var(--ink);font-weight:500;box-shadow:0 0 0 1px var(--line2)}
  [data-look="day"] .duo-tabs button[aria-selected="true"]{background:var(--paper);box-shadow:0 1px 2px rgba(20,20,20,.08),0 0 0 1px var(--line)}
  .duo{display:block}
  .duo-col{display:flex;flex-direction:column;gap:12px}
  .duo-more{align-self:flex-start}
  .duo[data-on="l"] .duo-col.r,.duo[data-on="r"] .duo-col.l{display:none}
  .duo-n{display:none}
  .duo-h{align-items:center;padding-bottom:14px}
  .duo-l{margin:0}}
/* 万象商坊：搜索框（按“我要什么”找） */
.m-find{max-width:640px;margin:0 0 6px}
.m-q{position:relative;display:block}
.m-q>.i{position:absolute;left:15px;top:50%;margin-top:-9px;color:var(--ink3);pointer-events:none}
.m-q input{width:100%;height:46px;padding:0 16px 0 44px;border-radius:var(--r-l);border:1px solid var(--line);background:var(--fill);font-size:var(--f3);transition:border-color var(--dur),background var(--dur)}
.m-q input:hover{background:var(--fill2)}
.m-q input:focus{border-color:var(--line2);background:var(--paper)}
.m-q input::-webkit-search-cancel-button{-webkit-appearance:none}
/* 一张卡一家店：招牌、店名、店主、一句话、口碑、主题、露两样、看全部 */
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;margin-top:10px}
.mcard.scard{gap:10px;padding:18px 18px 14px}
.sc-h{display:flex;align-items:center;gap:12px;min-width:0}
.sc-emb{position:relative;flex:0 0 auto;display:block;width:52px;height:52px;border-radius:12px;overflow:hidden;color:var(--ink2);background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--new) 10%,transparent),transparent 70%),linear-gradient(170deg,var(--bg2),var(--bg));box-shadow:inset 0 0 0 1px var(--line)}
[data-look="day"] .sc-emb{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--new) 8%,transparent),transparent 70%),linear-gradient(170deg,var(--paper2),var(--bg2))}
.sc-emb svg{position:absolute;inset:0;width:100%;height:100%}
.sc-emb.sc-xs,.sc-emb.sc-new{display:inline-grid;place-items:center;background:var(--fill);box-shadow:none}
.sc-emb.sc-xs{width:24px;height:24px;border-radius:7px}
.sc-emb.sc-xs .i{position:static;width:14px;height:14px}
.sc-emb.sc-new .i{position:static;width:22px;height:22px}
.sc-id{display:flex;flex-direction:column;gap:3px;min-width:0}
.sc-n{font-size:var(--f4);font-weight:500;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-o{display:flex;align-items:center;gap:7px;min-width:0;font-size:var(--f1);color:var(--ink3)}
.sc-o .av{width:20px;height:20px}
.sc-i{font-size:var(--f2);line-height:1.65;color:var(--ink2)}
.sc-m{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px;font-size:var(--f1);color:var(--ink3)}
.sc-rep b{font-weight:500;color:var(--ink)}
.sc-g{display:flex;flex-direction:column;margin-top:2px;border-top:1px solid var(--line)}
.sc-gi{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:var(--f2)}
.sc-gi .gn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-gi .gp{flex:0 0 auto;font-weight:500}
.sc-all{margin-top:auto;padding-top:4px;font-size:var(--f2);color:var(--ink2)}
a.scard:hover .sc-all{color:var(--ink)}
/* 店少时最后那张“开一家店”：虚线框，不和店抢 */
[data-ui] .mcard.scard.invite{background:transparent;box-shadow:none;border:1px dashed var(--line2)}
[data-ui] .mcard.scard.invite:hover{background:var(--hover);box-shadow:none}
.m-help{margin:36px 0 4px}
.m-help-l{margin:-4px 0 14px;font-size:var(--f2);line-height:1.7;color:var(--ink2)}
.m-help .acts{margin-top:14px}
/* 搜索结果：哪家店的哪一样 */
.m-hits{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.m-hit{display:flex;flex-direction:column;gap:5px;padding:14px 8px;border-bottom:1px solid var(--line);color:var(--ink)}
.m-hit:hover{background:var(--hover);text-decoration:none}
.mh-t{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.mh-t .hn{font-size:var(--f4);line-height:1.45}
.mh-t .hp{flex:0 0 auto;font-size:var(--f3);font-weight:500}
.mh-s{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;font-size:var(--f1);color:var(--ink3)}
.mh-s b{font-weight:500;color:var(--ink2)}
.mh-r{margin-left:auto}
.m-hit mark{background:var(--fill2);color:inherit;border-radius:3px;padding:0 2px}
.m-subh{margin:28px 0 4px;font-size:13px;font-weight:400;letter-spacing:.04em;color:var(--ink3)}
.m-reshead .lk{display:inline-flex;align-items:center;min-height:30px;padding:0 4px;font-size:var(--f2)}
.m-peek .pv.none{font-weight:400;color:var(--ink3)}
/* 10-04 站内小改：灵感酒馆那张卡每行右边写是哪一种（想法 / 开源），和“还没有评价”一样淡（不用 .none：那是全站空状态的类，会带内边距） */
.m-peek .pv.pvk{font-weight:400;color:var(--ink3)}
/* 从搜索结果点进一家店：找的那一样框出来 */
.good.hit{box-shadow:0 0 0 2px var(--ink3)}
@media (max-width:760px){.sgrid{grid-template-columns:minmax(0,1fr)}.m-q input{font-size:16px}.mh-r{margin-left:0}}

/* ---------- 17. 板块各有样子（10-03 收口定下，专注版 data-face=own）：门牌、板块里的去处、底色、前沿时间线 ---------- */
.plate{display:none}
body.plate-on .plate{display:block;position:fixed;left:0;right:0;top:var(--top);z-index:6;background:var(--bg);box-shadow:0 1px 0 var(--line)}
body.plate-on #page{padding-top:calc(var(--top) + 56px)}
.plate-in{max-width:1080px;margin:0 auto;padding:9px 48px;min-height:56px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;box-sizing:border-box}
.pl-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--fill);color:var(--ink2);flex:none}
.pl-n{font-size:18px;line-height:1.3;color:var(--ink)}
.pl-l{font-size:13.5px;color:var(--ink3);min-width:0}
.pl-nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.pl-nav a{padding:6px 13px;border-radius:999px;font-size:14px;color:var(--ink2);text-decoration:none;white-space:nowrap}
.pl-nav a:hover{background:var(--fill);text-decoration:none}
.pl-nav a.on{background:var(--ink);color:var(--bg)}
.pl-nav a.on:hover{background:var(--ink)}
/* 板块里有了门牌导航，页里的返回键不再需要占一行 */
body.plate-nav #page .h-head>.back{display:none}
/* 各板块的底色：只在白天、很淡；市集暖、前沿冷、空间偏灰紫（夜里大门口是深色、读写是暗一点的纸，不另上色） */
[data-face="own"][data-look="day"] body[data-sec="market"] :is(#page,#plate){--bg:#f6efe4}
[data-face="own"][data-look="day"] body[data-sec="frontier"] :is(#page,#plate){--bg:#edf0f2}
[data-face="own"][data-look="day"] body[data-sec="space"] :is(#page,#plate){--bg:#f2f1f5}
/* 前沿的动态排成一条时间线：时间在左，竖线串起来 */
[data-face="own"] body[data-page="frontier"] .f-list .li.f-row{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:22px;align-items:start;border-bottom:0;padding:0}
[data-face="own"] body[data-page="frontier"] .f-list .li.f-row .lm{order:-1;text-align:right;padding-top:16px;font-size:13px;color:var(--ink3)}
[data-face="own"] body[data-page="frontier"] .f-list .li.f-row .lt{position:relative;padding:14px 0 18px 22px;border-left:1px solid var(--line2)}
[data-face="own"] body[data-page="frontier"] .f-list .li.f-row .lt::before{content:'';position:absolute;left:-5px;top:22px;width:9px;height:9px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 2px var(--ink3)}
@media (max-width:760px){
  .plate-in{padding:8px 16px;gap:8px}
  .pl-l{display:none}
  .pl-nav{order:3;width:100%;margin:0 -4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  body.plate-on #page{padding-top:calc(var(--top) + 50px)}
  body.plate-on.plate-nav #page{padding-top:calc(var(--top) + 94px)}
  [data-face="own"] body[data-page="frontier"] .f-list .li.f-row{grid-template-columns:58px minmax(0,1fr);column-gap:14px}
  [data-face="own"] body[data-page="frontier"] .f-list .li.f-row .lt{padding-left:16px}}
/* 红队 W1：门牌开着时，“最近”一栏粘在门牌下面 */
body.plate-on .ml-feed{top:calc(var(--top) + 72px)}
/* 红队 W9：大门口页不重复门牌那句说明；手机上门牌收成一行，导航能左右滑、右边淡出 */
.plate.hub .pl-l{display:none}
@media (max-width:760px){
  .plate-in{padding:6px 12px;gap:8px;flex-wrap:nowrap;min-height:46px}
  .pl-ic{width:26px;height:26px}
  .pl-n{font-size:16px;white-space:nowrap}
  .pl-nav{order:0;width:auto;flex:1;min-width:0;margin:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
  body.plate-on #page,body.plate-on.plate-nav #page{padding-top:calc(var(--top) + 48px)}}
/* 红队最后一审 F4：大门口页（市集、前沿）门牌里不重复名字，只留图标和导航；手机上有导航时只留图标（点它回板块首页），藏起“概览”，放得下 */
.plate.hub.has-nav .pl-n{display:none}
a.pl-ic{text-decoration:none}
a.pl-ic:hover{background:var(--fill2);text-decoration:none}
@media (max-width:760px){.plate.has-nav .pl-n{display:none}.pl-nav a.home{display:none}.pl-nav a{padding:6px 11px}}

/* 10-04 第三轮 · 标记（JY.S.proto.gmark=light）：头像菜单里接着上次 · 你还没去过的 · 看我走过的路 · 新来的；“你还没去过的”三个名字列在这一项下面；顶上“你走以后”每一项指着时亮一点 */
.menu .mi[aria-pressed="true"],.menu .mi[aria-expanded="true"]{background:var(--acc-soft)}
.menu .msugg{display:flex;flex-wrap:wrap;gap:6px;align-items:center;max-width:280px;padding:2px 10px 8px 42px;font-size:var(--f1);color:var(--ink3)}
.menu .msugg a{height:30px;display:inline-flex;align-items:center;padding:0 11px;border-radius:var(--r-s);box-shadow:0 0 0 1px var(--line2);color:var(--ink);font-size:var(--f2);white-space:nowrap}
.menu .msugg a:hover,.menu .msugg a:focus-visible{background:var(--hover);text-decoration:none}
.since .sx{border-radius:4px;transition:color var(--dur)}
.since .sx:hover{color:var(--ink)}

/* ========== 第六批 · 手机页面（10-04 晚）：星系以外的页面，在手机上专门设计一遍 ==========
   开关 S.proto.mpages：'v6' 新的（默认）/ 'now' 原来那样 —— 'now' 时 <html data-mpages="now">，这一块的规则全部不生效（选择器都以 html:not([data-mpages=now]) 开头）。
   只在 ≤760 宽（整块在 @media (max-width:760px) 里），电脑上不变；JS 在 js/m_pages.js。
   工作台的页面（body[data-sec=desk]）归“工作台”那一路：页面里的通用规则都加了 body:not([data-sec=desk])；星系的天和卡片（#skyui 里的东西）不碰。
   点得到的东西 ≥44×44：能加高的直接加高；排成一片的小块（标签、单选、门牌里的去处）用上下透明的边把能点的范围撑到 44，看得见的那块不变大（background-clip:padding-box）。 */
.mq-btn,.mq-x,.mq-cancel,.mq-hint,.mshade,.mw-fs,.mw-home,.mth-h{display:none}
@keyframes m6up{from{transform:translateY(100%)}to{transform:none}}
@media (max-width:760px){
  /* ---- 1. 顶栏：净因 · 原型（虚线小标，点开原型菜单）· 搜索条 · 头像 ---- */
  html:not([data-mpages=now]) .top{display:flex;align-items:center;gap:2px;padding:0 6px 0 8px}
  html:not([data-mpages=now]) .top .tl{flex:0 0 auto;order:0;gap:0}
  html:not([data-mpages=now]) .top .tr{display:contents}
  html:not([data-mpages=now]) .top .wm{display:inline-flex;align-items:center;height:44px;padding:0 6px;margin:0}
  html:not([data-mpages=now]) .top .wm::after{content:none;display:none}
  html:not([data-mpages=now]) .top .protochip{display:inline-flex;order:1;flex:0 0 auto;align-items:center;justify-content:center;height:44px;min-width:44px;padding:0 4px;margin:0;border:0;border-radius:var(--r-s);background:none}
  html:not([data-mpages=now]) .top .protochip .pk{display:inline-block;padding:0 6px;border:1px dashed var(--line2);border-radius:6px;font:400 11px/18px var(--sans);color:var(--ink3)}
  html:not([data-mpages=now]) .top .protochip .sbadge{display:none}
  html:not([data-mpages=now]) .top .protochip.on .pk{border-color:var(--acc);color:var(--acc-ink)}
  html:not([data-mpages=now]) .top .mq-btn{display:flex;order:2;flex:1 1 auto;min-width:0;align-items:center;gap:8px;height:44px;margin:0 4px 0 2px;padding:0 14px 0 13px;border-radius:22px;background:var(--fill);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink3);font-size:15px;text-align:left}
  html:not([data-mpages=now]) .top .mq-btn .i{width:18px;height:18px}
  html:not([data-mpages=now]) .top .mq-btn .mq-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  html:not([data-mpages=now]) .top .mq-btn.has-v{color:var(--ink)}
  html:not([data-mpages=now]) body:not(.page-on) .top .mq-btn{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px var(--line2)}
  html:not([data-mpages=now]) .top .medd{order:3;flex:0 0 auto}
  html:not([data-mpages=now]) .top .mebtn{width:44px;height:44px;border:4px solid transparent;background-clip:padding-box}
  html:not([data-mpages=now]) .top .mebtn .unread{right:-6px;top:-6px}
  /* 平时搜索框藏起来（还能拿到光标）；点搜索条、按 /、“再说一遍”时展开成整屏 */
  html:not([data-mpages=now]) .top .q,html:not([data-mpages=now]) .top .q:focus-within{position:fixed;left:0;top:0;right:auto;bottom:auto;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none;z-index:0}
  html:not([data-mpages=now]) body.msq .top .q,html:not([data-mpages=now]) body.msq .top .q:focus-within{left:0;top:0;right:0;bottom:0;width:auto;height:auto;clip-path:none;opacity:1;pointer-events:auto;z-index:45;background:var(--bg)}
  html:not([data-mpages=now]) body.msq .top .q input{position:absolute;left:10px;right:72px;top:calc(env(safe-area-inset-top) + 6px);width:auto;height:44px;padding:0 40px;border-radius:12px;border:1px solid var(--line2);background:var(--fill);font-size:16px;color:var(--ink)}
  html:not([data-mpages=now]) body.msq .top .q input:focus{background:var(--fill2)}
  html:not([data-mpages=now]) body.msq .top .q .qi{left:22px;top:calc(env(safe-area-inset-top) + 19px);margin-top:0}
  html:not([data-mpages=now]) body.msq .top .q .mq-cancel{display:inline-flex;position:absolute;right:4px;top:calc(env(safe-area-inset-top) + 6px);height:44px;min-width:58px;align-items:center;justify-content:center;padding:0 10px;border-radius:var(--r-s);font-size:16px;color:var(--ink)}
  html:not([data-mpages=now]) body.msq .top .q.has-v .mq-x{display:inline-flex;position:absolute;right:74px;top:calc(env(safe-area-inset-top) + 6px);width:40px;height:44px;align-items:center;justify-content:center;border-radius:var(--r-s);color:var(--ink3)}
  html:not([data-mpages=now]) body.msq .top .q .mq-x .i{width:16px;height:16px}
  html:not([data-mpages=now]) body.msq .top .q:not(.has-v) .mq-hint{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;position:absolute;left:16px;right:16px;top:calc(env(safe-area-inset-top) + 58px);margin:0;font-size:13px;line-height:1.6;color:var(--ink3)}
  html:not([data-mpages=now]) body.msq .top .q .qdrop{display:block;position:absolute;left:0;right:0;top:calc(env(safe-area-inset-top) + 58px);bottom:var(--mkb,0px);max-height:none;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:2px 6px calc(28px + env(safe-area-inset-bottom));border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;animation:none}
  html:not([data-mpages=now]) body.msq .top .q:not(.has-v) .qdrop{top:calc(env(safe-area-inset-top) + 106px)}
  html:not([data-mpages=now]) body.msq .top .qdrop .grp{padding:14px 10px 2px;font-size:13px}
  html:not([data-mpages=now]) body.msq .top .qdrop a{min-height:48px;align-items:center;padding:8px 10px;border-radius:10px}
  html:not([data-mpages=now]) body.msq .top .qdrop a .n{font-size:16px}
  html:not([data-mpages=now]) body.msq .top .qdrop .say,html:not([data-mpages=now]) body.msq .top .qdrop .all{margin:2px 0 6px;background:var(--fill)}
  html:not([data-mpages=now]) body.msq .top .qdrop .all{margin-top:10px}
  html:not([data-mpages=now]) body.msq .top .qdrop .qs-chips{gap:0 8px;padding:0 10px 4px}
  html:not([data-mpages=now]) body.msq .top .qdrop .qs-chips a{min-height:44px;height:auto;padding:0 13px;border-top:5px solid transparent;border-bottom:5px solid transparent;background-clip:padding-box;border-radius:10px;font-size:15px}

  /* ---- 2. 头像菜单：从底下升起来的面板；里面的东西和顺序不变；点空处（遮罩）、往下拖都能关 ---- */
  html:not([data-mpages=now]) body:has(#memenu.on) .top .mshade{display:block;position:fixed;inset:0;z-index:40;background:rgba(6,7,10,.46)}
  html:not([data-mpages=now])[data-look=day] body:has(#memenu.on) .top .mshade{background:rgba(20,20,22,.28)}
  html:not([data-mpages=now]) .top .medd #memenu{position:fixed;left:0;right:0;top:auto;bottom:0;z-index:41;width:auto;min-width:0;max-height:calc(100% - 64px);overflow-y:auto;overscroll-behavior:contain;padding:2px 10px calc(12px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:linear-gradient(var(--panel2),var(--panel2)),var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 -14px 44px rgba(0,0,0,.34),0 -1px 0 var(--line2)}
  html:not([data-mpages=now]) .top .medd #memenu.on{animation:m6up .22s var(--ease)}
  html:not([data-mpages=now]) .top .medd #memenu.mdrag{animation:none;transition:none}
  html:not([data-mpages=now]) .top .medd #memenu::before{content:'';display:block;width:40px;height:5px;margin:8px auto 4px;border-radius:3px;background:var(--ink4)}
  html:not([data-mpages=now]) .top #memenu .mhead{gap:14px;padding:8px 12px 14px;margin-bottom:6px}
  html:not([data-mpages=now]) .top #memenu .mhead b{font-size:17px}
  html:not([data-mpages=now]) .top #memenu .mi{min-height:50px;height:auto;gap:14px;padding:0 14px;border-radius:12px;font-size:16px}
  html:not([data-mpages=now]) .top #memenu .mi .i{width:20px;height:20px}
  html:not([data-mpages=now]) .top #memenu .msep{margin:6px 14px}
  html:not([data-mpages=now]) .top #memenu .msugg{max-width:none;gap:0 8px;padding:0 14px 8px 48px}
  html:not([data-mpages=now]) .top #memenu .msugg a{min-height:44px;height:auto;padding:0 13px;border-top:6px solid transparent;border-bottom:6px solid transparent;background-clip:padding-box;box-shadow:inset 0 0 0 1px var(--line2)}

  /* ---- 6. 底栏：当前那一栏有一块底、字加重；不透底；留出 iPhone 底部的安全区（高度本来就加了 env(safe-area-inset-bottom)）；键盘弹出来、读一篇时让开 ---- */
  html:not([data-mpages=now]) .tabs{background:linear-gradient(var(--panel2),var(--panel2)),var(--bg);box-shadow:0 -1px 0 var(--line2)}
  html:not([data-mpages=now]) .tabs a,html:not([data-mpages=now]) .tabs a.mob{justify-content:flex-start;gap:5px;padding-top:8px;font-size:12px;line-height:18px;color:var(--ink3)}
  html:not([data-mpages=now]) .tabs a::before{content:'';position:absolute;left:50%;top:5px;width:56px;height:28px;margin-left:-28px;border-radius:14px;background:transparent;transition:background var(--dur)}
  html:not([data-mpages=now]) .tabs a .tabi{position:relative;width:22px;height:22px}
  html:not([data-mpages=now]) .tabs a.on{color:var(--ink);font-weight:500}
  html:not([data-mpages=now]) .tabs a.on::before{background:color-mix(in srgb,var(--ink) 14%,transparent)}
  html:not([data-mpages=now]) body.page-on.mkb:not([data-sec=desk]) .tabs,html:not([data-mpages=now]) body.reading .tabs{display:none}

  /* ---- 5. 右下浮着的“写”：只在星系和经典出现（星系上的样子不动）；别的页面各有自己的主按钮，不再浮一个盖住列表 ---- */
  html:not([data-mpages=now]) .top .tw{min-height:44px}
  html:not([data-mpages=now]) body.page-on:not([data-sec=classic]) .top .tw{display:none}
  html:not([data-mpages=now]) body:not([data-sec=desk]):not([data-sec=classic]):not([data-sec=write]) #page>.wrap{padding-bottom:calc(96px + env(safe-area-inset-bottom))}

  /* ---- 5. 页面里的通用：点得到的东西 ≥44（工作台的页面不动） ---- */
  html:not([data-mpages=now]) body:not([data-sec=desk]) :is(#page,#sheet,#modal) .btn{min-height:44px}
  html:not([data-mpages=now]) body:not([data-sec=desk]) :is(#page,#sheet,#modal) .back{min-width:44px;min-height:44px}
  html:not([data-mpages=now]) body:not([data-sec=desk]) :is(#page,#sheet,#modal) :is(.lk,.linkish){display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}
  html:not([data-mpages=now]) body:not([data-sec=desk]) :is(#page,#sheet,#modal) .c-bar textarea{min-height:44px;padding-top:9px;padding-bottom:9px}
  html:not([data-mpages=now]) body:not([data-sec=desk]) :is(#page,#sheet,#modal) :is(a.chip,button.chip){height:auto;min-height:44px;border-top:7px solid transparent;border-bottom:7px solid transparent;background-clip:padding-box}
  html:not([data-mpages=now]) body:not([data-sec=desk]) :is(#page,#sheet,#modal) .radios label{min-height:44px;border-top:5px solid transparent;border-bottom:5px solid transparent;background-clip:padding-box}
  html:not([data-mpages=now]) body:not([data-sec=desk]) :is(#page,#sheet,#modal) .segc label{height:44px;border-top:2px solid transparent;border-bottom:2px solid transparent;background-clip:padding-box}
  html:not([data-mpages=now]) body:not([data-sec=desk]) :is(#page,#sheet,#modal) .seg{padding:0}
  html:not([data-mpages=now]) body:not([data-sec=desk]) :is(#page,#sheet,#modal) .seg a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:4px solid transparent;background-clip:padding-box;border-radius:10px}
  html:not([data-mpages=now]) body:not([data-sec=desk]) :is(#page,#sheet,#modal) :is(.field input,.field select,input.w-find){min-height:44px}
  html:not([data-mpages=now]) body:not([data-sec=desk]) :is(#page,#sheet) :is(a.pl,.ey2 a,.faint.meta a){display:inline-block;min-width:44px;padding:12px 10px;margin:-12px -10px;text-align:center}
  html:not([data-mpages=now]) body:not([data-sec=desk]) #page :is(.ml-sh a,a.fb-pgl,button.fb-pgl){display:inline-block;padding:10px 4px;margin:-10px -4px}
  html:not([data-mpages=now]) body:not([data-sec=desk]) :is(#page,#sheet) .ico{width:44px;height:44px;border:4px solid transparent;background-clip:padding-box}
  html:not([data-mpages=now]) body:not([data-sec=desk]) :is(#page,#sheet) .ico.sm{border-width:7px}
  html:not([data-mpages=now]) body:not([data-sec=desk]) #page .fb-vote.big{min-height:44px}
  html:not([data-mpages=now]) body:not([data-sec=desk]) #page .w-else a{display:inline-block;padding:12px 2px;margin:-12px -2px}
  html:not([data-mpages=now]) body:not([data-sec=desk]) #page .p-head{margin-bottom:26px}
  html:not([data-mpages=now]) body:not([data-sec=desk]) #page .c-sort button{min-height:44px;min-width:44px;padding:0 6px}
  html:not([data-mpages=now]) body:not([data-sec=desk]) #page .duo-tabs button{height:44px}
  html:not([data-mpages=now]) body:not([data-sec=desk]) #page .duo-more{min-height:44px}
  /* 门牌：去处能点的范围 44 高，看得见的那块还是一颗小药丸 */
  html:not([data-mpages=now]) .plate-in{min-height:48px;padding:2px 8px;gap:4px}
  html:not([data-mpages=now]) .pl-ic{width:44px;height:44px;border:9px solid transparent;background-clip:padding-box;border-radius:16px}
  html:not([data-mpages=now]) .pl-nav{gap:2px}
  html:not([data-mpages=now]) .pl-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-top:6px solid transparent;border-bottom:6px solid transparent;background-clip:padding-box}
  html:not([data-mpages=now]) .pl-nav a.home{display:none}
  /* 经典：区那一排收成一行横着滑（不再占掉第一屏）；主题名、区名能点的范围 44 */
  html:not([data-mpages=now]) #page .c-head{gap:8px;margin-bottom:12px}
  html:not([data-mpages=now]) #page .c-grid{gap:12px}
  html:not([data-mpages=now]) #page .c-idx{flex-wrap:nowrap;overflow-x:auto;gap:2px;margin:0 -18px;padding:0 18px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 28px),transparent)}
  html:not([data-mpages=now]) #page .c-idx::-webkit-scrollbar{display:none}
  html:not([data-mpages=now]) #page .c-idx a{flex:0 0 auto;min-height:44px;padding:0 12px;border-top:5px solid transparent;border-bottom:5px solid transparent;background-clip:padding-box;white-space:nowrap;font-size:15px}
  html:not([data-mpages=now]) #page .c-idx a.on{background-color:var(--fill2)}
  html:not([data-mpages=now]) #page .c-idx-dir{flex:0 0 auto;align-self:center;padding:0 2px 0 10px;white-space:nowrap;font-size:12px}
  html:not([data-mpages=now]) #page .c-atlas{gap:26px;margin-top:22px}
  html:not([data-mpages=now]) #page :is(.c-rn,.c-kn){display:inline-flex;align-items:center;min-height:44px}
  html:not([data-mpages=now]) #page .c-kn{padding:0 6px;margin:0 -6px}
  html:not([data-mpages=now]) #page .c-kl{gap:0 16px}
  html:not([data-mpages=now]) #page .c-kl a{display:inline-flex;align-items:center;min-height:44px;padding:0 7px;margin:0 -7px}
  html:not([data-mpages=now]) #page .c-lights .lg-row{gap:0 6px}
  /* 市集首页的三张卡、两列的分页 */
  html:not([data-mpages=now]) #page .m-hall{min-height:0;padding:20px 18px 16px}
  html:not([data-mpages=now]) #page .duo-tabs{margin-bottom:14px}

  /* ---- 3. 读一篇：实的纸（不再半透明地淡进来）；底栏换成这一篇的一条：返回、放上工作台、带给我的 AI、评论 ---- */
  html:not([data-mpages=now]) .sheet,html:not([data-mpages=now]) .sheet.classic{top:var(--top);bottom:0;left:0;right:0;width:auto!important;border-radius:0;opacity:1;transform:translateY(16px);transition:transform .2s var(--ease),visibility 0s linear .2s}
  html:not([data-mpages=now]) .sheet.on,html:not([data-mpages=now]) .sheet.classic.on{transform:none;transition-delay:0s}
  html:not([data-mpages=now]) .sheet .sh-in{container-type:normal;padding-bottom:calc(110px + env(safe-area-inset-bottom))}
  html:not([data-mpages=now]) .sheet .sh-top{position:absolute;left:0;right:0;top:auto;bottom:0;z-index:8;display:flex;flex-wrap:nowrap;align-items:stretch;gap:0;padding:2px 4px calc(2px + env(safe-area-inset-bottom));background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 -1px 0 var(--line2)}
  html:not([data-mpages=now]) .sheet .sh-top .mrb{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:52px;margin:0;padding:0 2px;border-radius:10px;background:none;box-shadow:none;color:var(--ink2);font:400 12px/1.3 var(--sans);white-space:nowrap}
  html:not([data-mpages=now]) .sheet .sh-top .mrb .i{width:21px;height:21px;margin:0}
  html:not([data-mpages=now]) .sheet .sh-top .mrb .mlb{max-width:100%;overflow:hidden;text-overflow:ellipsis}
  html:not([data-mpages=now]) .sheet .sh-top .mrb:hover{background:var(--hover);text-decoration:none;opacity:1}
  html:not([data-mpages=now]) .sheet .sh-top .on-desk.mrb{color:var(--acc-ink)}
  /* 正文：18 号字、1.85 倍行距、两边各 20（一行十九、二十个字） */
  html:not([data-mpages=now]) .sheet .doc{padding:20px 20px 0}
  html:not([data-mpages=now]) .sheet .doc h1{font-size:24px;line-height:1.45;margin:6px 0 10px}
  html:not([data-mpages=now]) .sheet .doc .meta{gap:0 8px;margin-bottom:22px}
  html:not([data-mpages=now]) .sheet .doc .meta a,html:not([data-mpages=now]) .sheet .cm .ch2 a,html:not([data-mpages=now]) .sheet .dh .pl{display:inline-block;min-width:44px;padding:12px 10px;margin:-12px -10px;text-align:center}
  html:not([data-mpages=now]) .sheet .para p{font-size:18px;line-height:1.85;margin:0 0 1.1em}
  html:not([data-mpages=now]) .sheet :is(.rev,.want){font-size:16px}
  /* 页边的异议、问一句：收成这一段下面一行小块（只写“异议 · 几条”和被问那一句的开头）；只有“＋”的那一行不出（长按选中一句一样能问） */
  html:not([data-mpages=now]) .sheet .para .mg{position:static;width:auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0 6px;margin:-12px 0 10px;padding:0}
  html:not([data-mpages=now]) .sheet .para .mg:has(>.plus:only-child){display:none}
  html:not([data-mpages=now]) .sheet .mk{flex-direction:row;align-items:center;gap:6px;max-width:100%;min-height:44px;margin:0;padding:0 12px;border:6px solid transparent;border-left:0;border-right:0;border-radius:999px;background-clip:padding-box;background-color:color-mix(in srgb,var(--warn) 10%,transparent);box-shadow:none;color:var(--ink2)}
  html:not([data-mpages=now]) .sheet .mk.qa{background-color:color-mix(in srgb,var(--q) 11%,transparent)}
  html:not([data-mpages=now]) .sheet .mk.on{background-color:color-mix(in srgb,var(--warn) 20%,transparent)}
  html:not([data-mpages=now]) .sheet .mk.qa.on{background-color:color-mix(in srgb,var(--q) 20%,transparent)}
  html:not([data-mpages=now]) .sheet .mk .n{flex:0 0 auto;font-size:13px;white-space:nowrap}
  html:not([data-mpages=now]) .sheet .mk .q{display:block;min-width:0;max-width:11em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:none;font-size:13px;color:var(--ink2)}
  html:not([data-mpages=now]) .sheet .para .mg .plus{width:44px;height:44px;margin-left:auto;border:8px solid transparent;background-clip:padding-box;opacity:1;line-height:26px}
  /* 点开一条：从底下升起来，上面那一句挪到看得见的地方；点上面暗下来的地方、点 ×、往下拖都能关 */
  html:not([data-mpages=now]) .sheet.mth::after{content:'';position:fixed;inset:0;z-index:25;background:rgba(10,10,12,.3)}
  html:not([data-mpages=now]) .sheet .margin-float.on:not(.form){z-index:9}
  html:not([data-mpages=now]) .sheet .para .dthread{position:fixed;left:0;right:0;bottom:var(--mkb,0px);z-index:30;max-width:none;max-height:min(calc(var(--mvh,100vh) * .76),calc(var(--mvh,100vh) - var(--top) - 40px));overflow-y:auto;overscroll-behavior:contain;margin:0;padding:0 18px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:var(--paper);box-shadow:0 -12px 40px rgba(0,0,0,.28),0 -1px 0 var(--line2);font-size:16px;animation:m6up .22s var(--ease)}
  html:not([data-mpages=now]) .sheet .para .dthread.mdrag{animation:none}
  html:not([data-mpages=now]) .sheet .mth-h{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;margin:0 -18px 4px;padding:12px 6px 0 18px;background:var(--paper);touch-action:none}
  html:not([data-mpages=now]) .sheet .mth-h::before{content:'';position:absolute;left:50%;top:7px;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:var(--ink4)}
  html:not([data-mpages=now]) .sheet .mth-t{font-size:13px;color:var(--ink3)}
  html:not([data-mpages=now]) .sheet .mth-x{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--ink2)}
  html:not([data-mpages=now]) .sheet .da{gap:0 16px}
  html:not([data-mpages=now]) .sheet .da :is(button,a){display:inline-flex;align-items:center;min-height:44px}
  html:not([data-mpages=now]) .sheet .gov .lk{justify-content:center;min-width:44px;margin:-10px -12px -10px 0}
  html:not([data-mpages=now]) .sheet .cm .rpl{margin-top:2px}
  /* 提异议、问一句的表：从底下升起来，键盘弹出时贴着键盘上沿 */
  html:not([data-mpages=now]) .sheet .margin-float.form{left:0!important;right:0;top:auto!important;bottom:var(--mkb,0px);width:auto;max-height:calc(var(--mvh,100vh) - var(--top) - 24px);overflow-y:auto;overscroll-behavior:contain;z-index:31;padding:0}
  html:not([data-mpages=now]) .sheet .margin-float.form .dform{border-radius:18px 18px 0 0;padding:18px 18px calc(16px + env(safe-area-inset-bottom));background:var(--paper);box-shadow:0 -12px 40px rgba(0,0,0,.28),0 -1px 0 var(--line2)}

  /* ---- 4. 写：键盘弹出来时“发出去”那一条贴着键盘上沿，正文框缩到它上面；挂主题那一块 ---- */
  html:not([data-mpages=now]) #page .w-page .w-bar{gap:10px;padding:8px 16px}
  html:not([data-mpages=now]) body.mkb #page .w-page .w-bar{bottom:var(--mkb,0px)}
  html:not([data-mpages=now]) body.mkb #page .w-page .w-bar .w-pub{display:none}
  html:not([data-mpages=now]) body.mkb #page .wrap.w-page{padding-bottom:0}
  html:not([data-mpages=now]) body.mkb #page .w-page .w-body{min-height:0;height:calc(var(--mvh,60vh) - var(--top) - 80px)}
  html:not([data-mpages=now]) #page:has(.w-page){scroll-padding-bottom:calc(var(--mkb,0px) + 140px)}
  html:not([data-mpages=now]) #page .w-page #w-kws .chip{height:auto;min-height:44px;padding:0 2px 0 12px;font-size:15px}
  html:not([data-mpages=now]) #page .w-page #w-kws .chip button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:44px;margin:0;font-size:18px}
  html:not([data-mpages=now]) #page .w-page .mw-home{display:inline-block;margin-right:6px;padding:0 5px;border-radius:4px;box-shadow:inset 0 0 0 1px currentColor;font-size:11px;line-height:17px}
  html:not([data-mpages=now]) #page .w-page .w-find{width:100%;font-size:16px}
  html:not([data-mpages=now]) #page .w-page .mw-fs{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;margin-top:6px}
  html:not([data-mpages=now]) #page .w-page .mw-fs:empty{display:none}
  html:not([data-mpages=now]) #page .w-page :is(.mw-fs,#w-sug) .faint{flex-basis:100%;font-size:13px;margin-top:4px}
  /* 行业、场景、工具（可以不选）：一组一行，横着滑，不再占半屏 */
  html:not([data-mpages=now]) #page .w-page fieldset.field .radios:not(#w-ai){flex-wrap:nowrap;overflow-x:auto;margin:0 -18px;padding:0 18px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 28px),transparent)}
  html:not([data-mpages=now]) #page .w-page fieldset.field .radios:not(#w-ai)::-webkit-scrollbar{display:none}
  html:not([data-mpages=now]) #page .w-page fieldset.field .radios:not(#w-ai) label{flex:0 0 auto;white-space:nowrap}
}

/* ---------- 18. 10-04 第六批 · 工作台专门设计（✎ 原型 → 工作台：desk6='v6'；全挂在 .bench.d6 下，切到“原来那样”一个像素不变） ----------
   照图书馆的学习桌：左栏照旧 | 中间是桌子（下一步、桌上摊着的材料卡、摊开读的那一份）| 右手边是本子（笔记 / 尝试 / AI 草稿，底下一行随手记一次尝试）。
   窗开在本子那一栏（窄屏和手机上盖在上面）。手机：顶上一行切换正在做的事、消息、稍后看；材料一排左右划；本子从底下升起来。 */
.bench.d6 .d6-mbar{display:none}
.bench.d6 .b-main.d6m{padding:0}
/* 藏起来左栏：展开的小钮是浮着的，不占格子；内容占满一整行（原来那样藏起来以后内容挤进 0 宽的一格，见说明） */
.bench.d6.side-hidden{grid-template-columns:minmax(0,1fr)}
.bench.d6.side-hidden .d6-job,.bench.d6.side-hidden .b-main:not(.d6m):not(.chat){padding-left:72px}
.d6-job{padding:24px 40px 96px;min-width:0}
/* 页头：这件事叫什么（能改）、存没存上、挂在哪几颗星上；右边窗和两个出口 */
.d6-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px}
.d6-ti{display:block;flex:1 1 320px;min-width:0;width:auto;border:0;border-radius:var(--r-s);background:transparent;font:500 var(--f5)/1.4 var(--serif);padding:2px 8px;margin:0 0 0 -8px;color:var(--ink)}
.d6-ti:hover{background:var(--hover)}.d6-ti:focus{background:var(--fill)}
.d6-meta{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:4px;font-size:var(--f1);color:var(--ink3)}
.d6-stars{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}
.d6-stars .lab{margin-right:2px}
.d6-star{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 11px 0 9px;border-radius:var(--r-pill);background:var(--fill);color:var(--ink2);font-size:var(--f1);line-height:1.3;white-space:nowrap;transition:background var(--dur),color var(--dur)}
.d6-star:hover{background:var(--fill2);color:var(--ink);text-decoration:none}
.d6-star i{flex:none;width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 16%,transparent)}
.d6-more,.d6-nostar{color:var(--ink3)}
.d6-acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}
.d6-acts .btn.ghost.on{background:var(--fill2);box-shadow:inset 0 0 0 1.5px var(--ink3)}
/* 下一步：一张压在桌上的便签——全页最大的字；下面一行“上次” */
.d6-resume{margin:22px 0 30px;padding:20px 24px 16px;border-radius:var(--r-l);background:var(--paper);box-shadow:0 0 0 1px var(--line)}
.d6-next{display:block;cursor:text}
.d6-next .lab{display:inline-flex;align-items:center;gap:7px;font-size:var(--f1);color:var(--acc-ink);margin-bottom:6px}
.d6-next .lab::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--acc)}
.d6-next textarea{display:block;width:calc(100% + 16px);margin:0 -8px;border:0;border-radius:var(--r-s);background:transparent;font:500 var(--f6)/1.32 var(--serif);color:var(--ink);resize:none;overflow:hidden;padding:0 8px;min-height:1.32em;transition:background var(--dur)}
.d6-next textarea:hover{background:var(--hover)}
.d6-next textarea:focus{outline:none;background:var(--fill)}
.d6-next textarea::placeholder{color:var(--ink3)}
.d6-last{display:flex;gap:10px;margin:12px 0 0;padding-top:11px;box-shadow:inset 0 1px 0 var(--line);font-size:var(--f2);line-height:1.65;color:var(--ink2)}
.d6-last b{flex:0 0 auto;font-weight:400;color:var(--ink3)}
.d6-lastx{flex:1 1 auto;min-width:0}
.d6-last .savest{flex:0 0 auto;margin-left:auto;padding-left:12px;text-align:right}
/* 桌上：材料一张一张摊开（卡片），点一张就摊开读；最后一张虚线的“在窗里找一样东西放上来” */
.d6-sh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px}
.d6-sh h2{font:500 var(--f4)/1.4 var(--serif);margin:0}
.d6-sh .n{font:400 var(--f1) var(--sans);color:var(--ink3);margin-left:10px}
.d6-swipe{display:none;font-size:var(--f1);color:var(--ink3)}
.d6-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:12px}
.d6-card{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0;min-height:112px;padding:13px 15px 12px;border-radius:12px;background:var(--paper);box-shadow:0 0 0 1px var(--line);color:var(--ink);text-align:left;font-family:var(--sans);transition:box-shadow var(--dur),background var(--dur)}
.d6-card:hover{box-shadow:0 0 0 1px var(--line2);text-decoration:none}
.d6-card.on{box-shadow:0 0 0 1.5px var(--ink2),0 10px 26px rgba(20,20,20,.12)}
.d6-card .w{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:20px;font-size:var(--f1);color:var(--ink3)}
.d6-card .w .kd{margin-right:0}
.d6-card .kd6{color:var(--ink3);white-space:nowrap}
.d6-card .d6-upd{display:inline-flex;align-items:center;gap:5px;color:var(--ink2);white-space:nowrap}
.d6-card .d6-upd::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--new)}
.d6-ct{font:400 var(--f3)/1.5 var(--serif);color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.d6-cx{font-size:var(--f1);line-height:1.6;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.d6-cm{margin-top:auto;padding-top:3px;font-size:var(--f1);color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d6-card.add{align-items:center;justify-content:center;gap:8px;background:transparent;box-shadow:none;border:1px dashed var(--line2);color:var(--ink2);font-size:var(--f2);text-align:center}
.d6-card.add:hover{background:var(--hover);color:var(--ink)}
/* 摊开读的那一份：一整张纸 */
.d6-sheet{margin-top:16px;padding:16px 30px 26px;border-radius:var(--r-l);background:var(--paper);box-shadow:0 0 0 1px var(--line)}
.d6-sbar{display:flex;align-items:center;flex-wrap:wrap;gap:2px 18px;padding-bottom:10px;margin-bottom:4px;box-shadow:inset 0 -1px 0 var(--line);font-size:var(--f1);color:var(--ink3)}
.d6-sbar .w{margin-right:auto}
.d6-sbar a,.d6-sbar .lk{display:inline-flex;align-items:center;min-height:32px;font-size:var(--f1);color:var(--ink2)}
.d6-rbody{font:400 var(--f3)/1.95 var(--serif)}
.d6-rbody .kline{margin-top:14px}
.d6-rbody h3{font-size:var(--f5);margin:6px 0 6px;font-weight:500;line-height:1.45}
.d6-rbody .meta{font:400 var(--f1) var(--sans);margin-bottom:16px}
.d6-rbody .upd{font:400 var(--f2)/1.7 var(--sans);background:var(--acc-soft);border-radius:var(--r-s);padding:10px 12px;margin-bottom:16px;color:var(--ink)}
.d6-rbody .rows{font-family:var(--sans)}
.d6-empty{padding:20px 22px;border-radius:var(--r-l);border:1px dashed var(--line2)}
.d6-empty .none{padding:0}
.d6-empty .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
/* 本子：右手边一整栏；三页一个分段；最底下一行记一次尝试（回车就记下） */
.d6-book{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--paper);box-shadow:-1px 0 0 var(--line)}
.d6-bk-top{display:flex;align-items:center;gap:12px;padding:18px 20px 4px}
.d6-bk-top h2{font:500 var(--f4)/1.4 var(--serif);margin:0}
.d6-priv{display:inline-flex;align-items:center;gap:5px;font-size:var(--f1);color:var(--ink3)}
.d6-bk-x{display:none!important;margin-left:auto}
.d6-bk-tabs{display:flex;gap:2px;margin:10px 16px 2px;padding:3px;border-radius:10px;background:var(--fill)}
.d6-bk-tabs button{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border-radius:7px;font-size:var(--f2);color:var(--ink2);transition:background var(--dur),color var(--dur),box-shadow var(--dur)}
.d6-bk-tabs button:hover{color:var(--ink)}
.d6-bk-tabs button[aria-selected="true"]{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px rgba(20,20,20,.08),0 0 0 1px var(--line2)}
.d6-bk-tabs .n{font-size:var(--f1);color:var(--ink3)}
.d6-bk-body{flex:1 1 auto;min-height:0;overflow:auto;padding:12px 20px 14px}
.d6-bk-body.notes{display:flex;flex-direction:column}
.d6-bk-body textarea#jnotes{flex:1 1 auto;display:block;width:100%;min-height:220px;border:0;border-radius:0;background:transparent;padding:2px 0 2px 16px;font:400 var(--f3)/1.9 var(--serif);resize:none;color:var(--ink);box-shadow:inset 1px 0 0 var(--line2);transition:box-shadow var(--dur)}
.d6-bk-body textarea#jnotes:focus{outline:none;box-shadow:inset 2px 0 0 var(--acc)}
.d6-bk-body textarea#jnotes::placeholder{color:var(--ink3)}
/* 10-08 本子“复制全部”：笔记页最底下靠右，一个浅底小按钮 */
.d6-bk-body .nt-copy{display:flex;justify-content:flex-end;padding-top:8px}
.d6-tries{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.d6-try{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:11px 0;box-shadow:inset 0 -1px 0 var(--line);font-size:var(--f2);line-height:1.65}
.d6-try .d{font-size:var(--f1);color:var(--ink3);padding-top:1px}
.d6-ai{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.d6-ai .draft{align-self:stretch;margin:6px 0 4px}
.d6-ai .none{padding-top:6px}
.d6-bk-log{display:flex;align-items:flex-end;gap:8px;padding:10px 14px 14px;box-shadow:0 -1px 0 var(--line)}
.d6-bk-log .c-bar{flex:1 1 auto;min-width:0}
.d6-bk-handle{display:none}
/* 窗：开在本子那一栏——这件事挂的几颗星亮着，下面列这几颗星上还没放上桌的 */
.d6-win{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--bg2);box-shadow:-1px 0 0 var(--line)}
.d6-w-top{display:flex;align-items:center;gap:10px;padding:12px 10px 10px 20px}
.d6-w-top .serif{font-size:var(--f4)}
.d6-w-sub{flex:1 1 auto;min-width:0;font-size:var(--f1);color:var(--ink3)}
.d6-w-sky{position:relative;height:280px;flex:0 0 auto;overflow:hidden;box-shadow:inset 0 1px 0 var(--line),inset 0 -1px 0 var(--line)}
.d6-w-sky canvas{position:absolute;left:0;top:0}
.d6-w-stars{display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px 0}
.d6-w-stars .d6-star.on{background:var(--ink);color:var(--bg)}
.d6-w-q{padding:10px 16px 6px}
.d6-w-q input{width:100%;height:38px;border:1px solid transparent;border-radius:var(--r-s);background:var(--fill);padding:0 12px;font-size:var(--f2)}
.d6-w-q input:focus{border-color:var(--line2);background:var(--paper)}
.d6-w-lab{padding:4px 18px 6px;font-size:var(--f1);color:var(--ink3)}
.d6-w-lab:empty{display:none}
.d6-w-res{flex:1 1 auto;min-height:0;overflow:auto;padding:0 16px 20px}
.d6-w-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 2px;box-shadow:inset 0 1px 0 var(--line);font-size:var(--f2)}
.d6-w-row .t{min-width:0;line-height:1.55}
.d6-w-row .w{display:block;font-size:var(--f1);color:var(--ink3)}
.d6-w-row .btn,.d6-w-row .faint{flex:0 0 auto;font-size:var(--f1)}
/* 稍后看：和桌上同一种卡片；卡片下面一行“放进”哪一件事 */
.d6-lzs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px 16px;margin-top:26px}
.d6-lz{display:flex;flex-direction:column;gap:10px;min-width:0}
.d6-lz .d6-card{min-height:150px}
.d6-lz .d6-ct{font-size:var(--f4)}
.d6-lz .d6-cx{-webkit-line-clamp:2}
.d6-lza{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.d6-lza .lab{font-size:var(--f1);color:var(--ink3);margin-right:2px}
.d6-lza .lk{margin-left:auto;display:inline-flex;align-items:center;min-height:30px;padding:0 4px}
/* 别的几页跟着统一：小标题一样大（和“桌上”“本子”同一档） */
.bench.d6 .d-mine h3{font-size:var(--f4)}
/* 三栏（宽于 1100）：桌子自己滚，左栏和本子不动 */
@media (min-width:1100px){
  .bench.d6 .b-main.d6m{display:grid;grid-template-columns:minmax(0,1fr) clamp(340px,28vw,420px);height:calc(100vh - var(--top));overflow:hidden}
  .bench.d6 .d6-job{height:100%;overflow:auto;overscroll-behavior:contain}
  .bench.d6 .d6-book,.bench.d6 .d6-win{height:100%}
  .bench.d6 .d6-scrim{display:none}
}
/* 窄一点（1099 以下）：本子收成底下一行（“本子”+ 记一次尝试），点“本子”升起来；窗盖在右边 */
@media (max-width:1099px){
  .bench.d6 .b-main.d6m{display:block}
  .bench.d6 .d6-job{padding-bottom:28px}
  .bench.d6 .d6-book{position:sticky;bottom:0;z-index:4;background:var(--bg);box-shadow:0 -1px 0 var(--line2),0 -10px 28px rgba(20,20,20,.07)}
  .bench.d6 .d6-book:not(.open)>.d6-bk-top,.bench.d6 .d6-book:not(.open)>.d6-bk-tabs,.bench.d6 .d6-book:not(.open)>.d6-bk-body{display:none}
  .bench.d6 .d6-bk-handle{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;height:44px;padding:0 14px 0 12px;border-radius:22px;background:var(--fill);color:var(--ink);font-size:var(--f2)}
  .bench.d6 .d6-bk-handle .n{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--fill2);font-size:12px;line-height:20px;text-align:center;color:var(--ink2)}
  .bench.d6 .d6-book.open{position:fixed;left:0;right:0;top:calc(var(--top) + 5vh);bottom:0;z-index:22;border-radius:18px 18px 0 0;background:var(--paper);box-shadow:var(--shadow),0 0 0 1px var(--line)}
  .bench.d6 .d6-book.open .d6-bk-handle{display:none}
  .bench.d6 .d6-book.open .d6-bk-x{display:inline-flex!important}
  .bench.d6 .d6-scrim{position:fixed;inset:0;z-index:21;background:rgba(10,11,14,.34)}
  body.d6-lock #page{overflow:hidden}
  .bench.d6 .d6-win{position:fixed;right:0;top:var(--top);bottom:0;width:min(420px,100vw);z-index:24;box-shadow:var(--shadow),0 0 0 1px var(--line)}
}
@media (min-width:761px){.bench.d6 .d6-msheet,.bench.d6 .d6-scrim:not(.d6-bscrim){display:none}}
/* 手机（760 以下）：专门的手机工作台 */
@media (max-width:760px){
  .bench.d6,.bench.d6.side-mini,.bench.d6.side-full,.bench.d6.side-hidden{grid-template-columns:minmax(0,1fr)}
  .bench.d6>.b-rail,.bench.d6>.b-show{display:none!important}
  .bench.d6 .b-main{padding:0 16px 140px}
  .bench.d6.side-hidden .b-main:not(.d6m):not(.chat){padding-left:16px}
  .bench.d6 .b-main.d6m{padding:0 0 calc(58px + env(safe-area-inset-bottom))}
  .bench.d6 .b-main.chat{padding:0}
  /* 顶上一行：这是哪儿（点开切换正在做的事），右边消息、稍后看 */
  .bench.d6 .d6-mbar{display:flex;align-items:center;gap:2px;position:sticky;top:0;z-index:6;margin:0 -16px 16px;padding:5px 8px 5px 8px;background:var(--bg);box-shadow:inset 0 -1px 0 var(--line)}
  .bench.d6 .b-main.d6m .d6-mbar,.bench.d6 .t-list .d6-mbar{margin:0}
  .d6-msw{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px;height:44px;padding:0 10px;border-radius:var(--r-s);font:500 var(--f3)/1.3 var(--sans);color:var(--ink);text-align:left}
  .d6-msw:hover,.d6-msw[aria-expanded="true"]{background:var(--hover)}
  .d6-msw-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .d6-msw .i{flex:none;color:var(--ink3)}
  .d6-mico{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-s);color:var(--ink2)}
  .d6-mico:hover{background:var(--hover);text-decoration:none}
  .d6-mico.on{background:var(--fill2);color:var(--ink)}
  .d6-mico .unread{position:absolute;right:2px;top:3px}
  .d6-mico .c{position:absolute;right:1px;top:4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--fill2);font:500 11px/18px var(--sans);text-align:center;color:var(--ink2)}
  /* 一件事：下一步最上面；再是两个出口和窗、挂在哪几颗星；桌上一排左右划的卡片；摊开的那一份 */
  .bench.d6 .d6-job{display:flex;flex-direction:column;padding:14px 16px 20px}
  .bench.d6 .d6-resume{order:1;margin:0 0 14px;padding:15px 16px 12px}
  .bench.d6 .d6-head{order:2;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:12px;margin:0 0 22px}
  .bench.d6 .d6-acts{margin-left:0}
  .bench.d6 .d6-desk{order:3}
  .bench.d6 .d6-ti{display:none}
  .bench.d6 .d6-meta{margin-top:0;gap:8px 12px}
  .bench.d6 .d6-stars{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px;scrollbar-width:none}
  .bench.d6 .d6-stars::-webkit-scrollbar{display:none}
  .bench.d6 .d6-stars .lab{flex:none}
  .bench.d6 .d6-last{flex-wrap:wrap;gap:2px 10px}
  .bench.d6 .d6-last .savest{flex-basis:100%;padding-left:0;text-align:left}
  .bench.d6 .d6-last .savest:not(:has(.warn)){display:none}
  .bench.d6 .d6-star{min-height:44px;padding:0 14px 0 12px;font-size:var(--f2)}
  .bench.d6 .d6-next textarea{font-size:24px;padding:6px 8px;margin:-6px -8px}
  .bench.d6 .d6-last{font-size:var(--f1)}
  .bench.d6 .d6-acts{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:8px}
  .bench.d6 .d6-acts .btn{min-height:44px;padding:0 14px}
  .bench.d6 .d6-swipe{display:inline}
  .bench.d6 .d6-cards{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:2px 16px 16px;scroll-padding:0 16px;scrollbar-width:none;overscroll-behavior-x:contain}
  .bench.d6 .d6-cards::-webkit-scrollbar{display:none}
  .bench.d6 .d6-card{flex:0 0 74%;scroll-snap-align:start;min-height:132px}
  .bench.d6 .d6-card.on{box-shadow:0 0 0 1.5px var(--ink2),0 4px 10px rgba(20,20,20,.1)}
  .bench.d6 .d6-cx{-webkit-line-clamp:2}
  .bench.d6 .d6-card.add{flex-basis:46%}
  .bench.d6 .d6-sheet{margin-top:10px;padding:10px 16px 20px}
  .bench.d6 .d6-sbar{gap:0 14px}
  .bench.d6 .d6-sbar a,.bench.d6 .d6-sbar .lk{min-height:44px;min-width:44px;justify-content:center}
  .bench.d6 .d6-sbar [data-cmp]{display:none}
  .bench.d6 .d6-rbody h3{font-size:22px}
  /* 本子：底下常驻一行（“本子”+ 记一次尝试），在底栏上面；点“本子”从底下升起来 */
  .bench.d6 .d6-book{bottom:calc(58px + env(safe-area-inset-bottom))}
  .bench.d6 .d6-book.open{top:calc(var(--top) + 3vh);bottom:calc(58px + env(safe-area-inset-bottom))}
  .bench.d6 .d6-bk-top{padding:12px 12px 2px 18px}
  .bench.d6 .d6-bk-x{width:44px;height:44px}
  .bench.d6 .d6-bk-tabs button{height:44px}
  .bench.d6 .d6-bk-tabs{padding:1px}
  .bench.d6 .d6-bk-log{padding:8px 10px 8px}
  .bench.d6 .c-bar textarea{font-size:16px}
  .bench.d6 .d6-bk-log .c-bar textarea{min-height:44px;padding:10px 0}
  .bench.d6 .c-bar.sm .c-send{width:44px;height:44px}
  .bench.d6 .d6-ai .btn,.bench.d6 .draft .btn{min-height:44px}
  .bench.d6 .draft .lk{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 6px}
  .bench.d6 .d6-win{left:0;width:auto;bottom:calc(58px + env(safe-area-inset-bottom))}
  .bench.d6 .d6-w-sky{height:240px}
  .bench.d6 .d6-w-top .ico{width:44px;height:44px}
  .bench.d6 .d6-w-q input{height:44px;font-size:16px}
  .bench.d6 .d6-w-row .btn{min-height:44px}
  .bench.d6 .d6-empty .btn{min-height:44px}
  /* 点开顶上那一行：从底下升起来的一张——这件事的名字、正在做的事、新的一件事、工作台别的去处 */
  .bench.d6 .d6-msheet{position:fixed;left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom));max-height:calc(100vh - var(--top) - 58px - 16px);overflow:auto;z-index:23;padding:2px 16px 16px;border-radius:18px 18px 0 0;background:var(--paper);box-shadow:var(--shadow),0 0 0 1px var(--line)}
  .d6-ms-top{display:flex;align-items:center;justify-content:space-between;height:54px}
  .d6-ms-top .serif{font-size:var(--f4)}
  .d6-ms-top .ico{width:44px;height:44px;margin-right:-8px}
  .d6-ms-ti{margin:0 0 14px}
  .d6-ms-ti input{height:44px;font-size:16px}
  .d6-ms-lab{font-size:var(--f1);color:var(--ink3);margin:4px 2px 4px}
  .d6-ms-jobs{display:flex;flex-direction:column;gap:2px}
  .d6-ms-job{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:54px;padding:8px 12px;border-radius:var(--r-s);color:var(--ink)}
  .d6-ms-job:hover{background:var(--hover);text-decoration:none}
  .d6-ms-job.on{background:var(--fill2)}
  .d6-ms-job .bj{font-size:var(--f3);font-weight:500;line-height:1.45}
  .d6-ms-job .bn{font-size:var(--f1);color:var(--ink3);line-height:1.5}
  .d6-ms-new{display:block;width:100%;height:44px;margin:8px 0 14px;border:1px solid transparent;border-radius:var(--r-s);background:var(--fill);padding:0 12px;font-size:16px}
  .d6-ms-new:focus{border-color:var(--line2);background:var(--paper)}
  .d6-ms-go{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding-top:10px;box-shadow:inset 0 1px 0 var(--line)}
  .d6-ms-it{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;border-radius:var(--r-s);color:var(--ink2);font-size:var(--f2)}
  .d6-ms-it:hover{background:var(--hover);text-decoration:none}
  .d6-ms-it.on{background:var(--fill2);color:var(--ink)}
  .d6-ms-it .i{color:var(--ink3)}
  .d6-ms-it span:first-of-type{flex:1 1 auto;min-width:0}
  .d6-ms-it .c{font-size:var(--f1);color:var(--ink3)}
  /* 别的几页：能点的都不小于 44 */
  .bench.d6 .btn.sm{min-height:44px}
  .bench.d6 .rows .lk,.bench.d6 .d-mine .lk,.bench.d6 .d6-lza .lk{display:inline-flex;align-items:center;min-height:44px;padding:0 6px}
  .bench.d6 .chip{min-height:44px;padding:0 14px;font-size:var(--f2)}
  .bench.d6 .segc label{height:44px}
  .bench.d6 .sw{width:46px;height:44px}
  .bench.d6 .sw i{inset:10px 2px}
  .bench.d6 .t-head{padding:12px 12px 6px}
  .bench.d6 .t-find input{height:44px;font-size:16px}
  .bench.d6 .t-tabs .pill{min-height:44px;padding:0 14px}
  .bench.d6 .c-top .ico{width:44px;height:44px}
  .bench.d6 .c-on{min-height:44px}
  .bench.d6 .c-top>a:not(.c-back){display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
  .bench.d6 .radios label{min-height:44px}
  .bench.d6 .bact button{height:44px}
  .bench.d6 .c-id .ti{display:inline-flex;align-items:center;min-height:44px}
  .bench.d6 .msg-av a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-6px}
  .bench.d6 .msg .who a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;margin:-12px 0}
  .bench.d6 .c-say .c-bar textarea{min-height:44px;padding:10px 0}
  .bench.d6 .d6-lza .lk{min-width:44px;justify-content:center}
  .bench.d6 .d6-lzs{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:18px}
  .bench.d6 .d6-lz .d6-card{min-height:0}
  .bench.d6 .sp-grid .field input{height:44px;font-size:16px}
}
/* 10-04 晚：实测“测哪几家”自己填 */
.tl-ms{display:grid;gap:8px;margin:6px 0 10px}
.tl-mrow{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:8px;align-items:center}
.tl-mrow input{min-width:0;height:40px}
.tl-mrow .tl-mx{width:36px;height:36px}
@media (max-width:760px){.tl-mrow{grid-template-columns:minmax(0,1fr) auto}.tl-mrow .tl-mv{grid-column:1/2}.tl-mrow input{height:44px}.tl-mrow .tl-mx{width:44px;height:44px}}
/* 10-04 晚：帖子里的星图（每篇都有）、评论里“连上” */
.talkmap.tm7 .tm-links{margin:8px 0 2px}
.cm-link{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 0}
.cm-link:empty{display:none}
.cm-link .note{flex-basis:100%;margin:2px 0 0}
.cm-link .cm-k{min-height:36px}
.cm-link .cm-k.on{font-weight:600}
@media (max-width:760px){.cm-link .cm-k{min-height:44px}}
/* 10-04 深夜：全站配色候选（pal7） */
html[data-pal7="a"][data-look="night"],html[data-pal7="a"][data-look="night"] [data-look="night"]{--bg:#111111;--bg2:#181818;--paper:#191919;--paper2:#1f1f1f;--panel:rgba(25,25,25,.84);--panel2:rgba(25,25,25,.97);--glass:rgba(25,25,25,.58);--ink:rgba(236,236,236,.94);--ink2:rgba(236,236,236,.74);--ink3:rgba(236,236,236,.58);--ink4:rgba(236,236,236,.18);--paper-ink:rgba(236,236,236,.92);--line:rgba(236,236,236,.08);--line2:rgba(236,236,236,.15);--fill:rgba(236,236,236,.06);--fill2:rgba(236,236,236,.1);--hover:rgba(236,236,236,.055);color-scheme:dark}
html[data-pal7="a"][data-look="day"],html[data-pal7="a"] [data-look="day"]{--bg:#f5f5f5;--bg2:#ececec;--paper:#ffffff;--paper2:#f7f7f7;--panel:rgba(255,255,255,.88);--panel2:rgba(255,255,255,.98);--glass:rgba(255,255,255,.72);--ink:rgba(25,25,25,.92);--ink2:rgba(25,25,25,.74);--ink3:rgba(25,25,25,.66);--ink4:rgba(25,25,25,.18);--paper-ink:rgba(25,25,25,.92);--line:rgba(25,25,25,.09);--line2:rgba(25,25,25,.16);--fill:rgba(25,25,25,.05);--fill2:rgba(25,25,25,.085);--hover:rgba(25,25,25,.045);color-scheme:light}
html[data-pal7="b"][data-look="night"],html[data-pal7="b"][data-look="night"] [data-look="night"]{--bg:#0d1016;--bg2:#131720;--paper:#151a23;--paper2:#1a202b;--panel:rgba(19,23,32,.84);--panel2:rgba(19,23,32,.97);--glass:rgba(19,23,32,.58);--ink:rgba(231,235,242,.94);--ink2:rgba(231,235,242,.74);--ink3:rgba(231,235,242,.58);--ink4:rgba(231,235,242,.18);--paper-ink:rgba(231,235,242,.92);--line:rgba(231,235,242,.08);--line2:rgba(231,235,242,.15);--fill:rgba(231,235,242,.06);--fill2:rgba(231,235,242,.1);--hover:rgba(231,235,242,.055);color-scheme:dark}
html[data-pal7="b"][data-look="day"],html[data-pal7="b"] [data-look="day"]{--bg:#f4f6f9;--bg2:#eaeef3;--paper:#ffffff;--paper2:#f6f8fb;--panel:rgba(255,255,255,.88);--panel2:rgba(255,255,255,.98);--glass:rgba(255,255,255,.72);--ink:rgba(20,24,32,.92);--ink2:rgba(20,24,32,.74);--ink3:rgba(20,24,32,.66);--ink4:rgba(20,24,32,.18);--paper-ink:rgba(20,24,32,.92);--line:rgba(20,24,32,.09);--line2:rgba(20,24,32,.16);--fill:rgba(20,24,32,.05);--fill2:rgba(20,24,32,.085);--hover:rgba(20,24,32,.045);color-scheme:light}
/* 白天各板块不再各自上色 */
html[data-pal7="a"][data-look="day"] body[data-sec] :is(#page,#plate){--bg:#f5f5f5}
html[data-pal7="b"][data-look="day"] body[data-sec] :is(#page,#plate){--bg:#f4f6f9}
/* 10-05 最后整体红队：白天的小星图、手机星系的 44、实测材料那一行 */
[data-look="day"] .talkmap .tm-cv{background:var(--bg2)}
[data-look="day"] .talkmap .tm-cv canvas,[data-look="day"] #chartwrap .chart-cv{filter:invert(1) hue-rotate(180deg)}
@media (max-width:760px){
  html:not([data-mpages=now]) :is(#crumbs,#card,#findp) .back{min-width:44px;min-height:44px}
  html:not([data-mpages=now]) :is(#crumbs,#card,#findp) .seg a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:4px solid transparent;background-clip:padding-box;border-radius:10px}
  html:not([data-mpages=now]) :is(#crumbs,#card,#findp) :is(.lk,.linkish){display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}
  html:not([data-mpages=now]) :is(#crumbs,#card,#findp) .c-sort button{min-height:44px;min-width:44px;padding:0 6px}
  html:not([data-mpages=now]) :is(#card,#findp) .ey a{display:inline-block;min-width:44px;padding:12px 6px;margin:-12px -6px;text-align:center}
  html:not([data-mpages=now]) :is(#page,#card,#findp) button[data-rd="drop"]{min-width:44px;min-height:44px}
  html:not([data-mpages=now]) :is(#card,#findp) :is(a.chip,button.chip){height:auto;min-height:44px;border-top:7px solid transparent;border-bottom:7px solid transparent;background-clip:padding-box}
  html:not([data-mpages=now]) #page details.tl-mat>summary{display:flex;align-items:center;min-height:44px}
}
/* 10-05 红队：卡片标题里的“全部 N 篇 →” */
@media (max-width:760px){html:not([data-mpages=now]) :is(#card,#findp) h4 a{display:inline-flex;align-items:center;min-height:44px;padding:8px 4px;margin:-8px -4px}}
/* 10-06 正式站：内测反馈的公开确认 */
.fb-pubok{display:flex;align-items:center;gap:8px;margin:14px 0 4px;font-size:var(--f1)}
.fb-pubok input{width:18px;height:18px}
@media (max-width:760px){.fb-pubok{min-height:44px}}
/* 10-06 正式站：正文里的 `代码`、行首 # 标题 */
.para p code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;padding:.05em .35em;border-radius:5px;background:var(--fill)}
.para p .md-h{font-size:1.06em}
/* 10-06 D032：写页上“你的草稿”、另开一段的“再连一次” */
.w-drafts{margin:6px 0 14px;font-size:var(--f1)}
.w-drafts summary{cursor:pointer;color:var(--ink2)}
.w-drafts .rows{margin-top:8px}
.fork-retry{margin:8px 0}
/* 10-08 市集导航三：概览就是三扇门——门上只有馆名和两个入口；手机上照样一排三扇、一样大（一屏放得下，没有主次） */
.m-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:6px}
.m-door{box-shadow:0 0 0 1px var(--line);min-width:0}
.m-door .md-in{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:28px 24px 10px;color:var(--ink);text-decoration:none}
.m-door .md-in:hover{text-decoration:none}
.m-door .md-in .dn{font-size:var(--f5);font-weight:500;line-height:1.3}
.m-door .md-go{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 24px 24px}
.md-e{display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 10px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink);font-size:var(--f2);text-decoration:none;white-space:nowrap;transition:background var(--dur)}
.md-e:hover{background:var(--fill);text-decoration:none}
.m-door .md-in:focus-visible,.md-e:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.m-note0{margin-top:26px}
@media (max-width:760px){
  .m-doors{gap:8px;margin-top:2px}
  .m-door .md-in{align-items:center;text-align:center;gap:10px;padding:16px 6px 4px}
  .m-door .md-in .h-mark{width:34px;height:34px;border-radius:10px}
  .m-door .md-in .dn{font-size:15px;white-space:nowrap}
  .m-door .md-go{grid-template-columns:minmax(0,1fr);gap:8px;padding:10px 8px 12px}
  .md-e{padding:0 4px;font-size:13px}
}
@media (max-width:350px){.m-door .md-in .dn{font-size:14px}.md-e{font-size:12px}}
/* 10-08 市集精修（创始人：三馆字体居中、大小再调；入口还是圆的）：门不借 .mcard（门本身不能点，不要悬停变色）；馆名居中、大一号；
   入口是圆的浅底按钮、没有描边；馆页头不放小图标；每一面的页头写成这个馆的两面（.h-pair） */
.m-doors{gap:16px;margin-top:0}
.m-door{display:flex;flex-direction:column;border-radius:18px;background:var(--paper);box-shadow:0 0 0 1px var(--line);min-width:0}
[data-ui="v4"] [data-look="day"] .m-door{background:#fffefb}
[data-ui="v4"][data-paper="dim"][data-look="night"] [data-look="day"] .m-door{background:#ded8cc}
.m-door .md-in{align-items:center;text-align:center;gap:12px;padding:38px 24px 0}
.m-door .md-in .h-mark{width:auto;height:auto;background:none;border-radius:0;color:var(--ink3)}
.m-door .md-in .h-mark svg{width:20px;height:20px}
.m-door .md-in .dn{font-size:26px;letter-spacing:.08em;padding-left:.08em}
.m-door .md-go{gap:10px;padding:40px 24px 28px}
.md-e{min-height:42px;border-radius:var(--r-pill);box-shadow:none;background:var(--fill);font-size:14px}
.md-e:hover{background:var(--fill2)}
.h-head .h-mark{display:none}
.h-head .h-acts{margin-left:0}
.h-pair{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:0 .9em}
.h-pair a{color:var(--ink3);text-decoration:none;transition:color var(--dur)}
.h-pair a:hover{color:var(--ink2);text-decoration:none}
.h-pair .on{color:var(--ink)}
@media (max-width:760px){
  .m-doors{gap:8px}
  .m-door{border-radius:16px}
  .m-door .md-in{gap:8px;padding:22px 6px 0}
  .m-door .md-in .h-mark svg{width:18px;height:18px}
  .m-door .md-in .dn{font-size:16px;letter-spacing:.04em;padding-left:.04em}
  .m-door .md-go{gap:7px;padding:24px 8px 12px}
  .md-e{min-height:38px;font-size:13px}
}
@media (max-width:350px){.m-door .md-in .dn{font-size:14.5px;letter-spacing:0;padding-left:0}}

/* ---------- 19. 10-08 手机玻璃面板（创始人定）：页面上的顶栏、底栏、头像菜单做成半透明的玻璃，背后的星空或内容模糊着透出来 ----------
   星系上的顶栏本来就透明，不动；底栏当前那一栏的底留着。
   顶栏里有 position:fixed 的子元素（底栏、头像菜单、整屏搜索、遮罩），顶栏自己带 backdrop-filter 会变成它们的定位框，
   所以顶栏的玻璃画在 ::before 上，顺手去掉白天读一篇时顶栏自己的模糊（app.css 那条在手机上会把头像菜单关进顶栏里）；底栏、头像菜单自己带模糊。
   玻璃底色跟着各套配色的 --bg 走；玻璃上的字按最坏的情况配（背后整片白或整片黑，底栏 12px 的字也 ≥4.5），和 14b 星系卡片同一个做法。
   原来底栏改成实底，是因为 97% 不透明又不模糊，下面的字隐约透出来；这里背后是模糊的，透出来的只是一片颜色。 */
:root{--gl-a:72%;--gl-filter:blur(22px) saturate(1.6) brightness(.62);--gl-sheen:rgba(255,255,255,.03);--gl-edge:rgba(255,255,255,.09)}
[data-look="day"]{--gl-a:74%;--gl-filter:blur(22px) saturate(1.3) brightness(1.06);--gl-sheen:rgba(255,255,255,.4);--gl-edge:rgba(22,24,29,.08)}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
@media (max-width:760px){
  html:not([data-mpages=now]) body.page-on .top,html:not([data-mpages=now]) body.reading .top,
  html[data-look="day"]:not([data-mpages=now]) body.reading .top{background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  html:not([data-mpages=now]) body.page-on .top::before,html:not([data-mpages=now]) body.reading .top::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:linear-gradient(180deg,var(--gl-sheen),rgba(255,255,255,0)),color-mix(in srgb,var(--bg) var(--gl-a),transparent);
    -webkit-backdrop-filter:var(--gl-filter);backdrop-filter:var(--gl-filter);box-shadow:0 1px 0 var(--gl-edge)}
  html:not([data-mpages=now]) .tabs{background:linear-gradient(180deg,var(--gl-sheen),rgba(255,255,255,0)),color-mix(in srgb,var(--bg) var(--gl-a),transparent);
    -webkit-backdrop-filter:var(--gl-filter);backdrop-filter:var(--gl-filter);box-shadow:inset 0 1px 0 var(--gl-edge)}
  html:not([data-mpages=now]) .top .medd #memenu{background:linear-gradient(180deg,var(--gl-sheen),rgba(255,255,255,0) 120px),color-mix(in srgb,var(--bg) 84%,transparent);
    -webkit-backdrop-filter:var(--gl-filter);backdrop-filter:var(--gl-filter)}
  /* 玻璃上的字：夜里提亮一层，白天压深一层 */
  html:not([data-mpages=now]) .tabs,html:not([data-mpages=now]) .top .medd #memenu{--ink:#eef0f5;--ink2:#cdd2db;--ink3:#b8bec9}
  html:not([data-mpages=now]) body.page-on .top,html:not([data-mpages=now]) body.reading .top{--ink3:#b8bec9}
  html[data-look="day"]:not([data-mpages=now]) .tabs,html[data-look="day"]:not([data-mpages=now]) .top .medd #memenu,
  html:not([data-mpages=now]) #top[data-look="day"] .tabs,html:not([data-mpages=now]) #top[data-look="day"] .medd #memenu{--ink:#15171b;--ink2:#2a2d34;--ink3:#3a3e46}
  html[data-look="day"]:not([data-mpages=now]) body.page-on .top,html[data-look="day"]:not([data-mpages=now]) body.reading .top,
  html:not([data-mpages=now]) body.page-on #top[data-look="day"],html:not([data-mpages=now]) body.reading #top[data-look="day"]{--ink3:#3a3e46}
}}

/* ---------- 20. 10-08 本子提示：第一次打开一件事时本子上方一句话；手机上“本子”按钮带一个小点，点过“知道了”就没了 ---------- */
.d6-bkhint{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 10px;padding:10px 12px;border-radius:10px;background:var(--acc-soft);color:var(--ink2);font-size:var(--f1);line-height:1.6}
.d6-bkhint .linkish{flex:0 0 auto;white-space:nowrap}
.d6-bk-handle{position:relative}
.d6-bk-handle.new::after{content:"";position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--acc)}

/* ---------- 21. 10-09 社交：消息列表下“找我的 / 已收起”（去原生页）、每条消息下“帮到我了”（去原生“我的进展”）、举报弹框里的地址、手机对话顶栏让位 ---------- */
.t-also{display:flex;flex-wrap:wrap;gap:2px;margin-top:6px}
.t-also a{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:0 10px;border-radius:999px;font-size:var(--f1);color:var(--ink3);text-decoration:none}
.t-also a:hover{background:var(--hover);color:var(--ink)}
.t-also .i{opacity:.7}
.bact a{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px;border-radius:7px;font-size:var(--f1);color:var(--ink3);text-decoration:none}
.bact a:hover{background:var(--hover);color:var(--ink)}
.rp-path{display:flex;gap:8px;align-items:center;margin:12px 0 4px}
.rp-path input{flex:1 1 auto;min-width:0;height:36px;padding:0 10px;border-radius:var(--r-s);border:1px solid var(--line2);background:var(--fill);color:var(--ink2);font-size:var(--f1);font-family:var(--mono)}
@media (max-width:760px){
  .bench.d6 .t-also a{min-height:44px}
  .bench.d6 .bact a{height:44px}
  /* 手机上对话顶栏挤：“去原处看”和下面那张“挂在…”小卡去同一处，让给“我的进展” */
  .bench.d6 .c-acts .c-out{display:none}
}