:root{
  --ink:#102932;
  --muted:#5d7178;
  --line:#d9e3e6;
  --surface:#fff;
  --soft:#f2f6f7;
  --deep:#0d2026;
  --accent:#14b991;
  --purple:#7f279d;
  --pink:#d8337d;
  --orange:#f79432;
  --shadow:0 22px 70px rgba(13,32,38,.09);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f7f9f9;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
.guide-site-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:0 clamp(24px,5vw,78px);background:rgba(255,255,255,.93);border-bottom:1px solid rgba(16,41,50,.09);backdrop-filter:blur(18px)}
.guide-brand{display:flex;align-items:center;gap:10px}
.guide-brand img{display:block;object-fit:contain}
.guide-brand>span{display:grid;line-height:1}
.guide-brand strong{font-size:1rem;letter-spacing:-.03em}
.guide-brand strong span{color:#c63279}
.guide-brand small{margin-top:5px;font-size:.48rem;font-weight:900;letter-spacing:.23em;color:#66777e}
.guide-site-header nav,.guide-site-footer nav{display:flex;align-items:center;gap:28px;font-size:.82rem;font-weight:750}
.guide-site-header nav>a:not(.guide-login){padding:28px 0;border-bottom:2px solid transparent;color:#536970}
.guide-site-header nav>a.is-active{border-color:var(--accent);color:var(--ink)}
.guide-login{padding:10px 17px;border:1px solid #cbd8db;border-radius:10px;background:#fff}
main{overflow:hidden}
.guide-index-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.62fr);gap:70px;align-items:center;max-width:1320px;margin:0 auto;padding:110px clamp(24px,5vw,70px) 90px}
.guide-kicker,.guide-index-section>header>span,.guide-article-cta>div>span,.guide-related>header>span,.guide-section-label{display:inline-flex;align-items:center;gap:10px;color:#126c5b;font-size:.72rem;font-weight:900;letter-spacing:.14em}
.guide-kicker i{display:block;width:28px;height:2px;background:linear-gradient(90deg,var(--orange),var(--pink))}
.guide-index-hero h1,.guide-article-hero h1{max-width:900px;margin:22px 0 22px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,6vw,6.5rem);font-weight:650;line-height:.96;letter-spacing:-.055em}
.guide-index-hero>div>p{max-width:720px;margin:0;color:var(--muted);font-size:1.15rem;line-height:1.75}
.guide-hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:34px}
.guide-primary,.guide-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:12px;font-size:.84rem;font-weight:850;transition:.2s ease}
.guide-primary{background:var(--accent);color:#071d18;box-shadow:0 12px 30px rgba(20,185,145,.22)}
.guide-primary:hover{transform:translateY(-2px);background:#20cda0}
.guide-secondary{border:1px solid #cad7da;background:#fff}
.guide-index-hero>aside{position:relative;min-height:380px;padding:44px;border-radius:28px;background:linear-gradient(145deg,#171329,#25173b);color:#fff;overflow:hidden;box-shadow:var(--shadow)}
.guide-index-hero>aside:after{content:"";position:absolute;width:270px;height:270px;right:-90px;bottom:-110px;border-radius:50%;background:radial-gradient(circle,var(--pink),transparent 68%);opacity:.5}
.guide-index-hero>aside>span{font-size:.68rem;font-weight:900;letter-spacing:.15em;color:#79e5ca}
.guide-index-hero>aside>strong{position:relative;z-index:1;display:block;margin-top:58px;font-family:Georgia,serif;font-size:2.65rem;line-height:1.08}
.guide-index-hero>aside>p{position:relative;z-index:1;max-width:310px;margin-top:24px;color:#c8c1d1}
.guide-index-section{padding:90px max(24px,calc((100vw - 1180px)/2));background:#eef3f4}
.guide-index-section>header{max-width:690px;margin-bottom:42px}
.guide-index-section h2,.guide-related h2,.guide-article-cta h2{margin:10px 0;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.6rem);line-height:1.05}
.guide-index-section>header p{color:var(--muted)}
.public-guide-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.public-guide-grid article{position:relative;grid-column:span 2;display:flex;flex-direction:column;min-height:340px;padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 36px rgba(13,32,38,.045);overflow:hidden}
.public-guide-grid article:nth-child(n+4){grid-column:span 3}
.guide-card-number{position:absolute;right:18px;top:3px;color:#102932;font-family:Georgia,serif;font-size:5.5rem;line-height:1;opacity:.06}
.guide-card-category{margin:0;color:#14866d!important;font-size:.68rem!important;font-weight:900;letter-spacing:.12em}
.public-guide-grid h2{max-width:320px;margin:48px 0 12px;font-family:Georgia,serif;font-size:1.8rem;line-height:1.06}
.public-guide-grid article>p{color:var(--muted);font-size:.92rem;line-height:1.65}
.public-guide-grid footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:25px;border-top:1px solid #e6edef}
.public-guide-grid footer>span{font-size:.73rem;color:var(--muted)}
.public-guide-grid footer a{color:#0b765f;font-size:.8rem;font-weight:850}
.public-guide-grid footer b{font-size:1rem}
.guide-trust{display:grid;grid-template-columns:repeat(3,1fr);max-width:1180px;margin:0 auto;padding:88px 24px;gap:1px}
.guide-trust>div{padding:15px 42px;border-right:1px solid var(--line)}
.guide-trust>div:last-child{border-right:0}
.guide-trust span{color:#c83278;font-family:Georgia,serif;font-size:2rem}
.guide-trust strong{display:block;margin:16px 0 7px}
.guide-trust p{margin:0;color:var(--muted);font-size:.88rem}
.guide-breadcrumb{display:flex;align-items:center;gap:11px;max-width:1180px;margin:0 auto;padding:38px 24px 0;color:var(--muted);font-size:.78rem}
.guide-breadcrumb b{color:var(--ink)}
.guide-reading{max-width:1180px;margin:0 auto;padding:45px 24px 90px}
.guide-article-hero{position:relative;padding:58px clamp(26px,6vw,72px);border-radius:30px;background:linear-gradient(135deg,#fff,#edf5f3);border:1px solid var(--line);overflow:hidden}
.guide-article-hero h1{max-width:900px;font-size:clamp(2.7rem,5vw,5rem)}
.guide-article-hero>div>p{max-width:780px;color:var(--muted);font-size:1.08rem;line-height:1.75}
.guide-hero-number{position:absolute;right:4%;top:-24px;font-family:Georgia,serif;font-size:12rem;line-height:1;opacity:.045}
.guide-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.guide-meta span{padding:7px 11px;border:1px solid #d3e0df;border-radius:999px;background:rgba(255,255,255,.7);font-size:.72rem;font-weight:750;color:#5d7378}
.guide-reading-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;align-items:start;margin-top:52px}
.guide-toc{position:sticky;top:105px;padding:23px;border:1px solid var(--line);border-radius:18px;background:#fff}
.guide-toc>strong{font-size:.78rem}
.guide-toc ol{display:grid;gap:12px;margin:18px 0 22px;padding-left:21px;color:var(--muted);font-size:.78rem}
.guide-toc li::marker{color:#c83278;font-weight:900}
.guide-toc>a{display:block;padding:11px;border-radius:9px;background:#e1f7f1;color:#086950;text-align:center;font-size:.75rem;font-weight:850}
.guide-content{min-width:0}
.guide-intro{margin:0;font-family:Georgia,serif;font-size:1.43rem;line-height:1.7;color:#263e46}
.guide-warning{margin:30px 0 18px;padding:22px 24px;border-left:4px solid #e09531;border-radius:0 14px 14px 0;background:#fff6e8}
.guide-warning strong{font-size:.78rem}
.guide-warning p{margin:6px 0 0;color:#6f603f;font-size:.86rem}
.guide-content>section:not(.guide-faq):not(.guide-sources){display:grid;grid-template-columns:58px 1fr;gap:24px;padding:42px 0;border-bottom:1px solid var(--line);scroll-margin-top:100px}
.guide-step-number{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e0f7f1;color:#08765d;font-weight:900}
.guide-content section h2{margin:0 0 11px;font-family:Georgia,serif;font-size:1.65rem}
.guide-content section p{color:var(--muted);line-height:1.75}
.guide-content section ul{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.guide-content section ul li{padding:7px 10px;border-radius:8px;background:#eef3f4;color:#3e555c;font-size:.76rem;font-weight:750}
.guide-faq,.guide-sources{padding:48px 0 5px}
.guide-faq details{border-bottom:1px solid var(--line)}
.guide-faq summary{padding:20px 4px;cursor:pointer;font-weight:800}
.guide-faq details p{margin:0 4px 20px}
.guide-sources ul{display:grid!important;gap:10px!important}
.guide-sources li{padding:0!important;background:none!important}
.guide-sources a{display:flex;justify-content:space-between;gap:15px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#1b535f;font-weight:800}
.guide-sources>p{font-size:.75rem}
.guide-article-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;max-width:1180px;margin:0 auto 80px;padding:42px 48px;border-radius:26px;background:#0d2026;color:#fff}
.guide-article-cta h2{font-size:2.25rem}
.guide-article-cta p{margin:0;color:#aebdc1}
.guide-related{max-width:1180px;margin:0 auto;padding:0 24px 90px}
.guide-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}
.guide-related article{padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff}
.guide-related article>span{color:#c83278;font-family:Georgia,serif;font-size:1.5rem}
.guide-related h3{font-family:Georgia,serif;font-size:1.3rem}
.guide-related a{color:#08765d;font-size:.78rem;font-weight:850}
.guide-not-found{max-width:760px;margin:90px auto;padding:80px 24px;text-align:center}
.guide-not-found>span{font-family:Georgia,serif;font-size:7rem;color:var(--accent)}
.guide-not-found h1{font-family:Georgia,serif;font-size:2.6rem}
.guide-not-found p{margin-bottom:30px;color:var(--muted)}
.guide-site-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;padding:38px clamp(24px,5vw,78px);background:#0b1b21;color:#fff}
.guide-site-footer p{margin:0;color:#91a3a9;font-size:.78rem;text-align:center}
.guide-site-footer nav{justify-content:flex-end}
.guide-site-footer nav a{color:#b7c4c8}
@media(max-width:980px){
  .guide-index-hero{grid-template-columns:1fr;gap:38px;padding-top:75px}
  .guide-index-hero>aside{min-height:310px}
  .public-guide-grid article,.public-guide-grid article:nth-child(4),.public-guide-grid article:nth-child(5){grid-column:span 3}
  .guide-reading-layout{grid-template-columns:1fr;gap:30px}
  .guide-toc{position:static}
  .guide-site-footer{grid-template-columns:1fr;text-align:center}
  .guide-site-footer .guide-brand,.guide-site-footer nav{justify-content:center}
}
@media(max-width:700px){
  .guide-site-header{min-height:68px;padding:0 18px}
  .guide-site-header nav>a:not(.guide-login){display:none}
  .guide-login{padding:8px 11px}
  .guide-index-hero{padding:60px 20px}
  .guide-index-hero h1{font-size:3.15rem}
  .guide-index-hero>aside{padding:30px;min-height:280px}
  .guide-index-section{padding:65px 20px}
  .public-guide-grid{display:block}
  .public-guide-grid article{margin-top:14px;min-height:315px}
  .guide-trust{display:block;padding:58px 20px}
  .guide-trust>div{padding:25px 5px;border-right:0;border-bottom:1px solid var(--line)}
  .guide-article-hero{padding:38px 24px;border-radius:22px}
  .guide-article-hero h1{font-size:2.8rem}
  .guide-hero-number{display:none}
  .guide-reading{padding:28px 18px 65px}
  .guide-content>section:not(.guide-faq):not(.guide-sources){grid-template-columns:1fr;gap:14px}
  .guide-article-cta{display:block;margin:0 18px 65px;padding:32px 25px}
  .guide-article-cta .guide-primary{margin-top:24px}
  .guide-related{padding:0 18px 65px}
  .guide-related>div{grid-template-columns:1fr}
  .guide-site-footer nav{flex-wrap:wrap}
}