/* ==========================================================================
   银河家史 · 家史俱乐部 双线页面样式
   子女版 club-parents.html（朱砂·紧迫） / 长辈版 club-self.html（鎏金·温暖）
   v20261019b
   ========================================================================== */

/* ---------- 0. 页面主题变量 ---------- */
.page-parents{
  --px-main:#9E2B25; --px-main-d:#7C1F1A; --px-main-l:#B23A2E;
  --px-soft:#FBEEEA; --px-soft-2:#F6E2DC;
  --px-accent:#C9A227; --px-accent-d:#A6842A;
}
.page-self{
  --px-main:#A6842A; --px-main-d:#7E6115; --px-main-l:#C9A227;
  --px-soft:#F9F1DE; --px-soft-2:#F2E6C8;
  --px-accent:#3E7A63; --px-accent-d:#2E5C4A;
}

/* ---------- 1. 通用元件 ---------- */
.px-wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
.px-narrow{max-width:980px;margin:0 auto;padding:0 28px;}

.px-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:100px;
  background:var(--px-soft);border:1px solid rgba(0,0,0,.06);color:var(--px-main);
  font-size:13px;font-weight:700;letter-spacing:.1em;}
.page-self .px-badge{background:#F6EDD3;color:var(--px-main-d);}

.px-note{font-size:13px;color:var(--ink-3);line-height:1.9;margin-top:16px;padding-top:14px;border-top:1px dashed rgba(0,0,0,.09);}

/* 彩色小标签 */
.px-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:100px;font-size:11.5px;font-weight:700;letter-spacing:.06em;background:#F1EADD;color:#7A6437;}
.px-tag.red{background:#FBE4E0;color:#9E2B25;}
.px-tag.gold{background:#F8EBC9;color:#8A6A18;}
.px-tag.green{background:#E2EFE9;color:#2E5C4A;}
.px-tag.blue{background:#E4EBF3;color:#37506E;}

/* 通用卡片 */
.px-card{background:var(--white);border:1px solid var(--paper-3);border-radius:var(--r-md);
  padding:30px 30px 32px;transition:all .42s var(--ease);position:relative;overflow:hidden;}
.px-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg);border-color:var(--gold-300);}
.px-card-ico{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-size:26px;
  background:var(--px-soft);margin-bottom:18px;}
.px-card h4{font-family:var(--font-serif);font-size:19.5px;color:var(--ink);margin-bottom:10px;letter-spacing:.04em;}
.px-card p{font-size:14.4px;color:var(--ink-3);line-height:1.95;}

/* 输出框 */
.px-out{background:linear-gradient(180deg,#FFFDF7,#FBF6EA);border:1px solid var(--gold-300);
  border-radius:var(--r-md);padding:26px 28px;position:relative;}
.px-out-txt{font-family:var(--font-serif);font-size:15.4px;line-height:2.15;color:var(--ink);
  white-space:pre-wrap;word-break:break-word;max-height:430px;overflow:auto;}
.px-out-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(201,162,39,.28);}
.px-btn{padding:11px 22px;border-radius:100px;border:1px solid var(--gold-400);background:var(--white);
  color:var(--px-main-d);font-size:13.6px;font-weight:600;cursor:pointer;transition:all .3s var(--ease);font-family:var(--font-sans);}
.px-btn:hover{background:var(--px-main);color:#FFF6E6;border-color:var(--px-main);}
.px-btn.solid{background:var(--px-main);color:#FFF6E6;border-color:var(--px-main);}
.px-btn.solid:hover{background:var(--px-main-d);transform:translateY(-2px);}

/* 步骤流程 */
.px-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px;position:relative;}
.px-flow-i{position:relative;padding:26px 20px 24px;background:var(--white);border-radius:var(--r-md);
  border:1px solid var(--paper-3);text-align:center;}
.px-flow-i::after{content:"";position:absolute;right:-14px;top:50%;width:0;height:0;margin-top:-6px;
  border-left:8px solid var(--gold-400);border-top:6px solid transparent;border-bottom:6px solid transparent;}
.px-flow-i:last-child::after{display:none;}
.px-flow-n{width:38px;height:38px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--px-main-l),var(--px-main-d));color:#FFF3DF;font-family:var(--font-serif);
  font-size:18px;font-weight:700;}
.px-flow-i b{display:block;font-family:var(--font-serif);font-size:16.5px;color:var(--ink);margin-bottom:7px;}
.px-flow-i span{font-size:13.2px;color:var(--ink-3);line-height:1.8;}
@media (max-width:900px){.px-flow{grid-template-columns:repeat(2,1fr);}.px-flow-i::after{display:none;}}

/* 金句带 */
.px-quote{position:relative;padding:52px 0;text-align:center;
  background:linear-gradient(120deg,var(--px-main-d),var(--px-main) 55%,var(--px-main-d));color:#FBEEDA;}
.px-quote::before{content:"";position:absolute;inset:0;opacity:.16;
  background:radial-gradient(700px 240px at 50% 0%,#FFE7A8,transparent 70%);}
.px-quote q{position:relative;display:block;font-family:var(--font-serif);font-size:clamp(21px,3vw,32px);
  line-height:1.75;letter-spacing:.05em;quotes:none;}
.px-quote cite{position:relative;display:block;margin-top:18px;font-style:normal;font-size:14.5px;
  color:rgba(255,240,214,.72);letter-spacing:.1em;}

/* 长尾词云 */
.px-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
.px-tags a{display:inline-flex;align-items:center;gap:7px;padding:9px 17px;font-size:13.6px;border-radius:100px;
  background:var(--white);border:1px solid var(--paper-3);color:var(--ink-2);transition:all .32s var(--ease);}
.px-tags a em{font-style:normal;color:var(--px-main);font-size:11.5px;font-weight:700;}
.px-tags a:hover{border-color:var(--px-main);color:var(--px-main);transform:translateY(-3px);box-shadow:var(--shadow-md);}

/* ==========================================================================
   2. 子女版专用 · 朱砂系
   ========================================================================== */

/* 2.1 心声共鸣卡 */
.pa-voice{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;}
.pa-voice-c{position:relative;padding:28px 26px 26px;background:var(--white);border-radius:var(--r-md);
  border:1px solid var(--paper-3);border-top:3px solid var(--px-main);transition:all .4s var(--ease);}
.pa-voice-c:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);}
.pa-voice-c::before{content:"“";position:absolute;top:8px;left:18px;font-family:var(--font-serif);
  font-size:52px;color:var(--px-soft-2);line-height:1;}
.pa-voice-c p{position:relative;font-size:15px;line-height:2;color:var(--ink-2);margin-bottom:14px;}
.pa-voice-c span{display:block;font-size:12.8px;color:var(--ink-4);letter-spacing:.04em;}
@media (max-width:900px){.pa-voice{grid-template-columns:1fr;}}

/* 2.2 倒计时 */
.pa-cd{display:grid;grid-template-columns:minmax(280px,.85fr) 1.15fr;gap:26px;margin-top:30px;align-items:start;}
.pa-cd-form{background:var(--white);border:1px solid var(--paper-3);border-radius:var(--r-md);padding:30px 28px;}
.pa-cd-f{margin-bottom:22px;}
.pa-cd-f label{display:flex;align-items:center;justify-content:space-between;font-size:14.6px;color:var(--ink-2);font-weight:600;margin-bottom:10px;}
.pa-cd-f label b{font-family:var(--font-serif);font-size:19px;color:var(--px-main);}
.pa-cd-f input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:100px;
  background:linear-gradient(90deg,var(--px-main-l),var(--px-soft-2));outline:none;}
.pa-cd-f input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;
  background:var(--white);border:3px solid var(--px-main);cursor:pointer;box-shadow:0 3px 10px rgba(124,31,26,.28);}
.pa-cd-f input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;
  border:3px solid var(--px-main);cursor:pointer;}
.pa-cd-res{background:linear-gradient(160deg,#FFF8F4,#FBEEEA);border:1px solid var(--px-soft-2);
  border-radius:var(--r-md);padding:32px 30px;}
.pa-cd-lead{font-size:13px;letter-spacing:.16em;color:var(--px-main);font-weight:700;margin-bottom:18px;}
.pa-cd-nums{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.pa-cd-n{padding:20px 18px;background:var(--white);border-radius:var(--r-sm);text-align:center;
  border:1px solid rgba(158,43,37,.13);}
.pa-cd-n b{display:block;font-family:var(--font-serif);font-size:clamp(28px,3.4vw,40px);line-height:1.1;
  color:var(--px-main-d);font-weight:700;}
.pa-cd-n span{display:block;margin-top:6px;font-size:12.6px;color:var(--ink-3);letter-spacing:.06em;}
.pa-cd-n.hot b{color:var(--cinnabar);}
.pa-cd-line{margin-top:22px;font-size:15.2px;line-height:2;color:var(--ink-2);}
.pa-cd-line b{color:var(--px-main);}
.pa-cd-more{margin-top:14px;padding-top:16px;border-top:1px dashed rgba(158,43,37,.24);font-size:14px;
  line-height:1.95;color:var(--ink-3);}
.pa-cd-more b{color:var(--px-main-d);}
@media (max-width:900px){.pa-cd{grid-template-columns:1fr;}}

/* 2.3 记忆体检 */
.pa-ck{margin-top:30px;background:var(--white);border:1px solid var(--paper-3);border-radius:var(--r-md);
  padding:34px 32px;}
.pa-ck-i{padding:20px 0;border-bottom:1px dashed var(--paper-3);display:grid;
  grid-template-columns:1fr auto;gap:20px;align-items:center;}
.pa-ck-i:last-of-type{border-bottom:none;}
.pa-ck-q{font-size:15.4px;line-height:1.8;color:var(--ink);font-weight:600;}
.pa-ck-q em{display:block;font-style:normal;font-size:12.8px;color:var(--ink-4);font-weight:400;margin-top:4px;}
.pa-ck-o{display:flex;gap:8px;flex-shrink:0;}
.pa-ck-o button{padding:8px 16px;border-radius:100px;border:1px solid var(--paper-3);background:var(--paper);
  font-size:13.2px;color:var(--ink-3);cursor:pointer;transition:all .28s var(--ease);font-family:var(--font-sans);white-space:nowrap;}
.pa-ck-o button:hover{border-color:var(--px-main);color:var(--px-main);}
.pa-ck-o button.on{background:var(--px-main);border-color:var(--px-main);color:#FFF3E4;font-weight:700;}
@media (max-width:700px){.pa-ck-i{grid-template-columns:1fr;}.pa-ck-o{justify-content:flex-start;}}
.pa-ck-out{margin-top:26px;padding:28px 28px 30px;border-radius:var(--r-md);
  background:linear-gradient(160deg,#FFF9F6,#FBEEEA);border:1px solid var(--px-soft-2);text-align:center;}
.pa-ck-score b{font-family:var(--font-serif);font-size:clamp(40px,6vw,62px);color:var(--px-main-d);line-height:1;font-weight:700;}
.pa-ck-score span{display:block;margin-top:8px;font-size:13.4px;color:var(--ink-3);letter-spacing:.08em;}
.pa-ck-bar{height:9px;border-radius:100px;background:var(--px-soft-2);margin:20px 0 18px;overflow:hidden;}
.pa-ck-bar i{display:block;height:100%;border-radius:100px;background:linear-gradient(90deg,var(--px-main-l),var(--px-main-d));transition:width .7s var(--ease);}
.pa-ck-word{font-size:15.2px;line-height:2;color:var(--ink-2);text-align:left;}
.pa-ck-word b{color:var(--px-main-d);}

/* 2.4 提纲生成器（核心钩子） */
.pa-gen{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px;align-items:start;}
.pa-gen-form{background:var(--white);border:1px solid var(--paper-3);border-radius:var(--r-md);padding:30px 28px;}
.pa-gen-g{margin-bottom:24px;}
.pa-gen-g>label{display:block;font-size:14.6px;font-weight:700;color:var(--ink);margin-bottom:6px;}
.pa-gen-g>label i{font-style:normal;color:var(--px-main);margin-right:6px;}
.pa-gen-hint{font-size:12.8px;color:var(--ink-4);margin-bottom:12px;line-height:1.8;}
.pa-chips{display:flex;flex-wrap:wrap;gap:9px;}
.pa-chip{padding:9px 16px;border-radius:100px;border:1px solid var(--paper-3);background:var(--paper);
  font-size:13.4px;color:var(--ink-2);cursor:pointer;transition:all .3s var(--ease);font-family:var(--font-sans);}
.pa-chip:hover{border-color:var(--px-main);color:var(--px-main);}
.pa-chip.on{background:var(--px-main);border-color:var(--px-main);color:#FFF3E4;font-weight:600;
  box-shadow:0 6px 18px rgba(158,43,37,.22);}
.pa-gen-out{position:sticky;top:100px;}
.pa-gen-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
@media (max-width:900px){.pa-gen{grid-template-columns:1fr;}.pa-gen-out{position:static;}}

/* 2.5 三档方案对照 */
.pa-plan{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px;align-items:stretch;}
.pa-plan-c{position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--paper-3);
  border-radius:var(--r-lg);padding:34px 30px 32px;transition:all .42s var(--ease);}
.pa-plan-c:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.pa-plan-c.hot{border:2px solid var(--px-main);background:linear-gradient(170deg,#FFFAF7,#FBEEEA);
  box-shadow:0 18px 50px rgba(158,43,37,.16);}
.pa-plan-flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:5px 18px;border-radius:100px;
  background:linear-gradient(135deg,var(--px-main-l),var(--px-main-d));color:#FFF3DF;font-size:12px;font-weight:700;letter-spacing:.1em;white-space:nowrap;}
.pa-plan-c h4{font-family:var(--font-serif);font-size:22px;color:var(--ink);margin-bottom:6px;}
.pa-plan-for{font-size:13.2px;color:var(--ink-4);margin-bottom:18px;}
.pa-plan-price{font-family:var(--font-serif);font-size:26px;color:var(--px-main-d);font-weight:700;margin-bottom:4px;}
.pa-plan-price small{font-size:13px;color:var(--ink-4);font-family:var(--font-sans);font-weight:400;}
.pa-plan-dur{font-size:12.8px;color:var(--ink-4);margin-bottom:20px;}
.pa-plan-ul{list-style:none;margin:0 0 24px;padding:0;flex:1;}
.pa-plan-ul li{position:relative;padding-left:24px;font-size:14px;line-height:1.9;color:var(--ink-2);margin-bottom:10px;}
.pa-plan-ul li::before{content:"";position:absolute;left:2px;top:11px;width:8px;height:8px;border-radius:2px;
  background:var(--px-main);transform:rotate(45deg);}
.pa-plan-c .btn{width:100%;}
@media (max-width:900px){.pa-plan{grid-template-columns:1fr;}}

/* 2.6 案例墙 */
.pa-story{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px;}
.pa-story-c{background:var(--white);border:1px solid var(--paper-3);border-radius:var(--r-md);overflow:hidden;
  transition:all .42s var(--ease);}
.pa-story-c:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg);}
.pa-story-top{padding:24px 26px 20px;background:linear-gradient(140deg,var(--px-main-d),var(--px-main));color:#FBEEDA;}
.pa-story-top b{display:block;font-family:var(--font-serif);font-size:18px;margin-bottom:6px;}
.pa-story-top span{font-size:12.8px;color:rgba(255,238,214,.72);}
.pa-story-b{padding:24px 26px 28px;}
.pa-story-b p{font-size:14.4px;line-height:1.98;color:var(--ink-2);margin-bottom:16px;}
.pa-story-k{display:flex;flex-wrap:wrap;gap:8px;}
@media (max-width:900px){.pa-story{grid-template-columns:1fr;}}

/* ==========================================================================
   3. 长辈版专用 · 鎏金系（大字、大按钮、高对比）
   ========================================================================== */
.page-self .section{font-size:17px;}
.page-self .sec-sub{font-size:17.5px;}

/* 3.1 破冰反问 */
.sf-ask{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px;}
.sf-ask-c{padding:26px 24px;background:var(--white);border-radius:var(--r-md);border:1px solid var(--paper-3);
  border-left:4px solid var(--px-main);transition:all .4s var(--ease);}
.sf-ask-c:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-left-width:8px;}
.sf-ask-c b{display:block;font-family:var(--font-serif);font-size:17.5px;color:var(--ink);line-height:1.7;margin-bottom:10px;}
.sf-ask-c span{font-size:14px;color:var(--ink-3);line-height:1.9;}
@media (max-width:900px){.sf-ask{grid-template-columns:1fr;}}

/* 3.2 人生时间轴（可填写） */
.sf-yr-top{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:28px;padding:24px 28px;
  background:var(--white);border-radius:var(--r-md);border:1px solid var(--paper-3);}
.sf-yr-top label{font-size:16px;font-weight:700;color:var(--ink);}
.sf-yr-top input{width:130px;padding:12px 16px;font-size:19px;font-family:var(--font-serif);text-align:center;
  border:1px solid var(--paper-3);border-radius:var(--r-sm);background:var(--paper);color:var(--px-main-d);font-weight:700;}
.sf-prog{flex:1;min-width:200px;}
.sf-prog-bar{height:12px;border-radius:100px;background:var(--px-soft-2);overflow:hidden;}
.sf-prog-bar i{display:block;height:100%;border-radius:100px;background:linear-gradient(90deg,var(--px-main-l),var(--px-main-d));transition:width .6s var(--ease);}
.sf-prog-txt{margin-top:8px;font-size:13.6px;color:var(--ink-3);}
.sf-prog-txt b{color:var(--px-main-d);font-size:16px;font-family:var(--font-serif);}

.sf-yr{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.sf-yr-c{background:var(--white);border:1px solid var(--paper-3);border-radius:var(--r-md);padding:22px 22px 20px;
  transition:all .4s var(--ease);position:relative;}
.sf-yr-c:hover{border-color:var(--gold-400);box-shadow:var(--shadow-md);}
.sf-yr-c.done{border-color:var(--px-main);background:linear-gradient(170deg,#FFFDF6,#F9F1DE);}
.sf-yr-h{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;}
.sf-yr-h b{font-family:var(--font-serif);font-size:22px;color:var(--px-main-d);font-weight:700;}
.sf-yr-h i{font-style:normal;font-family:var(--font-serif);font-size:16.5px;color:var(--ink);}
.sf-yr-h em{margin-left:auto;font-style:normal;font-size:12.4px;color:var(--ink-4);}
.sf-yr-c p{font-size:14px;line-height:1.9;color:var(--ink-3);margin-bottom:12px;}
.sf-yr-q{font-size:14.2px;line-height:1.85;color:var(--px-main-d);background:var(--px-soft);
  padding:12px 14px;border-radius:var(--r-sm);margin-bottom:12px;}
.sf-yr-c textarea{width:100%;min-height:88px;padding:12px 14px;font-size:14.4px;line-height:1.85;
  border:1px solid var(--paper-3);border-radius:var(--r-sm);background:var(--paper);resize:vertical;
  font-family:var(--font-sans);color:var(--ink);}
.sf-yr-c textarea:focus{outline:none;border-color:var(--px-main);background:#fff;}
.sf-yr-c textarea::placeholder{color:var(--ink-4);}
@media (max-width:1000px){.sf-yr{grid-template-columns:repeat(2,1fr);}}
@media (max-width:680px){.sf-yr{grid-template-columns:1fr;}}

/* 3.3 年代记忆尺 */
.sf-dec-bar{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}
.sf-dec-b{padding:14px 26px;font-family:var(--font-serif);font-size:17px;font-weight:700;border-radius:100px;
  border:1px solid var(--paper-3);background:var(--white);color:var(--ink-2);cursor:pointer;transition:all .32s var(--ease);}
.sf-dec-b:hover{border-color:var(--px-main);color:var(--px-main-d);}
.sf-dec-b.on{background:linear-gradient(135deg,var(--px-main-d),var(--px-main-l));color:#FFF8E4;border-color:transparent;
  box-shadow:0 10px 26px rgba(166,132,42,.26);}
.sf-dec-p{margin-top:26px;display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:start;}
.sf-dec-main{background:var(--white);border:1px solid var(--paper-3);border-radius:var(--r-md);padding:30px 30px 32px;}
.sf-dec-main h4{font-family:var(--font-serif);font-size:22px;color:var(--px-main-d);margin-bottom:8px;}
.sf-dec-sum{font-size:15px;color:var(--ink-3);line-height:1.95;margin-bottom:22px;}
.sf-dec-l{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.sf-dec-i{padding:16px 18px;background:var(--paper);border-radius:var(--r-sm);border-left:3px solid var(--px-main);}
.sf-dec-i b{display:block;font-family:var(--font-serif);font-size:15.5px;color:var(--ink);margin-bottom:5px;}
.sf-dec-i span{font-size:13.4px;color:var(--ink-3);line-height:1.85;}
.sf-dec-side{background:linear-gradient(165deg,#FFFDF6,#F6EDD3);border:1px solid var(--gold-300);border-radius:var(--r-md);padding:28px 28px 30px;}
.sf-dec-side h5{font-family:var(--font-serif);font-size:17px;color:var(--px-main-d);margin-bottom:14px;letter-spacing:.06em;}
.sf-dec-price{list-style:none;margin:0 0 18px;padding:0;}
.sf-dec-price li{display:flex;justify-content:space-between;gap:12px;font-size:14.2px;color:var(--ink-2);
  padding:9px 0;border-bottom:1px dashed rgba(166,132,42,.3);}
.sf-dec-price li b{font-family:var(--font-serif);color:var(--px-main-d);}
.sf-dec-ask{font-size:14.6px;line-height:1.95;color:var(--px-main-d);}
.sf-dec-ask b{display:block;margin-bottom:4px;font-size:13px;letter-spacing:.1em;color:var(--ink-3);}
@media (max-width:900px){.sf-dec-p{grid-template-columns:1fr;}.sf-dec-l{grid-template-columns:1fr;}}

/* 3.4 老物件（大卡片） */
.sf-obj{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px;}
.sf-obj-c{perspective:1200px;min-height:220px;cursor:pointer;}
.sf-obj-in{position:relative;width:100%;height:100%;min-height:220px;transition:transform .65s var(--ease);transform-style:preserve-3d;}
.sf-obj-c.flip .sf-obj-in{transform:rotateY(180deg);}
.sf-obj-f{position:absolute;inset:0;backface-visibility:hidden;border-radius:var(--r-md);padding:24px 22px;
  display:flex;flex-direction:column;justify-content:center;}
.sf-obj-front{background:var(--white);border:1px solid var(--paper-3);align-items:center;text-align:center;}
.sf-obj-front .sf-obj-e{font-size:46px;line-height:1;margin-bottom:14px;}
.sf-obj-front b{font-family:var(--font-serif);font-size:19px;color:var(--ink);margin-bottom:6px;}
.sf-obj-front span{font-size:13px;color:var(--ink-4);}
.sf-obj-front i{position:absolute;bottom:14px;left:0;right:0;font-style:normal;font-size:12px;color:var(--px-main);}
.sf-obj-back{transform:rotateY(180deg);background:linear-gradient(160deg,var(--px-main-d),var(--px-main-l));color:#FFF6E2;}
.sf-obj-back p{font-size:14.2px;line-height:1.92;margin-bottom:12px;}
.sf-obj-back em{font-style:normal;font-size:13.6px;line-height:1.85;color:#FFE9A8;font-weight:600;}
@media (max-width:1000px){.sf-obj{grid-template-columns:repeat(2,1fr);}}

/* 3.5 老家的味道 */
.sf-ts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;}
.sf-ts-c{background:var(--white);border:1px solid var(--paper-3);border-radius:var(--r-md);padding:26px 26px 24px;
  transition:all .4s var(--ease);}
.sf-ts-c:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--gold-300);}
.sf-ts-e{font-size:38px;line-height:1;margin-bottom:12px;}
.sf-ts-c b{display:block;font-family:var(--font-serif);font-size:18.5px;color:var(--ink);margin-bottom:10px;}
.sf-ts-c p{font-size:14.4px;line-height:1.95;color:var(--ink-3);margin-bottom:14px;}
.sf-ts-q{padding-top:14px;border-top:1px dashed var(--paper-3);font-size:13.8px;line-height:1.85;color:var(--px-main-d);}
.sf-ts-q b{color:var(--ink-3);}
@media (max-width:900px){.sf-ts{grid-template-columns:1fr;}}

/* 3.6 人生金句生成器 */
.sf-wise{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;}
.sf-wise-form{background:var(--white);border:1px solid var(--paper-3);border-radius:var(--r-md);padding:30px 28px;}
.sf-wise-out{position:sticky;top:100px;}
.sf-wise-box{background:linear-gradient(175deg,#FFFDF6,#F6EDD3);border:1px solid var(--gold-400);border-radius:var(--r-md);
  padding:32px 30px;text-align:center;position:relative;overflow:hidden;}
.sf-wise-box::before{content:"";position:absolute;top:-30%;right:-10%;width:240px;height:240px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,162,39,.18),transparent 70%);}
.sf-wise-txt{position:relative;font-family:var(--font-serif);font-size:clamp(19px,2.4vw,25px);line-height:1.95;
  color:var(--px-main-d);letter-spacing:.06em;white-space:pre-wrap;}
.sf-wise-sub{position:relative;margin-top:18px;font-size:14.4px;line-height:1.95;color:var(--ink-2);white-space:pre-wrap;}
@media (max-width:900px){.sf-wise{grid-template-columns:1fr;}.sf-wise-out{position:static;}}

/* 3.7 人生资产盘点 */
.sf-asset{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;}
.sf-asset-c{position:relative;padding:28px 26px;border-radius:var(--r-md);background:var(--white);
  border:1px solid var(--paper-3);transition:all .4s var(--ease);}
.sf-asset-c:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);}
.sf-asset-n{font-family:var(--font-serif);font-size:15px;color:var(--px-main);font-weight:700;letter-spacing:.1em;margin-bottom:8px;}
.sf-asset-c b{display:block;font-family:var(--font-serif);font-size:19px;color:var(--ink);margin-bottom:10px;}
.sf-asset-c p{font-size:14.2px;line-height:1.92;color:var(--ink-3);}
@media (max-width:900px){.sf-asset{grid-template-columns:1fr;}}

/* 3.8 让儿女帮我（裂变） */
.sf-share{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start;}
.sf-share-l .px-out-txt{font-size:15px;line-height:2.05;}
.sf-share-why{list-style:none;margin:0;padding:0;}
.sf-share-why li{position:relative;padding-left:30px;font-size:15px;line-height:1.95;color:var(--ink-2);margin-bottom:14px;}
.sf-share-why li::before{content:"";position:absolute;left:4px;top:12px;width:10px;height:10px;border-radius:50%;
  background:var(--px-main);}
@media (max-width:900px){.sf-share{grid-template-columns:1fr;}}

/* 3.9 大按钮（长辈友好） */
.sf-bigbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:20px 44px;
  border-radius:100px;font-size:18px;font-weight:700;letter-spacing:.06em;cursor:pointer;border:none;
  font-family:var(--font-sans);transition:all .32s var(--ease);text-decoration:none;}
.sf-bigbtn.pri{background:linear-gradient(135deg,var(--px-main-l),var(--px-main-d));color:#FFF8E4;
  box-shadow:0 12px 32px rgba(166,132,42,.3);}
.sf-bigbtn.pri:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(166,132,42,.4);}
.sf-bigbtn.sec{background:var(--white);color:var(--px-main-d);border:2px solid var(--px-main);}
.sf-bigbtn.sec:hover{background:var(--px-soft);}

/* ---------- 3.10 入口卡改为跳转链接后的适配 ---------- */
a.path-card{display:block;text-decoration:none;color:inherit;}
a.path-card .path-pick{opacity:1;}
a.path-card:hover{border-color:var(--cinnabar);box-shadow:0 14px 34px rgba(124,31,26,.16);}
a.path-card:hover .path-pick{color:var(--cinnabar-deep);}
a.path-card:hover h3{color:var(--cinnabar-deep);}

/* ---------- 3.11 年代长廊 ---------- */
.cb-era-bar{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px;justify-content:center;}
.cb-era-b{padding:9px 18px;border-radius:100px;border:1px solid var(--paper-3);background:var(--white);
  font-family:var(--font-serif);font-size:15px;color:var(--ink-3);cursor:pointer;transition:.25s;letter-spacing:.05em;}
.cb-era-b:hover{border-color:var(--px-main);color:var(--px-main);}
.cb-era-b.on{background:var(--px-main);color:#FFF6E6;border-color:var(--px-main);box-shadow:0 8px 20px rgba(0,0,0,.14);}
.cb-era-panels{margin-top:26px;}
.cb-era-p{display:none;grid-template-columns:1.18fr .82fr;border-radius:var(--r-md);overflow:hidden;
  border:1px solid var(--paper-3);box-shadow:var(--shadow-md);background:var(--white);}
.cb-era-p.on{display:grid;animation:cbFade .4s ease;}
@keyframes cbFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.cb-era-main{padding:32px 34px 30px;}
.cb-era-side{padding:32px 30px;background:linear-gradient(165deg,var(--px-soft),var(--px-soft-2));border-left:1px solid rgba(0,0,0,.06);}
.cb-era-h{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:6px;}
.cb-era-h b{font-family:var(--font-serif);font-size:26px;color:var(--px-main-d);letter-spacing:.06em;}
.cb-era-h span{font-size:13px;color:var(--ink-4);letter-spacing:.14em;}
.cb-era-lead{font-size:15px;color:var(--ink-3);line-height:2;margin-bottom:18px;}
.cb-era-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;}
.cb-era-list li{position:relative;padding-left:22px;font-size:14px;color:var(--ink-3);line-height:1.85;}
.cb-era-list li::before{content:"";position:absolute;left:6px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--px-accent);}
.cb-era-list li b{color:var(--ink);font-weight:700;}
.cb-era-side h5{font-family:var(--font-serif);font-size:16px;color:var(--px-main-d);margin-bottom:14px;letter-spacing:.08em;}
.cb-era-price{list-style:none;font-size:13.6px;color:var(--ink-3);line-height:2.1;}
.cb-era-price li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed rgba(0,0,0,.1);padding:2px 0;}
.cb-era-price li b{color:var(--px-main-d);font-family:var(--font-serif);}
.cb-era-say{margin-top:18px;padding:16px 18px;border-radius:12px;background:rgba(255,255,255,.72);
  font-family:var(--font-serif);font-size:14.6px;line-height:2;color:var(--ink-2);border:1px solid rgba(0,0,0,.05);}
.cb-era-say em{font-style:normal;display:block;margin-top:8px;font-size:12.6px;color:var(--ink-4);font-family:var(--font-sans);}

/* ---------- 3.12 名人家史故事 ---------- */
.cb-fam{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;}
.cb-fam-c{position:relative;padding:30px 28px 28px;background:var(--white);border:1px solid var(--paper-3);
  border-radius:var(--r-md);box-shadow:var(--shadow-sm);transition:.3s;overflow:hidden;}
.cb-fam-c:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg);border-color:var(--gold-300);}
.cb-fam-c::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;
  background:radial-gradient(circle at 30% 30%,var(--px-soft-2),transparent 70%);opacity:.7;}
.cb-fam-seal{position:relative;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;
  background:var(--px-main);color:#FFF6E6;font-family:var(--font-serif);font-size:22px;margin-bottom:16px;
  box-shadow:0 8px 18px rgba(0,0,0,.16);}
.cb-fam-yr{position:relative;font-size:12px;color:var(--ink-4);letter-spacing:.16em;margin-bottom:8px;}
.cb-fam-c h4{position:relative;font-family:var(--font-serif);font-size:20px;color:var(--ink);margin-bottom:6px;letter-spacing:.04em;}
.cb-fam-c h4 i{font-style:normal;font-size:13px;color:var(--ink-4);font-family:var(--font-sans);letter-spacing:0;margin-left:8px;}
.cb-fam-t{position:relative;font-size:14.2px;color:var(--ink-3);line-height:1.95;}
.cb-fam-q{position:relative;margin-top:16px;padding:14px 16px;border-left:3px solid var(--px-accent);
  background:var(--px-soft);border-radius:0 10px 10px 0;font-family:var(--font-serif);font-size:14px;
  line-height:1.95;color:var(--px-main-d);}
.cb-fam-tip{position:relative;margin-top:14px;font-size:13px;color:var(--ink-4);line-height:1.85;}
.cb-fam-tip b{color:var(--px-main);}

/* ---------- 3.13 写作方法 ---------- */
.cb-how{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px;}
.cb-how-c{padding:26px 24px;background:var(--white);border:1px solid var(--paper-3);border-radius:var(--r-md);transition:.28s;}
.cb-how-c:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--gold-300);}
.cb-how-n{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;
  border-radius:100px;background:var(--px-soft-2);color:var(--px-main-d);font-family:var(--font-serif);
  font-size:15px;font-weight:700;margin-bottom:14px;}
.cb-how-c h4{font-family:var(--font-serif);font-size:17.5px;color:var(--ink);margin-bottom:9px;letter-spacing:.04em;}
.cb-how-c p{font-size:13.8px;color:var(--ink-3);line-height:1.9;}
.cb-how-c p b{color:var(--px-main-d);}
.cb-how-eg{margin-top:12px;padding:12px 14px;background:var(--paper);border-radius:10px;font-size:13px;
  color:var(--ink-3);line-height:1.85;border:1px dashed rgba(0,0,0,.08);}
.cb-how-eg i{font-style:normal;color:var(--px-main);font-weight:700;}
.cb-warn{margin-top:22px;padding:24px 28px;background:#FFF6F3;border:1px solid #F0CFC8;border-radius:var(--r-md);}
.cb-warn h5{font-family:var(--font-serif);font-size:17px;color:var(--px-main-d);margin-bottom:12px;}
.cb-warn ul{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 20px;}
.cb-warn ul li{font-size:13.6px;color:var(--ink-3);line-height:1.85;padding-left:20px;position:relative;}
.cb-warn ul li::before{content:"✕";position:absolute;left:0;color:var(--px-main);font-weight:700;}

/* ---------- 3.14 回忆录阅览室 ---------- */
.cb-lib{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px;}
.cb-lib-c{position:relative;padding:26px 26px 24px;background:linear-gradient(180deg,#FFFDF7,#FBF6EA);
  border:1px solid var(--gold-300);border-radius:var(--r-md);transition:.3s;overflow:hidden;}
.cb-lib-c:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px);}
.cb-lib-c::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--px-accent),var(--px-main));opacity:.8;}
.cb-lib-cat{font-size:11.5px;letter-spacing:.16em;color:var(--px-main);font-weight:700;margin-bottom:8px;}
.cb-lib-c h4{font-family:var(--font-serif);font-size:19.5px;color:var(--ink);margin-bottom:8px;letter-spacing:.04em;}
.cb-lib-meta{font-size:12.6px;color:var(--ink-4);margin-bottom:12px;}
.cb-lib-ex{font-size:13.8px;color:var(--ink-3);line-height:1.95;margin-bottom:16px;}
.cb-lib-more{display:none;margin-top:14px;padding-top:16px;border-top:1px dashed rgba(201,162,39,.4);
  font-family:var(--font-serif);font-size:14.6px;line-height:2.15;color:var(--ink-2);white-space:pre-wrap;}
.cb-lib-more.on{display:block;animation:cbFade .35s ease;}
.cb-lib-lock{display:none;margin-top:14px;padding:16px 18px;background:rgba(255,255,255,.8);border:1px solid var(--gold-300);
  border-radius:12px;font-size:13.4px;color:var(--ink-3);line-height:1.9;text-align:center;}
.cb-lib-lock.on{display:block;}
.cb-lib-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.cb-mini{padding:9px 18px;border-radius:100px;border:1px solid var(--px-main);background:var(--white);
  color:var(--px-main-d);font-size:13.4px;font-weight:600;cursor:pointer;transition:.25s;font-family:inherit;}
.cb-mini:hover{background:var(--px-main);color:#FFF6E6;}
.cb-mini.solid{background:var(--px-main);color:#FFF6E6;}
.cb-mini.solid:hover{background:var(--px-main-d);}

/* ---------- 3.15 资源下载 ---------- */
.cb-dl{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px;}
.cb-dl-c{display:flex;flex-direction:column;padding:26px 24px;background:var(--white);
  border:1px solid var(--paper-3);border-radius:var(--r-md);transition:.28s;}
.cb-dl-c:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--gold-300);}
.cb-dl-ico{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:24px;
  background:var(--px-soft);margin-bottom:14px;}
.cb-dl-c h4{font-family:var(--font-serif);font-size:17.5px;color:var(--ink);margin-bottom:8px;letter-spacing:.04em;}
.cb-dl-c p{font-size:13.4px;color:var(--ink-3);line-height:1.85;flex:1;}
.cb-dl-fmt{margin-top:12px;font-size:12px;color:var(--ink-4);letter-spacing:.08em;}
.cb-dl-b{margin-top:14px;width:100%;padding:11px;border-radius:100px;background:var(--px-main);color:#FFF6E6;
  border:none;font-size:14px;font-weight:700;cursor:pointer;transition:.25s;font-family:inherit;}
.cb-dl-b:hover{background:var(--px-main-d);transform:translateY(-2px);}
.cb-dl-b.done{background:var(--px-accent);}

/* ---------- 3.16 留资弹窗 ---------- */
.cb-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px;}
.cb-modal.on{display:flex;}
.cb-mask{position:absolute;inset:0;background:rgba(28,10,8,.62);backdrop-filter:blur(3px);}
.cb-box{position:relative;width:100%;max-width:470px;background:var(--white);border-radius:18px;
  padding:34px 32px 30px;box-shadow:0 30px 70px rgba(0,0,0,.32);animation:cbPop .3s ease;}
@keyframes cbPop{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
.cb-box h4{font-family:var(--font-serif);font-size:21px;color:var(--ink);margin-bottom:8px;letter-spacing:.04em;}
.cb-box .cb-sub{font-size:13.6px;color:var(--ink-3);line-height:1.9;margin-bottom:18px;}
.cb-box .cb-sub b{color:var(--px-main-d);}
.cb-box input,.cb-box textarea{width:100%;padding:12px 14px;border:1px solid var(--paper-3);border-radius:10px;
  font-size:14.5px;font-family:inherit;margin-bottom:12px;background:var(--paper);}
.cb-box input:focus,.cb-box textarea:focus{outline:none;border-color:var(--px-main);background:#fff;}
.cb-box .cb-x{position:absolute;right:16px;top:14px;width:32px;height:32px;border:none;background:transparent;
  font-size:22px;color:var(--ink-4);cursor:pointer;line-height:1;}
.cb-box .cb-ok{display:none;padding:22px 0 6px;text-align:center;}
.cb-box .cb-ok.on{display:block;}
.cb-box .cb-ok b{display:block;font-family:var(--font-serif);font-size:19px;color:var(--px-main-d);margin-bottom:8px;}
.cb-tip{font-size:12.4px;color:var(--ink-4);line-height:1.8;margin-top:10px;}

/* ---------- 3.17 栏目联动 ---------- */
.cb-link{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;}
.cb-link-a{display:block;padding:24px 22px;background:var(--white);border:1px solid var(--paper-3);
  border-radius:var(--r-md);text-decoration:none;transition:.28s;position:relative;}
.cb-link-a:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--px-main);}
.cb-link-a b{display:block;font-family:var(--font-serif);font-size:17px;color:var(--ink);margin-bottom:7px;letter-spacing:.04em;}
.cb-link-a span{display:block;font-size:13.2px;color:var(--ink-3);line-height:1.85;}
.cb-link-a em{display:block;margin-top:12px;font-style:normal;font-size:12.6px;color:var(--px-main);font-weight:700;}
.cb-link-a:hover em{color:var(--px-main-d);}

/* ---------- 3.18 会员锁客 ---------- */
.cb-vip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px;}
.cb-vip-i{padding:24px 20px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.5);border-radius:var(--r-md);}
.cb-vip-i b{display:block;font-family:var(--font-serif);font-size:16.5px;color:var(--ink);margin-bottom:8px;letter-spacing:.04em;}
.cb-vip-i span{font-size:13.2px;color:var(--ink-3);line-height:1.85;}
.cb-vip-i i{font-style:normal;display:inline-block;margin-bottom:10px;font-size:24px;}

/* ---------- 4. 响应式 ---------- */
@media (max-width:980px){
  .cb-fam,.cb-how,.cb-dl{grid-template-columns:repeat(2,1fr);}
  .cb-link,.cb-vip{grid-template-columns:repeat(2,1fr);}
  .cb-era-p{grid-template-columns:1fr;}
  .cb-era-side{border-left:none;border-top:1px solid rgba(0,0,0,.06);}
  .cb-lib{grid-template-columns:1fr;}
  .cb-warn ul{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .px-card{padding:24px 22px 26px;}
  .pa-ck{padding:26px 20px;}
  .pa-gen-form,.pa-cd-form{padding:24px 20px;}
  .sf-dec-side,.sf-dec-main{padding:24px 20px;}
  .sf-bigbtn{padding:17px 30px;font-size:16.5px;width:100%;}
  .cb-fam,.cb-how,.cb-dl,.cb-link,.cb-vip{grid-template-columns:1fr;}
  .cb-era-list{grid-template-columns:1fr;}
  .cb-era-main,.cb-era-side{padding:24px 20px;}
  .cb-era-b{padding:8px 14px;font-size:14px;}
  .cb-box{padding:28px 22px 24px;}
}