:root{--bg:#1b1612;--panel:#292019;--text:#fff3df;--muted:#c9b5a0;--accent:#edb65e;--line:#45352a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text);line-height:1.8}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.wrap{max-width:1200px;margin:auto;padding:0 24px}.header{position:sticky;top:0;z-index:10;background:var(--panel);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.head{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.logo{font-size:21px;font-weight:900;letter-spacing:.3px}.logo span{color:var(--accent)}nav{display:flex;flex-wrap:wrap;gap:20px;font-size:14px}nav a:hover,.link:hover{color:var(--accent)}.hero{padding:42px 0 30px}.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.hero-main{position:relative;border-radius:22px;overflow:hidden;min-height:440px;background:#14202c}.hero-main img{height:100%;position:absolute;inset:0}.hero-main:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.1))}.hero-content{position:relative;z-index:1;color:white;padding:65px 46px;max-width:560px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--accent)}h1{font-size:clamp(30px,4vw,48px);line-height:1.25;margin:18px 0}h2{font-size:26px;line-height:1.35;margin:0}h3{font-size:19px;margin:12px 0 6px}.muted{color:var(--muted)}.hero-content p{color:#e6e9ef}.btn{display:inline-block;background:var(--accent);color:#0c1721;padding:11px 24px;border-radius:99px;font-weight:800;margin-top:15px}.hero-side{display:grid;grid-template-rows:1fr 1fr;gap:20px}.side-card{position:relative;overflow:hidden;border-radius:20px;min-height:205px;background:#172638}.side-card img{height:100%;position:absolute;inset:0}.side-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent)}.side-card div{position:absolute;z-index:1;bottom:22px;left:25px;color:white}.side-card strong{font-size:20px}.section{padding:34px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}.section-head p{margin:6px 0 0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:transform .2s}.card:hover{transform:translateY(-3px)}.card img{aspect-ratio:16/10}.card-body{padding:18px}.card p{font-size:14px;color:var(--muted);margin:7px 0}.tag{color:var(--accent);font-size:12px;font-weight:700}.feature{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.feature img{border-radius:15px;aspect-ratio:16/10}.prose{max-width:850px;font-size:16px}.prose p{margin:16px 0}.prose h2{margin-top:36px}.faq{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:700}.footer{background:var(--panel);border-top:1px solid var(--line);margin-top:60px;padding:42px 0;color:var(--muted);font-size:14px}.footer a{margin-right:15px}.footer strong{color:var(--text)}.article-header{padding:55px 0 20px}.article-cover{border-radius:20px;max-height:430px}.notice{background:var(--panel);border-left:4px solid var(--accent);padding:15px 22px;border-radius:8px}.mini{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mini div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.mini strong{display:block;font-size:22px;color:var(--accent)}@media(max-width:900px){.hero-grid,.feature{grid-template-columns:1fr}.grid,.grid.three{grid-template-columns:repeat(2,1fr)}.hero-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.head{align-items:flex-start;flex-direction:column;padding:14px 0;gap:8px}.hero-main{min-height:350px}}@media(max-width:560px){.wrap{padding:0 16px}.hero{padding-top:20px}.hero-content{padding:42px 25px}.hero-side,.grid,.grid.three,.mini{grid-template-columns:1fr}.hero-side{display:grid}.side-card{min-height:185px}.section{padding:24px 0}.section-head{align-items:flex-start}.feature{padding:20px}nav{gap:12px;font-size:13px}.hero-main{min-height:370px}}