:root{
  --blue:#1659f5;--blue2:#3f7cff;--navy:#071d63;--teal:#08c7a4;
  --ink:#17213a;--muted:#707a91;--line:#e8edf5;--paper:#fff;
  --soft:#f5f8ff;--mint:#effcf8;--cream:#fbfaf7;
  --shadow:0 18px 58px rgba(11,35,91,.09);--radius:26px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:
radial-gradient(circle at 8% 0%,rgba(22,89,245,.075),transparent 28%),
radial-gradient(circle at 100% 20%,rgba(8,199,164,.07),transparent 28%),#fcfdff;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input{font:inherit}
.shell{min-height:100dvh}.site-head{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(232,237,245,.78);background:rgba(252,253,255,.88);backdrop-filter:blur(20px)}
.head-inner{width:min(1120px,100%);margin:auto;padding:11px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand img{width:98px;height:auto;display:block}.brand-text{min-width:0}.brand-eyebrow{color:var(--teal);font-weight:900;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.brand-title{color:var(--navy);font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.head-action{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:850;color:var(--navy)}
main{width:min(1120px,100%);margin:auto;padding:28px 16px 72px}.hero{padding:16px 0 22px}.hero-kicker{font-size:12px;color:var(--teal);font-weight:900;letter-spacing:.11em;text-transform:uppercase}.hero h1{font-size:clamp(34px,8vw,64px);line-height:1.03;letter-spacing:-.055em;color:var(--navy);margin:12px 0}.hero p{max-width:700px;color:var(--muted);font-size:15px;line-height:1.75;margin:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.btn{min-height:46px;border-radius:15px;border:1px solid var(--line);background:#fff;padding:11px 15px;font-weight:900;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn.primary{color:#fff;border:0;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 12px 26px rgba(22,89,245,.2)}.btn.teal{color:#fff;border:0;background:linear-gradient(135deg,var(--teal),#0cb394)}
.section{margin-top:28px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.section h2{font-size:24px;color:var(--navy);letter-spacing:-.025em;margin:0}.section-sub{font-size:13px;color:var(--muted);margin-top:5px}.count{font-size:12px;font-weight:850;color:#42608f;background:#f0f4fb;border:1px solid #e0e8f5;border-radius:999px;padding:8px 10px;white-space:nowrap}
.part-grid,.tool-grid,.topic-grid{display:grid;gap:13px}.part-card,.tool-card,.topic-card{position:relative;background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:.2s}.part-card:hover,.tool-card:hover,.topic-card.active:hover{transform:translateY(-3px);border-color:#cfdbf1}.part-card{padding:21px;min-height:202px;display:flex;flex-direction:column}.part-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.part-number{font-size:13px;font-weight:950;letter-spacing:.08em;color:var(--teal)}.status{border-radius:999px;padding:7px 9px;font-size:11px;font-weight:900;background:var(--mint);color:#087966}.status.soon{background:#f2f4f8;color:#7a8497}.part-card h3{font-size:30px;letter-spacing:-.045em;color:var(--navy);margin:28px 0 8px}.part-card p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.part-link{margin-top:auto;padding-top:17px;font-size:13px;color:var(--blue);font-weight:900}.part-card::after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-50px;bottom:-65px;background:linear-gradient(135deg,rgba(22,89,245,.12),rgba(8,199,164,.12))}
.tool-card{padding:17px;display:flex;align-items:center;gap:13px}.tool-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#edf3ff,#effcf8);font-size:21px;flex:none}.tool-copy{min-width:0;flex:1}.tool-title{font-weight:900;color:var(--navy);font-size:15px}.tool-desc{font-size:12px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-arrow{color:var(--blue);font-weight:950}
.part-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;background:#f1f4f9;border-radius:17px;margin:8px 0 24px}.part-tabs a{padding:11px 8px;text-align:center;border-radius:13px;font-size:12px;font-weight:900;color:#6c7690}.part-tabs a.current{background:#fff;color:var(--navy);box-shadow:0 6px 18px rgba(17,44,92,.08)}
.group{margin-top:28px}.group-title{font-size:16px;font-weight:950;color:var(--navy);margin-bottom:11px}.topic-card{padding:16px;display:flex;align-items:center;gap:12px;min-height:90px}.topic-index{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;flex:none;background:#f0f4ff;color:var(--blue);font-weight:950;font-size:12px}.topic-copy{min-width:0;flex:1}.topic-title{font-weight:900;color:var(--navy);font-size:15px}.topic-en{font-size:12px;color:var(--muted);margin-top:4px}.topic-meta{font-size:11px;color:#71809c;margin-top:7px}.topic-card.active{border-color:#cddcff}.topic-card.locked{box-shadow:none;background:rgba(255,255,255,.65)}.topic-card.locked .topic-index{background:#f3f4f7;color:#9199a9}.topic-card.locked .topic-title{color:#667087}.topic-side{font-size:11px;font-weight:900;border-radius:999px;padding:7px 9px;background:var(--mint);color:#087966;white-space:nowrap}.topic-card.locked .topic-side{background:#f1f3f6;color:#8b93a2}
.notice{padding:15px 16px;border-radius:18px;background:linear-gradient(145deg,#f4f8ff,#f1fcf9);border:1px solid #dfeaf3;color:#385277;font-size:13px;line-height:1.7;margin:18px 0}.mini-footer{border-top:1px solid var(--line);padding:24px 16px 38px;text-align:center;color:#9098aa;font-size:12px}.blank-state{padding:32px 20px;border:1px dashed #cfd9ea;border-radius:24px;text-align:center;background:rgba(255,255,255,.72)}.blank-state h3{color:var(--navy);font-size:22px;margin:0 0 9px}.blank-state p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}
@media(min-width:680px){.part-grid{grid-template-columns:repeat(3,1fr)}.tool-grid{grid-template-columns:repeat(3,1fr)}.topic-grid{grid-template-columns:repeat(2,1fr)}.hero{padding-top:32px}.part-card{min-height:235px}}
@media(min-width:980px){.topic-grid{grid-template-columns:repeat(3,1fr)}}a:focus-visible,button:focus-visible{outline:3px solid rgba(22,89,245,.3);outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.part-card,.tool-card,.topic-card{transition:none}}