:root{--bg:#eef1f3;--paper:#fff;--ink:#28343d;--muted:#7a8790;--line:#dce2e6;--blue:#2d6f8f;--accent:#bf4d43;--radius:10px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.65 Arial,"Microsoft YaHei",sans-serif}.top{background:#2b3d47;color:#d9e2e6;padding:8px 5vw;display:flex;justify-content:space-between;font-size:12px}.top a{color:#fff}.top+header{background:#fff}header{height:68px;padding:0 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:34px;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;font-size:18px;white-space:nowrap}.brand b{background:var(--blue);color:#fff;padding:2px 5px;border-radius:4px;font-size:12px}nav{display:flex;gap:23px;margin-right:auto;color:#596873}nav a:hover{color:var(--accent)}.account{display:flex;gap:12px;align-items:center}.account button,.account a{background:transparent;border:0;color:var(--blue)}main{max-width:1220px;margin:auto}.welcome{padding:62px 5vw 70px;display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.eyebrow{margin:0;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.18em}.welcome h1{font-size:clamp(40px,5vw,66px);line-height:1.12;letter-spacing:-.05em;margin:15px 0}.welcome h1 em{font-style:normal;color:var(--blue)}.welcome p{color:var(--muted);font-size:16px;max-width:510px}.welcome img{width:100%;height:390px;object-fit:cover;border-radius:var(--radius)}.primary,.secondary{display:inline-block;padding:10px 17px;border-radius:6px;margin-top:22px;font-weight:700}.primary{background:var(--blue);color:#fff}.secondary{border:1px solid var(--blue);color:var(--blue);margin-left:8px}.layout{display:grid;grid-template-columns:1fr 320px;gap:24px;padding:0 5vw 70px}.feed,.side-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.section-title{padding:23px 24px 15px;display:flex;justify-content:space-between;align-items:end}.section-title h2,.explore h2,.guide h2{margin:3px 0 0;font-size:27px;letter-spacing:-.03em}.tabs{display:flex;gap:6px}.tabs button{border:0;background:#f0f3f5;color:#71808a;border-radius:20px;padding:6px 12px}.tabs button.active{background:var(--blue);color:#fff}.topic{display:grid;grid-template-columns:40px 1fr 38px;gap:15px;align-items:center;padding:16px 24px;border-top:1px solid var(--line)}.topic:hover{background:#f8fafb}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:bold;color:#fff}.a1{background:#9c5c59}.a2{background:#527f96}.a3{background:#7e8c50}.a4{background:#44586e}.a5{background:#af7a59}.a6{background:#6a7992}.a7{background:#7c5f8e}.a8{background:#4d8a82}.topic-title{font-weight:700;color:var(--ink)}.topic-title:hover{color:var(--blue)}.topic strong{color:#96a1a9;text-align:right}.meta{color:#9aa4ac;font-size:11px;display:flex;gap:13px}.meta span:first-child{color:var(--blue)}aside{display:flex;flex-direction:column;gap:18px}.side-card{padding:20px}.side-card h3{margin:0 0 10px;font-size:17px}.side-card p{color:var(--muted);font-size:13px}.side-card>a,.image-card>a{color:var(--blue);font-weight:700;font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips a{background:#edf2f4;padding:5px 9px;border-radius:5px;color:#5b707c;font-size:12px}.image-card{padding:0;overflow:hidden}.image-card img{height:145px}.image-card h3,.image-card p,.image-card>a{margin-left:20px;margin-right:20px}.image-card>a{display:block;margin-bottom:20px}.explore{padding:65px 5vw;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.explore-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px;border-top:1px solid var(--line)}.explore-grid a{padding:25px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.explore-grid a:hover{background:#f5f8f9}.explore-grid b,.explore-grid span{display:block}.explore-grid b{font-size:17px}.explore-grid span{color:var(--muted);font-size:12px;margin-top:5px}.guide{padding:75px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:80px}.guide-copy p{color:var(--muted);margin:0;max-width:550px}footer{max-width:1220px;margin:auto;padding:38px 5vw 50px;display:grid;grid-template-columns:1fr auto;gap:15px;color:#7c8991}footer .brand{color:var(--ink)}footer p{font-size:12px}footer div:nth-child(3){display:flex;gap:18px;font-size:12px}footer small{grid-column:1/-1;font-size:11px}@media(max-width:850px){nav{display:none}.welcome{grid-template-columns:1fr;gap:30px}.layout{grid-template-columns:1fr}.explore-grid{grid-template-columns:repeat(2,1fr)}.guide{grid-template-columns:1fr;gap:25px}}@media(max-width:560px){.top{font-size:10px}.welcome{padding:45px 20px}.layout,.explore,.guide{padding-left:20px;padding-right:20px}.welcome img{height:280px}.section-title{display:block}.tabs{margin-top:15px;flex-wrap:wrap}.topic{padding:14px 15px;gap:10px}.topic-title{font-size:13px}.meta{flex-wrap:wrap;gap:4px 9px}.explore-grid{grid-template-columns:1fr}.guide{padding-top:55px;padding-bottom:55px}footer{display:block;padding-left:20px;padding-right:20px}footer div:nth-child(3){margin-top:20px;flex-wrap:wrap}}