:root{--paper:#f8f7f3;--ink:#232a2c;--muted:#7a7e7d;--line:#dedfd9;--accent:#a75d3c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:36px;padding:0 5.2%;background:var(--paper)}.brand{display:flex;align-items:center;gap:22px}.brand img{width:104px;filter:brightness(0)}.brand span{font-size:12px;letter-spacing:2px;border-left:1px solid #ccc;padding-left:22px}header nav{margin-left:auto;display:flex;gap:34px;font-size:13px}header nav .selected{border-bottom:1px solid;padding:12px 0}.preview{font-size:10px;letter-spacing:1px;border:1px solid #d6d7cf;padding:6px 9px;color:#777}main{max-width:1440px;padding:0 5.2%;margin:auto}.crumb{font-size:12px;color:var(--muted);display:flex;gap:16px;padding:27px 0}.hero{min-height:585px;background:#101f29;color:#efede3;position:relative;overflow:hidden;padding:28px 44px 24px;background-image:radial-gradient(ellipse at 75% 60%,#33525370,transparent 56%),radial-gradient(#bac2ba50 .6px,transparent .9px);background-size:auto,47px 47px}.hero-top,.hero-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2.5px;position:relative;z-index:2;color:#b5c2c5}.hero-bottom{border-top:1px solid #ffffff25;padding-top:20px;margin-top:32px}.hero-content{position:relative;z-index:2;width:65%;padding:33px 0 0}.eyebrow{font-size:11px;letter-spacing:3px;color:#bac6c8}.hero h1{font-family:"Songti SC","Noto Serif SC",serif;font-size:clamp(42px,5.3vw,76px);font-weight:500;line-height:1.18;letter-spacing:6px;margin:22px 0}.star{font-size:40px;color:#c6875f;vertical-align:top;margin-left:24px}.subtitle{font-size:22px;font-weight:300;letter-spacing:2px;margin:0}.hero-description{font-size:12px;line-height:1.9;color:#adbbbd;letter-spacing:1px;margin:23px 0}.hero-button{display:inline-flex;gap:55px;font-size:12px;border-bottom:1px solid #8e999b;padding:0 0 10px}.orbit{position:absolute;border:1px solid #c1d0d01c;border-radius:50%;width:740px;height:370px;right:-180px;top:120px;transform:rotate(-40deg)}.orbit-two{width:950px;height:550px;right:-290px;top:45px}.hero-art{position:absolute;right:10%;top:95px;width:235px;height:390px}.art-label{font-size:11px;letter-spacing:4px;color:#c4cfcb;position:absolute;left:155px;top:45px;white-space:nowrap;transform:rotate(90deg);transform-origin:left}.art-label small{font-size:7px;letter-spacing:1px}.ship{position:absolute;left:70px;top:0;transform:rotate(17deg);width:58px;filter:drop-shadow(0 0 24px #a9beb521)}.nose{height:60px;border-radius:65% 65% 0 0;background:linear-gradient(90deg,#526264,#d0d4c8 58%,#738581)}.hull{height:123px;background:linear-gradient(90deg,#17242a 25%,#d0d4c8 26%,#a8b6b0 65%,#687d7a);position:relative}.hull i{display:block;height:24px;border-bottom:1px solid #14242b40}.fins{position:absolute;top:139px;left:-17px;width:92px;height:50px;background:#839794;clip-path:polygon(15% 0,84% 0,100% 100%,68% 70%,32% 70%,0 100%)}.booster{margin-top:4px;height:179px;background:repeating-linear-gradient(0deg,transparent 0px,transparent 19px,#36484880 20px),linear-gradient(90deg,#536767,#b8c6bc 50%,#738d85);border-top:6px solid #263638;border-bottom:7px solid #273b3b}.engine{margin:0 auto;width:45px;height:24px;background:linear-gradient(#d1a277aa,transparent);clip-path:polygon(0 0,100% 0,72% 100%,50% 55%,28% 100%)}.art-index{position:absolute;bottom:-8px;left:0;font-size:8px;letter-spacing:2px;color:#a2b3b2}.meta{display:flex;gap:32px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.meta b{font-weight:400;color:#444b4b;margin-left:10px}.meta a{margin-left:auto;color:var(--accent)}.layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:70px;justify-content:center;padding-top:60px}aside{position:sticky;top:35px;align-self:start;padding-top:12px}.toc-label{font-size:13px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:12px}.toc-label span{display:block;font-size:9px;color:#93968e;letter-spacing:2px;margin-top:8px}aside>a{font-size:12px;display:flex;gap:12px;padding:12px 0;line-height:1.5;color:#6a716e}aside>a span{font-size:10px;color:#aaa;min-width:17px}aside>a.active{color:var(--accent);font-weight:600}.aside-note{font-family:Georgia,serif;font-size:21px;font-style:italic;line-height:1.5;border-top:1px solid var(--line);padding-top:30px;margin-top:28px;color:#8e928a}.section-no{font-size:10px;letter-spacing:2px;color:var(--accent);display:block}.intro p{font-family:"Songti SC",serif;font-size:23px;line-height:1.85;margin:18px 0 28px}.editor-note{font-size:11px;line-height:1.9;color:#777e78;background:#efefe8;border-left:2px solid #b5bba9;padding:14px 18px}.chapter{padding-top:56px;margin-top:20px;border-top:1px solid var(--line);scroll-margin-top:30px}.chapter h2{font-family:"Songti SC",serif;font-size:31px;font-weight:600;line-height:1.45;margin:12px 0 30px;letter-spacing:1px}.chapter h3{font-size:18px;font-weight:600;margin:34px 0 16px;line-height:1.7}.chapter p,.chapter li{font-size:15px;line-height:2.05;letter-spacing:.2px}.chapter li{padding-left:6px;margin-bottom:17px}.chapter li::marker{color:#a77c5c;font-size:10px}.chapter ul{padding-left:19px}.chapter strong{font-weight:600}figure{margin:32px 0;background:#fff;padding:16px;border:1px solid #e5e6df}figure img{display:block;width:100%;height:auto;mix-blend-mode:multiply}figcaption,.caption{font-size:10px;color:#8c918a;line-height:1.8;margin-top:12px;text-align:center}.fig-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fig-grid figure{margin:0;padding:9px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.8}th{text-align:left;background:#e9ece5;font-weight:500;padding:15px}td{padding:16px 14px;border-bottom:1px solid var(--line);vertical-align:top}td:first-child{width:23%;font-weight:600}.resources{margin-top:60px}.resources>p{color:#777}.download{display:flex;align-items:center;gap:18px;border:1px solid var(--line);padding:23px;margin-top:14px;background:#fdfcf9;transition:background .2s}.download:hover{background:#eeeee6}.file-icon{font-size:10px;border:1px solid #b7bbb1;padding:18px 9px;letter-spacing:1px;color:#7b8178}.download b{display:block;font-size:14px;font-weight:500;line-height:1.6}.download small{display:block;font-size:10px;color:#8a8f87;margin-top:8px;line-height:1.7}.download>span:last-child{margin-left:auto;font-size:24px}.resource-links{display:flex;gap:25px;margin:22px 0;font-size:11px;color:#8d684f}details{font-size:12px;line-height:2;margin-top:30px;color:#6a726a}summary{cursor:pointer}.endmark{text-align:center;padding:65px 0;color:#a16c4e;font-size:28px}.endmark p{font-size:15px;color:#777e74;letter-spacing:3px}.endmark a{font-size:11px;color:#777}footer{margin-top:55px;border-top:1px solid var(--line);padding:30px 5.2%;display:flex;gap:30px;align-items:center;font-size:11px;color:#888d84}footer b{font-size:19px;letter-spacing:2px;color:#3e4b45}footer span:last-child{margin-left:auto;font-family:Georgia,serif;font-style:italic}#progress{position:fixed;left:0;top:0;height:2px;background:#af7955;z-index:10;width:0}#top{position:fixed;right:24px;bottom:24px;width:40px;height:40px;border:1px solid #d6d8ce;background:var(--paper);cursor:pointer;color:#556453}.listing{padding-top:90px;min-height:80vh}.listing h1{font-family:"Songti SC",serif;font-size:62px;font-weight:400;letter-spacing:5px;margin:20px 0}.listing-intro{color:#80867c;font-size:15px}.list-tabs{border-bottom:1px solid var(--line);padding:40px 0 20px;font-size:14px}.list-tabs span{float:right;color:#91968d;font-size:10px;letter-spacing:2px}.feature-card{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;margin:35px 0}.card-art{background:radial-gradient(ellipse at bottom right,#385756,#12252c);color:#efe9db;padding:30px;display:flex;flex-direction:column;gap:25px;min-height:280px}.card-art>span,.card-art small{font-size:11px;letter-spacing:3px;color:#b7c3bc}.card-art strong{font-family:"Songti SC",serif;font-size:42px;font-weight:400;line-height:1.4}.card-copy{padding:20px 0}.card-copy h2{font-family:"Songti SC",serif;font-weight:500;font-size:26px;line-height:1.6}.card-copy p{font-size:14px;color:#777f76;line-height:1.9;max-width:450px}.card-copy>span:last-child{font-size:12px;color:#9b6a4c;display:block;margin-top:25px}@media(min-width:1450px){.hero h1{font-size:76px}}@media(max-width:1000px){.brand span{display:none}.layout{grid-template-columns:170px minmax(0,1fr);gap:35px}.hero-art{right:8%}.hero-content{width:70%}.meta{gap:16px}.meta span:nth-child(2){display:none}}@media(max-width:700px){header{height:68px;padding:0 6%;gap:16px}header nav{display:none}.preview{margin-left:auto}.brand img{width:96px}main{padding:0 6%}.crumb{font-size:10px;padding:22px 0}.hero{padding:22px;min-height:560px}.hero-top,.hero-bottom{font-size:8px;letter-spacing:1px}.hero-content{width:100%;padding-top:40px}.eyebrow{font-size:10px;letter-spacing:1px}.hero h1{font-size:49px;letter-spacing:3px}.star{font-size:25px;margin-left:10px}.subtitle{font-size:15px;letter-spacing:1px}.hero-description{font-size:11px;margin-top:25px}.hero-art{right:-60px;top:170px;transform:scale(.68);opacity:.43}.hero-bottom{margin-top:40px;gap:12px;line-height:1.8}.hero-button{margin-top:20px}.meta{padding:20px 0;font-size:10px;gap:8px}.meta b{margin-left:4px}.layout{display:block;padding-top:25px}aside{position:relative;top:0;display:flex;overflow-x:auto;gap:8px;padding-bottom:15px;margin-bottom:27px}.toc-label,.aside-note{display:none}aside>a{white-space:nowrap;font-size:10px;border:1px solid #dedfd6;padding:9px 12px;gap:7px}aside>a span{min-width:0}.intro p{font-size:20px;line-height:1.9}.chapter{padding-top:35px;margin-top:32px}.chapter h2{font-size:26px}.chapter h3{font-size:17px}.chapter p,.chapter li{font-size:14px;line-height:2}.fig-grid{grid-template-columns:1fr}figure{padding:9px}.download{padding:16px 12px;gap:12px}.download b{font-size:12px}.download small{font-size:9px}.file-icon{padding:14px 6px;font-size:9px}.resource-links{font-size:10px;gap:18px}footer{gap:15px;flex-wrap:wrap;margin-top:0}footer span:last-child{margin-left:0;font-size:10px}footer>span:nth-child(2){display:none}.listing{padding-top:45px}.listing h1{font-size:44px}.feature-card{grid-template-columns:1fr;gap:5px}.card-art{min-height:260px}.card-copy h2{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.art-label{left:220px;top:25px}
/* Workshop revision: real photograph, readable figure placement and community footer. */
.hero{background:#102029;min-height:590px}.launch-photo{position:absolute;right:0;top:0;width:59%;height:100%;object-fit:cover;object-position:center 46%}.photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#102029 0%,#102029 36%,#102029cf 49%,#10202925 76%),linear-gradient(0deg,#0c1a2799,transparent 40%)}.hero-content{width:78%;padding-top:55px}.hero h1{font-size:clamp(40px,4.6vw,66px);font-weight:500;letter-spacing:1px;line-height:1.3;margin:25px 0}.hero h1>span{display:block;font-size:.72em;letter-spacing:5px;margin-top:9px}.hero-author{font-size:12px;color:#b3c1c5;letter-spacing:1px}.hero-author b{font-weight:400;margin-left:12px;color:#e3e7e5}.hero-description{margin-top:28px}.hero-bottom{margin-top:42px}.photo-credit{text-align:right;font-size:9px;color:#858d88;line-height:1.8;margin:10px 0 -6px}.photo-credit a{text-decoration:underline;text-underline-offset:2px}.figure-open{display:block;width:100%;border:0;padding:0;background:white;cursor:zoom-in}.figure-open img{height:auto;aspect-ratio:attr(width)/attr(height);mix-blend-mode:normal}.cycle-block{margin:30px 0;padding-top:15px;border-top:1px solid #e0e3db}.cycle-block h4{font-size:16px;font-weight:600;margin:15px 0}.cycle-block figure{margin:18px 0}#image-dialog{max-width:94vw;width:1100px;max-height:94vh;padding:45px 20px 15px;border:0;background:#fff;border-radius:8px}#image-dialog::backdrop{background:#0d1725d9;backdrop-filter:blur(4px)}#image-dialog img{width:100%;max-height:78vh;object-fit:contain}#image-dialog p{font-size:12px;text-align:center;color:#647068}#close-image{position:absolute;right:12px;top:8px;background:none;border:0;font-size:28px;cursor:pointer}.join-cta{margin-top:48px;background:linear-gradient(115deg,#192b57,#294782);border-radius:16px;padding:35px;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#fff}.join-cta>div>span{font-size:10px;letter-spacing:3px;color:#c3cadc}.join-cta h2{font-family:"Songti SC",serif;font-size:30px;margin:12px 0}.join-cta p{font-size:12px;line-height:1.9;color:#cbd2e1;margin:0}.join-cta>a{font-size:14px;white-space:nowrap;color:#fff;display:flex;gap:20px}.join-cta>a:hover{color:#e9c29d}.engagement{display:flex;justify-content:space-between;align-items:center;border:1px solid #e0e2de;background:#fff;border-radius:14px;padding:25px 28px;margin:23px 0}.engagement h3,.comments h3{font-size:19px;margin:0 0 8px}.engagement p,.comments>p{font-size:12px;color:#8a908c;margin:0}#like-button{border:1px solid #e4e6e1;background:#fafaf7;border-radius:30px;display:flex;align-items:center;gap:8px;padding:12px 20px;color:#66716a;cursor:pointer;font-size:13px}#like-button[aria-pressed=true]{color:#d74c60;background:#fff1f3;border-color:#f0c4cc}#like-button[aria-pressed=true] svg{fill:currentColor}.comments{background:white;border:1px solid #e0e2de;border-radius:14px;padding:30px;margin-top:22px}.comments h3 span{color:#939994;font-weight:400;font-size:16px}#comment-form{margin-top:22px}textarea,input{font:inherit}#comment-content{width:100%;resize:vertical;min-height:115px;padding:15px;border:1px solid #d7ddd7;border-radius:9px;font-size:14px;line-height:1.9}#comment-name{width:175px;min-width:0;padding:11px;border:1px solid #d7ddd7;border-radius:8px;font-size:12px}.comment-actions{display:flex;gap:12px;align-items:center;margin-top:12px}.comment-actions>span{margin-left:auto;white-space:nowrap;font-size:10px;color:#8a928a}.comment-actions>button{background:#203a73;color:white;border:0;padding:11px 23px;border-radius:8px;cursor:pointer;font-size:12px}.local-note{font-size:10px;color:#969c95;line-height:1.8;margin:14px 0}.empty-comments{text-align:center;color:#90988f;font-size:13px;padding:25px 0 12px}#comment-status{font-size:12px;color:#637b64}.comment-item{border-top:1px solid #e4e7e2;padding:20px 0}.comment-item header{height:auto;padding:0;border:none;background:none;gap:12px}.comment-item header b{font-size:13px}.comment-item time{font-size:10px;color:#939a93}.comment-item>p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;margin:12px 0}.comment-item>button{font-size:10px;color:#8d746b;border:0;background:none;padding:0;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card-art{background:linear-gradient(90deg,#102029eb,#10202960),url('assets/cover.svg') center 45%/cover}.card-art strong{font-size:35px}.card-author{font-size:12px!important;color:#8b9189!important}
@media(max-width:700px){.hero{min-height:540px;padding:24px}.hero-content{width:100%;padding-top:48px}.hero h1{font-size:38px;letter-spacing:0}.hero h1>span{font-size:30px;letter-spacing:2px;margin-top:12px}.hero-author{font-size:11px}.launch-photo{width:100%;object-position:65% 48%;opacity:.75}.photo-shade{background:linear-gradient(90deg,#102029e8,#10202965),linear-gradient(0deg,#102029b3,transparent)}.hero-description{margin-top:35px}.hero-bottom{margin-top:40px}.photo-credit{font-size:8px;text-align:left;margin-bottom:5px}.join-cta{padding:27px 23px;display:block;border-radius:12px}.join-cta h2{font-size:27px}.join-cta>a{margin-top:24px;justify-content:space-between}.engagement{padding:22px 18px;gap:15px}.engagement h3{font-size:16px}.engagement p{font-size:11px}#like-button{padding:10px 13px;font-size:11px;gap:5px}.comments{padding:23px 18px}.comment-actions{gap:8px}#comment-name{width:120px}.comment-actions>button{padding:11px 17px}.local-note{font-size:9px}.figure-open{min-height:80px}.chapter figure{margin:22px 0}.cycle-block h4{font-size:15px}}
@media(min-width:701px){.launch-photo{width:53%;object-position:center top}.photo-shade{background:linear-gradient(90deg,#102029 0%,#102029 36%,#102029d0 48%,#10202915 73%),linear-gradient(0deg,#0c1a2780,transparent 40%)}}

/* Match the existing DecadeX site navigation. */
header.site-header{height:80px;padding:0 48px;gap:0;background:#efefef;border-bottom:1px solid #0009;position:relative;z-index:20;color:#000;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}
.site-header .site-logo{display:flex;align-items:center;flex-shrink:0}.site-header .site-logo img{display:block;height:24px;width:auto;filter:brightness(0)}
.site-header nav.site-navigation{display:flex;align-items:center;margin-left:auto;gap:32px;font-size:14px;font-weight:500}.site-navigation>a,.site-dropdown>summary{padding:8px;color:#000;white-space:nowrap}.site-navigation a:hover,.site-dropdown summary:hover{color:#4b5563}.site-dropdown{position:relative;margin:0;font-size:14px;line-height:20px;color:#000}.site-dropdown summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:5px}.site-dropdown summary::-webkit-details-marker{display:none}.site-dropdown>div{display:none;position:absolute;left:50%;transform:translateX(-50%);top:100%;min-width:140px;background:white;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px #0002;padding:8px 0}.site-dropdown[open]>div{display:block}.site-dropdown>div>a{display:block;padding:8px 16px;white-space:nowrap}.site-dropdown>div>a:hover{background:#f9fafb}.site-header .site-menu-toggle{display:none}
@media(hover:hover){.site-dropdown:hover>div{display:block}}
@media(max-width:1023px){header.site-header{height:64px;padding:0 32px}.site-header .site-logo img{height:20px}}
@media(max-width:767px){header.site-header{height:64px;padding:0 16px}.site-header .site-menu-toggle{display:block;margin-left:auto;background:none;border:0;font-size:24px;color:#000;padding:8px}.site-header nav.site-navigation{display:none;position:absolute;top:64px;right:16px;width:220px;max-width:calc(100vw - 32px);background:white;border:1px solid #ddd;border-radius:8px;box-shadow:0 8px 22px #0002;padding:8px;gap:0}.site-header nav.site-navigation.is-open{display:flex;align-items:stretch;flex-direction:column}.site-navigation>a{padding:12px 16px}.site-dropdown>summary{padding:12px 16px}.site-dropdown>div{position:static;transform:none;box-shadow:none;border:0;padding:0 12px}.site-dropdown>div>a{padding:10px 16px}}

:root{--accent:#42634e}.hero{background:#10251f}.launch-photo{width:63%;object-fit:cover;object-position:center}.photo-shade{background:linear-gradient(90deg,#10251f 0%,#10251f 32%,#10251fb0 52%,transparent 80%)}.hero h1{font-size:clamp(38px,4.2vw,60px)}.hero h1>span{font-size:.86em;letter-spacing:1px}.hero-content{width:84%}.hero-bottom{color:#c5d3bd}.chapter h4{font-size:17px;color:#42634e;border-left:3px solid #78967e;padding-left:14px;margin-top:30px}.table-wrap{margin:26px 0}.table-wrap table{min-width:590px}.table-wrap td{vertical-align:top;line-height:1.85}.table-wrap th{background:#e8eee6}figure{padding:10px}.figure-open img{background:#fff}.chapter>ul>li strong{color:#315a43}.join-cta{background:linear-gradient(115deg,#192b57,#294782)}#comment-status{min-height:1.5em}@media(max-width:720px){.hero h1{font-size:36px}.hero-content{width:100%}.launch-photo{width:100%;opacity:.48}.photo-shade{background:linear-gradient(90deg,#10251fe8,#10251f66)}.hero h1>span{font-size:.8em}.table-wrap{margin-right:-5px}}