/* style.css */
/* (原有样式保持不变) */
:root{--pri:#0d1e3a;--pri-600:#0b1930;--sec:#4a90e2;--cta:#1f9f6b;--cta2:#17885a;--txt:#333333;--mut:#6b7280;--bg:#f5f7fa;--w:#ffffff;--bd:#e5e7eb;--surface:#ffffff;--surface-2:#f9fafb;--success:#16a34a;--warning:#eab308;--danger:#dc2626;--shadow-xs:0 1px 2px rgba(0,0,0,.06);--shadow-sm:0 2px 8px rgba(0,0,0,.08);--shadow-md:0 10px 28px rgba(0,0,0,.10);--shadow-lg:0 18px 48px rgba(0,0,0,.16);--radius-xs:6px;--radius-sm:10px;--radius-md:12px;--radius-lg:14px;--radius-xl:18px;--font-sans:'Microsoft YaHei','PingFang SC','Segoe UI',Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--fs-100:clamp(.78rem, .75rem + .2vw, .85rem);--fs-200:clamp(.88rem, .80rem + .35vw, .95rem);--fs-300:clamp(.95rem, .90rem + .4vw, 1.0rem);--fs-400:clamp(1.0rem, .95rem + .6vw, 1.12rem);--fs-500:clamp(1.15rem, 1.05rem + .8vw, 1.28rem);--fs-600:clamp(1.35rem, 1.15rem + 1.2vw, 1.6rem);--fs-700:clamp(1.6rem,  1.3rem + 2vw,   2.0rem);--fs-800:clamp(1.95rem, 1.6rem + 3vw,   2.4rem);--lh-tight:1.35;--lh-normal:1.7;--lh-loose:1.9;--ls-wide:.02em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:40px;--space-10:48px;--space-12:56px;--space-14:64px;--gutter:clamp(16px, 3vw, 28px);--container:1100px;--container-wide:1280px;--container-narrow:820px;--speed-fast:120ms;--speed:200ms;--speed-slow:320ms;--easing:cubic-bezier(.22,.61,.36,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-sans);font-size:var(--fs-400);line-height:var(--lh-normal);color:var(--txt);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%;height:auto;display:block}
a{color:var(--sec);text-decoration:none;font-weight:800;transition:color var(--speed) var(--easing)}
a:hover{color:var(--cta)}
:focus-visible{outline:3px solid var(--sec);outline-offset:2px;border-radius:6px}
.container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
header,section,footer{padding:var(--space-12) 0}
h1,h2,h3{color:var(--pri);font-weight:900;letter-spacing:var(--ls-wide)}
h1{font-size:var(--fs-800);line-height:var(--lh-tight);margin:0 0 var(--space-2)}
h2{font-size:var(--fs-700);line-height:var(--lh-tight);text-align:center;margin:0 0 var(--space-6)}
h3{font-size:var(--fs-600);margin:0 0 var(--space-2)}
p.lead{color:#ffffff;opacity:.92;max-width:55ch}
.nav{position:sticky;top:0;z-index:10;background:var(--w);box-shadow:0 2px 10px rgba(0,0,0,.06);backdrop-filter:saturate(1.1) blur(6px)}
.nav .row{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.logo{font-size:1.4em;font-weight:900;color:var(--pri);letter-spacing:.01em}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:22px}
.nav a{font-weight:800}
.hero{background:#0e1f3b;color:#fff;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}
.hero picture img{width:100%;height:100%;object-fit:cover;max-height:450px;border-radius:var(--radius-lg)}
.cta{display:inline-block;background:var(--cta);color:#fff;border-radius:var(--radius-sm);padding:12px 20px;font-weight:900;box-shadow:0 8px 24px rgba(31,159,107,.25);transition:transform var(--speed) var(--easing), background var(--speed) var(--easing)}
.cta:hover{background:var(--cta2);color:#fff;transform:translateY(-2px)}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.btn-sub{background:#eef6f2;color:#065f46;border:1px solid #d1fae5;border-radius:var(--radius-sm);padding:10px 14px;font-weight:900}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:var(--surface);border:1px solid var(--bd);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--speed) var(--easing), box-shadow var(--speed) var(--easing); display: flex; flex-direction: column;}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.card img{width:100%;height:220px;object-fit:cover;}
.card-b{padding:16px 18px; flex-grow: 1;}
.mut{color:var(--mut)}
.toc{background:var(--w);border:1px solid var(--bd);border-radius:var(--radius-md);padding:12px 14px;margin:16px 0;box-shadow:var(--shadow-xs)}
.toc h3{margin:0 0 6px;font-size:var(--fs-500)}
.toc ul{margin:0;padding-left:1.1em;color:var(--mut)}
.proofs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.proof{background:var(--w);border:1px solid var(--bd);border-radius:var(--radius-md);padding:12px;text-align:center;box-shadow:var(--shadow-xs)}
.proof h4{margin:6px 0}
.proof img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:8px}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feat{background:var(--w);border:1px solid var(--bd);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-xs)}
.feat h3{margin:0 0 6px}
.steps{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.step{max-width:280px;text-align:center;background:var(--w);border:1px solid var(--bd);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-xs); overflow: hidden;}
.step img{width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover;margin-bottom:12px;border-radius: var(--radius-sm);}
.num{width:50px;height:50px;line-height:50px;border-radius:50%;background:var(--pri);color:#fff;margin:0 auto 10px;font-weight:900}
footer{background:#2c3e50;color:#eaf2ff;text-align:center;padding: var(--space-8) var(--gutter);}
footer p {margin: var(--space-2) 0;}
footer a{color:#8be0ba}

/* --- 新增：知识库样式 --- */
.kb-layout { display: grid; grid-template-columns: 240px 1fr; gap: var(--space-8); align-items: flex-start; }
#kb-nav { position: sticky; top: 80px; /* 80px 约等于导航栏高度 */ }
#kb-nav ul { list-style: none; padding: 0; margin: 0; }
#kb-nav a { display: block; padding: var(--space-2) var(--space-4); margin-bottom: var(--space-1); border-radius: var(--radius-sm); font-weight: 800; transition: all var(--speed) var(--easing); border-left: 4px solid transparent; }
#kb-nav a:hover { background: var(--surface-2); color: var(--pri); border-left-color: var(--sec); }
.kb-category { margin-bottom: var(--space-10); scroll-margin-top: 80px; /* 锚点定位偏移 */ }
.kb-category h3 { font-size: var(--fs-700); text-align: left; padding-bottom: var(--space-2); border-bottom: 2px solid var(--bd); margin-bottom: var(--space-6); }
.kb-category details { border-bottom: 1px solid var(--bd); padding: var(--space-4) var(--space-2); }
.kb-category details summary { cursor: pointer; font-weight: 900; list-style: none; font-size: var(--fs-500); }
.kb-category details summary::-webkit-details-marker { display: none; }
.kb-category details .faq-answer { padding-top: var(--space-3); padding-left: var(--space-2); color: #4b5563; line-height: 1.8; }
.faq-answer p { margin: 0; }
.faq-answer ul { padding-left: 20px; margin-top: 10px; }

/* 响应式调整 */
@media (max-width: 992px){.hero .wrap{grid-template-columns:1fr;text-align:center}.hero .wrap .btns{justify-content:center}p.lead{margin-left:auto;margin-right:auto}.grid3,.proofs{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:repeat(2,1fr)}
.kb-layout { grid-template-columns: 1fr; }
#kb-nav { position: static; margin-bottom: var(--space-8); }
#kb-nav ul { display: flex; flex-wrap: wrap; gap: var(--space-2); }
}
@media (max-width: 768px){.nav ul{display:none}h1{font-size:clamp(1.8rem, 5vw, 2.2rem)}.grid3,.proofs,.features{grid-template-columns:1fr}}