:root{
  --bg:#f6f8f7; --surface:#ffffff; --ink:#1c2422; --muted:#6b7a76;
  --line:#e3e9e6; --brand:#0f766e; --brand-d:#0b5650; --gold:#b8860b; --gold-l:#f4e4b8;
  --shadow:0 1px 3px rgba(15,118,110,.08),0 6px 24px rgba(15,118,110,.06);
  --radius:14px; --maxw:1120px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Segoe UI",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--bg);color:var(--ink);line-height:1.65;font-size:16px}
a{color:var(--brand);text-decoration:none}
a:hover{color:var(--brand-d);text-decoration:underline}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 18px}
img{max-width:100%;height:auto}
h1,h2,h3,h4{line-height:1.25;color:var(--ink)}
.pagetitle{font-size:1.9rem;margin:.2em 0 .5em}
.sec{font-size:1.2rem;margin:1.6em 0 .8em;padding-left:10px;border-left:4px solid var(--gold)}

/* Topbar */
.topbar{background:linear-gradient(120deg,var(--brand) 0%,var(--brand-d) 100%);color:#fff;position:sticky;top:0;z-index:50;box-shadow:var(--shadow)}
.topbar .bar{display:flex;align-items:center;gap:16px;padding:12px 18px;flex-wrap:wrap}
.logo{font-weight:800;font-size:1.15rem;color:#fff;letter-spacing:.5px;white-space:nowrap}
.logo:hover{color:var(--gold-l);text-decoration:none}
.mini-search{display:flex;flex:1;min-width:200px;max-width:440px}
.mini-search input{flex:1;border:0;border-radius:8px 0 0 8px;padding:9px 12px;font-size:15px;outline:none}
.mini-search button{border:0;background:var(--gold);color:#1c2422;font-weight:700;padding:9px 16px;border-radius:0 8px 8px 0;cursor:pointer}
.nav{display:flex;gap:14px;align-items:center;margin-left:auto}
.nav a{color:#eafdfb;font-weight:600;font-size:14px;padding:6px 10px;border-radius:8px}
.nav a:hover{background:rgba(255,255,255,.14);color:#fff;text-decoration:none}
.nav a.lang{background:rgba(255,255,255,.16)}
.nav a.adm{background:var(--gold);color:#1c2422}

/* Hero */
.hero{background:linear-gradient(135deg,#0f766e,#134e4a);color:#fff;padding:54px 0 46px;text-align:center}
.hero h1{color:#fff;font-size:2.4rem;margin:.1em 0 .3em}
.hero .lede{max-width:680px;margin:0 auto 22px;color:#cdeee9;font-size:1.05rem}
.searchbar{max-width:620px;margin:0 auto;display:flex}
.searchbar input{flex:1;padding:14px 18px;border:0;border-radius:0;font-size:16px;outline:none}
/* 搜索框左侧放大镜（零体积：复用同一份 SVG sprite，不新增任何图片请求） */
.searchbar .sbox{display:flex;align-items:center;justify-content:center;padding:0 14px;background:rgba(255,255,255,.94);color:#5b6b64;flex:0 0 auto}
.searchbar .sbox .ic{width:18px;height:18px;stroke-width:2}
.searchbar button{background:var(--gold);color:#1c2422;border:0;font-weight:800;padding:0 26px;border-radius:0 10px 10px 0;cursor:pointer;font-size:16px}

/* Grid cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow);transition:.18s;min-height:96px;justify-content:center}
.card:hover{transform:translateY(-3px);border-color:var(--brand);text-decoration:none}
.card-t{font-weight:700;font-size:1.05rem;color:var(--ink)}
.card-m{color:var(--muted);font-size:.85rem}

/* List */
.list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.list li{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow)}
.list li a{font-weight:600;flex:1}
.meta{color:var(--muted);font-size:.8rem;white-space:nowrap}
.tag{background:var(--gold-l);color:#7a5800;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:20px}
.tag.big{font-size:.85rem;padding:4px 12px;display:inline-block;margin-bottom:8px}

/* Breadcrumb */
.crumb{padding:16px 18px 0;color:var(--muted);font-size:.9rem}
.crumb a{color:var(--muted)}
.crumb span{color:var(--ink)}

/* Article */
.article{padding-top:8px}
.content{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;box-shadow:var(--shadow);overflow-x:auto}
.content table{border-collapse:collapse;width:100%;margin:14px 0;font-size:15px}
.content td,.content th{border:1px solid var(--line);padding:8px 10px;vertical-align:top}
.content img{max-width:100%}
.content p{margin:.5em 0}
/* 导入正文自带 <font face="宋体"> 等老式字体标签：宋体渲染英文会变成打字机等宽字形，
   与站点风格不一致。此处统一继承站点字体（Courier New / symbol 也只是原站为宋体缺字做的兜底，
   现代字体已能覆盖 → 一并统一）。HTML 表现性属性优先级低于任何 CSS 规则，故无需 !important。 */
.content font{font-family:inherit}
/* 说明：仅统一字体族，保留 <font size="4"> 等原有字号层级，不改动版面观感。 */
/* 少量老页面给段落写了内联 letter-spacing/line-height（约 158 篇），逐篇排版不统一；
   统一回归站点默认字距行距（内联样式优先级高，需 !important）。 */
.content [style*="letter-spacing"]{letter-spacing:normal !important}
.content [style*="line-height"]{line-height:inherit !important}
.preview{background:var(--surface);border:1px dashed var(--line);border-radius:10px;padding:18px;color:var(--muted)}

/* Paywall */
.paywall{background:linear-gradient(180deg,#fffdf6,#fbf3df);border:1px solid var(--gold-l);border-radius:var(--radius);padding:22px;margin-top:18px;box-shadow:var(--shadow)}
.paywall h3{margin:.1em 0 .4em;color:#7a5800}
.paywall h4{margin:14px 0 8px}
.btn-buy{display:inline-block;background:var(--brand);color:#fff;font-weight:700;padding:10px 22px;border-radius:10px;border:0;cursor:pointer}
.btn-buy:hover{background:var(--brand-d);text-decoration:none;color:#fff}
.methods{display:flex;gap:18px;flex-wrap:wrap}
.method{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;min-width:200px}
.method span{font-weight:700;display:block;margin-bottom:6px}
.warn{color:#b45309;font-weight:600}

/* Footer */
.foot{background:#0b1f1d;color:#9fc4bf;margin-top:48px;padding:26px 0;text-align:center;font-size:.88rem}
.foot .muted{color:#5f8580;margin-top:4px}

/* Admin */
.admin-wrap{max-width:1080px;margin:24px auto;padding:0 18px}
.admin-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.btn{display:inline-block;background:var(--brand);color:#fff;border:0;padding:9px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px}
.btn:hover{background:var(--brand-d);color:#fff;text-decoration:none}
.btn.sec{background:#eee;color:var(--ink)}
table.adm{border-collapse:collapse;width:100%;font-size:14px;background:#fff}
table.adm th,table.adm td{border:1px solid var(--line);padding:8px 10px;text-align:left}
table.adm th{background:#f0f5f3}
input.fld,textarea.fld,select.fld{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:inherit}
.alert{background:#fff4e5;border:1px solid #f0c36d;color:#7a5800;padding:10px 14px;border-radius:8px;margin:10px 0}
.ok{background:#e7f6ec;border:1px solid #9bd9b0;color:#1d6b3a}
.agree-row{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:8px 0 12px;font-size:13.5px;line-height:1.6;color:var(--ink)}
.agree-row input[type=checkbox]{width:auto;margin-right:8px;vertical-align:middle}
.agree-row a{color:var(--brand);font-weight:600;text-decoration:underline}
.agree-row a:hover{color:var(--brand-d)}
/* 广告位 / 自定义区块（后台可自定义，留空不显示） */
.ad-box{margin:18px 0;padding:14px 16px;border:1px dashed var(--line);border-radius:12px;background:var(--surface)}
.ad-box:empty{display:none}
.ad-slot-sidebar{border-style:solid;background:var(--bg)}

@media (max-width:680px){
  .hero h1{font-size:1.8rem}
  .nav{gap:8px}
  .nav a{padding:5px 7px;font-size:13px}
  .content{padding:16px}
  .pagetitle{font-size:1.5rem}
}

/* ===== 提示条 ===== */
.notice{background:#eef4ff;border:1px solid #c7d7fe;color:#1e3a8a;padding:12px 16px;border-radius:8px;margin:0 0 18px;font-size:14px;line-height:1.6}
/* 全站统一的「如何付款 / 积分」重点提示（会员须知，加粗高亮） */
.buy-notice{background:#fff8e8;border:1px solid #f0d28a;border-left:4px solid var(--brand);
  color:#5b4a16;padding:12px 16px;border-radius:8px;margin:0 0 16px;font-size:13.5px;line-height:1.75}
.buy-notice b{color:#7a5800}
.buy-notice a{color:var(--brand-d,#0f766e);font-weight:700;text-decoration:none}
.buy-notice a:hover{text-decoration:underline}
.notice b{color:#1d4ed8}

/* ===== 积分体系 ===== */
.pricebar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 14px;font-size:14px}
.price-now{font-size:1.05rem;font-weight:800;color:#b45309}
.pricebar s.was{color:#9ca3af;font-size:.9rem}
.ok-tag{background:#e7f6ec;color:#1d6b3a}
.price-box{background:#fff;border:1px solid var(--gold-l);border-radius:12px;padding:14px 16px;margin:10px 0 16px}
.pb-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:14px;color:#374151}
.pb-row b{font-weight:700}
.pb-row.total{border-top:1px dashed var(--gold-l);margin-top:6px;padding-top:10px;font-size:15px}
.pb-row.total b{font-size:1.35rem;color:#b45309}
.pb-hint{margin:8px 0 0;font-size:12.5px;color:#9ca3af}
.pb-hint a{color:#b45309;font-weight:600;text-decoration:none}
.pb-hint a:hover{text-decoration:underline}

/* 会员等级价对比表（文章页付费墙内） */
.lv-price{background:#fff;border:1px solid var(--gold-l);border-radius:12px;padding:14px 16px;margin:0 0 16px}
.lv-price h4{margin:0 0 10px;font-size:14.5px;color:#7a5800}
.lv-table{width:100%;border-collapse:collapse;font-size:13.5px}
.lv-table th{text-align:left;font-weight:600;color:#9ca3af;padding:6px 8px;border-bottom:1px solid #f0e6c8;white-space:nowrap}
.lv-table td{padding:7px 8px;border-bottom:1px solid #f7f3e6;color:#374151}
.lv-table tr:last-child td{border-bottom:0}
.lv-table td b{color:#b45309}
.lv-table td.muted{color:#9ca3af}
.lv-table tr.lv-current td{background:#fdf6e3}
.lv-table tr.lv-current td:first-child{border-left:3px solid #b45309}
.my-credits{font-size:14px;margin:10px 0}
.quota-tag{background:#eef4ff;color:#1d4ed8;font-size:12px;padding:2px 8px;border-radius:20px;margin-left:6px}
.notice.ok{background:#e7f6ec;border-color:#9bd9b0;color:#1d6b3a}
.notice.warn-box{background:#fff4e5;border-color:#f0c36d;color:#7a5800}

/* 等级徽章 */
.lvl{display:inline-block;font-size:12px;font-weight:700;padding:2px 9px;border-radius:20px;background:#f3f4f6;color:#4b5563}
.lvl-member{background:#eef4ff;color:#1d4ed8}
.lvl-silver{background:#f1f5f9;color:#475569}
.lvl-gold{background:#fef3c7;color:#92400e}
.lvl-vip{background:#ede9fe;color:#6d28d9}
.member-link{font-weight:700}

/* 会员中心 */
.mc-wrap{max-width:840px;margin:26px auto;padding:0 18px}
.mc-hero{background:linear-gradient(135deg,#0f766e,#115e59);color:#fff;border-radius:16px;padding:22px 24px;box-shadow:var(--shadow)}
.mc-hero h2{margin:0 0 2px;font-size:1.3rem;font-weight:700}
.mc-hero .big-num{font-size:2.5rem;font-weight:800;line-height:1.1;margin:10px 0 0}
.mc-hero .cur{font-size:.95rem;opacity:.85;font-weight:600;margin-left:6px}
.mc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:16px}
.mc-cell{background:rgba(255,255,255,.13);border-radius:10px;padding:10px 12px}
.mc-cell span{display:block;font-size:12px;opacity:.82;margin-bottom:2px}
.mc-cell b{font-size:1.05rem}
.mc-hero .mc-sub{font-size:12.5px;opacity:.8;margin:2px 0 0}
.mc-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-top:16px;box-shadow:var(--shadow)}
.mc-card h3{margin:0 0 12px;font-size:1.05rem}
.prog{background:#e5e7eb;border-radius:20px;height:8px;overflow:hidden;margin:8px 0 6px}
.prog i{display:block;height:100%;background:linear-gradient(90deg,#14b8a6,#0f766e)}
.quick-amt{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.quick-amt button{background:#fff;border:1px solid var(--line);border-radius:8px;padding:7px 14px;cursor:pointer;font-weight:700;color:#0f766e}
.quick-amt button:hover{border-color:var(--brand);background:#f0fdfa}
.nick-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.nick-form .fld{flex:1;min-width:200px;max-width:320px}
/* 个人资料卡片 */
.pf-list{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:0 0 14px;font-size:13.5px}
.pf-list dt{color:var(--muted);white-space:nowrap}
.pf-list dd{margin:0;color:var(--ink);word-break:break-all}
.pf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 16px}
.pf-grid label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#40514c;font-weight:600}
.pf-grid .fld{width:100%}
.req{color:#b42318;font-weight:700;font-size:11.5px;background:#fee4e2;border-radius:20px;padding:1px 7px;margin-left:2px;align-self:flex-start}
.credits-preview{background:#f0fdfa;border:1px dashed #5eead4;border-radius:10px;padding:12px 14px;margin:10px 0;font-size:14px;color:#0f766e}
.credits-preview b{font-size:1.35rem}
table.mc{width:100%;border-collapse:collapse;font-size:13.5px}
table.mc th,table.mc td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left}
table.mc th{color:#6b7280;font-weight:600;font-size:12.5px}
.amt-plus{color:#0f766e;font-weight:700}
.amt-minus{color:#b45309;font-weight:700}
.bd{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fafafa;margin:8px 0}
.bd-line{display:flex;justify-content:space-between;font-size:13.5px;padding:3px 0;color:#4b5563}

/* ===== 后台：提示/统计/进度 ===== */
.hint{color:#6b7280;font-size:13px;line-height:1.7;margin:6px 0 12px}
.subform{border-left:3px solid #e5e7eb;padding-left:12px;margin:10px 0}
.tr-stat{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0}
.tr-stat>div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:14px;text-align:center}
.tr-stat b{display:block;font-size:1.5rem;color:#0f172a;line-height:1.2}
.tr-stat span{display:block;font-size:12px;color:#6b7280;margin-top:6px}
.tr-bar{height:8px;background:#e5e7eb;border-radius:99px;overflow:hidden;margin:10px 0}
.tr-bar-in{height:100%;width:0;background:linear-gradient(90deg,#2563eb,#38bdf8);transition:width .3s}
.tr-out{margin:10px 0;min-height:24px}
.tr-form{display:grid;grid-template-columns:120px 1fr;gap:10px 12px;align-items:center;margin:12px 0}
.tr-form label{font-size:13px;color:#374151}
.tr-form select{padding:7px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;background:#fff}
.tips{margin:8px 0 8px 18px;color:#374151;font-size:14px;line-height:1.9}
.btn.ghost{background:#fff;color:#374151;border:1px solid #d1d5db}
.btn.ghost:hover{background:#f3f4f6}
.btn:disabled{opacity:.5;cursor:not-allowed}
.muted{color:#6b7280;font-size:13px}

@media (max-width:680px){
  .tr-form{grid-template-columns:1fr}
}

/* =====================================================================
   补录样式：人机验证 / 即时到账支付 / GEO 内容增强块
   （前几轮功能先上后补，这里一次性补齐，避免"功能有、界面丑"）
   ===================================================================== */

/* ---------- 人机验证 captcha ---------- */
.capbox{margin:12px 0;font-size:13px}
.cap-row{display:flex;gap:10px;align-items:flex-start}
.cap-img{border:1px solid var(--line);border-radius:10px;background:#fff;padding:4px;display:inline-block}
.cap-img img{display:block;border-radius:6px;cursor:pointer}
.cap-code{height:46px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px;width:140px;
  font-size:16px;letter-spacing:3px;text-transform:uppercase;outline:none}
.cap-slide{position:relative;width:100%;max-width:420px;user-select:none;-webkit-user-select:none;touch-action:none}
.cap-slide .cap-sbg{position:relative;display:block;width:100%;height:170px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#eef2f2}
.cap-slot{position:absolute;top:0;left:0;width:58px;height:100%;background:rgba(0,0,0,.001)}
.cap-slider>span{display:block;line-height:1;font-size:20px;color:#5b6b67;pointer-events:none}
.cap-slide .cap-slider{position:absolute;top:0;left:0;width:56px;height:100%;
  background:linear-gradient(180deg,#fff,#eef2f2);border:1px solid #c9d3d0;border-left:0;
  border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.12);cursor:grab;display:flex;align-items:center;justify-content:center}
.cap-slide .cap-slider:active{cursor:grabbing}
.cap-slide .cap-slider::after{content:"\21C4";font-size:22px;color:#5b6b67}
.cap-slide .cap-slider.ok{background:#e7f6f1;border-color:#0f766e}
.cap-slide .cap-slider.bad{background:#fdecec;border-color:#c0392b}
.cap-slide.lock .cap-slider{opacity:.55;cursor:not-allowed}
.cap-title{font-size:13px;color:var(--muted);margin-bottom:6px}
.cap-tip{margin-top:6px;font-size:13px;color:var(--muted);min-height:18px}
.cap-tip.bad{color:#c0392b}
.cap-tip.ok{color:#0f766e}
.cap-input::-webkit-input-placeholder,.cap-input::-moz-placeholder{color:#9aa8a4}
@media (max-width:680px){.cap-slide,.cap-slide .cap-slider{height:44px!important}}

/* ---------- 点选式验证码（水果 / 图案 emoji 网格） ---------- */
.cap-pick{user-select:none;-webkit-user-select:none}
.cap-pickgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:300px;margin-top:4px}
.cap-cell{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;font-size:30px;line-height:1;
  background:#fff;border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:.12s;padding:0;outline:none}
.cap-cell:hover{border-color:var(--brand)}
.cap-cell:focus-visible{box-shadow:0 0 0 3px rgba(15,118,110,.25)}
.cap-cell.on{background:#e7f6f1;border-color:#0f766e;box-shadow:0 0 0 2px rgba(15,118,110,.3) inset;transform:scale(.96)}
.cap-cell:active{transform:scale(.92)}

/* ---------- 即时到账支付 ---------- */
.gw-chs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:6px 0 14px}
.gw-ch{position:relative;display:block;border:1px solid var(--line);border-radius:12px;padding:12px 14px;
  background:#fff;cursor:pointer;transition:.15s}
.gw-ch:hover{border-color:var(--brand);box-shadow:var(--shadow)}
.gw-ch.sel{border-color:var(--brand);background:#f2fbfa;box-shadow:var(--shadow)}
.gw-ch input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.gw-ch::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:transparent}
.gw-ch.sel::before{background:var(--brand)}
.gw-ch b{display:block;font-size:15px;color:var(--ink)}
.gw-eta{display:inline-block;margin-top:4px;font-size:12px;color:#0f766e;background:#e7f6f1;
  border-radius:99px;padding:1px 9px}
.gw-desc{display:block;font-size:13px;color:var(--muted);margin-top:4px}
.gw-panel{border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px;margin-top:6px}
.gw-steps{font-size:13px;color:var(--muted);margin-bottom:10px}
.gw-steps .on{color:var(--brand);font-weight:700}
.gw-addr{background:#f8faf9;border:1px dashed var(--line);border-radius:10px;padding:12px 14px;
  display:grid;gap:8px;font-size:13px}
.gw-addr > div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.gw-addr span{color:var(--muted);min-width:72px}
.gw-addr code{font-family:Consolas,"Courier New",monospace;background:#fff;border:1px solid var(--line);
  padding:4px 8px;border-radius:6px;word-break:break-all;font-size:12.5px;flex:1}
.gw-copy{border:1px solid var(--brand);color:var(--brand);background:#fff;border-radius:6px;
  padding:3px 10px;font-size:12px;cursor:pointer;white-space:nowrap}
.gw-copy:hover{background:#e7f6f1}
.gw-copy-tip{color:#0f766e;font-size:12px;margin-left:6px}

/* ---------- GEO / AI 内容增强块 ---------- */
.subtitle{font-size:1rem;color:var(--muted);font-weight:400;margin:.1em 0 1em;line-height:1.5}
.ai-answer{background:linear-gradient(180deg,#f4fbf9,#ffffff);border:1px solid #cfe9e4;border-left:4px solid var(--brand);
  border-radius:12px;padding:14px 16px;margin:6px 0 18px}
.ai-tag{display:inline-block;font-size:11px;letter-spacing:.6px;text-transform:uppercase;font-weight:800;
  color:#0f766e;background:#dcf1ec;border-radius:99px;padding:2px 10px;margin-bottom:8px}
.ai-answer p{margin:0;color:#25312e;font-size:15px}
.craft{background:#fffdf6;border:1px solid var(--gold-l);border-radius:12px;padding:16px 18px;margin:4px 0 20px}
.craft h3,.faq h3{font-size:1rem;margin:0 0 8px;color:var(--brand-d)}
.craft ul{margin:6px 0 0;padding-left:18px;color:#3a4643;font-size:14px;line-height:1.9}
.faq{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}
.faq details{border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:8px;overflow:hidden}
.faq summary{cursor:pointer;padding:11px 14px;font-weight:600;font-size:15px;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+";display:inline-block;width:16px;color:var(--brand);font-weight:800}
.faq details[open] summary::before{content:"\2212"}
.faq details[open] summary{border-bottom:1px solid var(--line)}
.faq .qa{padding:12px 14px;color:#3a4643;font-size:14.5px;background:#fbfdfc}

@media (max-width:680px){
  .cap-slide .cap-sbg,.cap-slide .cap-slider{height:52px!important}
  .gw-addr span{min-width:100%}
  .pagetitle{font-size:1.45rem}
  .ai-answer,.craft{padding:12px 13px}
}

/* =====================================================================
   首页富化 + 静态页（About / Terms / Privacy / Refund / Contact）补录样式
   ===================================================================== */

/* ---------- Hero 信任条 ---------- */
.hero-stats{display:flex;flex-wrap:wrap;gap:10px 22px;margin:16px 0 2px;font-size:13px;color:#cdeee9}
.hero-stats b{color:var(--gold-l);font-size:16px;margin-right:4px}

/* 区块副标题 */
.sec-sub{font-size:13.5px;color:var(--muted);margin:-4px 0 12px}

/* ---------- 最新收录卡 ---------- */
.grid.cards-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.rcard{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:12px;
  background:#fff;padding:13px 15px;transition:.15s}
.rcard:hover{border-color:var(--brand);box-shadow:var(--shadow);transform:translateY(-1px)}
.rc-t{font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rcard:hover .rc-t{color:var(--brand-d)}
.rc-m{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}
.rc-m b{color:var(--ink);font-weight:600}

/* ---------- 为什么买（四宫格） ---------- */
.fgrid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:6px}
.fcard{position:relative;border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px 16px 14px 18px}
.fcard .fnum{position:absolute;top:12px;right:14px;font-size:26px;font-weight:800;color:#e8efec;line-height:1}
.fcard h3{font-size:15px;margin:0 0 6px;color:var(--ink);padding-right:34px;line-height:1.45}
.fcard p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.75}
.fcard::after{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--brand)}

/* ---------- 首页 FAQ ---------- */
.faq-wrap{margin-top:6px}
.faq-i{border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:8px;overflow:hidden}
.faq-i summary{cursor:pointer;padding:12px 15px;font-weight:600;font-size:15px;list-style:none}
.faq-i summary::-webkit-details-marker{display:none}
.faq-i summary::before{content:"+";display:inline-block;width:17px;color:var(--brand);font-weight:800}
.faq-i[open] summary::before{content:"\2212"}
.faq-i[open] summary{border-bottom:1px solid var(--line)}
.faq-i .qa{padding:13px 15px;color:#3a4643;font-size:14.5px;line-height:1.8;background:#fbfdfc}

/* ---------- 底部转化条 ---------- */
.cta-row{margin:26px auto 0;border:1px solid #cfe9e4;border-radius:14px;
  background:linear-gradient(180deg,#f4fbf9,#ffffff);padding:20px 22px;text-align:center}
.cta-row p{margin:0 0 12px;font-size:15px;color:#25312e}
.cta-btns{margin:0!important;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.btn-buy.ghost{background:#fff;border:1px solid var(--brand);color:var(--brand)}
.btn-buy.ghost:hover{background:#e7f6f1}

/* ---------- 静态页正文 ---------- */
.content h3{font-size:1.02rem;margin:26px 0 10px;color:var(--brand-d)}
.content p{line-height:1.9;margin:0 0 12px}
.content ul{padding-left:20px;margin:0 0 14px;line-height:1.95}
.content li{margin-bottom:6px}
.content a{color:var(--brand-d);text-decoration:underline}
.page-lead{font-size:16px;line-height:1.85;color:#25312e;background:#f4fbf9;border-left:4px solid var(--brand);
  border-radius:10px;padding:13px 16px;margin:0 0 18px}

/* ---------- 页脚导航 ---------- */
.foot-nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:12px}
.foot-nav a{font-size:13.5px;color:var(--ink);text-decoration:none;opacity:.85}
.foot-nav a:hover{color:var(--brand);opacity:1;text-decoration:underline}

@media (max-width:680px){
  .hero-stats{gap:6px 16px}
  .fcard{padding:14px}
  .cta-row{padding:16px}
  .cta-btns .btn-buy{width:100%}
}

/* ===== 工艺 / 科技感装饰（全部内联 SVG，零额外请求、不占文档体积） ===== */
/* Hero 蓝图纹样：网格 + 分子连线的「工艺图纸」底纹，纯装饰不挡点击 */
.hero{position:relative;overflow:hidden;isolation:isolate}
.hero::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-repeat:no-repeat;background-position:right 6% center;background-size:460px 320px;
  opacity:.20;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='460' height='320' viewBox='0 0 460 320'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.1'%3E%3Cpath d='M0 32h460M0 96h460M0 160h460M0 224h460M0 288h460'/%3E%3Cpath d='M52 0v320M124 0v320M196 0v320M268 0v320M340 0v320M412 0v320'/%3E%3C/g%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M96 214 L150 150 L232 130 L300 74 L392 96'/%3E%3Cpath d='M150 150 L120 96 M232 130 L286 66 M300 74 L318 22'/%3E%3C/g%3E%3Cg fill='%23ffffff' fill-opacity='.85'%3E%3Ccircle cx='96' cy='214' r='5'/%3E%3Ccircle cx='150' cy='150' r='7'/%3E%3Ccircle cx='232' cy='130' r='5'/%3E%3Ccircle cx='300' cy='74' r='8'/%3E%3Ccircle cx='392' cy='96' r='5'/%3E%3Ccircle cx='120' cy='96' r='3.5'/%3E%3Ccircle cx='286' cy='66' r='3.5'/%3E%3Ccircle cx='318' cy='22' r='3.5'/%3E%3C/g%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.3' stroke-linecap='round'%3E%3Ccircle cx='384' cy='236' r='26'/%3E%3Ccircle cx='384' cy='236' r='14'/%3E%3Cpath d='M384 190v14M384 258v14M338 236h14M414 236h14'/%3E%3C/g%3E%3C/svg%3E");
}
/* 左侧小号「反应釜」线稿，压住左上的空档 */
.hero::after{
  content:"";position:absolute;left:-40px;top:-30px;z-index:-1;pointer-events:none;
  width:220px;height:220px;opacity:.10;
  background-repeat:no-repeat;background-position:left top;background-size:220px 220px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='M74 26h72v34l36 74a26 26 0 0 1-23 38H61a26 26 0 0 1-23-38l36-74z'/%3E%3Cpath d='M62 124h96'/%3E%3Ccircle cx='110' cy='160' r='17'/%3E%3Cpath d='M110 143v-22M96 160h-16'/%3E%3C/g%3E%3C/svg%3E");
}
/* 图标基类：所有装饰图标统一 24 网格、描边风格 */
.ic{width:24px;height:24px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;
    stroke-linecap:round;stroke-linejoin:round;display:block}
.ic.sm{width:17px;height:17px;stroke-width:1.9}
.ic.lg{width:30px;height:30px;stroke-width:1.6}
/* 分类卡：图标 + 文字横排 */
.card{position:relative;padding:16px 16px 16px 16px}
.card .crow{display:flex;align-items:center;gap:11px}
.card .cbox{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:#e6f4f1;color:#0f766e;transition:.18s}
.card:hover .cbox{background:var(--brand);color:#fff;transform:translateY(-1px)}
.card .ctxt{display:flex;flex-direction:column;gap:2px;min-width:0}
.card-t{font-weight:700;font-size:1rem;color:var(--ink);line-height:1.3}
.card-m{color:var(--muted);font-size:.8rem}
/* Hero 信任条图标 */
.hero-stats .hs{display:inline-flex;align-items:center;gap:6px}
.hero-stats .hs .ic{width:15px;height:15px;stroke-width:2;opacity:.85}
/* 为什么买：图标取代原来的大号淡数字 */
.fcard .fhead{display:flex;align-items:center;gap:9px;margin-bottom:6px}
.fcard .fico{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  background:#e6f4f1;color:var(--brand-d)}
.fcard .fnum{position:absolute;top:12px;right:14px;font-size:22px;font-weight:800;color:#e8efec;line-height:1}
.fcard h3{font-size:15px;margin:0 0 6px;color:var(--ink);padding-right:34px;line-height:1.45}
/* 最新收录卡：左侧小徽标 */
.rcard{padding-left:44px;position:relative}
.rcard .ricon{position:absolute;left:14px;top:14px;width:19px;height:19px;color:var(--brand-d);opacity:.9}
/* 区块标题左侧的小柱 + 图标 */
.sec{display:flex;align-items:center;gap:8px}
.sec .sic{width:18px;height:18px;color:var(--brand-d);opacity:.9}
/* 页脚装饰条 */
.foot-deco{display:flex;align-items:center;gap:6px;opacity:.35}
.foot-deco .ic{width:14px;height:14px}
@media (max-width:640px){
  .hero::before{background-size:300px 210px;background-position:right -40px center;opacity:.14}
  .card .cbox{width:34px;height:34px}
  .rcard{padding-left:0}
  .rcard .ricon{display:none}
}

/* 页脚技术徽标（shield 安全支付 / atom 技术栈 / mag AI 可读） */
.foot-badges{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin:0 0 14px}
.foot-badges span{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted,#5b6b64);opacity:.85}
.foot-badges .ic{width:15px;height:15px;color:var(--brand-d);opacity:.8}
.foot-badges .ic.sm{width:15px;height:15px}
@media (max-width:640px){
  .foot-badges{gap:6px 12px}
  .searchbar .sbox{padding:0 11px}
}

/* 列表行小图标（分类页 / 搜索结果）：跟分类卡同一套 sprite，零额外请求 */
.list li .ic{width:17px;height:17px;flex:0 0 auto;color:var(--brand-d);opacity:.72}
.search-list li .ic,.list li .ic.sm{width:17px;height:17px}
@media (max-width:640px){
  .list li .ic{width:15px;height:15px;opacity:.6}
}

/* ============================================================
   下载动线（2026-10 增设）：读者来这个站就是要拿 PDF，
   所以「怎么买」「能下载」必须在首屏和列表页就看得见，
   而不是藏在 FAQ 里让人自己找。
   ============================================================ */

/* Hero 主行动：搜索框下面直接给两条路径 */
.hero-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0 4px}
.hero-cta .btn-buy{margin:0}
/* hero 深色背景上的按钮对比度修正 */
.hero .btn-buy{background:#fff;color:var(--brand-d);box-shadow:0 1px 4px rgba(0,0,0,.18)}
.hero .btn-buy:hover{background:var(--gold-l);color:var(--brand-d);text-decoration:none}
.hero .btn-ghost{color:#eafdfb;border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.06)}
.hero .btn-ghost:hover{background:rgba(255,255,255,.16);border-color:#fff;color:#fff}
.btn-ghost{
  display:inline-flex;align-items:center;gap:6px;
  padding:11px 20px;border:1px solid currentColor;border-radius:var(--r,6px);
  font:inherit;font-weight:600;text-decoration:none;
  color:var(--brand-d,#0f766e);background:transparent;
  transition:background .15s,color .15s;
}
.btn-ghost:hover{background:var(--brand-d,#0f766e);color:#fff}
@media (max-width:640px){
  .hero-cta{gap:8px}
  .hero-cta .btn-buy,.hero-cta .btn-ghost{flex:1 1 auto;justify-content:center;padding:11px 14px}
}

/* 分类页顶部：一句说清「这里的东西都能下 PDF」 */
.cat-hint{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  margin:0 0 18px;padding:12px 16px;
  background:rgba(15,118,110,.07);
  border-left:3px solid var(--brand-d,#0f766e);
  border-radius:0 var(--r,6px) var(--r,6px) 0;
  font-size:15px;line-height:1.5;
}
.cat-hint .ic{width:18px;height:18px;color:var(--brand-d,#0f766e);flex:0 0 auto}
.cat-hint .muted{display:block;font-size:13.5px;margin-top:2px}

/* 列表里的 PDF 价签：让读者在列表页就知道哪篇要多少钱 */
.list .tag.pdf-tag{
  background:rgba(15,118,110,.1);color:var(--brand-d,#0f766e);
  font-variant-numeric:tabular-nums;font-weight:600;
}
.list .tag.ok-tag{background:rgba(22,163,74,.12);color:#15803d}
@media (max-width:640px){
  .cat-hint{font-size:14px;padding:10px 12px}
  .cat-hint .muted{font-size:12.5px}
}

/* ============================================================
   算术题人机验证（取代难辨认的图形验证码）
   ------------------------------------------------------------
   用户反馈图形码「不太好识别」——深色底 + 220 噪点 + 干扰弧 + 正弦扭曲。
   换成算术题后：不用识别图片、不用精确拖拽，键盘与读屏用户同样可用。
   视觉上刻意做大字号与高对比，因为它的用户是「看一眼就要过」的真实用户。
   ============================================================ */
.cap-q{display:flex;align-items:center;gap:8px;flex:0 0 auto;cursor:default}
.cap-q-text{
  font-size:20px;font-weight:600;line-height:1;
  color:var(--brand-d,#0f766e);
  font-variant-numeric:tabular-nums;      /* 等宽数字，"=" 号左右不跳 */
  white-space:nowrap;letter-spacing:.02em;
  user-select:none;                        /* 防止用户选中题面，等下粘贴到输入框 */
}
.cap-input.cap-num{
  width:118px;min-width:118px;
  font-size:20px;font-weight:600;text-align:center;
  padding:9px 10px;letter-spacing:.06em;
  font-variant-numeric:tabular-nums;
  /* 去掉浏览器自带的上下箭头：type=number 的 spinners 在窄框里挤占空间 */
  -moz-appearance:textfield;
}
.cap-input.cap-num::-webkit-outer-spin-button,
.cap-input.cap-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cap-input.cap-num:focus{
  border-color:var(--brand,#0f766e);
  box-shadow:0 0 0 3px rgba(15,118,110,.15);
  outline:none;
}
.cap-tip-inline{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin-top:8px;font-size:13px;color:var(--muted,#5b6b64);
}
.cap-alt{
  border:0;background:none;padding:0;cursor:pointer;
  font:inherit;font-size:13px;text-decoration:underline;
  color:var(--brand-d,#0f766e);
}
.cap-alt:hover{opacity:.75}
.cap-alt:disabled{opacity:.4;cursor:default}
.cap-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cap-row .cap-q-text{white-space:nowrap}
@media (max-width:640px){
  .cap-q-text{font-size:19px}
  .cap-input.cap-num{width:96px;min-width:96px;font-size:19px}
}

/* —— 会员中心：Contact support 入口 + 未读角标 —— */
.btn-hero-cta{display:inline-block;background:#fff;color:#0f766e;font-weight:700;padding:9px 20px;border-radius:10px;text-decoration:none;position:relative}
.btn-hero-cta:hover{background:#ecfdf5;color:#0f766e;text-decoration:none}
.sup-badge{display:inline-block;min-width:18px;height:18px;line-height:18px;padding:0 5px;margin-left:6px;background:#dc2626;color:#fff;border-radius:9px;font-size:11.5px;text-align:center;vertical-align:1px}

/* ===== 会员系统观察模式（上线观察期关闭会员功能时的提示块） ===== */
.closed-box {
  margin: 18px 0;
  padding: 18px 20px;
  border: 1px solid #f0c36d;
  border-left: 5px solid #e0a33a;
  border-radius: 10px;
  background: #fffaf0;
}
.closed-box h3 { margin: 0 0 8px; font-size: 18px; color: #8a5b12; }
.closed-box p  { margin: 6px 0; line-height: 1.7; }
.closed-body .wrap { max-width: 720px; margin: 60px auto; padding: 0 16px; }

/* ===== 站内 404 区块（notfound_html） ===== */
.nf{text-align:center;padding:64px 16px}
.nf .nf-code{font-size:104px;font-weight:800;letter-spacing:2px;color:#1f6feb;line-height:1;margin:0}
.nf .nf-title{font-size:27px;margin:10px 0 6px}
.nf .nf-sub{color:#666;margin:0 0 26px;line-height:1.6}
.nf .searchbar{max-width:440px;margin:0 auto 26px}
.nf .nf-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.nf .nf-links a{display:inline-block;background:#1f6feb;color:#fff;font-weight:600;padding:10px 20px;border-radius:10px;text-decoration:none}
.nf .nf-links a:hover{background:#1857c0;text-decoration:none}

/* ===== 社交分享栏（文章页底部） ===== */
.sharebar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:22px auto 6px}
.sharebar .sb-l{font-weight:700;color:#5b6b68;margin-right:4px;font-size:15px}
.sharebar a{display:inline-block;padding:6px 14px;border:1px solid #d7e2df;border-radius:999px;font-size:14px;color:#134e4a;text-decoration:none;background:#f4faf8}
.sharebar a:hover{background:#134e4a;color:#fff;border-color:#134e4a;text-decoration:none}
