/* 问问挺哥 · 设计系统
   基调：米白纸感 + 深松绿 + 一点金。克制、留白、手机优先。 */
:root{
  --ink:#142B24;      /* 主文字/深色 */
  --ink2:#2B3A33;
  --gold:#B08D4A;
  --cream:#FBF8F3;
  --paper:#FFFFFF;
  --line:#E6DFD3;
  --muted:#7E8B84;
  --warn:#A52A2A;
  --ok:#2F6B4F;
  --r:14px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--cream); color:var(--ink2);
  font:16px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--ink); text-decoration:none}
.wrap{width:100%; max-width:880px; margin:0 auto; padding:0 18px}

/* 顶栏 */

.top .wrap{display:flex; align-items:center; gap:18px; height:58px}
.brand{font-size:19px; letter-spacing:.06em; color:#F6F1E7}
.brand .b2{color:var(--gold)}
.nav{display:flex; gap:2px; overflow-x:auto; scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{color:#CFD8D2; font-size:14.5px; padding:6px 11px; border-radius:8px; white-space:nowrap}
.nav a.on{color:#142B24; background:var(--gold); font-weight:600}

/* 首屏 */
.hero{padding:44px 0 10px}
.hero.small{padding:30px 0 6px}
.hero h1{margin:0 0 10px; font-size:31px; line-height:1.3; letter-spacing:-.01em; color:var(--ink); font-weight:700}
.hero .sub{margin:0; font-size:15.5px; color:#4A5A53; max-width:38em}
.hero-tags{list-style:none; display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:16px 0 0}
.hero-tags li{font-size:12.5px; color:#6A7872; border:1px solid var(--line); background:#fff; padding:4px 10px; border-radius:999px}

/* 聊天气泡 */
.chatbox{margin:22px 0 8px}
.msgs{display:flex; flex-direction:column; gap:14px; min-height:120px}
.m{display:flex}
.m.u{justify-content:flex-end}
.bub{max-width:100%; padding:13px 15px; border-radius:var(--r); background:var(--paper); border:1px solid var(--line)}
.m.u .bub{background:var(--ink); color:#F3EFE6; border-color:var(--ink); max-width:86%}
.bub p{margin:0 0 8px}
.bub p:last-child{margin:0}
.cards{display:flex; flex-wrap:wrap; gap:6px; margin-top:10px}
.cards span{font-size:11.5px; color:#5B6A63; background:#F1EDE4; border-radius:999px; padding:3px 9px}
.m.u .cards span{background:#2C4438; color:#D9E2DC}

.composer{display:flex; gap:10px; margin-top:16px; align-items:flex-end}
.composer textarea, .askbox textarea{
  flex:1; resize:vertical; padding:13px 14px; font:15px/1.6 inherit; color:var(--ink2);
  background:#fff; border:1px solid var(--line); border-radius:var(--r); outline:none;
}
.composer textarea:focus, .askbox textarea:focus, .field input:focus, .field textarea:focus{border-color:var(--gold); box-shadow:0 0 0 3px rgba(176,141,74,.13)}
.btn{
  appearance:none; border:0; cursor:pointer; font:600 15px/1 inherit;
  padding:15px 20px; border-radius:12px; background:var(--ink); color:#F6F1E7;
}
.btn:hover{background:#1D3A31}
.btn:disabled{opacity:.55; cursor:default}
.btn.big{padding:17px 26px; font-size:16px}
.btn.ghost{background:#fff; color:var(--ink); border:1px solid var(--line)}
.hint{font-size:12.5px; color:var(--muted); margin:8px 0 0}

/* 模块卡 */
.modules{margin:46px 0 10px}
.modules h2, .block h2{font-size:19px; color:var(--ink); margin:0 0 14px; letter-spacing:.01em}
.grid{display:grid; gap:16px; grid-template-columns:repeat(2,1fr)}
.grid.three{grid-template-columns:repeat(3,1fr)}
.card{
  display:block; padding:16px 16px 15px; background:var(--paper); border:1px solid var(--line);
  border-radius:var(--r); transition:.15s;
}
.card:hover{border-color:var(--gold); transform:translateY(-1px)}
.card .k{display:inline-block; font-size:11.5px; letter-spacing:.08em; color:var(--gold); margin-bottom:6px}
.card strong{display:block; font-size:15.5px; color:var(--ink); margin-bottom:4px}
.card em{display:block; font-style:normal; font-size:13px; color:#66756E; line-height:1.55}
.card.big{padding:20px}
.card.big strong{font-size:17px}

/* 通用区块 */
.block{margin:34px 0}
.list{list-style:none; padding:0; margin:0; border-top:1px solid var(--line)}
.list li{border-bottom:1px solid var(--line)}
.list li a{display:block; padding:12px 2px; font-size:14.5px; display:flex; gap:8px; align-items:center; flex-wrap:wrap}
.list.plain li{padding:10px 2px; font-size:14.5px; color:#4A5A53}
.tag{font-size:11px; background:#F1EDE4; color:#6A7872; padding:2px 8px; border-radius:999px}
.v{font-size:12.5px; color:var(--gold); margin-left:auto}
.steps{margin:0; padding-left:20px; color:#42524B; font-size:14.5px}
.steps li{margin-bottom:8px}

/* 表单 */
.form{margin-top:8px}
.field{margin:0 0 16px}
.field label{display:block; font-size:13.5px; color:#5B6A63; margin-bottom:6px}
.field input, .field textarea{
  width:100%; padding:12px 13px; font:15px/1.6 inherit; color:var(--ink2);
  background:#fff; border:1px solid var(--line); border-radius:11px; outline:none; resize:vertical;
}
.two{display:grid; grid-template-columns:1fr 1fr; gap:0 14px}

/* 问卷 */
.qgroup{margin:26px 0; background:var(--paper); border:1px solid var(--line); border-radius:var(--r); padding:18px}
.qgroup header{margin-bottom:14px; border-bottom:1px dashed var(--line); padding-bottom:10px}
.qgroup header h3{margin:0 0 4px; font-size:16px}
.qgroup header p{margin:0; font-size:13px; color:var(--muted)}
.q{padding:12px 0; border-bottom:1px solid #F2EDE4}
.q:last-child{border-bottom:0}
.qt{margin:0 0 4px; font-size:15px; color:var(--ink)}
.qw{margin:0 0 10px; font-size:12.5px; color:var(--muted)}
.opts{display:flex; gap:8px; flex-wrap:wrap}
.opt{display:inline-flex; align-items:center; gap:6px; padding:8px 14px; border:1px solid var(--line);
     border-radius:999px; font-size:14px; background:#FDFBF7; cursor:pointer}
.opt input{accent-color:var(--ink)}
.opt:has(input:checked){border-color:var(--gold); background:#FBF4E6}
.submit-bar{margin:26px 0 40px; display:flex; flex-direction:column; gap:10px; align-items:flex-start}

/* 结论页 */
.verdict{background:var(--ink); color:#F6F1E7; border-radius:var(--r); padding:20px 22px; margin:8px 0 22px}
.verdict .label{font-size:12px; letter-spacing:.14em; color:var(--gold)}
.verdict strong{display:block; font-size:26px; margin:6px 0 8px}
.verdict p{margin:0; font-size:14.5px; color:#D5DED8}
.bars{margin:0 0 26px}
.bar{display:flex; align-items:center; gap:10px; margin-bottom:10px; font-size:14px}
.bn{width:4.2em; flex:none; font-weight:600}
.track{flex:1; height:10px; background:#EFE9DD; border-radius:999px; overflow:hidden}
.track i{display:block; height:100%; border-radius:999px}
.bv{width:5.6em; text-align:right; color:#5B6A63; font-size:13px}
.warnbox{background:#FDF3F0; border:1px solid #EFD6CF; border-radius:var(--r); padding:16px 18px}
.warnbox h2{color:var(--warn); font-size:16px}
.flag{margin:0 0 10px; font-size:14.5px; color:#7A2A2A}
.action{font-size:15.5px; color:var(--ink); background:#FBF4E6; border-left:3px solid var(--gold); padding:12px 14px; margin:0}
.layers{display:grid; gap:10px}
.layer{background:#fff; border:1px solid var(--line); border-radius:12px; padding:14px}
.layer h4{margin:0 0 8px; font-size:15px; color:var(--ink)}
.layer h4 span{font-size:12px; color:var(--muted); font-weight:400; margin-left:8px}
.layer p{margin:0 0 8px; font-size:14px}
.aiview{background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:20px}
.aiview p{margin:0 0 10px; font-size:15px}
.note{font-size:12.5px; color:var(--muted); border-top:1px dashed var(--line); padding-top:10px; margin-top:6px}
.next{display:flex; gap:10px; flex-wrap:wrap}
.okbox{background:#F0F6F2; border:1px solid #CFE3D7; border-radius:12px; padding:14px 16px; color:var(--ok)}

/* 出稿 */
.tplgrid{display:grid; gap:10px; grid-template-columns:repeat(2,1fr)}
.tpl{display:block; background:#fff; border:1px solid var(--line); border-radius:12px; padding:14px; cursor:pointer}
.tpl input{display:none}
.tpl:has(input:checked){border-color:var(--gold); background:#FBF4E6}
.tn{display:block; font-weight:600; color:var(--ink); margin-bottom:3px}
.tw{display:block; font-size:12.5px; color:#66756E; line-height:1.5}
.ts{display:block; font-size:11.5px; color:var(--gold); margin-top:6px}
.actions{display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin:6px 0 26px}
.badge{background:#FBF4E6; color:#8A6B32; padding:2px 9px; border-radius:999px; font-size:12.5px}
.doc{background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:26px 24px}
.sec{margin-bottom:26px}
.sec h2{font-size:17px; color:var(--ink); margin:0 0 10px; padding-bottom:8px; border-bottom:1px solid #F0EBE1}
.sec p{margin:0 0 9px; font-size:15px; color:#3A4A43}
.sec p.li{position:relative; padding-left:14px}
.sec p.li:before{content:"·"; position:absolute; left:0; color:var(--gold); font-weight:700}
.tbl{width:100%; border-collapse:collapse; font-size:13.5px; background:#fff}
.tbl th,.tbl td{border:1px solid var(--line); padding:9px 10px; text-align:left; vertical-align:top}
.tbl th{background:var(--ink); color:#F6F1E7; font-weight:600; font-size:13px}

/* 研习院 */
.askbox{margin:22px 0 8px}
.askbox .btn{margin-top:10px}
.out{margin-top:16px}
.out p{background:#fff; border:1px solid var(--line); border-radius:12px; padding:13px 15px; margin:0 0 9px; font-size:15px}
.cardsgrid{display:grid; gap:10px; grid-template-columns:repeat(2,1fr)}
.mcard{background:#fff; border:1px solid var(--line); border-radius:12px; padding:13px 14px}
.mcard strong{display:block; font-size:14.5px; color:var(--ink); margin-bottom:3px}
.mcard em{display:block; font-style:normal; font-size:12.5px; color:#66756E; line-height:1.5}
.mcard .sz{display:inline-block; margin-top:7px; font-size:11px; color:var(--gold)}

.muted{color:var(--muted); font-size:14px}

/* 页脚 */
.foot{border-top:1px solid var(--line); margin-top:50px; padding:24px 0 34px; background:#F7F3EA}
.f1{margin:0 0 6px; font-size:13.5px; color:var(--ink); font-weight:600; letter-spacing:.04em}
.f2{margin:0 0 6px; font-size:12.5px; color:#6A7872; line-height:1.6}
.f3{margin:0; font-size:11.5px; color:#8A968F}

@media (max-width:720px){
  .hero h1{font-size:26px}
  .grid,.grid.three,.tplgrid,.cardsgrid,.two{grid-template-columns:1fr}
  .composer{flex-direction:column; align-items:stretch}
  .composer .btn{width:100%}
  .doc{padding:20px 16px}
  .nav a{padding:6px 9px; font-size:14px}
}


/* ── 会员与后台（第 1、2 步新增）────────────────────────── */
.nav a.who{margin-left:auto; color:#F0C878; font-weight:600}
.nav a.who.on{color:#142B24; background:var(--gold)}
.card-form{background:var(--paper); border:1px solid var(--line); border-radius:var(--r); padding:20px 18px; margin-top:6px}
.err{background:#FDF3F0; border:1px solid #EFD6CF; color:#8A2B2B; border-radius:10px; padding:10px 12px; font-size:14px; margin:0 0 14px}
.link{color:var(--gold); font-size:14px; text-decoration:underline; text-underline-offset:3px}
.caprow{display:flex; gap:10px; align-items:center}
.caprow input{flex:1}
.cap{height:46px; border:1px solid var(--line); border-radius:10px; background:#FBF8F3; cursor:pointer; flex:none}
.balance{background:var(--ink); color:#F6F1E7; border-radius:var(--r); padding:20px 22px; display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin:6px 0 10px}
.bignum{font-size:40px; font-weight:700; line-height:1}
.bignum span{font-size:15px; font-weight:400; color:var(--gold); margin-left:6px}
.prices{display:flex; gap:14px; flex-wrap:wrap; font-size:13px; color:#CFDCD5}
.inline-form{display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-bottom:10px}
.inline-form input{padding:11px 13px; font:15px inherit; background:#fff; border:1px solid var(--line); border-radius:11px; outline:none}
.inline-form input[name="code"]{min-width:220px}
.plus{color:var(--ok); font-weight:600}
.minus{color:var(--warn)}
.stats{display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:10px 0 6px}
.stats div{background:#fff; border:1px solid var(--line); border-radius:12px; padding:14px}
.stats b{display:block; font-size:24px; color:var(--ink); line-height:1.2}
.stats span{font-size:12.5px; color:var(--muted)}
.switch{display:flex; gap:6px; flex-wrap:wrap; margin-bottom:12px}
.switch a{font-size:13.5px; padding:6px 12px; border:1px solid var(--line); border-radius:999px; background:#fff; color:#5B6A63}
.switch a.on{background:var(--ink); color:#F6F1E7; border-color:var(--ink)}
.tag.st-AI\ 初稿{background:#FBF0DC; color:#8A6B32}
.tag.st-已通过{background:#E7F2EA; color:#2F6B4F}
.tag.st-已退回{background:#FBEAE6; color:#A52A2A}
.tag.st-生成中{background:#EFEFEF; color:#666}
.reviewbox{background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:20px}
.reviewbox h3.hist{font-size:14px; color:var(--gold); margin:20px 0 8px}
code{font-family:ui-monospace,Menlo,Consolas,monospace; background:#F4F0E7; padding:2px 7px; border-radius:6px; font-size:13px}
table.tbl td{font-size:13px}
@media (max-width:720px){
  .stats{grid-template-columns:repeat(2,1fr)}
  .balance{gap:10px}
  .bignum{font-size:32px}
}

/* ── 顶栏：与初心会官网首页同款（2026-10-20）── */
.top{position:sticky; top:0; z-index:60; background:#0F0F0F; color:#fff; border-bottom:none}
.top .wrap{display:flex; align-items:center; justify-content:space-between; height:62px; gap:20px}
.brand{display:flex; align-items:center; gap:11px; text-decoration:none}
.brand .lg{height:44px; width:auto; display:block}
.nav{display:flex; align-items:center; gap:26px; overflow-x:auto; scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{color:#C9CFD0; font-size:14px; padding:0; border-radius:0; white-space:nowrap; background:none}
.nav a.on{color:#D9BE86; background:none; font-weight:600}
.nav a:hover{color:#fff}
.nav .pill{display:inline-block; background:#B08D4F; color:#1A1206; border-radius:999px; padding:9px 20px; font-size:13.5px; font-weight:700; text-decoration:none; white-space:nowrap}
.nav .pill:hover{color:#1A1206}
.nav .pill.on{color:#1A1206; background:#C9A35F; font-weight:700}
@media(max-width:720px){.brand .lg{height:34px} .nav{gap:16px} .nav a{font-size:13px} .nav .pill{padding:7px 14px; font-size:12.5px}}