/* Four reference-led layouts. All content and media come from the site's existing data. */
*,:before,:after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px;text-size-adjust:100%}
body{margin:0;font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--background);color:var(--ink);-webkit-font-smoothing:antialiased}
body.theme-gilded{--background:#f5f3ef;--ink:#1e1e1e;--muted:#66645e;--accent:#b08a20;--button:#957315;--surface:#fff;--line:#e8e4dc;--radius:20px;--shadow:0 8px 32px #28211608;--tint:#f0eee8}
body.theme-starfall{--background:#f4ecff;--ink:#24243e;--muted:#65637c;--accent:#a444b4;--button:#af369a;--surface:#ffffff9c;--line:#ffffffa6;--radius:20px;--shadow:0 7px 24px #8268a10b;--tint:#ffffff52;background:radial-gradient(ellipse at 4% 2%,#fce4ee,transparent 45%),radial-gradient(ellipse at 100% 12%,#dff5ff,transparent 60%),linear-gradient(125deg,#f5e6ff,#e9f0ff 65%,#fce5f0);background-attachment:fixed}
body.theme-ember{--background:#050507;--ink:#f2f2f5;--muted:#a4a4af;--accent:#ff4949;--button:#ff2037;--surface:#130c0f;--line:#ff2d2d29;--radius:16px;--shadow:0 10px 35px #0004;--tint:#130809;background-image:radial-gradient(ellipse at 50% 0,#400a1233,transparent 60%)}
body.theme-violet{--background:#f8f9fb;--ink:#0f172a;--muted:#647084;--accent:#7c3aed;--button:#7c3aed;--surface:#fff;--line:#e8eaf0;--radius:8px;--shadow:0 5px 20px #0f172a04;--tint:#fff;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{font:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}ul,ol{margin:0;padding:0}em{font-style:normal}a,summary,button{touch-action:manipulation}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.container{width:min(1180px,calc(100% - 64px));margin-inline:auto;min-width:0}.skip-link{position:fixed;left:16px;top:-100px;z-index:2000;background:var(--surface);padding:12px 20px}.skip-link:focus{top:8px}.muted{color:var(--muted)}
.preview-notice{text-align:center;padding:8px 16px;background:var(--surface);color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}
.showcase-header{position:sticky;top:0;z-index:100;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{min-height:72px;display:flex;align-items:center;gap:24px}.showcase-brand{display:flex;gap:12px;align-items:center;min-width:0;max-width:290px;font-size:14px;font-weight:750;line-height:1.45}.showcase-brand>span:last-child{overflow-wrap:anywhere}.showcase-brand small{display:block;font:9px/1.8 system-ui,sans-serif;letter-spacing:1.2px;color:var(--muted)}.brand-mark{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:12px;background:var(--button);color:#fff;font-weight:900;font-size:14px}.desktop-nav{display:flex;justify-content:center;gap:24px;margin-left:auto;font-size:13px;color:var(--muted);white-space:nowrap}.desktop-nav a:hover{color:var(--accent)}
.download-button,.outline-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:14px 28px;min-height:50px;border:1px solid transparent;border-radius:10px;font-size:15px;line-height:1.5;font-weight:750;transition:transform .2s,box-shadow .2s;background:var(--button);color:#fff;text-align:center;cursor:pointer}.download-button.compact{min-height:40px;padding:10px 20px;font-size:13px;white-space:nowrap;margin-left:auto}.download-button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--button) 24%,transparent)}.download-button:disabled{cursor:default;opacity:.55}.outline-button{background:transparent;border-color:var(--line);color:var(--ink)}.outline-button:hover{border-color:var(--accent)}
.mobile-menu{display:none}.showcase-hero{position:relative;padding:76px 0 56px;overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:90px;align-items:center;min-height:420px}.hero-copy{min-width:0}.hero-label{display:inline-flex;color:var(--accent);font-size:11px;font-weight:750;letter-spacing:2px;margin-bottom:20px}.hero-label:before{content:"";width:30px;height:2px;background:currentColor;align-self:center;margin-right:12px}.hero-copy h1{font-size:clamp(38px,4.5vw,58px);line-height:1.17;font-weight:900;letter-spacing:-1.5px;overflow-wrap:anywhere;text-wrap:balance}.hero-copy h1 em{color:var(--accent)}.hero-description{font-size:16px;line-height:1.9;color:var(--muted);margin-top:24px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-notes{list-style:none;display:flex;flex-wrap:wrap;gap:12px 24px;color:var(--muted);font-size:12px;margin-top:24px}.hero-notes li:before{content:"✓";color:var(--accent);margin-right:8px}.hero-scroll{display:flex;width:max-content;align-items:center;flex-direction:column;gap:2px;margin:30px auto 0;font:9px/1.5 monospace;letter-spacing:3px;color:#999}.hero-scroll span{font-size:34px;line-height:1}
.radar-panel{background:#fff;border:1px solid #fff;border-radius:32px;box-shadow:0 12px 48px #2925170a;padding:26px;position:relative;width:min(100%,390px);justify-self:center}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:14px;font:10px/1.5 system-ui,sans-serif;letter-spacing:1.5px;color:var(--muted)}.panel-status{color:#44836d;font-size:10px;letter-spacing:.5px}.panel-status:before{content:"";display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:6px;box-shadow:0 0 8px currentColor}.radar-orbit{width:185px;height:185px;position:relative;border-radius:50%;margin:30px auto;background:conic-gradient(from 0deg,#eeece5,#e7e2d4);border:1px solid #e1ddd2;display:grid;place-items:center}.radar-orbit>div{text-align:center}.radar-orbit strong{display:block;color:var(--accent);font-size:26px;line-height:1.2}.radar-orbit small{font-size:11px;color:#888}.radar-orbit>i{position:absolute;width:10px;height:10px;background:#c89d2e;border-radius:50%;left:25%;top:22%;opacity:.25}.radar-orbit>i:nth-child(2){top:70%;left:75%;opacity:.8}.radar-orbit>i:nth-child(3){left:84%;top:53%;opacity:.55}.panel-links{border-top:1px solid var(--line);display:flex;justify-content:space-around;padding-top:18px;text-align:center;font-size:12px;font-weight:700}.panel-links small{display:block;font:8px/1.8 monospace;letter-spacing:1px;color:var(--muted)}.orbit-label{position:absolute;white-space:nowrap;padding:7px 16px;background:white;border-radius:30px;font-size:11px;font-weight:750;box-shadow:0 10px 30px #2522170c}.orbit-label-one{left:-100px;top:16px}.orbit-label-two{right:-85px;bottom:28px}
.topic-strip{border-block:1px solid var(--line);color:var(--muted);background:var(--tint);font-size:12px}.topic-strip>.container{display:flex;align-items:center;justify-content:center;gap:36px;padding-block:17px}.topic-strip span{color:var(--accent);font-weight:750}.section-block{padding-block:62px}.section-heading{margin-bottom:30px}.eyebrow{display:block;color:var(--accent);font:650 10px/1.6 system-ui,sans-serif;letter-spacing:2px;margin-bottom:10px}.section-heading h2{font-size:32px;line-height:1.4;letter-spacing:-.6px;text-wrap:balance;overflow-wrap:anywhere}.section-heading p{color:var(--muted);font-size:14px;margin-top:10px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;scroll-margin-top:100px}.feature-copy{padding:28px}.card-index{display:block;color:var(--accent);font:750 14px/1.5 monospace;letter-spacing:1px;margin-bottom:15px}.feature-card h3{font-size:18px;line-height:1.5;margin-bottom:10px}.feature-card p{font-size:14px;color:var(--muted);line-height:1.9}.feature-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gallery-grid figure{min-width:0;background:var(--surface);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.gallery-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .35s}.gallery-grid figure:hover img{transform:scale(1.025)}.gallery-grid figcaption{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.gallery-grid figcaption b{color:var(--accent);font:12px/1.7 monospace}.gallery-grid figcaption span{min-width:0}
.guide-list{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.guide-list li{background:var(--surface);border:1px solid var(--line);padding:25px 22px;border-radius:var(--radius);box-shadow:var(--shadow)}.guide-number{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--button);color:#fff;font:750 15px/1.5 monospace;margin-bottom:18px}.guide-list h3{font-size:16px;line-height:1.6;margin-bottom:8px}.guide-list p{font-size:13px;color:var(--muted);line-height:1.85}
.article-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.article-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);min-width:0}.part-number{color:var(--accent);font:10px/1.5 monospace;letter-spacing:1px}.article-card h3{font-size:20px;margin-top:14px;line-height:1.55;overflow-wrap:anywhere}.article-excerpt,.article-text{color:var(--muted);font-size:14px;line-height:1.95;overflow-wrap:anywhere}.article-excerpt{margin-top:14px}.article-text p{margin-top:16px}.article-text p:first-child{margin-top:14px}.article-expand summary{display:flex;justify-content:space-between;align-items:center;list-style:none;color:var(--accent);font-size:12px;cursor:pointer;padding-top:18px}.article-expand summary::-webkit-details-marker{display:none}.article-expand summary b{font-size:18px}.when-open,.article-expand[open] .when-closed{display:none}.article-expand[open] .when-open{display:inline}.article-expand[open] summary b{transform:rotate(45deg)}.pending-panel{border:1px solid var(--line);background:var(--surface);padding:28px;border-radius:var(--radius)}.pending-panel p{color:var(--muted);margin-top:10px}
.faq-list{max-width:900px;margin-inline:auto;display:grid;gap:14px}.faq-list details{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 25px;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary h3{font-size:15px;line-height:1.6;font-weight:650}.faq-list summary>span{color:var(--accent);font-size:22px}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>div{padding:0 25px 22px;color:var(--muted);font-size:14px;line-height:1.85}.faq-list details p+p{margin-top:12px}
.download-panel{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-block:35px}.download-panel h2{font-size:28px;line-height:1.5}.download-panel p{font-size:14px;color:var(--muted);margin-top:12px}.download-panel>.download-button{flex-shrink:0}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.related-grid>a{display:block;position:relative;padding:20px 45px 20px 22px;background:var(--surface);border:1px solid var(--line);border-radius:12px;transition:border-color .2s;min-width:0}.related-grid>a:hover{border-color:var(--accent)}.related-grid span{font-size:10px;letter-spacing:.5px;color:var(--accent)}.related-grid h3{font-size:14px;line-height:1.8;margin-top:5px;overflow-wrap:anywhere}.related-grid b{position:absolute;right:20px;top:25px;font-size:16px;color:var(--accent)}.showcase-footer{border-top:1px solid var(--line);padding-block:35px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px}.showcase-footer strong{font-size:15px}.showcase-footer p{color:var(--muted);font-size:11px;margin-top:6px}.showcase-footer>a{white-space:nowrap}
.friend-links{border-top:1px solid var(--line);padding-block:30px}.friend-links h2{font-size:18px;margin-bottom:18px}.friend-links ul{list-style:none;display:flex;flex-wrap:wrap;gap:12px 24px}.friend-links a{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.friend-links a:hover{color:var(--accent)}
/* Cream and gold: roomy split hero, radar, asymmetric headings, quiet white cards. */
.theme-gilded .download-button{border-radius:40px;background:linear-gradient(115deg,#cda929,#b0871c)}.theme-gilded .outline-button{border-radius:40px;background:#eeece6;border-color:#e2dfd6}.theme-gilded .showcase-header{width:min(1200px,100%);margin:auto}.theme-gilded .showcase-brand>span:last-child{font-size:11px}.theme-gilded .brand-mark{border-radius:50%;background:linear-gradient(120deg,#e4c34c,#bd9829)}.theme-gilded .hero-description{border-left:3px solid #c8a33c;padding-left:20px}.theme-gilded .topic-strip{display:none}.theme-gilded .section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;align-items:end}.theme-gilded .section-heading .eyebrow{grid-column:1/-1}.theme-gilded .section-heading p{margin:0;justify-self:end;max-width:370px}.theme-gilded .feature-card:nth-child(even){background:#faf9f6}.theme-gilded .faq-section{background:#f0eee8;padding:40px;border-radius:24px;margin-block:30px}.theme-gilded .guide-number{box-shadow:0 5px 15px #b08a2020}.theme-gilded .guide-list li:nth-child(even) .guide-number{background:#4a7cf7}
/* Pastel starfall: centered image-led hero and translucent panels. */
.theme-starfall .showcase-header{background:#ffffffb8}.theme-starfall .brand-mark{background:linear-gradient(135deg,#ee72ba,#a58af0)}.theme-starfall .hero-layout{display:block;text-align:center;min-height:0}.theme-starfall .hero-copy{max-width:900px;margin:auto}.theme-starfall .hero-label{letter-spacing:2px;border:1px solid #df83c94a;border-radius:50px;background:#edacda29;padding:8px 24px;color:#b53d8d;font-size:12px}.theme-starfall .hero-label:before{display:none}.theme-starfall .hero-copy h1{font-size:42px;line-height:1.35;letter-spacing:0;background:linear-gradient(100deg,#b666d7,#697eda,#4ca2d6);color:transparent;background-clip:text}.theme-starfall .hero-copy h1 em{color:inherit}.theme-starfall .hero-description{max-width:700px;margin:22px auto 0;font-size:16px}.theme-starfall .hero-image{max-width:780px;margin:28px auto;border-radius:22px;overflow:hidden;box-shadow:0 15px 35px #7e69a418}.hero-image img{width:100%;aspect-ratio:16/7;object-fit:cover}.theme-starfall .hero-actions,.theme-starfall .hero-notes{justify-content:center}.theme-starfall .download-button{border-radius:30px;background:linear-gradient(110deg,#bd4caa,#8c63d1);box-shadow:0 5px 18px #c06fbe27}.theme-starfall .outline-button{border-radius:30px;background:#ffffff7a;border-color:#fff}.theme-starfall .topic-strip{margin-inline:auto;width:min(900px,calc(100% - 64px));border-radius:40px}.theme-starfall .topic-strip>.container{width:auto;padding:14px 24px;gap:26px;flex-wrap:wrap}.theme-starfall .section-heading{text-align:center}.theme-starfall .section-heading h2{color:#a150b4;font-size:27px}.theme-starfall .section-block{max-width:1050px;padding-block:45px}.theme-starfall .feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.theme-starfall .feature-copy{padding:25px 20px}.theme-starfall .feature-card h3{font-size:16px}.theme-starfall .card-index{font-size:22px;color:#ba6ab5}.theme-starfall .article-cards{grid-template-columns:1fr}.theme-starfall .article-card{padding:26px 30px}.theme-starfall .article-card h3{font-size:18px}.theme-starfall .article-excerpt{line-height:1.9}.theme-starfall .article-expand summary{padding-top:12px}.theme-starfall .download-panel{max-width:1050px}.theme-starfall .guide-list li{background:#ffffff69}.theme-starfall .guide-number{color:var(--accent);background:transparent;font-size:26px;margin-inline:auto}.theme-starfall .guide-list{text-align:center}
/* Ember: black/red surfaces, lit console, image cards and timeline reading. */
.theme-ember .showcase-header{background:#080608f2}.theme-ember .brand-mark{background:#ff2d2d15;color:#ff4949;border:1px solid #ff2d2d4a}.theme-ember .showcase-brand small{color:#8a747c}.theme-ember .showcase-hero{background:radial-gradient(ellipse at 30% 0,#4c080e66,transparent 60%),repeating-linear-gradient(0deg,transparent,transparent 3px,#ff252502 4px);padding-block:85px 75px}.theme-ember .hero-layout{gap:55px;min-height:380px}.theme-ember .hero-label{border:1px solid var(--line);border-radius:30px;padding:7px 15px;letter-spacing:.6px;background:#ff222206}.theme-ember .hero-label:before{width:6px;height:6px;border-radius:50%;margin-right:8px;box-shadow:0 0 12px currentColor}.theme-ember .hero-copy h1,.theme-ember .hero-copy h1 em{color:#ff493a}.theme-ember .hero-copy h1{background:linear-gradient(120deg,#ff2937,#ff6b1a);background-clip:text;color:transparent}.theme-ember .hero-copy h1 em{color:inherit}.theme-ember .download-button{background:linear-gradient(120deg,#ff3438,#e6002f);box-shadow:0 5px 24px #ed0b302a}.theme-ember .outline-button{border-color:#ff33333d;background:#ffffff03}.theme-ember .hero-notes{font-size:11px;gap:20px}.command-panel{background:linear-gradient(135deg,#21101588,#0c0b0ed9);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 18px 50px #0008}.command-panel .panel-top{border-bottom:1px solid var(--line);padding-bottom:17px;font-size:11px;letter-spacing:0}.command-panel .panel-status{color:#ff4b4b}.panel-lights{display:inline-block;width:7px;height:7px;background:#f34b43;border-radius:50%;box-shadow:12px 0 #dd952b,24px 0 #f16c22;margin-right:28px}.command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.command-grid a{border:1px solid var(--line);padding:14px;border-radius:12px;background:linear-gradient(135deg,#ff302d0b,#ffffff02);min-width:0}.command-grid span{display:block;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-grid strong{display:block;font-size:18px;margin-block:5px}.command-grid a>i{display:block;height:4px;background:linear-gradient(90deg,#ff2536,#ff6c1b);border-radius:5px;width:90%}.command-grid a:nth-child(2)>i{width:75%}.command-grid a:nth-child(3)>i{width:95%}.command-grid a:nth-child(4)>i{width:82%}.panel-bottom{display:flex;justify-content:space-between;font:10px/1.8 monospace;margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.panel-bottom span{color:var(--accent)}.theme-ember .section-heading{text-align:center;max-width:760px;margin:0 auto 32px}.theme-ember .section-heading .eyebrow{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:4px 12px;font-size:9px;letter-spacing:1px}.theme-ember .section-block{padding-block:65px}.theme-ember .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-ember .feature-copy{padding:24px}.theme-ember .feature-card h3{font-size:18px}.theme-ember .feature-card img{aspect-ratio:16/8}.theme-ember .article-cards{grid-template-columns:1fr;max-width:900px;margin:auto;padding-left:20px;border-left:1px solid #ff2d2d50}.theme-ember .article-card{position:relative}.theme-ember .article-card:before{content:"";position:absolute;width:9px;height:9px;border:2px solid var(--accent);border-radius:50%;background:var(--background);left:-26px;top:35px;box-shadow:0 0 12px #ff2d2d50}.theme-ember .guide-list li{background:transparent;border:0;box-shadow:none;text-align:center}.theme-ember .guide-number{margin-inline:auto;background:#ff2d2d12;color:var(--accent);border:1px solid var(--line);border-radius:12px}.theme-ember .download-panel{background:linear-gradient(110deg,#2b0b11,#100b10);border-color:#ff2d2d4d}.theme-ember .gallery-grid figcaption{border-top:1px solid var(--line)}
/* Violet: oversized editorial hero over a clean light content area. */
.theme-violet .showcase-header{background:#0c0f2ef7;color:#fff;border-color:#ffffff14}.theme-violet .showcase-header .desktop-nav{color:#b9b6cf}.theme-violet .showcase-header .showcase-brand small{color:#adaac1}.theme-violet .brand-mark{border-radius:8px}.theme-violet .showcase-hero{background:linear-gradient(160deg,#0c0f2e,#1a1040 50%,#0c0f2e);color:#fff;padding:88px 0 82px;min-height:600px;display:flex;align-items:center}.theme-violet .hero-layout{display:block;min-height:0;width:min(1180px,calc(100% - 64px))}.theme-violet .hero-copy{max-width:760px}.theme-violet .hero-label{border:1px solid #ffffff18;background:#ffffff08;color:#e9c761;border-radius:40px;padding:7px 24px;font:11px/1.8 monospace;letter-spacing:3px;margin-bottom:45px}.theme-violet .hero-label:before{display:none}.theme-violet .hero-copy h1{font-size:clamp(48px,6vw,82px);line-height:1.13;letter-spacing:-2px;max-width:760px}.theme-violet .hero-copy h1 em{color:#fff}.theme-violet .hero-description{color:#b2adc8;max-width:650px;font-size:16px;margin-top:34px}.theme-violet .hero-actions{margin-top:34px}.theme-violet .outline-button{border-color:#ffffff30;color:#fff}.theme-violet .hero-notes{display:none}.theme-violet .topic-strip{background:#fff;border-color:#eee;color:#697086}.theme-violet .section-heading h2{font-size:38px;letter-spacing:-1px}.theme-violet .section-heading .eyebrow{font:10px/1.8 monospace;letter-spacing:3px}.theme-violet .section-block{padding-block:70px}.theme-violet .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-violet .card-index{display:grid;place-items:center;border-radius:7px;width:34px;height:34px;background:#7c3aed0c;color:#7c3aed}.theme-violet .feature-card:nth-child(3n+2) .card-index{background:#f43f5e0c;color:#e04b6a}.theme-violet .feature-card:nth-child(3n+3) .card-index{background:#e8b12014;color:#a48020}.theme-violet .guide-list{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-violet .guide-list li{text-align:center;padding:32px}.theme-violet .guide-number{margin-inline:auto;background:#7c3aed0e;color:#7c3aed;border-radius:8px}.theme-violet .faq-list{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.theme-violet .faq-list details{border-radius:8px}.theme-violet .download-panel{background:#0f172a;color:#fff;border-radius:0;border:0;padding:44px;margin-block:30px}.theme-violet .download-panel p{color:#b7becd}.theme-violet .download-panel .eyebrow{color:#dfbb5d}.theme-violet .article-card{border-radius:8px}
/* Existing floating download, including the three-second diagonal shine. */
.has-floating-download .showcase-footer{padding-bottom:180px}.floating-download{position:fixed;z-index:1000;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:calc(100% - 32px);max-width:386px}.floating-download-link{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:50px;padding:12px 20px;border:0;border-radius:14px;background:linear-gradient(105deg,#ff2b2f,#ee002e);color:#fff;box-shadow:0 8px 28px #ef002e30;font:700 16px/1.5 system-ui,-apple-system,"Microsoft YaHei",sans-serif;text-align:center;overflow-wrap:anywhere}.floating-download-link:before{content:"";position:absolute;z-index:0;pointer-events:none;top:-40%;left:-32%;width:24%;height:180%;opacity:0;background:linear-gradient(90deg,transparent,#ffffff18 20%,#ffffff80 50%,#ffffff18 80%,transparent);transform:translateX(0) skewX(-24deg);animation:showcase-shine 3s ease-in-out infinite}.floating-download-link>svg,.floating-download-link>span{position:relative;z-index:1}.floating-download-link svg{flex:0 0 20px}.floating-download-link:hover{color:#fff;filter:brightness(1.06)}@keyframes showcase-shine{0%,10%{opacity:0;transform:translateX(0) skewX(-24deg)}18%{opacity:1}65%{opacity:1}78%,100%{opacity:0;transform:translateX(650%) skewX(-24deg)}}
.theme-gilded .download-button,.theme-gilded .download-button:hover{color:#261f0e}.article-card:has(.article-expand[open]) .article-excerpt{display:none}
@media(min-width:1440px){.container{width:min(1240px,calc(100% - 80px))}.theme-violet .hero-layout{width:min(1240px,calc(100% - 80px))}}
@media(max-width:1100px){.desktop-nav{gap:14px;font-size:12px}.showcase-brand{max-width:225px;font-size:12px}.hero-layout{gap:40px}.radar-panel{width:min(100%,330px);padding:22px}.orbit-label-one{left:-30px;top:-20px}.orbit-label-two{right:-15px;bottom:25px}.theme-ember .hero-layout{gap:35px}.theme-starfall .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy h1{font-size:46px}.header-inner{gap:16px}.guide-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.header-inner{min-height:70px;gap:12px}.showcase-brand{font-size:12px;max-width:230px}.showcase-brand small{font-size:8px;letter-spacing:.5px}.brand-mark{flex-basis:30px;height:30px;border-radius:9px;font-size:12px}.desktop-nav{display:none}.download-button.compact{padding:10px 13px;font-size:12px;min-height:38px}.mobile-menu{display:block;position:relative;font-size:12px;flex-shrink:0}.mobile-menu>summary{list-style:none;cursor:pointer;padding:9px 4px}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu>summary:after{content:"⌄";margin-left:4px}.mobile-menu nav{position:absolute;right:0;top:45px;width:180px;background:var(--surface);border:1px solid var(--line);padding:10px;border-radius:12px;box-shadow:0 15px 50px #0002;color:var(--ink)}.mobile-menu nav a{display:block;padding:10px 12px}.theme-starfall .mobile-menu nav{background:#faf4ff}.theme-violet .mobile-menu nav{background:#fff;color:#0f172a}.showcase-hero{padding:52px 0 40px}.hero-layout,.theme-ember .hero-layout{grid-template-columns:1fr;gap:45px;min-height:0}.hero-copy h1{font-size:40px;line-height:1.25;letter-spacing:-1px}.hero-description{font-size:15px;margin-top:20px}.radar-panel{width:min(88%,390px);margin:0 auto}.orbit-label-one{left:-20px}.orbit-label-two{right:-22px}.hero-notes{font-size:11px;margin-top:20px;gap:12px 20px}.hero-actions{margin-top:24px;gap:10px}.download-button,.outline-button{min-height:47px;font-size:14px;padding:12px 22px}.topic-strip>.container{gap:20px;flex-wrap:wrap;justify-content:flex-start;font-size:11px}.topic-strip span{display:none}.section-block,.theme-ember .section-block,.theme-violet .section-block{padding-block:42px}.section-heading h2,.theme-violet .section-heading h2{font-size:28px}.section-heading p{font-size:13px}.section-heading{margin-bottom:24px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.theme-ember .feature-grid,.theme-violet .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-copy{padding:24px}.article-cards{gap:16px}.article-card{padding:25px}.guide-list{gap:15px}.theme-violet .guide-list{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-gilded .section-heading{display:block}.theme-gilded .section-heading p{margin-top:10px;max-width:none}.theme-gilded .faq-section{padding:30px 24px}.theme-starfall .hero-copy h1{font-size:34px}.theme-starfall .hero-description{font-size:14px;line-height:1.85}.theme-starfall .hero-image{margin-block:24px}.theme-starfall .topic-strip{width:calc(100% - 40px);border-radius:20px}.theme-starfall .topic-strip>.container{justify-content:center;gap:20px;padding:13px 18px}.theme-starfall .section-heading h2{font-size:26px}.theme-starfall .hero-label{font-size:10px;padding:7px 16px}.theme-ember .showcase-hero{padding-block:55px 40px}.command-panel{padding:22px}.theme-violet .showcase-hero{padding:60px 0;min-height:500px}.theme-violet .hero-layout{width:calc(100% - 40px)}.theme-violet .hero-copy h1{font-size:52px;line-height:1.18;letter-spacing:-1.5px}.theme-violet .hero-label{margin-bottom:30px}.download-panel,.theme-violet .download-panel{padding:30px;flex-direction:column;align-items:flex-start;gap:24px}.download-panel h2{font-size:25px}.related-grid{gap:12px}.showcase-footer{padding-top:28px}.theme-violet .faq-list{grid-template-columns:1fr}}
@media(max-width:520px){.header-inner{gap:9px}.showcase-brand{gap:8px;max-width:calc(100% - 178px);font-size:11px}.showcase-brand small{font-size:7px}.brand-mark{display:none}.download-button.compact{font-size:11px;padding:9px 11px}.mobile-menu{font-size:11px}.hero-copy h1{font-size:36px}.hero-label{font-size:10px;letter-spacing:1px}.hero-description{font-size:14px}.hero-notes{gap:9px 16px}.feature-grid,.theme-starfall .feature-grid,.theme-ember .feature-grid,.theme-violet .feature-grid{grid-template-columns:1fr;gap:15px}.gallery-grid{grid-template-columns:1fr;gap:18px}.gallery-grid img{aspect-ratio:16/9}.gallery-grid figcaption{padding:16px}.guide-list,.theme-violet .guide-list{grid-template-columns:1fr}.guide-list li,.theme-violet .guide-list li{display:flex;text-align:left;gap:18px;align-items:flex-start;padding:22px}.guide-number,.theme-starfall .guide-number,.theme-ember .guide-number,.theme-violet .guide-number{flex:0 0 38px;margin:0}.article-cards{grid-template-columns:1fr}.article-card,.theme-starfall .article-card{padding:24px}.article-card h3{font-size:18px}.section-heading h2,.theme-violet .section-heading h2{font-size:26px}.section-block,.theme-starfall .section-block{padding-block:35px}.theme-gilded .faq-section{padding:26px 16px}.faq-list summary{padding:19px 18px;gap:15px}.faq-list details>div{padding:0 18px 20px;font-size:13px}.faq-list summary h3{font-size:14px}.related-grid{grid-template-columns:1fr}.download-panel,.theme-violet .download-panel{padding:26px}.download-panel h2{font-size:23px}.download-panel .download-button{width:100%}.theme-violet .hero-copy h1{font-size:46px;line-height:1.2;letter-spacing:-1px}.theme-violet .showcase-hero{min-height:520px}.theme-violet .hero-description{font-size:14px}.theme-starfall .hero-copy h1{font-size:30px}.theme-starfall .hero-image img{aspect-ratio:16/10}.theme-starfall .hero-actions{gap:10px}.theme-starfall .hero-actions .download-button,.theme-starfall .outline-button{font-size:13px;padding:12px 18px}.theme-ember .hero-copy h1{font-size:37px}.theme-ember .article-cards{padding-left:16px}.theme-ember .article-card:before{left:-22px}.panel-top{letter-spacing:.5px}.panel-bottom{font-size:9px}.command-panel{padding:18px}.command-grid a{padding:12px}.command-grid strong{font-size:16px}.theme-gilded .showcase-brand>span:last-child{font-size:11px}}
@media(max-width:520px){.theme-gilded .hero-actions,.theme-ember .hero-actions{flex-direction:column}.theme-gilded .hero-actions>a,.theme-gilded .hero-actions>button,.theme-ember .hero-actions>a,.theme-ember .hero-actions>button{width:100%}.theme-gilded .hero-notes{display:grid;gap:12px}.theme-ember .hero-copy{text-align:center}.theme-ember .hero-notes{justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-height:500px){.floating-download{bottom:calc(20px + env(safe-area-inset-bottom,0px))}}
@media print{.showcase-header,.floating-download,.hero-actions,.mobile-menu,.topic-strip,.preview-notice{display:none}body{background:#fff!important;color:#000!important}.showcase-hero{background:#fff!important;color:#000!important}.hero-copy h1,.hero-copy h1 em{color:#000!important}.has-floating-download .showcase-footer{padding-bottom:24px}.article-expand:not([open])>.article-text{display:block}}
.homepage-cover-image { margin:26px 0;width:100%;max-width:640px;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 14px 35px #0003; }
.homepage-cover-image img { display:block;width:100%;height:auto;max-height:360px;object-fit:cover;object-position:center;background:var(--surface); }
.theme-nova .homepage-cover-image { margin-inline:auto; }