:root{--bg:#111314;--panel:#191c1e;--line:#303436;--text:#f1f0eb;--muted:#a0a6a5;--orange:#ffb078;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:var(--text);background:var(--bg);color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:5px}header{max-width:1440px;margin:auto;display:flex;align-items:center;padding:27px 48px;gap:38px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:700;white-space:nowrap}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:2px;margin-top:5px;font-weight:400}.logo{font-size:28px;background:var(--orange);color:#191611;border-radius:10px;padding:3px 9px;letter-spacing:-2px}.logo span{font-size:22px}nav{display:flex;gap:24px;margin-left:auto}nav a{font-size:13px;color:#bfc3c0}nav a:hover,.tabs a:hover{color:var(--orange)}.nav-search{font-size:13px;white-space:nowrap}main{max-width:1320px;padding:0 36px;margin:auto}.preview{font-size:11px;padding:11px 0;color:#a99e89;letter-spacing:1px}.hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;min-height:445px;gap:50px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--muted);display:block}.dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:8px}h1{font-size:50px;line-height:1.35;letter-spacing:-2px;margin:24px 0}h1 span{color:var(--orange)}.hero p{color:var(--muted);font-size:14px;line-height:2}.button{display:inline-flex;align-items:center;padding:13px 20px;background:var(--orange);color:#282019;border-radius:5px;font-size:13px;font-weight:600;margin-top:13px}.hero-art{height:340px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse,#343026 0%,transparent 67%)}.hero-art b{font-size:143px;letter-spacing:-12px;font-weight:600;z-index:1}.hero-art b span{color:var(--orange);font-size:100px}.orbit{position:absolute;border:1px solid #766044;border-radius:50%;width:360px;height:170px;transform:rotate(-32deg)}.orbit.two{transform:rotate(50deg);border-color:#484a40;width:300px;height:220px}.orb-label{position:absolute;top:15px;right:4px;font-size:9px;letter-spacing:3px;color:#9f998b}.hero-art small{position:absolute;bottom:12px;right:5px;letter-spacing:4px;font-size:10px;color:#a29d8e}.ad{background:#202423;border:1px solid #373e39;border-radius:8px;padding:25px;position:relative;overflow:hidden}.ad strong{display:block;font-size:18px;line-height:1.6;margin:14px 0 8px}.ad p{font-size:12px;color:var(--muted)}.ad a{color:var(--orange);font-size:12px}.ad img{width:100%;max-height:160px;object-fit:contain;margin-top:10px}.ad.top{margin:12px 0 36px;padding:22px 28px;background:linear-gradient(110deg,#242c29,#1e2421)}.ad.top strong{margin:9px 0 0;font-size:20px}.ad.top p{margin-bottom:0}.ad.top a{position:absolute;right:30px;top:53px}.search{display:flex;border:1px solid var(--line);border-radius:7px;background:#191c1d;padding:6px;max-width:100%;margin:24px 0 32px}.search input{background:none;border:0;color:var(--text);padding:11px 16px;flex:1;min-width:0;font-size:13px;outline:none}.search button{background:#303633;color:#ddd;border:0;border-radius:4px;padding:0 22px;cursor:pointer}.section-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0}.section-title h2{font-size:21px;white-space:nowrap}.section-title small{color:var(--muted);font-size:11px;font-weight:400;margin-left:13px}.tabs{display:flex;gap:18px;font-size:12px;color:#a9afab}.tabs .active{color:var(--orange)}.content-grid,.reading-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-content:start}.card{background:var(--panel);border:1px solid var(--line);border-radius:9px;overflow:hidden;transition:transform .2s}.card:hover{transform:translateY(-3px);border-color:#746149}.card-art{height:156px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:25px;background:#343f3b;color:#d0ddd3}.card-art:after{content:'';width:180px;height:180px;border:1px solid currentColor;border-radius:50%;position:absolute;right:-25px;top:5px;opacity:.18;box-shadow:0 0 0 24px #ffffff08,0 0 0 48px #ffffff05}.card-art span{font-size:10px;letter-spacing:2px;margin-bottom:13px}.card-art b{font-size:32px;letter-spacing:-1px;font-weight:500}.card-art i{position:absolute;right:22px;bottom:20px;font-size:23px;font-style:normal}.card:nth-child(2n) .card-art{background:#39352e;color:#e4ceab}.art-news{background:#2c3844}.card-copy{padding:22px}.card h3{font-size:19px;line-height:1.6;margin:14px 0 10px}.card p{font-size:12px;line-height:1.9;color:var(--muted);min-height:46px}.card-foot{border-top:1px solid var(--line);padding-top:17px;margin-top:20px;font-size:10px;color:#89938f;display:flex;gap:12px;justify-content:space-between}.card-foot span{color:#d6b997;white-space:nowrap}.sidebar{display:flex;flex-direction:column;gap:22px}.note{border:1px solid var(--line);border-radius:8px;padding:26px;background:#1a1e1d}.note h3{font-size:23px;font-weight:500;line-height:1.6;margin:20px 0 14px}.note p{color:var(--muted);font-size:12px;line-height:1.9}.note a{display:inline-block;margin-top:12px;font-size:12px;color:var(--orange)}.quiet{background:transparent}.quiet h3{font-size:17px;margin-top:0}footer{max-width:1248px;margin:80px auto 0;border-top:1px solid var(--line);padding:35px 0 45px;display:flex;justify-content:space-between;color:#8a938e;font-size:11px;line-height:2}footer .brand{display:block;color:#d5dad5}footer a{margin-right:20px}.page-heading{padding:45px 0 10px}.page-heading h1{font-size:40px;margin:14px 0}.page-heading p{color:var(--muted);font-size:14px}.empty{grid-column:1/-1;border:1px dashed var(--line);padding:40px;border-radius:8px;min-height:270px}.empty p{font-size:13px;color:var(--muted)}.empty a{color:var(--orange);font-size:13px}.breadcrumbs{margin:35px 0;color:var(--muted);font-size:12px}.reading{max-width:820px}.reading h1{font-size:37px;letter-spacing:-1px;line-height:1.5;margin-top:18px}.lead{font-size:17px;color:#aeb7b1;line-height:1.8}.meta{font-size:11px;color:#849189;padding:20px 0;border-bottom:1px solid var(--line)}.prose{font-size:15px;line-height:2;color:#c8d0ca}.prose h2{font-size:22px;color:#edece4;margin:36px 0 15px}.prose p{margin:14px 0}.prose .listline{margin:5px 0}.prose pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:25px;border:1px solid #363f37;background:#1b211d;border-radius:8px;font-size:13px;line-height:1.9}.source,.resource{margin:35px 0;padding:24px;background:#1b211e;border-radius:8px;border:1px solid var(--line);font-size:13px;line-height:1.9;overflow-wrap:anywhere}.source a{color:var(--orange)}.resource small{color:var(--muted)}.resource .button{margin:0}::selection{background:#694f32;color:white}@media(min-width:1400px){.hero{min-height:470px}}@media(max-width:1100px){header{padding:22px;gap:20px}nav{gap:14px}.nav-search{display:none}.content-grid,.reading-grid{grid-template-columns:1fr 230px}.tabs{gap:12px}footer{margin-left:36px;margin-right:36px}h1{font-size:42px}}@media(max-width:800px){header{flex-wrap:wrap}nav{width:100%;overflow:auto;margin:0;padding-top:5px;padding-bottom:4px;white-space:nowrap;gap:23px}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:0;min-height:0;padding:30px 0}.hero-art{display:none}.hero h1{font-size:38px}.content-grid,.reading-grid{grid-template-columns:1fr}.sidebar{display:none}.section-title{display:block}.tabs{overflow:auto;white-space:nowrap;padding:12px 0}.ad.top a{position:static;display:block;margin-top:16px}.ad.top strong{font-size:17px}.cards{gap:14px}.card h3{font-size:16px}.card-copy{padding:16px}.card-art{height:130px;padding:18px}.card-art b{font-size:27px}.card-foot{display:none}footer{margin:50px 20px 0;display:block}.reading h1{font-size:29px}.page-heading h1{font-size:32px}}@media(max-width:470px){.cards{grid-template-columns:1fr}.card-art{height:150px}.card h3{font-size:19px}.hero h1{font-size:35px}.eyebrow{letter-spacing:1px}}

/* ---- 配图 ---- */
figure.article-img{margin:1.2rem 0;}
figure.article-img img{width:100%;border-radius:14px;display:block;box-shadow:0 4px 18px rgba(0,0,0,.08);}
/* ---- 步骤式教程 ---- */
.step{display:flex;gap:.9rem;margin:1.1rem 0;padding:1rem 1.1rem;background:rgba(99,102,241,.05);border-radius:14px;}
.step-no{flex:none;width:2.1rem;height:2.1rem;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:1rem;}
.step-body h2{margin-top:0;font-size:1.15rem;}