/* hao123ai 办事大全（2026-09-24）
   用户：「要纯文字加好的颜色和CSS组合，最小的版面获得最大的信息量」「颜色简介简单点，颜色不要超过三个」
   颜色只有三种：主色（链接、选中、品牌）、强调色（热门、「示例」提醒）、深灰（正文）。换配色只改 :root 这三个值。
   浅灰只用来画线和垫底，不当颜色用。不用图标、卡片、阴影，层级靠字重、细线和浅底。 */
:root {
  --main: #7a4a24;   /* 主色 咖啡：链接、选中、品牌（2026-09-24 用户在四套里定了 D） */
  --accent: #d9480f; /* 强调色 橙红：热门、「示例」提醒、【待填】 */
  --ink: #2a2420;    /* 正文 墨黑 */
  /* 下面是灰，只画线垫底；跟着咖啡色偏一点暖，看上去仍是灰 */
  --ink-2: #5a524c;
  --muted: #9b938c;
  --line: #e6e1dc;
  --line-2: #f0ece8;
  --tint: #f7f5f2;
}
* { box-sizing: border-box; }
html { scroll-padding-top: 8px; }
body { margin: 0; background: #fff; color: var(--ink); font: 13.5px/1.7 "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif; }
a { color: var(--main); text-decoration: none; }
a:hover { color: var(--accent); text-decoration: underline; }
button, select, input, textarea { font: inherit; }
h1, h2, h3 { margin: 0; }
[hidden] { display: none !important; }
.wrap { max-width: 1200px; margin: 0 auto; padding: 0 12px; }
.muted { color: var(--muted); font-size: 12.5px; margin: 0; }
.more { color: var(--muted); font-size: 12px; white-space: nowrap; }
.more::after { content: " »"; }

/* 顶栏：一行 */
.top { border-bottom: 1px solid var(--line); background: #fff; }
.top .wrap { display: flex; align-items: center; gap: 14px; height: 46px; }
.logo { display: flex; align-items: baseline; }
.logo:hover { text-decoration: none; }
.logo b { font: 700 22px/1 Arial, "Helvetica Neue", sans-serif; color: var(--main); letter-spacing: -.3px; }
.logo em { font: 700 22px/1 Arial, "Helvetica Neue", sans-serif; font-style: normal; color: var(--accent); margin-left: 1px; }
.logo span { font-size: 13px; color: var(--ink-2); margin-left: 8px; padding-left: 8px; border-left: 1px solid var(--line); }
.today { color: var(--muted); font-size: 12.5px; white-space: nowrap; }
.grow { flex: 1; }
.ask { color: var(--ink-2); font-size: 13px; border: 1px solid var(--line); border-radius: 3px; padding: 2px 10px; white-space: nowrap; }
.ask:hover { border-color: var(--main); color: var(--main); text-decoration: none; }
.nav { color: var(--ink-2); font-size: 13px; white-space: nowrap; }
.crumbs { font-size: 12.5px; color: var(--muted); padding: 6px 0 2px; }
.crumbs a { color: var(--ink-2); }
.crumbs i { font-style: normal; margin: 0 6px; color: #cfc8c1; }
main.wrap { padding-top: 6px; padding-bottom: 6px; }

/* 首页：一行一条的信息条 */
.bar { display: flex; align-items: baseline; gap: 0 12px; padding: 4px 10px; font-size: 13.5px; }
.bar > b { flex: none; font-weight: 700; color: var(--ink); }
.bar > span { display: flex; flex-wrap: wrap; gap: 0 14px; }
.season { background: var(--tint); border: 1px solid var(--line-2); border-radius: 3px; margin: 2px 0 4px; }
.season > b { color: var(--accent); }
.season em { flex: none; font-style: normal; font-weight: 700; color: var(--ink); }
.whobar { border-bottom: 1px solid var(--line-2); }
.whobar button { border: 0; background: none; padding: 0 6px; border-radius: 3px; color: var(--ink-2); cursor: pointer; line-height: 22px; }
.whobar button:hover { color: var(--main); }
.whobar button.on { background: var(--main); color: #fff; }
.mine { border-bottom: 1px solid var(--line-2); }

/* 首页：常办文字表 */
.hotgrid { display: grid; grid-template-columns: 30px minmax(0, 1fr); border: 1px solid var(--line); border-radius: 3px; margin: 6px 0 8px; overflow: hidden; }
.hotgrid h2 { writing-mode: vertical-rl; display: grid; place-items: center; font-size: 14px; letter-spacing: 8px; color: #fff; background: var(--main); }
.grid { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); }
.grid a { padding: 4px 10px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-right: 1px solid var(--line-2); border-bottom: 1px solid var(--line-2); }
.grid a:nth-child(8n) { border-right: 0; }
.grid a:nth-last-child(-n+8) { border-bottom: 0; }
.grid a:hover { background: var(--tint); }

/* 首页：按事找，一行一类 + 右栏 */
.cols { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 10px; align-items: start; }
.rows { border: 1px solid var(--line); border-radius: 3px; overflow: hidden; }
.rows + .rows { margin-top: 8px; }
.rows-h { font-size: 13.5px; padding: 4px 10px; background: var(--tint); border-bottom: 1px solid var(--line); }
.row { display: flex; align-items: baseline; gap: 10px; padding: 4px 10px; border-bottom: 1px solid var(--line-2); }
.row:nth-child(even) { background: #fbfaf8; }
.row:last-child { border-bottom: 0; }
.row-h { flex: none; width: 60px; font-weight: 700; font-size: 14px; color: var(--ink); }
.row-h:hover { color: var(--main); text-decoration: none; }
.row-l { flex: 1; display: flex; flex-wrap: wrap; gap: 0 15px; }
.row-l a { white-space: nowrap; }
.row .more { flex: none; }
a.hot { color: var(--accent); }
.sbox { border: 1px solid var(--line); border-radius: 3px; margin-bottom: 8px; }
.sbox h3 { font-size: 13.5px; padding: 3px 10px; background: var(--tint); border-bottom: 1px solid var(--line); }
.sbox h3 small { font-weight: 400; color: var(--muted); font-size: 12px; margin-left: 6px; }
.sbox .in { padding: 4px 10px 6px; }
.tl { display: grid; grid-template-columns: 1fr 1fr; gap: 0 10px; margin: 0; }
.tl a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tl small { color: var(--muted); font-size: 11.5px; margin-left: 3px; }
.sbox .more { display: block; text-align: right; }
.finder label { display: flex; align-items: center; gap: 6px; margin: 3px 0; font-size: 13px; color: var(--ink-2); white-space: nowrap; }
.finder select { flex: 1; min-width: 0; padding: 2px 4px; border: 1px solid var(--line); border-radius: 3px; background: #fff; color: var(--ink); font-size: 13px; }
.finder select:focus { outline: none; border-color: var(--main); }
.fout { margin-top: 6px; }
.fout p { margin: 0 0 2px; color: var(--muted); font-size: 12px; }
.fout a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.85; }
.rank { margin: 0; padding: 0; list-style: none; counter-reset: rk; }
.rank li { counter-increment: rk; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.95; }
.rank li::before { content: counter(rk); display: inline-block; width: 16px; margin-right: 6px; color: var(--muted); font: 700 12px/1 Arial, sans-serif; text-align: right; }
.rank li:nth-child(-n+3)::before { color: var(--accent); }

/* 分类页、专题页 */
.hub { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; padding: 6px 2px 5px; border-bottom: 2px solid var(--main); margin-bottom: 4px; }
.hub h1 { font-size: 20px; color: var(--ink); }
.hub .cnt { color: var(--ink-2); font-weight: 700; }
.jump { display: flex; flex-wrap: wrap; gap: 0 14px; padding: 2px 2px 8px; font-size: 13px; }
.jump small { color: var(--muted); margin-left: 2px; }
.blk { border: 1px solid var(--line); border-radius: 3px; margin-bottom: 8px; }
.blk h2 { font-size: 13.5px; padding: 3px 10px; background: var(--tint); border-bottom: 1px solid var(--line); border-left: 3px solid var(--main); }
.blk h2 a { color: var(--ink); }
.blk h2 small { font-weight: 400; color: var(--muted); margin-left: 6px; font-size: 12px; }
.lst { list-style: none; margin: 0; padding: 3px 10px 5px; display: grid; grid-template-columns: repeat(auto-fill, minmax(188px, 1fr)); gap: 0 14px; }
.lst li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.95; }
.lst.wide { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.lst.wide small { color: var(--muted); margin-left: 8px; }
.blk .all { display: block; padding: 0 10px 5px; text-align: right; }

/* 办事页：标签 + 一行选项，右栏示例成品 */
.sh { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; padding: 6px 2px 5px; border-bottom: 2px solid var(--main); margin-bottom: 8px; }
.sh h1 { font-size: 20px; }
.sh .meta { color: var(--muted); font-size: 12.5px; }
.sh .meta a { color: var(--ink-2); }
.sh .muted { flex-basis: 100%; }
.star { margin-left: auto; border: 1px solid var(--line); background: #fff; border-radius: 3px; padding: 0 8px; font-size: 12.5px; color: var(--ink-2); cursor: pointer; line-height: 22px; }
.star:hover { border-color: var(--accent); color: var(--accent); }
.star.on { color: var(--accent); border-color: var(--accent); }
.sc { display: grid; grid-template-columns: minmax(0, 1fr) 430px; gap: 14px; align-items: start; }
.q, .a { margin: 0 0 4px; padding: 4px 10px; font-size: 14px; background: var(--tint); border-left: 3px solid var(--line); }
.q { border-color: var(--main); }
.a { color: var(--ink-2); font-size: 13px; }
.q b, .a b { font-size: 12px; margin-right: 8px; color: var(--ink-2); }
.q b { color: var(--main); }
.form h3 { font-size: 12.5px; color: var(--muted); font-weight: 700; margin: 10px 0 2px; padding-bottom: 2px; border-bottom: 1px solid var(--line-2); }
.f { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 10px; align-items: baseline; padding: 2px 0; }
.f > label { color: var(--ink-2); font-size: 13px; text-align: right; line-height: 1.5; }
.f > label small, .f > label .ex { display: block; font-size: 11px; }
.f > label small { color: var(--muted); }
.ex { font-style: normal; color: var(--accent); }
.opts { display: flex; flex-wrap: wrap; gap: 1px 2px; }
.opt { border: 0; background: none; padding: 0 7px; border-radius: 3px; color: var(--main); cursor: pointer; line-height: 24px; font-size: 13.5px; }
.opt:hover { text-decoration: underline; }
.opt.on { background: var(--main); color: #fff; }
.opt.on:hover { text-decoration: none; }
.f-text input, .f-text textarea { width: 100%; border: 1px solid var(--line); border-radius: 3px; padding: 3px 8px; font-size: 13.5px; color: var(--ink); resize: vertical; background: #fff; }
.f-text input:focus, .f-text textarea:focus { outline: none; border-color: var(--main); }
.f-text ::placeholder { color: #aba39c; }
.drop { display: flex; align-items: baseline; gap: 10px; cursor: pointer; color: var(--muted); font-size: 13px; }
.drop b { flex: none; font-weight: 400; color: var(--main); border: 1px solid var(--line); border-radius: 3px; padding: 0 8px; line-height: 22px; }
.drop:hover b { border-color: var(--main); }
.drop.has span { color: var(--ink); }
details { margin: 0; }
summary { cursor: pointer; font-size: 12.5px; color: var(--main); margin: 2px 0 2px 106px; }
.confirms { margin: 8px 0 0 106px; font-size: 12.5px; color: var(--ink-2); }
.confirms label { display: flex; gap: 6px; align-items: baseline; }
.confirms.warn { color: var(--accent); }
.go { position: sticky; bottom: 0; display: flex; align-items: center; gap: 12px; margin-top: 8px; padding: 7px 0 7px 106px; background: rgba(255, 255, 255, .96); border-top: 1px solid var(--line); font-size: 13px; color: var(--ink-2); }
.btn { border: 1px solid var(--line); background: #fff; border-radius: 3px; padding: 3px 14px; cursor: pointer; color: var(--ink-2); font-size: 13.5px; }
.btn:hover { border-color: var(--main); color: var(--main); }
.btn.primary { border-color: var(--main); background: var(--main); color: #fff; font-weight: 700; font-size: 15px; padding: 4px 30px; }
.btn.primary:hover { opacity: .9; color: #fff; }
.says { margin: 8px 0 0; font-size: 13px; color: var(--ink-2); display: flex; flex-wrap: wrap; gap: 0 14px; }
.says b { color: var(--muted); font-weight: 400; }
.sample { position: sticky; top: 6px; border: 1px solid var(--line); border-top: 2px solid var(--main); border-radius: 3px; }
.sample h3 { font-size: 13.5px; padding: 3px 10px; background: var(--tint); border-bottom: 1px solid var(--line); }
.sample h3 small { font-weight: 400; color: var(--muted); font-size: 12px; margin-left: 8px; }
.sample-b { padding: 6px 12px 8px; max-height: calc(100vh - 44px); overflow: auto; font-size: 13px; line-height: 1.8; color: var(--ink); }
.sample-b img { width: 100%; display: block; }
.sample-b h3, .sample-b h4, .sample-b h5, .sample-b h6 { margin: 10px 0 2px; font-size: 14px; }
.sample-b p { margin: 4px 0; }
.sample-b ul, .sample-b ol { margin: 2px 0; padding-left: 20px; }
.sample-b blockquote { margin: 4px 0; padding: 2px 10px; border-left: 3px solid var(--line); background: var(--tint); color: var(--ink-2); }
.sample-b hr { border: 0; border-top: 1px dashed var(--line); margin: 8px 0; }
.sample-b mark { background: none; color: var(--accent); }
.sample-b code { background: var(--tint); padding: 0 4px; font-size: 12px; }
.tbl { overflow-x: auto; margin: 4px 0; }
.tbl table { border-collapse: collapse; font-size: 12px; min-width: 100%; }
.tbl th, .tbl td { border: 1px solid var(--line); padding: 2px 6px; text-align: left; white-space: nowrap; }
.tbl th { background: var(--tint); }
.rel { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }
.rel .blk { margin: 0; }
.rel .blk:nth-child(3) { grid-column: 1 / -1; }
.rel .in { padding: 4px 10px 6px; }
.modal { position: fixed; inset: 0; z-index: 50; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(0, 0, 0, .4); }
.modal-b { background: #fff; border-radius: 4px; padding: 14px 18px; width: min(520px, 100%); max-height: 90vh; overflow: auto; box-shadow: 0 12px 40px rgba(0, 0, 0, .2); }
.modal-b h3 { font-size: 16px; margin-bottom: 6px; }
.modal-b dl { margin: 0 0 8px; font-size: 13.5px; }
.modal-b dt { color: var(--muted); font-size: 12px; margin-top: 6px; }
.modal-b dd { margin: 0; }
.modal-a { display: flex; justify-content: flex-end; gap: 8px; margin-top: 10px; }
.toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 60; background: rgba(0, 0, 0, .85); color: #fff; padding: 6px 14px; border-radius: 3px; font-size: 13px; }

/* ========== 首页 2026-10-05 京东式（画布 A2「直接面向普通人」） ==========
   用户：「首页应该学京东……适合中国做生意最熟悉的，不是经常用电脑的人」。
   还是那三种颜色；灰底白块是京东的老样子。缩略图画的是成品本身（一页纸、一张表、一张海报、示例成品的真内容），
   不是抽象图标——09-24 宫格版被嫌乱，乱在图标。字和按钮都放大：正文 14–16px，能点的地方不小于 44px。 */
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
body.p-home { background: #f5f2ee; font-size: 14px; }
body.p-home main.wrap { max-width: 1080px; padding: 0 10px 12px; }
.top-home .wrap { height: 56px; max-width: 1080px; padding: 0 16px; }
.kf-btn { margin-left: auto; display: inline-flex; align-items: center; gap: 5px; min-height: 40px; padding: 0 12px; border: 1px solid var(--line); border-radius: 20px; background: #fff; color: var(--ink); font-size: 14px; cursor: pointer; }
.kf-btn svg { color: var(--main); }
.kf-btn:hover { border-color: var(--main); }
.nav-kf { border: 0; background: none; padding: 0; cursor: pointer; }
.nav-kf:hover { color: var(--main); }

.hero { background: #fff; margin: 0 -10px; padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 12px; }
.hero h1 { font-size: 21px; line-height: 28px; font-weight: 800; }
.say { display: flex; align-items: center; gap: 8px; height: 54px; border: 2px solid var(--main); border-radius: 27px; padding: 0 6px 0 16px; background: #fff; }
.say input { flex: 1; min-width: 0; border: 0; outline: none; font-size: 16px; color: var(--ink); background: transparent; }
.say input::placeholder { color: #8a817a; }
.say-mic, .say-go { flex: none; height: 44px; border: 0; border-radius: 22px; background: var(--main); color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.say-mic { width: 44px; }
.say-go { padding: 0 18px; font-size: 15px; font-weight: 700; }
.say-mic.on { background: var(--accent); animation: say-pulse 1.2s infinite; }
@keyframes say-pulse { 50% { box-shadow: 0 0 0 6px rgba(217, 72, 15, .18); } }
.tabbar .tab-say.on { animation: say-pulse 1.2s infinite; }
/* 打字时的场景下拉（照 GPT中文 首页）：短词才弹，一句话说全了不弹 */
.kw { margin-top: -4px; border: 1px solid var(--line); border-radius: 12px; background: #fff; overflow: hidden; }
.kw-l { margin: 0; padding: 8px 12px 4px; font-size: 12.5px; color: var(--ink-2); }
.kw-i { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 0 12px; border: 0; border-top: 1px solid var(--line-2); background: #fff; color: var(--ink); font: inherit; font-size: 15px; text-align: left; cursor: pointer; box-sizing: border-box; }
.kw-i span { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kw-i small { flex: none; font-size: 12.5px; color: var(--ink-2); }
.kw-i:hover { background: var(--tint); color: var(--ink); text-decoration: none; }
.kw-cat span { font-weight: 700; }
.kw-cat small, .kw-raw small { color: var(--main); }
.kw-raw span { color: var(--ink-2); }
.hero-a { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.hero-b { height: 48px; border-radius: 12px; border: 1px solid var(--line); background: #faf8f6; color: var(--ink); font-size: 16px; display: flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; }
.hero-b svg { color: var(--main); flex: none; }
.hero-b:hover { border-color: var(--main); color: var(--ink); text-decoration: none; }

.quick { background: #fff; border-radius: 14px; margin-top: 10px; padding: 14px 4px 8px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); row-gap: 10px; }
.quick a { display: flex; flex-direction: column; align-items: center; gap: 6px; min-height: 78px; color: var(--ink); font-size: 13px; line-height: 18px; text-align: center; }
.quick a:hover { color: var(--main); text-decoration: none; }

/* 迷你缩略图：一张纸 + 几道字行，按成品换样子 */
.mini { width: 52px; height: 52px; border-radius: 14px; background: #f3ebe4; display: flex; align-items: center; justify-content: center; flex: none; }
.mini b { position: relative; box-sizing: border-box; width: 28px; height: 36px; padding: 5px 4px; display: flex; flex-direction: column; gap: 3px; background: #fff; border: 1px solid #d9cfc5; border-radius: 3px; }
.mini i { display: block; height: 2px; background: #c9bdb2; border-radius: 1px; }
.mini i:first-child { background: var(--main); }
.mini i:nth-child(3) { width: 80%; }
.mini i:nth-child(4) { width: 60%; }
.m-ppt b { width: 36px; height: 26px; padding: 3px; }
.m-ppt i:first-child { height: 5px; }
.m-ppt i:nth-child(2) { width: 70%; }
.m-resume b { padding-left: 13px; }
.m-resume b::before { content: ""; position: absolute; left: 4px; top: 5px; width: 6px; height: 8px; background: #e6d3c3; border-radius: 1px; }
.m-poster b { width: 30px; height: 38px; padding: 23px 4px 4px; background: linear-gradient(#f6c9ad 0 52%, #fff 52%); }
.m-poster b::before { content: ""; position: absolute; left: 4px; top: 14px; width: 17px; height: 4px; background: var(--accent); border-radius: 1px; }
.m-poster i:first-child { background: #c9bdb2; width: 70%; }
.m-poster i:nth-child(2) { width: 50%; }
.m-sheet b { width: 34px; height: 30px; padding: 0; background: linear-gradient(#e6d3c3, #e6d3c3) top / 100% 7px no-repeat, repeating-linear-gradient(90deg, transparent 0 10px, #d9cfc5 10px 11px), repeating-linear-gradient(180deg, #fff 0 6px, #d9cfc5 6px 7px); }
.m-proof i:first-child { width: 60%; align-self: center; background: var(--ink); }
.m-proof b::after { content: ""; position: absolute; right: 3px; bottom: 3px; width: 9px; height: 9px; box-sizing: border-box; border: 2px solid var(--accent); border-radius: 50%; }
.m-folder b { box-shadow: -5px 4px 0 -1px #fff, -5px 4px 0 0 #d9cfc5; }
.m-menu b { width: 30px; height: 38px; padding: 5px 3px; }
.m-menu i { background: linear-gradient(90deg, #c9bdb2 0 58%, transparent 58% 74%, var(--accent) 74%); }
.m-menu i:first-child { width: 60%; align-self: center; background: var(--main); }
.m-menu i:nth-child(3), .m-menu i:nth-child(4) { width: 100%; }
.m-scan b { background: linear-gradient(transparent 45%, rgba(217, 72, 15, .85) 45% 51%, transparent 51%), #fff; }
.mini.m-all b { width: 30px; height: 30px; padding: 0; border: 0; background: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
.mini.m-all i { width: auto; height: auto; border-radius: 3px; background: #c9a383; }
.mini.m-all i:first-child, .mini.m-all i:nth-child(4) { background: var(--main); }

.box { background: #fff; border-radius: 14px; margin-top: 10px; padding: 14px 12px; }
.box-h { display: flex; align-items: baseline; gap: 8px; margin-bottom: 12px; }
.box-h h2 { font-size: 18px; font-weight: 800; }
.box-h .muted { color: var(--ink-2); font-size: 13px; }
.box-more { margin-left: auto; font-size: 14px; font-weight: 400; white-space: nowrap; }
.shelf-l { display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; }
.shelf-l::-webkit-scrollbar { display: none; }
.prod { flex: 0 0 168px; display: flex; flex-direction: column; border: 1px solid #ece6e0; border-radius: 12px; overflow: hidden; color: var(--ink); background: #fff; }
.prod:hover { border-color: var(--main); color: var(--ink); text-decoration: none; }
.prod-img { height: 112px; background: var(--tint); overflow: hidden; }
.prod-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.prod-b { padding: 9px 10px 11px; display: flex; flex-direction: column; gap: 4px; }
.prod-t { font-size: 15px; font-weight: 700; line-height: 20px; }
.prod-d { font-size: 12px; line-height: 17px; color: var(--ink-2); }
.prod-p { display: flex; align-items: baseline; gap: 3px; margin-top: 2px; }
.prod-p b { font-size: 20px; font-weight: 800; color: var(--accent); }
.prod-p small { font-size: 12px; color: var(--ink-2); }
.tag { align-self: flex-start; font-size: 12px; line-height: 20px; color: #a83a0b; background: #fdeee6; border-radius: 4px; padding: 0 6px; }

.pop { margin-top: 14px; }
.pop > .box-h { padding: 0 4px; margin-bottom: 10px; }
.cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.card { background: #fff; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; color: var(--ink); }
.card:hover { color: var(--ink); text-decoration: none; box-shadow: inset 0 0 0 1px var(--main); }
.card-pv { display: block; height: 124px; background: var(--tint); padding: 12px 14px 0; overflow: hidden; }
.paper { display: block; height: 100%; box-sizing: border-box; background: #fff; border: 1px solid #e6e1dc; border-bottom: 0; border-radius: 4px 4px 0 0; padding: 8px 9px 0; overflow: hidden; font-size: 10px; line-height: 1.6; color: #6b625b; }
.paper b { display: block; margin-bottom: 2px; font-size: 11px; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.paper i { display: block; font-style: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.paper-img { padding: 0; }
.paper-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.card-t { padding: 9px 10px 0; font-size: 15px; font-weight: 700; line-height: 21px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.card-m { margin-top: auto; padding: 6px 10px 11px; font-size: 13px; color: var(--main); }

.kf-card { display: flex; align-items: center; gap: 12px; margin-top: 14px; }
.kf-ic { width: 44px; height: 44px; border-radius: 22px; background: #f3ebe4; color: var(--main); display: flex; align-items: center; justify-content: center; flex: none; }
.kf-t { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.5; }
.kf-t b { font-size: 16px; }
.kf-t small { font-size: 13px; color: var(--ink-2); }
.kf-card .btn.primary { flex: none; min-height: 44px; padding: 0 18px; border-radius: 22px; background: var(--accent); border-color: var(--accent); font-size: 15px; }
.p-home .bar.mine { background: #fff; border: 0; border-radius: 10px; margin-top: 10px; padding: 8px 12px; }
.home-rows { background: #fff; margin-top: 14px; }
.home-rows .rows-h { display: flex; align-items: baseline; gap: 8px; font-size: 15px; padding: 8px 10px; }

/* 真人客服面板：手机上从底下拉出来，电脑上居中 */
.sheet { position: fixed; inset: 0; z-index: 60; background: rgba(0, 0, 0, .4); display: flex; align-items: flex-end; justify-content: center; }
.sheet-b { position: relative; width: min(480px, 100%); max-height: 86vh; overflow: auto; background: #fff; border-radius: 16px 16px 0 0; padding: 18px 18px calc(18px + env(safe-area-inset-bottom, 0px)); font-size: 14px; }
.sheet-b h3 { font-size: 18px; margin-bottom: 10px; }
.sheet-b .muted { color: var(--ink-2); font-size: 14px; margin: 0 0 10px; }
.sheet-b .btn { display: inline-flex; align-items: center; min-height: 44px; border-radius: 22px; }
.sheet-x { position: absolute; right: 8px; top: 8px; min-height: 40px; padding: 0 12px; border: 0; background: none; color: var(--ink-2); cursor: pointer; font-size: 14px; }
.kf-ch { display: flex; flex-direction: column; gap: 6px; padding: 12px 0; border-top: 1px solid var(--line-2); }
.kf-ch:first-child { border-top: 0; padding-top: 0; }
.kf-ch b { font-size: 15px; }
.kf-ch small { color: var(--ink-2); font-size: 13px; }
.kf-ch img { width: 180px; height: 180px; object-fit: contain; border: 1px solid var(--line); border-radius: 8px; align-self: center; }
.kf-ch .btn { align-self: flex-start; }
.kf-hours { color: var(--ink-2); font-size: 13px; margin: 0 0 8px; }

/* 首页底栏：只在手机上出 */
.tabbar { display: none; }
@media (min-width: 900px) {
  .quick { grid-template-columns: repeat(10, minmax(0, 1fr)); }
  .prod { flex: 1 1 0; }
  .cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .sheet { align-items: center; }
  .sheet-b { border-radius: 16px; }
}
@media (max-width: 899px) {
  body.p-home { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }
  .tabbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: center; height: calc(60px + env(safe-area-inset-bottom, 0px)); padding-bottom: env(safe-area-inset-bottom, 0px); background: #fff; border-top: 1px solid var(--line); }
  .tabbar a, .tabbar button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; min-height: 48px; border: 0; background: none; color: var(--ink-2); font-size: 11px; cursor: pointer; }
  .tabbar a:hover { text-decoration: none; }
  .tabbar .on { color: var(--main); }
  .tabbar .tab-say { justify-self: center; width: 56px; height: 56px; min-height: 0; margin-top: -24px; border-radius: 28px; border: 4px solid #fff; background: var(--accent); color: #fff; box-sizing: border-box; }
}

/* ========== 办事页 2026-10-05 京东商品详情页式（和新首页一套） ==========
   上面成品预览，下面标题和「已替你选好」（像选规格一样的大按钮），底下固定一条「找真人代做 / 交给 AI 办」。 */
body.p-scene { background: #f5f2ee; font-size: 14px; padding-bottom: calc(66px + env(safe-area-inset-bottom, 0px)); }
body.p-scene main.wrap { max-width: 1080px; padding: 0 10px 12px; }
.p-scene .crumbs { padding: 8px 4px 2px; }
.sc2-top { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 12px; align-items: start; }
.pv { position: relative; margin-top: 6px; background: #efe9e2; border-radius: 14px; overflow: hidden; padding: 34px 18px 0; }
.pv-tag { position: absolute; left: 12px; top: 10px; font-size: 12px; line-height: 20px; color: #fff; background: var(--main); border-radius: 4px; padding: 0 8px; }
.pv img { display: block; width: 100%; max-height: 440px; object-fit: contain; border-radius: 8px 8px 0 0; background: #fff; }
.pv-paper { display: block; height: 290px; padding: 18px 18px 0; background: #fff; border-radius: 6px 6px 0 0; box-shadow: 0 -2px 14px rgba(0, 0, 0, .05); overflow: hidden; font-size: 12.5px; line-height: 1.75; color: #5f5650; -webkit-mask-image: linear-gradient(#000 72%, transparent); mask-image: linear-gradient(#000 72%, transparent); }
.pv-paper b { display: block; margin-bottom: 4px; font-size: 15px; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pv-paper i { display: block; font-style: normal; margin-bottom: 2px; }
.pv-more { position: absolute; right: 12px; bottom: 12px; font-size: 13px; line-height: 26px; padding: 0 12px; background: rgba(255, 255, 255, .95); border: 1px solid var(--line); border-radius: 14px; }
.sc2-main { min-width: 0; }
.sh2 { position: relative; }
.sh2 h1 { font-size: 20px; line-height: 28px; font-weight: 800; padding-right: 96px; }
.sh2-d { margin: 6px 0 0; color: var(--ink-2); font-size: 14px; line-height: 1.6; }
.sh2-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.tag-g { color: var(--ink-2); background: var(--tint); }
a.tag-g:hover { color: var(--main); text-decoration: none; }
.star2 { position: absolute; right: 10px; top: 12px; min-height: 36px; padding: 0 10px; border: 1px solid var(--line); border-radius: 18px; background: #fff; color: var(--ink-2); font-size: 13px; cursor: pointer; }
.star2.on { color: var(--accent); border-color: var(--accent); }
.q2 { margin: 0; font-size: 15px; line-height: 1.65; }
.q2 b { display: block; margin-bottom: 2px; font-size: 12.5px; color: var(--main); }
.a2 { margin: 8px 0 0; font-size: 13px; line-height: 1.6; color: var(--ink-2); }
.form2 h2 { font-size: 16px; font-weight: 800; margin: 2px 0 6px; }
.form2 h2:not(:first-child) { margin-top: 14px; }
.form2 h2 small, .full h2 small { margin-left: 8px; font-size: 12.5px; font-weight: 400; color: var(--ink-2); }
.p-scene .form2 .f { display: block; padding: 8px 0; }
.p-scene .form2 .f > label { display: block; margin-bottom: 8px; text-align: left; font-size: 14px; font-weight: 700; color: var(--ink); line-height: 1.5; }
.p-scene .form2 .f > label small, .p-scene .form2 .f > label .ex { display: inline; margin-left: 6px; font-size: 12px; font-weight: 400; }
.p-scene .form2 .f > label small { color: var(--ink-2); }
.p-scene .opts { gap: 8px; }
.p-scene .opt { min-height: 40px; padding: 0 14px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--ink); font-size: 14px; line-height: 38px; }
.p-scene .opt:hover { border-color: var(--main); text-decoration: none; }
.p-scene .opt.on { border-color: var(--main); background: #f3ebe4; color: var(--main); font-weight: 700; box-shadow: inset 0 0 0 1px var(--main); }
/* 选模板（10-06）：PPT 每套一张预览图（封面 + 内容页），Word 每套一排色块；手机两列，宽屏 PPT 四列、Word 六个一排 */
.tpl-fold { margin: 4px 0 10px; }
.tpl-fold > summary { cursor: pointer; font-weight: 600; list-style: none; display: flex; justify-content: space-between; align-items: center; padding: 8px 0; }
.tpl-fold > summary::-webkit-details-marker { display: none; }
.tpl-fold .tpl-change { font-weight: 400; font-size: 13px; color: var(--muted, #6b6b6b); text-decoration: underline; }
.tpl-fold[open] .tpl-change { visibility: hidden; }
.tpl-fold .tpl-hint { margin: 0 0 8px; font-size: 13px; color: var(--muted, #6b6b6b); }
.f-tpl .opts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.p-scene .opt-tpl { display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: 6px; padding: 6px; min-height: 0; line-height: 1.3; text-align: center; }
.opt-tpl img { display: block; width: 100%; height: auto; border-radius: 4px; }
.opt-tpl .tpl-auto { display: block; aspect-ratio: 608 / 168; border: 1px dashed var(--line); border-radius: 4px; }
.f-tpl-word .opt-tpl .tpl-auto { aspect-ratio: auto; height: 14px; }
.opt-tpl .sws { display: flex; gap: 3px; justify-content: center; }
.opt-tpl .sws i { width: 14px; height: 14px; border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12); }
@media (min-width: 720px) {
  .f-tpl-ppt .opts { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .f-tpl-word .opts { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
.p-scene .f-text input, .p-scene .f-text textarea { min-height: 44px; padding: 9px 12px; border-radius: 8px; font-size: 15px; }
.p-scene .drop { min-height: 44px; align-items: center; }
.p-scene .drop b { padding: 0 14px; line-height: 38px; border-radius: 8px; }
.p-scene details { margin: 4px 0; }
.p-scene summary { display: flex; align-items: center; min-height: 40px; margin: 0; font-size: 14px; color: var(--main); }
.p-scene .confirms { margin: 12px 0 0; padding: 10px 12px; border-radius: 10px; background: #fdf3ec; font-size: 13.5px; color: var(--ink); }
.p-scene .confirms p { margin: 0 0 4px; font-weight: 700; }
.p-scene .confirms label { padding: 5px 0; line-height: 1.55; }
.p-scene .confirms input { width: 18px; height: 18px; flex: none; margin-top: 2px; }
.p-scene .confirms.warn { box-shadow: inset 0 0 0 2px var(--accent); color: var(--ink); }
.full h2, .says2 h2, .box-t { font-size: 16px; font-weight: 800; margin-bottom: 8px; }
.p-scene .sample-b { max-height: none; padding: 0; font-size: 14px; line-height: 1.85; }
.p-scene .sample-b img { border-radius: 8px; margin-bottom: 8px; }
pre.code { margin: 6px 0; padding: 10px 12px; overflow-x: auto; border-radius: 8px; background: #2a2420; color: #f3efe9; font-size: 12.5px; line-height: 1.6; }
pre.code code { background: none; padding: 0; color: inherit; font-size: inherit; }
.says2-l { display: flex; flex-wrap: wrap; gap: 8px; }
.says2-l a { display: inline-flex; align-items: center; min-height: 36px; padding: 0 12px; border: 1px solid var(--line); border-radius: 18px; color: var(--ink); font-size: 13.5px; }
.says2-l a:hover { border-color: var(--main); color: var(--main); text-decoration: none; }
.p-scene .box .lst { padding: 0; }
.p-scene .box .tl { margin: 0; }
.buybar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; display: flex; align-items: center; gap: 8px; padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px)); background: #fff; border-top: 1px solid var(--line); }
.bb-i { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; min-width: 46px; min-height: 44px; border: 0; background: none; color: var(--ink-2); font-size: 11px; cursor: pointer; }
.bb-i:hover { color: var(--main); text-decoration: none; }
.bb-b { flex: 1; min-height: 46px; border: 0; border-radius: 23px; font-size: 16px; font-weight: 700; cursor: pointer; }
.bb-human { background: #fdeee6; color: #a83a0b; }
.bb-go { background: var(--accent); color: #fff; }
.bb-go:disabled { background: var(--line); color: var(--ink-2); cursor: not-allowed; }
/* 暂时接不了单的事（L-14） */
.p-scene .cant { margin: 0 0 12px; padding: 10px 12px; border-radius: 10px; background: #fdf3ec; font-size: 13.5px; line-height: 1.6; color: var(--ink); }
.p-scene .cant b { display: block; margin-bottom: 2px; }
.bb-b:hover { filter: brightness(.97); }
@media (min-width: 900px) {
  .sc2-top { grid-template-columns: minmax(0, 440px) minmax(0, 1fr); }
  .pv { position: sticky; top: 10px; }
  .buybar { left: 50%; right: auto; transform: translateX(-50%); width: min(1080px, 100%); border-radius: 14px 14px 0 0; box-shadow: 0 -4px 20px rgba(0, 0, 0, .06); }
}

/* 分类和阶段（10-05）：测试过的标「已实测」；SEO 长尾页照实写「还没有示例」；内部清单页 */
.tag-ok { color: #fff; background: var(--main); }
.card { position: relative; }
.card-ok { position: absolute; left: 8px; top: 8px; z-index: 1; font-size: 11.5px; line-height: 18px; padding: 0 6px; border-radius: 4px; color: #fff; background: var(--main); }
.pv-empty { display: flex; flex-direction: column; justify-content: center; gap: 8px; height: 190px; text-align: center; -webkit-mask-image: none; mask-image: none; border-radius: 6px; margin-bottom: 18px; }
.pv-empty b { font-size: 16px; white-space: normal; }
.pv-empty i { font-size: 13.5px; color: var(--ink-2); }
.rows-h small { margin-left: 8px; font-weight: 400; font-size: 12px; color: var(--ink-2); }
.p-stages main.wrap { padding: 16px 12px 40px; max-width: 980px; }
.p-stages h1 { font-size: 22px; margin-bottom: 6px; }
.p-stages h2 { font-size: 16px; margin: 18px 0 6px; }
.stg { border-collapse: collapse; width: 100%; margin-top: 12px; font-size: 14px; }
.stg th, .stg td { border: 1px solid var(--line); padding: 6px 10px; text-align: left; }
.stg th { background: var(--tint); }
.stg td.num { text-align: right; font-variant-numeric: tabular-nums; font-weight: 700; }

/* 区块标题：小字说明太长时省略，标题不折行（10-05） */
.box-h h2 { flex: none; }
.box-h .muted { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ========== 专题（专家）、小类（技能）（10-05 用户：专家 = 专题和大分类，技能 = 小分类，里面是长尾办事商品） ==========
   全靠点：头像 + 名字当专题的招牌，小类是一排字块，商品卡和办事页的「同类还能办」同一个样子；没有输入框、没有示范说法。 */
body.p-pkg { background: #f5f2ee; font-size: 14px; }
body.p-pkg main.wrap { max-width: 1080px; padding: 0 10px 12px; }
.p-pkg .crumbs { padding: 8px 4px 2px; }
.zj-l { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.zj { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 12px 4px 10px; border: 1px solid #ece6e0; border-radius: 12px; color: var(--ink); text-align: center; }
.zj:hover { border-color: var(--main); color: var(--ink); text-decoration: none; }
.zj img { width: 56px; height: 56px; border-radius: 28px; background: var(--tint); margin-bottom: 4px; }
.zj-n { max-width: 100%; font-size: 14.5px; font-weight: 700; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zj-p { font-size: 12px; line-height: 16px; color: var(--ink-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.zj2-l { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.zj2 { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 0 12px; align-items: start; padding: 12px; border: 1px solid #ece6e0; border-radius: 12px; color: var(--ink); }
.zj2:hover { border-color: var(--main); color: var(--ink); text-decoration: none; }
.zj2 img { width: 56px; height: 56px; border-radius: 28px; background: var(--tint); }
.zj2-b b { font-size: 15.5px; line-height: 22px; }
.zj2-b small { margin-left: 6px; font-size: 12.5px; color: var(--ink-2); }
.zj2-b span { display: block; margin-top: 4px; font-size: 13px; line-height: 1.6; color: var(--ink-2); }
.zj2-b em { display: block; margin-top: 4px; font-style: normal; font-size: 13px; color: var(--main); }
.pk-hub h1 { font-size: 21px; line-height: 28px; font-weight: 800; }
.pk-hub h1 small, .box-t small { margin-left: 8px; font-size: 13px; font-weight: 400; color: var(--ink-2); }
.pk-hub p { margin: 6px 0 0; color: var(--ink-2); font-size: 14px; line-height: 1.6; }
.pk-hub .sh2-tags { margin-top: 8px; }
.zt-h { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0 14px; align-items: center; }
.zt-av { width: 72px; height: 72px; border-radius: 36px; background: var(--tint); }
.zt-t h1 { font-size: 21px; line-height: 28px; font-weight: 800; }
.zt-p { margin: 2px 0 0; color: var(--ink-2); font-size: 14px; }
.zt-t .sh2-tags { margin-top: 8px; }
.zt-d { grid-column: 1 / -1; margin: 12px 0 0; font-size: 14px; line-height: 1.7; color: var(--ink-2); }
.zt-col { margin: 16px 4px 0; font-size: 15px; font-weight: 800; color: var(--main); }
.p-pkg .jump { margin-top: 10px; }
.xl { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.xl a { display: inline-flex; align-items: center; gap: 4px; min-height: 38px; padding: 0 12px; border: 1px solid #ece6e0; border-radius: 19px; background: #fff; color: var(--ink); font-size: 14px; }
.xl a:hover { border-color: var(--main); color: var(--main); text-decoration: none; }
.xl small { font-size: 12px; color: var(--muted); }
.row-l.xl { gap: 6px 8px; }
.box-rows { background: #fff; margin-top: 10px; }
.box-rows .row { align-items: center; padding: 8px 10px; }
/* 还没有示例的商品：没有成品缩略可看，做成一行（成品样子的小图 + 名字），一屏多放几件 */
.cards.cards-nos { grid-template-columns: minmax(0, 1fr); gap: 6px; }
.cards + .cards-nos { margin-top: 8px; }
.card-nos .card-m { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (min-width: 900px) { .cards.cards-nos { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.card-nos { display: grid; grid-template-columns: 52px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 10px; align-items: center; padding: 10px; border: 1px solid #ece6e0; }
.card-nos .card-pv { grid-row: 1 / span 2; height: auto; padding: 0; background: none; }
.card-nos .card-t { padding: 0; align-self: end; font-size: 14.5px; }
.card-nos .card-m { margin-top: 0; padding: 2px 0 0; align-self: start; font-size: 12px; color: var(--ink-2); }
@media (min-width: 900px) {
  .zj-l { grid-template-columns: repeat(9, minmax(0, 1fr)); }
  .zj2-l { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* 页脚：一行一组 */
.foot { margin-top: 14px; border-top: 1px solid var(--line); background: var(--tint); padding: 8px 0 12px; font-size: 12.5px; }
.foot p { display: flex; flex-wrap: wrap; gap: 0 12px; margin: 2px 0; }
.foot b { color: var(--ink-2); }
.foot a { color: var(--ink-2); }
.foot .note { color: var(--muted); margin-top: 6px; }

/* 窄屏 */
@media (max-width: 1000px) {
  .grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .grid a:nth-child(8n) { border-right: 1px solid var(--line-2); }
  .grid a:nth-child(6n) { border-right: 0; }
  .grid a:nth-last-child(-n+8) { border-bottom: 1px solid var(--line-2); }
  .cols, .sc, .rel { grid-template-columns: minmax(0, 1fr); }
  .rel .blk:nth-child(3) { grid-column: auto; }
  .sample { position: static; }
  .sample-b { max-height: none; }
  .today { display: none; }
}
@media (max-width: 640px) {
  .top .wrap { flex-wrap: wrap; height: auto; gap: 4px 12px; padding-top: 6px; padding-bottom: 6px; }
  .grow { display: none; }
  .ask { order: 3; flex: 1 1 100%; text-align: center; }
  .bar { flex-direction: column; gap: 0; }
  .whobar > span { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; width: 100%; }
  .whobar > span::-webkit-scrollbar { display: none; }
  .whobar button, .whobar a { flex: none; }
  .hotgrid { grid-template-columns: minmax(0, 1fr); }
  .hotgrid h2 { writing-mode: horizontal-tb; letter-spacing: 2px; padding: 2px 0; }
  .grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .grid a { padding: 4px 8px; font-size: 13.5px; }
  .grid a:nth-child(6n) { border-right: 1px solid var(--line-2); }
  .grid a:nth-child(3n) { border-right: 0; }
  .row { display: block; }
  .row-h { display: block; width: auto; }
  .row .more { display: none; }
  .lst { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .f { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .f > label { text-align: left; }
  .f > label small, .f > label .ex { display: inline; margin-left: 6px; }
  summary, .confirms { margin-left: 0; }
  .go { padding-left: 0; }
}
/* 托我办（2026-10-15 第 4 批）：盯着办 / 定期办 / 一套办货架，点了去 GPT中文 挂上 */
.tuo .tuo-m h3{font-size:14px;margin:10px 0 4px;font-weight:600}
.tuo .tl a{margin-right:12px}
.tuo details summary{cursor:pointer;color:var(--muted);font-size:13px;margin:4px 0}
@media (max-width: 640px) {
  .tuo .tl { grid-template-columns: minmax(0, 1fr); }
  .tuo .tl a { white-space: normal; padding: 4px 0; }
}
/* L-585（第四轮复测 F12）：档位收进「高级选项」，默认折着；小字写这件事一般多久做好 */
.adv { margin: 10px 0 0; }
.adv > summary { cursor: pointer; font-size: 13.5px; color: var(--ink-2); }
.adv > summary small { margin-left: 8px; color: var(--muted, #6b6b6b); font-size: 12.5px; }
.tier-pick .opt small { margin-left: 6px; font-size: 12px; opacity: .75; }