:root{--cream:#fbf7ef;--ink:#2a2a28;--muted:#6f6a60;--sky:#3f7ba3;--sky-dark:#2f5d7a;--sun:#e08a3c;--brown:#6b4f3a;--line:#e7dfd0;--card:#fff}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.7;background-color:var(--cream);background-image:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(63,123,163,.06) 0,rgba(63,123,163,.06) 32px)}a{color:var(--sky-dark);text-decoration:none}a:hover{color:var(--sun);text-decoration:underline}h1,h2,h3{line-height:1.2;color:var(--sky-dark);font-weight:700}h1{font-size:2.1rem;margin:0 0 .4rem}h2{font-size:1.4rem;margin:2rem 0 .6rem}h3{font-size:1.05rem;margin:0 0 .6rem}p{margin:0 0 1.1rem}.wrap{max-width:1060px;margin:0 auto;padding:0 20px}.skip{position:absolute;left:-999px;top:0}.skip:focus{left:0;padding:8px 14px;z-index:100}.site-header,.skip:focus{background:var(--sky-dark);color:#fff}.site-header{border-bottom:4px solid var(--sun)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px}.brand{color:#fff;display:flex;flex-direction:column;line-height:1.15}.brand,.brand:hover{text-decoration:none}.brand-mark{font-weight:800;letter-spacing:.26em;font-size:1.35rem}.brand-sub{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#b8d0e0}.site-nav{display:flex;gap:26px}.site-nav a{color:#d8e6f0;font-size:.95rem}.site-nav a:hover{color:#fff;text-decoration:none;border-bottom:2px solid var(--sun)}.hero{background:linear-gradient(180deg,#2f5d7a,#4a86ad);color:#fff;padding:58px 0 54px}.hero-kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;color:#ffd9b0;margin:0 0 12px}.hero-title{color:#fff;font-size:2.6rem;max-width:16em}.hero-sub{color:#ddebf4;max-width:46em;font-size:1.08rem;margin:14px 0 26px}.hero-cta{margin-top:6px}.btn{display:inline-block;padding:11px 22px;font-weight:600;border:1px solid transparent}.btn-primary{background:var(--sun);color:#fff}.btn-primary:hover{background:#c9732a;color:#fff;text-decoration:none}.section{padding:44px 0}.section-title{margin-top:0}.group-block{margin:0 0 32px}.group-block h3{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:var(--sun);margin:0 0 12px}.mini-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:10px;gap:10px}.guide-mini{background:var(--card);border:1px solid var(--line);border-bottom:3px solid var(--sky);padding:12px 14px;color:var(--ink);font-weight:600}.guide-mini:hover{text-decoration:none;border-bottom-color:var(--sun);color:var(--sky-dark)}.page-head{background:var(--card);border-bottom:1px solid var(--line);padding:30px 0}.breadcrumb{font-size:.84rem;margin-bottom:10px}.breadcrumb,.breadcrumb a{color:var(--muted)}.breadcrumb span{margin:0 5px}.page-head p{color:var(--muted);max-width:52em;margin:6px 0 0}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.badge{background:#eef4f8;color:var(--sky-dark);border:1px solid #cfe0ec;font-size:.78rem;padding:3px 10px;letter-spacing:.02em}.guide-index{background:var(--card);border:1px solid var(--line)}.index-row{display:grid;grid-template-columns:1fr 190px;grid-gap:12px;gap:12px;align-items:baseline;padding:13px 18px;color:var(--ink);border-bottom:1px solid var(--line)}.index-row:last-child{border-bottom:none}.index-row:hover{background:#fbfaf6;text-decoration:none}.index-name{font-weight:600;color:var(--sky-dark)}.index-meta{color:var(--muted);font-size:.84rem;text-align:right}.guide-zh{color:var(--sun);font-size:1.02rem}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:40px;gap:40px;padding-top:40px;padding-bottom:60px;align-items:start}.guide-section h2{padding-bottom:.3rem;border-bottom:2px solid var(--line)}.guide-section p{color:#31302d}.need-card{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--sun);padding:22px}.need-card h2{margin-top:0;font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;color:var(--brown)}.need-list{list-style:none;margin:0;padding:0}.need-list li{position:relative;padding:8px 0 8px 30px;border-bottom:1px dotted var(--line)}.need-list li:last-child{border-bottom:none}.need-list li:before{content:"";position:absolute;left:0;top:12px;width:14px;height:14px;border:2px solid var(--sky);background:#fff}.prose{background:var(--card);border:1px solid var(--line);padding:28px 32px;max-width:760px}.prose h2{font-size:1.2rem}.site-footer{background:#2a3b46;color:#c7d5de;margin-top:40px;border-top:4px solid var(--sun)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;grid-gap:30px;gap:30px;padding:40px 0 30px}.footer-brand{font-weight:800;letter-spacing:.26em;color:#fff}.footer-tag{color:#9fb3c0;font-size:.9rem;margin-top:8px}.footer-h{color:#fff;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin-bottom:7px}.site-footer a{color:#9fb3c0;font-size:.9rem}.site-footer a:hover{color:#fff}.footer-bottom{border-top:1px solid #3d505c;padding:16px 0;color:#8298a6;font-size:.82rem}@media (max-width:860px){.guide-layout,.index-row{grid-template-columns:1fr}.index-row{gap:2px}.index-meta{text-align:left}.footer-grid{grid-template-columns:1fr 1fr}h1{font-size:1.7rem}.hero-title{font-size:2rem}}