diff --git a/guangchang/index.html b/guangchang/index.html
index 4474f40..eb92f48 100644
--- a/guangchang/index.html
+++ b/guangchang/index.html
@@ -40,52 +40,75 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
.nav h1 span{background:linear-gradient(transparent 60%,#FFD0DC 60%,#FFD0DC 92%,transparent 92%);padding:0 3px}
.nav .sp{width:36px}
-/* ---------- 一级分类：全部 / 家庭关系 / 宝妈经验（11-01 第二版：原先右侧小分段太不显眼） ---------- */
-.cats{display:flex;gap:8px;padding:4px 12px 10px}
-.cats button{flex:1;min-width:0;height:42px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:14px;background:#fff;border:1.5px solid #F1E2DA;
- font-size:15px;font-weight:800;color:#6E5A55;letter-spacing:.3px;box-shadow:0 2px 8px rgba(170,110,90,.06);transition:background .18s,color .18s,border-color .18s,box-shadow .18s}
-.cats button .ci2{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:8px;background:var(--cb);color:var(--cf)}
-.cats button .ci2 .ic{width:14px;height:14px}
-.cats button small{font-size:11px;font-weight:700;color:#B09A94;margin-left:-2px}
-.cats button.on{background:var(--cf);border-color:var(--cf);color:#fff;box-shadow:0 6px 14px -6px var(--cf)}
-.cats button.on .ci2{background:rgba(255,255,255,.22);color:#fff}
-.cats button.on small{color:rgba(255,255,255,.8)}
+/* ---------- 一级分类：分段按钮（11-01 第三版：用户说「经验 / 家庭不够明显、有点乱」→ 一条底槽三段，选中段实底） ---------- */
+.cats{display:flex;gap:4px;margin:2px 12px 10px;padding:4px;border-radius:16px;background:#F0E4DE}
+.cats button{flex:1;min-width:0;height:38px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:12px;
+ font-size:15px;font-weight:800;color:#8A7570;letter-spacing:.3px;transition:background .18s,color .18s,box-shadow .18s}
+.cats button .ic{width:17px;height:17px;color:var(--cf)}
+.cats button.on{background:var(--cf);color:#fff;box-shadow:0 6px 14px -6px var(--cf)}
+.cats button.on .ic{color:#fff}
.cats button:active{transform:scale(.97)}
-.cats .c-all{--cf:#F4593C;--cb:#FFEDE6}
-.cats .c-family{--cf:#E0566F;--cb:#FFE6EB}
-.cats .c-exp{--cf:#2E8A7C;--cb:#DDF2EE}
-.tabs{display:flex;gap:6px;padding:0 12px 10px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
-.tabs::-webkit-scrollbar{display:none}
-.tabs::after{content:"";flex:none;width:6px}
-.tabs button{flex:none;height:30px;padding:0 13px;border-radius:99px;background:rgba(255,255,255,.75);border:1px solid #F0E2DA;font-size:13px;font-weight:600;color:#7A6663;white-space:nowrap;transition:background .15s,color .15s}
-.tabs button.on{background:#2F2424;border-color:#2F2424;color:#fff;font-weight:800}
-.tabs.k-family button.on{background:#FFE6EB;border-color:#F3A9B7;color:#C23A55}
-.tabs.k-exp button.on{background:#DDF2EE;border-color:#93CFC4;color:#21705F}
-.tabs.k-family button.on .hb,.tabs.k-exp button.on .hb{background:#FF5A3C}
-.tabs button .hb{display:inline-block;margin-left:3px;padding:0 4px;border-radius:5px;background:#FF5A3C;color:#fff;font-size:9.5px;font-weight:800;line-height:15px;vertical-align:1px}
-.tabs button.on .hb{background:#FF7A5C}
+.cats .c-all{--cf:#F4593C}
+.cats .c-family{--cf:#E0566F}
+.cats .c-exp{--cf:#2E8A7C}
-/* ---------- 话题头卡 ---------- */
-.th{position:relative;margin:4px 12px 2px;padding:16px 16px 14px;border-radius:22px;overflow:hidden;
- background:linear-gradient(150deg,var(--c1),var(--c2));color:var(--tk);box-shadow:0 12px 26px -16px var(--tk)}
-.th .tg{position:absolute;right:-6px;top:-10px;font-size:110px;font-weight:900;line-height:1;color:#fff;opacity:.5;font-family:"STKaiti","KaiTi","Kaiti SC",serif;pointer-events:none}
-.th .tc{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:7px;background:rgba(255,255,255,.65);font-size:11px;font-weight:800;letter-spacing:.5px}
-.th .tc.k-family{background:#E0566F;color:#fff}
-.th .tc.k-exp{background:#2E8A7C;color:#fff}
+/* ---------- 投稿有奖横幅 ---------- */
+.rw{position:relative;display:flex;align-items:center;gap:12px;margin:2px 12px 0;padding:13px 14px;border-radius:18px;overflow:hidden;width:calc(100% - 24px);text-align:left;
+ background:radial-gradient(120px 90px at 100% 0,rgba(255,255,255,.35),transparent 70%),linear-gradient(120deg,#FF8A5B,#F4593C 60%,#E8473A);color:#fff;box-shadow:0 10px 22px -12px #E8473A}
+.rw .gf{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.22)}
+.rw .gf .ic{width:24px;height:24px}
+.rw .rt{flex:1;min-width:0}
+.rw .rt small{display:block;font-size:12px;font-weight:700;opacity:.9;letter-spacing:.5px}
+.rw .rt b{display:block;margin-top:1px;font-size:17px;font-weight:900;letter-spacing:.3px;white-space:nowrap}
+.rw .rt b em{font-style:normal;font-size:20px;color:#FFF3B8}
+.rw .go{flex:none;height:30px;padding:0 11px;border-radius:99px;background:#fff;color:#E8473A;font-size:12.5px;font-weight:800;display:inline-flex;align-items:center}
+.rw.sm{margin-top:12px;padding:10px 12px}
+.rw.sm .gf{width:34px;height:34px;border-radius:11px}
+.rw.sm .gf .ic{width:19px;height:19px}
+.rw.sm .rt b{font-size:14.5px}
+.rw.sm .rt b em{font-size:16px}
+
+/* ---------- 区块标题 ---------- */
+.sh{display:flex;align-items:center;gap:6px;margin:18px 14px 8px}
+.sh h2{margin:0;font-size:17px;font-weight:900;letter-spacing:.3px}
+.sh .fire{width:18px;height:18px;color:#FF5A3C}
+.sh .more{margin-left:auto;font-size:12.5px;font-weight:700;color:var(--muted);display:inline-flex;align-items:center}
+
+/* ---------- 热门话题：横滑卡 ---------- */
+.hot{display:flex;gap:10px;padding:0 12px 2px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}
+.hot::-webkit-scrollbar{display:none}
+.hot::after{content:"";flex:none;width:2px}
+.hc{flex:none;width:168px;scroll-snap-align:start;display:flex;flex-direction:column;padding:12px 12px 11px;border-radius:18px;text-align:left;background:var(--hb);position:relative;overflow:hidden}
+.hc.k-family{--hb:linear-gradient(160deg,#FFEEF1,#FFD9E0);--hk:#E0566F;--ht:#C23A55}
+.hc.k-exp{--hb:linear-gradient(160deg,#E8F6F2,#CDEBE3);--hk:#2E8A7C;--ht:#21705F}
+.hc .wm{position:absolute;right:-4px;bottom:-14px;font-size:72px;font-weight:900;line-height:1;color:#fff;opacity:.7;font-family:"STKaiti","KaiTi","Kaiti SC",serif;pointer-events:none}
+.hc .kb{align-self:flex-start;position:relative}
+.hc .rk{position:absolute;right:10px;top:10px;height:18px;padding:0 6px;border-radius:6px;background:#FF5A3C;color:#fff;font-size:10.5px;font-weight:800;line-height:18px}
+.hc h3{position:relative;margin:8px 0 0;font-size:15px;font-weight:900;line-height:1.35;color:#2A1E1E}
+.hc p{position:relative;margin:4px 0 0;font-size:11.5px;line-height:1.5;color:#7A6663;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}
+.hc .jn{position:relative;align-self:flex-start;margin-top:10px;height:28px;padding:0 12px;border-radius:99px;background:var(--hk);color:#fff;font-size:12.5px;font-weight:800;display:inline-flex;align-items:center;gap:3px}
+.hc .jn .ic{width:13px;height:13px}
+
+/* 分类小徽标：家庭 / 经验（封面、热门卡、话题头、详情共用） */
+.kb{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 7px 0 5px;border-radius:7px;font-size:11px;font-weight:800;letter-spacing:.5px;color:#fff;white-space:nowrap}
+.kb .ic{width:12px;height:12px}
+.kb.k-family{background:#E0566F}
+.kb.k-exp{background:#2E8A7C}
+
+/* ---------- 话题头卡（选了具体话题时） ---------- */
+.th{position:relative;margin:2px 12px 0;padding:14px 16px 14px;border-radius:20px;overflow:hidden;background:var(--hb);box-shadow:0 10px 24px -18px var(--hk)}
+.th.k-family{--hb:linear-gradient(150deg,#FFEEF1,#FFD6DE);--hk:#E0566F;--ht:#C23A55}
+.th.k-exp{--hb:linear-gradient(150deg,#E8F6F2,#C9E9E0);--hk:#2E8A7C;--ht:#21705F}
+.th .wm{position:absolute;right:-4px;top:-8px;font-size:104px;font-weight:900;line-height:1;color:#fff;opacity:.6;font-family:"STKaiti","KaiTi","Kaiti SC",serif;pointer-events:none}
+.th .x{position:absolute;right:8px;top:8px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.7);color:#7A6663}
+.th .x .ic{width:14px;height:14px}
.th h2{position:relative;margin:8px 0 4px;font-size:21px;font-weight:900;line-height:1.3;color:#2A1E1E;letter-spacing:.3px}
-.th h2 em{font-style:normal;color:var(--tk);margin-right:2px}
-.th p{position:relative;margin:0;max-width:270px;font-size:12.5px;line-height:1.6;color:#5E4E4A}
-.th .tf{position:relative;display:flex;align-items:center;gap:10px;margin-top:12px}
-.th .ts{flex:1;display:flex;align-items:center;gap:7px;font-size:12px;color:#6E5C57}
-.th .ts b{color:var(--tk);font-weight:900;font-variant-numeric:tabular-nums}
-.th .avs{display:flex}
-.th .avs img{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.9);margin-left:-6px;background:#FFE3D3}
-.th .avs img:first-child{margin-left:0}
-.th .join{flex:none;height:32px;padding:0 14px;border-radius:99px;background:#fff;color:var(--tk);font-size:13px;font-weight:800;box-shadow:0 4px 10px rgba(0,0,0,.08);display:inline-flex;align-items:center;gap:4px}
+.th h2 em{font-style:normal;color:var(--ht);margin-right:2px}
+.th p{position:relative;margin:0;max-width:280px;font-size:12.5px;line-height:1.6;color:#5E4E4A}
+.th .tf{position:relative;display:flex;gap:8px;margin-top:12px}
+.th .join{height:34px;padding:0 16px;border-radius:99px;background:var(--hk);color:#fff;font-size:13.5px;font-weight:800;display:inline-flex;align-items:center;gap:4px;box-shadow:0 6px 12px -6px var(--hk)}
.th .join .ic{width:14px;height:14px}
-/* 未选具体话题时的一句引导 */
-.intro{display:flex;align-items:center;gap:8px;margin:2px 14px 0;font-size:12px;color:var(--muted)}
-.intro b{color:var(--ink);font-weight:800}
+.th .sw{height:34px;padding:0 14px;border-radius:99px;background:rgba(255,255,255,.8);color:var(--ht);font-size:13px;font-weight:800}
/* ---------- 瀑布流 ---------- */
.wf{display:flex;align-items:flex-start;gap:8px;padding:10px 12px 0}
@@ -104,58 +127,24 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
.lk.on{color:#F0453A}
.lk.pop .ic{animation:pop .35s ease}
@keyframes pop{40%{transform:scale(1.35)}}
-.nc .ttag{position:absolute;left:7px;top:7px;z-index:2;height:18px;padding:0 6px;border-radius:6px;background:rgba(40,28,26,.38);color:#fff;font-size:10px;font-weight:700;line-height:18px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:82%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-.nc .ttag.k-family{background:rgba(214,74,100,.82)}
-.nc .ttag.k-exp{background:rgba(38,128,114,.82)}
+.nc .tp{display:block;margin-top:4px;font-size:11.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.nc .tp.k-family{color:#D04A65}
+.nc .tp.k-exp{color:#2A7E70}
.end{padding:22px 0 calc(26px + var(--safe-b));text-align:center}
.end b{display:block;font-size:12px;font-weight:600;color:#C2ABA4;letter-spacing:2px}
.end small{display:block;margin-top:8px;font-size:10.5px;color:#CDBBB5;opacity:.85}
-/* ---------- 封面（em 计：卡片 1em≈13px，详情放大） ---------- */
-.cv{position:relative;width:100%;overflow:hidden;font-size:13px;color:var(--tk);isolation:isolate}
-.cv .t1{position:relative;z-index:1;font-weight:900;line-height:1.25;letter-spacing:.04em;word-break:break-all}
-.cv .t2{position:relative;z-index:1;font-weight:700;opacity:.82;line-height:1.4}
-.cv i{font-style:normal}
-/* s0 渐变 + 荧光笔 */
-.cv.s0{background:linear-gradient(160deg,var(--c1),var(--c2));display:flex;flex-direction:column;justify-content:center;padding:0 1.2em}
-.cv.s0 .t1{font-size:1.75em;color:#2A1E1E}
-.cv.s0 .t1 span{background:linear-gradient(transparent 58%,rgba(255,255,255,.85) 58%,rgba(255,255,255,.85) 90%,transparent 90%)}
-.cv.s0 .t2{margin-top:.7em;font-size:.95em}
-.cv.s0 .dc{position:absolute;right:-1.6em;top:-1.6em;width:6em;height:6em;border-radius:50%;background:rgba(255,255,255,.35)}
-.cv.s0 .dc2{position:absolute;left:1.2em;bottom:1.1em;width:2.4em;height:.32em;border-radius:1em;background:var(--tk);opacity:.5}
-/* s1 便签纸 + 胶带 */
-.cv.s1{background:radial-gradient(circle,rgba(255,255,255,.55) 1.2px,transparent 1.6px) 0 0/14px 14px,var(--c2);display:grid;place-items:center;padding:1.3em 1em}
-.cv.s1 .pp{position:relative;width:100%;padding:1.3em .9em 1em;background:#FFFDF8;border-radius:.3em;box-shadow:0 .5em 1em -.4em rgba(80,40,30,.35);transform:rotate(-2.5deg)}
-.cv.s1 .pp::before{content:"";position:absolute;left:50%;top:-.6em;width:4em;height:1.2em;margin-left:-2em;background:rgba(255,255,255,.65);border:1px solid rgba(0,0,0,.04);transform:rotate(3deg)}
-.cv.s1 .t1{font-size:1.45em;color:#3A2C28}
-.cv.s1 .t2{margin-top:.5em;font-size:.88em;color:var(--tk)}
-/* s2 深色大引号 */
-.cv.s2{background:radial-gradient(9em 7em at 100% 0,rgba(255,255,255,.18),transparent 70%),linear-gradient(160deg,var(--tk),#2E2230);color:#FFF4EA;display:flex;flex-direction:column;justify-content:flex-end;padding:1.1em 1.1em 1.2em}
-.cv.s2 .q{position:absolute;right:.45em;top:-.15em;font-size:5.5em;font-weight:900;line-height:1;color:var(--c2);opacity:.75;font-family:Georgia,serif}
-.cv.s2 .t1{font-size:1.6em}
-.cv.s2 .t2{margin-top:.55em;font-size:.9em;color:var(--c2);opacity:1}
-/* s3 横线本 */
-.cv.s3{background:repeating-linear-gradient(180deg,transparent 0,transparent 1.75em,rgba(170,140,120,.22) 1.75em,rgba(170,140,120,.22) calc(1.75em + 1px)),#FFFCF6;padding:1.2em 1em 1em 1.9em;display:flex;flex-direction:column;justify-content:center}
-.cv.s3::before{content:"";position:absolute;left:1.15em;top:0;bottom:0;width:1.5px;background:rgba(240,110,100,.45)}
-.cv.s3 .t1{font-size:1.5em;color:#2F2424}
-.cv.s3 .t1 span{background:linear-gradient(transparent 55%,var(--c2) 55%,var(--c2) 92%,transparent 92%)}
-.cv.s3 .t2{margin-top:.7em;font-size:.9em;color:var(--tk)}
-.cv.s3 .ck{display:flex;gap:.35em;margin-top:.8em}
-.cv.s3 .ck i{width:.95em;height:.95em;border-radius:.25em;border:1.5px solid var(--tk);opacity:.6}
-.cv.s3 .ck i:first-child{background:var(--tk)}
-/* s4 大圆 + 水印字 */
-.cv.s4{background:var(--c1);display:flex;flex-direction:column;justify-content:flex-end;padding:1em 1.1em 1.1em}
-.cv.s4 .bc{position:absolute;right:-1.4em;top:-1.2em;width:8.4em;height:8.4em;border-radius:50%;background:linear-gradient(150deg,var(--c2),rgba(255,255,255,.4));display:grid;place-items:center}
-.cv.s4 .bc b{font-size:4em;font-weight:900;color:#fff;opacity:.8;font-family:"STKaiti","KaiTi","Kaiti SC",serif;transform:translate(-.08em,.06em)}
-.cv.s4 .t1{font-size:1.6em;color:#2A1E1E}
-.cv.s4 .t2{margin-top:.45em;font-size:.9em}
-/* s5 方格纸 + 印章 */
-.cv.s5{background:linear-gradient(rgba(170,140,120,.13) 1px,transparent 1px) 0 0/1.2em 1.2em,linear-gradient(90deg,rgba(170,140,120,.13) 1px,transparent 1px) 0 0/1.2em 1.2em,#FFF9F3;display:flex;flex-direction:column;justify-content:center;padding:1em 1.1em}
-.cv.s5 .st{align-self:flex-start;margin-bottom:.7em;padding:.2em .6em;border-radius:.4em;background:var(--tk);color:#fff;font-size:.8em;font-weight:800;letter-spacing:.08em;transform:rotate(-3deg)}
-.cv.s5 .t1{font-size:1.55em;color:#2F2424}
-.cv.s5 .t2{margin-top:.55em;font-size:.88em}
-.cv.s5 .sm{position:absolute;right:.8em;bottom:.8em;width:3.2em;height:3.2em;border-radius:50%;border:2px solid var(--tk);color:var(--tk);display:grid;place-items:center;font-size:.8em;font-weight:900;opacity:.55;transform:rotate(-14deg)}
+/* ---------- 封面（em 计：卡片 1em≈13px，详情放大）
+ 11-01 第三版：用户说列表「太乱」→ 原来 6 种花样（方格纸/横线本/波点胶带/深色引号…）全部去掉，只留一种版式；
+ 颜色只按分类走：家庭 = 粉、经验 = 青绿，各 3 个深浅轮换。左上角实底「家庭 / 经验」徽标，一眼分清。 ---------- */
+.cv{position:relative;width:100%;overflow:hidden;font-size:13px;isolation:isolate;display:flex;flex-direction:column;padding:.95em 1.05em 1.1em;background:linear-gradient(160deg,var(--c1),var(--c2))}
+.cv .kb{align-self:flex-start;font-size:.85em;height:1.55em;padding:0 .55em 0 .4em;border-radius:.5em;gap:.2em}
+.cv .kb .ic{width:1em;height:1em}
+.cv .ct{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}
+.cv .t1{font-size:1.65em;font-weight:900;line-height:1.25;letter-spacing:.04em;color:#2A1E1E;word-break:break-all}
+.cv .t2{margin-top:.5em;font-size:.92em;font-weight:700;line-height:1.4;color:var(--tk)}
+.cv .wm{position:absolute;right:-.1em;bottom:-.25em;font-size:5.6em;font-weight:900;line-height:1;color:#fff;opacity:.55;font-family:"STKaiti","KaiTi","Kaiti SC",serif;pointer-events:none;z-index:0}
/* ---------- 详情层 ---------- */
#dt{position:fixed;inset:0;z-index:40;background:#fff;transform:translateX(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}
@@ -172,15 +161,60 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
#dt .dnav .fo.on{border-color:#E5DAD5;color:var(--muted)}
#dsc{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:none}
#dsc::-webkit-scrollbar{display:none}
-.dcv .cv{font-size:26px}
+.dcv .cv{font-size:24px}
+.dcv .cv .kb{display:none}
.dbody{padding:16px 18px 6px}
.dbody h2{margin:0;font-size:19px;font-weight:900;line-height:1.45;letter-spacing:.2px}
.dbody .tx{margin-top:10px;font-size:15px;line-height:1.85;color:#3A302C;letter-spacing:.2px}
.dbody .tx p{margin:0 0 14px}
.dbody .tx p.li{margin:-6px 0 14px;padding-left:1.3em;text-indent:-1.3em}
.dbody .tx p.li+p.li{margin-top:-10px}
+.dbody .dk{display:flex;align-items:center;gap:6px;margin-bottom:8px}
+.dbody .dk button{height:22px;padding:0 8px;border-radius:7px;font-size:12px;font-weight:800}
+.dbody .dk button.k-family{background:#FFE6EB;color:#C23A55}
+.dbody .dk button.k-exp{background:#DDF2EE;color:#21705F}
.dbody .tgs{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.dbody .tgs button{height:24px;padding:0 9px;border-radius:99px;background:var(--peach);color:#D9583C;font-size:12.5px;font-weight:700}
+/* 详情正文后：参与本话题 */
+.pj{display:flex;align-items:center;gap:12px;margin:14px 18px 4px;padding:13px 14px;border-radius:16px;background:var(--hb)}
+.pj.k-family{--hb:linear-gradient(140deg,#FFF0F3,#FFDDE4);--hk:#E0566F;--ht:#C23A55}
+.pj.k-exp{--hb:linear-gradient(140deg,#EBF7F3,#D2EDE6);--hk:#2E8A7C;--ht:#21705F}
+.pj .pt{flex:1;min-width:0}
+.pj .pt b{display:block;font-size:14.5px;font-weight:900;color:#2A1E1E}
+.pj .pt small{display:block;margin-top:2px;font-size:12px;color:#6E5C57}
+.pj .pt small em{font-style:normal;font-weight:800;color:#E8473A}
+.pj button{flex:none;height:32px;padding:0 13px;border-radius:99px;background:var(--hk);color:#fff;font-size:13px;font-weight:800}
+
+/* ---------- 底部弹层：投稿规则 / 全部话题 ---------- */
+#mask{position:fixed;inset:0;z-index:60;background:rgba(30,20,18,.45);opacity:0;pointer-events:none;transition:opacity .22s}
+#mask.show{opacity:1;pointer-events:auto}
+#sheet{position:fixed;left:0;right:0;bottom:0;z-index:61;max-height:82vh;display:flex;flex-direction:column;border-radius:22px 22px 0 0;background:#FFFBF8;transform:translateY(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
+#sheet.show{transform:none}
+#sheet .sg{width:36px;height:4px;margin:8px auto 0;border-radius:4px;background:#E6D8D2;flex:none}
+#sheet .sbd{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:none;padding:6px 18px calc(18px + var(--safe-b))}
+#sheet h3{margin:8px 0 0;font-size:18px;font-weight:900;text-align:center}
+.rb{margin:14px 0 0;padding:16px 14px;border-radius:18px;text-align:center;color:#fff;background:radial-gradient(140px 90px at 100% 0,rgba(255,255,255,.3),transparent 70%),linear-gradient(120deg,#FF8A5B,#F4593C 60%,#E8473A)}
+.rb small{display:block;font-size:12.5px;font-weight:700;opacity:.9}
+.rb b{display:block;margin-top:4px;font-size:24px;font-weight:900;letter-spacing:.5px}
+.rb b em{font-style:normal;color:#FFF3B8}
+.rb i{display:block;margin-top:2px;font-style:normal;font-size:12px;opacity:.9}
+.stp{margin:16px 0 0;padding:0;list-style:none;counter-reset:s}
+.stp li{position:relative;padding:0 0 14px 38px;font-size:14px;line-height:1.6;color:#3A302C;counter-increment:s}
+.stp li::before{content:counter(s);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:#FFEDE6;color:#F4593C;font-size:13px;font-weight:900;display:grid;place-items:center}
+.stp li b{display:block;font-size:14.5px;font-weight:800;color:#2A1E1E}
+.stp li small{display:block;font-size:12.5px;color:var(--muted)}
+.cur-t{margin-top:12px;padding:10px 12px;border-radius:12px;background:#F6EEEA;font-size:13px;color:#6E5C57}
+.cur-t b{color:#2A1E1E}
+.sbtn{display:block;width:100%;height:46px;margin-top:6px;border-radius:99px;background:var(--btn);color:#fff;font-size:16px;font-weight:900;box-shadow:0 8px 16px -8px #EE5A3E}
+.snote{margin-top:10px;text-align:center;font-size:11.5px;color:#B8A49E}
+.tl-h{display:flex;align-items:center;gap:6px;margin:16px 0 8px;font-size:14px;font-weight:900}
+.tl{display:grid;grid-template-columns:1fr 1fr;gap:8px}
+.tl button{display:flex;align-items:center;gap:4px;min-height:42px;padding:6px 10px;border-radius:12px;text-align:left;font-size:13.5px;font-weight:700;line-height:1.35;background:var(--hb);color:#3A2C28}
+.tl button.on{box-shadow:inset 0 0 0 2px var(--hk)}
+.tl.k-family button{--hb:#FFF0F3;--hk:#E0566F}
+.tl.k-exp button{--hb:#EBF7F3;--hk:#2E8A7C}
+.tl button i{flex:none;font-style:normal;padding:0 4px;border-radius:5px;background:#FF5A3C;color:#fff;font-size:9.5px;font-weight:800;line-height:15px}
+.tl-all{display:block;width:100%;height:40px;margin-top:14px;border-radius:12px;background:#F6EEEA;font-size:14px;font-weight:800;color:#6E5C57}
.dbody .tm{margin-top:12px;font-size:12px;color:#B8A49E}
.cm{margin-top:8px;padding:14px 18px 20px;border-top:8px solid #F8F3EF}
.cm-h{display:flex;align-items:baseline;gap:6px;font-size:15px;font-weight:900}
@@ -239,6 +273,10 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
+
+
+
+
@@ -250,9 +288,9 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
-
+
— 到底啦 —内容为示例占位，正式版将替换为妈妈们的真实分享
@@ -272,10 +310,12 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
+
+
-
-
+
+
-
+
@@ -2405,7 +2405,7 @@
-
+