:root{
  --main:#16a34a;
  --accent:#84cc16;
  --bg:#f7fee7;
  --ink:#1a2e05;
  --line:#1a2e05;
  --paper:#ffffff;
  --muted:#4d6e1e;
  --shadow:6px 6px 0 var(--line);
  --shadow-sm:4px 4px 0 var(--line);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:"Inter","思源黑体","Source Han Sans SC","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  font-size:14px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,h4{
  font-family:"思源宋体","Source Han Serif SC","Noto Serif SC","Songti SC",serif;
  font-weight:800;
  letter-spacing:.5px;
  line-height:1.25;
  margin:0;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}

/* 顶部阅读进度条 */
#progressbar{
  position:fixed;top:0;left:0;height:5px;width:0;
  background:linear-gradient(90deg,var(--main),var(--accent));
  z-index:9999;
  transition:width .08s linear;
}

/* 光斑装饰 */
.glow{position:fixed;border-radius:50%;filter:blur(90px);opacity:.5;pointer-events:none;z-index:0;}
.glow-a{width:420px;height:420px;background:radial-gradient(circle,#84cc16,transparent 70%);top:-120px;right:-100px;}
.glow-b{width:520px;height:520px;background:radial-gradient(circle,#16a34a,transparent 70%);top:1200px;left:-220px;opacity:.35;}
.glow-c{width:380px;height:380px;background:radial-gradient(circle,#a3e635,transparent 70%);bottom:600px;right:-160px;opacity:.3;}

/* 导航 */
.topbar{
  position:sticky;top:0;z-index:1000;
  background:var(--paper);
  border-bottom:4px solid var(--line);
}
.topbar-inner{
  max-width:1100px;margin:0 auto;padding:10px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.brand-lock{
  display:inline-flex;align-items:center;gap:8px;
  font-family:"思源宋体","Songti SC",serif;
  font-weight:900;font-size:22px;padding:4px 10px;
  background:var(--accent);border:3px solid var(--line);
  box-shadow:var(--shadow-sm);
  transform:rotate(-1deg);
}
.brand-lock i{color:var(--main);}
.nav-links{display:flex;gap:6px;flex-wrap:wrap;list-style:none;margin:0;padding:0;}
.nav-links a{
  display:inline-block;padding:6px 12px;font-weight:700;font-size:13px;
  border:2px solid transparent;transition:.15s;
}
.nav-links a:hover{background:var(--main);color:#fff;border-color:var(--line);box-shadow:3px 3px 0 var(--line);}
.burger{
  display:none;background:var(--main);color:#fff;border:3px solid var(--line);
  padding:6px 10px;box-shadow:var(--shadow-sm);cursor:pointer;font-size:16px;
}
@media(max-width:820px){
  .burger{display:block;}
  .nav-links{
    display:none;position:absolute;top:100%;left:0;right:0;
    background:var(--paper);border-bottom:4px solid var(--line);
    flex-direction:column;padding:10px;gap:4px;
  }
  .nav-links.open{display:flex;}
  .nav-links a{border:2px solid var(--line);background:#fff;}
}

.wrap{max-width:1100px;margin:0 auto;padding:0 20px;position:relative;z-index:2;}
section{padding:64px 0;position:relative;}

/* HERO */
.hero{padding:80px 0 64px;}
.hero-badge{
  display:inline-block;background:var(--ink);color:var(--accent);
  font-size:11px;font-weight:800;letter-spacing:3px;
  padding:5px 12px;margin-bottom:22px;
}
.hero h1{font-size:clamp(30px,5.2vw,54px);margin-bottom:18px;}
.hero h1 em{font-style:normal;color:var(--main);}
.hero-sub{max-width:640px;color:var(--muted);font-size:15px;margin-bottom:34px;}
.stat-row{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:36px;
}
.stat-box{
  background:var(--paper);border:3px solid var(--line);
  box-shadow:var(--shadow-sm);padding:16px 14px;
  transition:transform .18s;
}
.stat-box:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow);}
.stat-num{
  font-family:"思源宋体","Songti SC",serif;
  font-size:clamp(24px,3.4vw,36px);font-weight:900;color:var(--main);line-height:1.1;
}
.stat-label{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--muted);margin-top:4px;}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;}
.btn-hard{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 24px;font-weight:800;font-size:14px;
  border:3px solid var(--line);box-shadow:var(--shadow-sm);
  background:var(--main);color:#fff;transition:.15s;cursor:pointer;
}
.btn-hard:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow);color:#fff;}
.btn-hard.ghost{background:var(--paper);color:var(--ink);}
.btn-hard.ghost:hover{background:var(--accent);}
@media(max-width:640px){
  .stat-row{grid-template-columns:repeat(2,1fr);}
}

/* 通用区块头 */
.sec-head{margin-bottom:34px;}
.sec-kicker{
  font-size:11px;font-weight:900;letter-spacing:4px;color:var(--main);
  text-transform:uppercase;margin-bottom:8px;
}
.sec-head h2{font-size:clamp(22px,3.2vw,32px);}
.sec-head p{color:var(--muted);margin:10px 0 0;max-width:660px;font-size:13.5px;}

/* 使用说明：步骤条 */
.steps{position:relative;padding-left:0;}
.step{
  display:grid;grid-template-columns:64px 1fr;gap:18px;
  background:var(--paper);border:3px solid var(--line);
  box-shadow:var(--shadow-sm);
  padding:18px;margin-bottom:0;position:relative;
}
.step + .step{margin-top:-3px;}
.step-no{
  font-family:"思源宋体","Songti SC",serif;
  font-size:30px;font-weight:900;color:var(--main);
  display:flex;align-items:center;justify-content:center;
  border-right:2px dashed var(--line);
}
.step-body h3{font-size:16px;margin-bottom:4px;}
.step-body p{margin:0;font-size:13px;color:var(--muted);}
.step:hover .step-no{color:var(--accent);}

/* 特色网格 */
.feature-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
}
.feature-card{
  background:var(--paper);border:3px solid var(--line);
  box-shadow:var(--shadow-sm);padding:22px 20px;
  transition:transform .2s,box-shadow .2s;
}
.feature-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow);}
.feature-icon{
  width:46px;height:46px;display:flex;align-items:center;justify-content:center;
  background:var(--accent);border:3px solid var(--line);
  font-size:19px;color:var(--ink);margin-bottom:14px;
}
.feature-card h3{font-size:16px;margin-bottom:8px;}
.feature-card p{margin:0;font-size:13px;color:var(--muted);line-height:1.75;}
@media(max-width:860px){.feature-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){
  .feature-grid{grid-template-columns:1fr;}
  .step{grid-template-columns:48px 1fr;}
  .step-no{font-size:22px;}
}

/* 长文 */
.longtext{
  background:var(--paper);border:3px solid var(--line);
  box-shadow:var(--shadow);padding:34px 30px;
}
.longtext h2{font-size:clamp(20px,2.8vw,28px);margin-bottom:16px;}
.longtext h3{font-size:16px;margin:26px 0 8px;color:var(--main);}
.longtext p{font-size:13.5px;color:#2b4510;margin:0 0 12px;}
.longtext .lead{
  font-size:14.5px;font-weight:600;color:var(--ink);
  border-left:6px solid var(--accent);padding-left:14px;margin-bottom:20px;
}
.pull-note{
  background:var(--bg);border:2px dashed var(--line);
  padding:12px 16px;font-size:12.5px;color:var(--muted);margin:18px 0;
}
@media(max-width:600px){.longtext{padding:24px 18px;}}

/* FAQ */
.faq-item{
  background:var(--paper);border:3px solid var(--line);
  box-shadow:var(--shadow-sm);margin-bottom:12px;
}
.faq-q{
  width:100%;text-align:left;background:none;border:none;
  padding:16px 18px;font-weight:800;font-size:14px;color:var(--ink);
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  cursor:pointer;font-family:inherit;
}
.faq-q i{color:var(--main);transition:transform .25s;font-size:13px;}
.faq-item.open .faq-q i{transform:rotate(45deg);}
.faq-a{
  max-height:0;overflow:hidden;transition:max-height .3s ease;
  font-size:13px;color:var(--muted);
}
.faq-a div{padding:0 18px 16px;}
.faq-item.open .faq-a{max-height:320px;}

/* CTA */
.cta-block{
  background:var(--ink);color:var(--bg);
  border:4px solid var(--line);box-shadow:var(--shadow);
  padding:44px 30px;text-align:center;position:relative;overflow:hidden;
}
.cta-block::before{
  content:"";position:absolute;width:340px;height:340px;
  background:radial-gradient(circle,var(--main),transparent 70%);
  filter:blur(70px);opacity:.6;top:-120px;left:-80px;
}
.cta-block h2{color:#fff;font-size:clamp(22px,3.4vw,32px);margin-bottom:12px;position:relative;}
.cta-block p{color:#d3e8a4;max-width:560px;margin:0 auto 26px;font-size:13.5px;position:relative;}
.cta-block .btn-hard{position:relative;}

/* 滚动渐显 */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease;}
.reveal.in{opacity:1;transform:none;}

/* 友链 */
.friendlinks{
  border-top:4px solid var(--line);border-bottom:4px solid var(--line);
  background:var(--paper);padding:26px 0;
}
.friendlinks h3{
  font-size:12px;letter-spacing:3px;color:var(--main);
  margin-bottom:12px;font-weight:900;
}
.friendlinks .fl{
  font-size:13px;color:var(--muted);border:2px dashed var(--line);
  padding:14px 16px;background:var(--bg);
}

/* 页脚 */
footer.site-foot{
  padding:34px 0 40px;background:var(--bg);
}
.foot-grid{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;
  align-items:flex-start;border-top:3px solid var(--line);padding-top:22px;
}
.foot-brand{font-family:"思源宋体","Songti SC",serif;font-weight:900;font-size:18px;}
.foot-brand span{display:block;font-family:inherit;font-size:12px;font-weight:500;color:var(--muted);margin-top:4px;}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12.5px;}
.foot-links a{font-weight:600;}
.foot-links a:hover{color:var(--main);text-decoration:underline;}
.foot-copy{font-size:12px;color:var(--muted);margin-top:18px;}

/* --- 子页面追加 --- */
/* 本页专属少量样式，沿用站点配色变量 */
  .about-hero { padding: 56px 0 32px; }
.about-lead { font-size: 1.08rem; line-height: 1.85; max-width: 780px; color: var(--muted); }
.about-card {
    background: var(--paper);
    border: 3px solid var(--line);
    box-shadow: var(--shadow-sm);
    border-radius: 14px;
    padding: 22px 22px 18px;
    height: 100%;
  }
.about-card h3 {
    font-size: 1.08rem;
    font-weight: 800;
    color: var(--ink);
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    gap: 8px;
  }
.about-card h3 i { color: var(--main); }
.about-card p { color: var(--muted); font-size: .95rem; line-height: 1.8; margin: 0; }
.timeline { list-style: none; padding: 0; margin: 0; }
.timeline li {
    position: relative;
    padding: 0 0 22px 30px;
    border-left: 3px solid var(--accent);
    margin-left: 8px;
  }
.timeline li:last-child { padding-bottom: 0; border-left-color: transparent; }
.timeline li::before {
    content: "";
    position: absolute;
    left: -11px; top: 2px;
    width: 18px; height: 18px;
    background: var(--main);
    border: 3px solid var(--line);
    border-radius: 50%;
  }
.timeline h4 { font-size: 1rem; font-weight: 800; color: var(--ink); margin: 0 0 6px; }
.timeline p { color: var(--muted); font-size: .93rem; line-height: 1.75; margin: 0; }
.value-list { list-style: none; padding: 0; margin: 0; }
.value-list li {
    display: flex; gap: 12px; align-items: flex-start;
    padding: 12px 0;
    border-bottom: 2px dashed rgba(26,46,5,.18);
    color: var(--muted); font-size: .96rem; line-height: 1.75;
  }
.value-list li:last-child { border-bottom: none; }
.value-list i { color: var(--main); margin-top: 4px; }
.value-list b { color: var(--ink); }
.about-quote {
    background: var(--bg);
    border: 3px solid var(--line);
    box-shadow: var(--shadow-sm);
    border-radius: 14px;
    padding: 26px 26px;
  }
.about-quote p { font-size: 1.02rem; line-height: 1.9; color: var(--ink); margin: 0 0 12px; font-weight: 500; }
.about-quote span { color: var(--muted); font-size: .9rem; }
.about-cta { padding: 48px 0 64px; text-align: center; }
.about-cta h2 { font-size: 1.5rem; font-weight: 900; color: var(--ink); margin-bottom: 12px; }
.about-cta p { color: var(--muted); margin-bottom: 22px; }
.about-cta .btn-hard { margin: 0 6px 10px; }
.about-hero { padding: 36px 0 22px; }
.about-lead { font-size: 1rem; }

/* --- 子页面追加 --- */
.guide-lead {max-width:760px;color:var(--muted);font-size:1.02rem;line-height:1.85;margin-top:14px}
.guide-note {background:var(--paper);border:3px solid var(--line);box-shadow:var(--shadow-sm);padding:20px 22px;margin:26px 0}
.guide-note h3 {margin:0 0 10px;font-size:1.05rem}
.guide-note p {margin:0;color:var(--muted);line-height:1.8;font-size:.95rem}
.guide-list {list-style:none;padding:0;margin:0}
.guide-list li {position:relative;padding-left:26px;margin-bottom:12px;line-height:1.8;color:var(--muted);font-size:.95rem}
.guide-list li::before {content:"\f058";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;top:2px;color:var(--main);font-size:.9rem}
.param-table {width:100%;border-collapse:collapse;margin:18px 0;background:var(--paper);border:3px solid var(--line);box-shadow:var(--shadow-sm);font-size:.92rem}
.param-table th,.param-table td {border-bottom:2px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}
.param-table th {background:var(--bg);font-weight:700;color:var(--ink)}
.param-table td {color:var(--muted)}
.param-table tr:last-child td {border-bottom:none}
.tag {display:inline-block;background:var(--accent);color:var(--ink);border:2px solid var(--line);padding:2px 9px;font-size:.76rem;font-weight:700;border-radius:999px;margin-right:6px}
.guide-cta {margin:40px 0 10px;padding:28px 24px;background:var(--main);color:#fff;border:3px solid var(--line);box-shadow:var(--shadow);text-align:center}
.guide-cta h2 {margin:0 0 10px;font-size:1.3rem;color:#fff}
.guide-cta p {margin:0 0 18px;color:rgba(255,255,255,.9);font-size:.95rem}
.guide-cta .btn-hard {background:#fff;color:var(--ink)}
.guide-hero-img {width:100%;border:3px solid var(--line);box-shadow:var(--shadow);display:block;margin-top:24px}
.param-table th,.param-table td {padding:10px 10px;font-size:.86rem}

/* --- 子页面追加 --- */
.faq-hero {padding:56px 0 28px;}
.faq-hero h1 {font-size:clamp(1.8rem,4vw,3rem);font-weight:900;letter-spacing:-.02em;margin:14px 0 12px;line-height:1.15;}
.faq-hero p {color:var(--muted);max-width:680px;font-size:1.02rem;line-height:1.75;margin:0;}
.faq-cat {margin:34px 0 16px;display:flex;align-items:center;gap:10px;}
.faq-cat i {color:var(--main);font-size:1.1rem;}
.faq-cat h2 {font-size:1.15rem;font-weight:800;margin:0;color:var(--ink);}
.faq-q .qm {flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--accent);border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:transform .25s ease;}
.faq-q[aria-expanded="true"] .qm {transform:rotate(45deg);background:var(--main);color:#fff;}
.faq-a-inner {padding:0 20px 20px;color:var(--muted);font-size:.96rem;line-height:1.85;border-top:1px dashed rgba(26,46,5,.25);margin-top:0;padding-top:14px;}
.faq-a-inner strong {color:var(--ink);}
.faq-a-inner ul {margin:8px 0 0;padding-left:20px;}
.faq-a-inner li {margin-bottom:6px;}
.faq-tip {background:var(--bg);border:2px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);padding:22px 24px;margin-top:28px;}
.faq-tip h3 {font-size:1.05rem;font-weight:800;margin:0 0 10px;color:var(--ink);}
.faq-tip p {margin:0;color:var(--muted);font-size:.95rem;line-height:1.8;}
.faq-tip a {color:var(--main);font-weight:700;text-decoration:none;border-bottom:2px solid var(--accent);}
.faq-tip a:hover {color:var(--ink);}
.qa-jump {display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 6px;}
.qa-jump a {font-size:.85rem;font-weight:700;text-decoration:none;color:var(--ink);background:var(--paper);border:2px solid var(--line);border-radius:999px;padding:7px 15px;box-shadow:3px 3px 0 var(--line);transition:transform .15s ease,box-shadow .15s ease;}
.qa-jump a:hover {transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--line);background:var(--accent);}
.faq-a-inner {padding:12px 16px 18px;}

/* --- 子页面追加 --- */
.privacy-hero {padding:64px 0 28px;}
.privacy-hero h1 {font-size:clamp(1.8rem,4vw,3rem);line-height:1.15;margin:14px 0 16px;font-weight:900;letter-spacing:-.5px;}
.privacy-hero h1 .mark {background:var(--accent);color:var(--ink);padding:0 8px;box-shadow:var(--shadow-sm);display:inline-block;}
.privacy-hero p {max-width:760px;color:var(--muted);font-size:1.02rem;line-height:1.85;margin:0;}
.updated {margin-top:20px;display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;
    background:var(--paper);border:2px solid var(--line);box-shadow:var(--shadow-sm);padding:8px 14px;}
.p-block {background:var(--paper);border:2px solid var(--line);box-shadow:var(--shadow);padding:26px 26px 22px;margin-bottom:26px;}
.p-block h2 {font-size:1.24rem;font-weight:800;margin:0 0 14px;display:flex;align-items:flex-start;gap:10px;line-height:1.4;}
.p-block h2 .ico {flex:0 0 auto;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;
    background:var(--main);color:#fff;border:2px solid var(--line);font-size:.9rem;margin-top:-2px;}
.p-block h3 {font-size:1.02rem;font-weight:700;margin:20px 0 8px;color:var(--ink);}
.p-block p {color:var(--muted);line-height:1.9;margin:0 0 12px;font-size:.96rem;}
.p-block p:last-child {margin-bottom:0;}
.p-block ul {margin:0 0 12px;padding-left:0;list-style:none;}
.p-block ul li {position:relative;padding-left:22px;color:var(--muted);line-height:1.9;font-size:.96rem;margin-bottom:6px;}
.p-block ul li::before {content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;top:1px;
    color:var(--main);font-size:.72rem;}
.p-block strong {color:var(--ink);font-weight:700;}
.data-table {width:100%;border-collapse:collapse;margin:6px 0 14px;font-size:.92rem;}
.data-table th,.data-table td {border:2px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;line-height:1.7;}
.data-table th {background:var(--main);color:#fff;font-weight:700;font-size:.88rem;white-space:nowrap;}
.data-table td {background:var(--paper);color:var(--muted);}
.data-table tr:nth-child(even) td {background:#fbfef0;}
.note {background:var(--bg);border-left:5px solid var(--accent);padding:12px 16px;margin:12px 0 0;font-size:.92rem;color:var(--muted);line-height:1.8;}
.toc {background:var(--paper);border:2px solid var(--line);box-shadow:var(--shadow);padding:22px 24px;margin-bottom:32px;}
.toc h2 {font-size:1.02rem;font-weight:800;margin:0 0 12px;display:flex;align-items:center;gap:8px;}
.toc ol {margin:0;padding-left:20px;color:var(--muted);font-size:.94rem;line-height:2;}
.toc a {color:var(--muted);text-decoration:none;border-bottom:1px dashed transparent;}
.toc a:hover {color:var(--main);border-bottom-color:var(--main);}
.cta-box {background:var(--main);color:#fff;border:2px solid var(--line);box-shadow:var(--shadow);padding:28px;margin-top:8px;}
.cta-box h2 {font-size:1.2rem;font-weight:800;margin:0 0 10px;color:#fff;}
.cta-box p {color:rgba(255,255,255,.88);line-height:1.85;margin:0 0 16px;font-size:.95rem;}
.cta-box .btn-hard {background:#fff;color:var(--ink);border-color:var(--line);}
.cta-box .btn-hard:hover {background:var(--accent);color:var(--ink);}
.p-block {padding:20px 18px 18px;}
.data-table th,.data-table td {padding:8px 9px;font-size:.85rem;}
.privacy-hero {padding:44px 0 20px;}