:root{color-scheme:dark;--bg:#101918;--panel:#182321;--ink:#edf1e6;--muted:#a2b2a7;--accent:#d5ef90;--line:#34413a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}a:hover{color:var(--accent)}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}.nav{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:800;letter-spacing:2px}.mark{width:36px;height:36px;display:grid;place-content:center;background:var(--accent);color:var(--bg);font:italic 800 30px Georgia;position:relative}.mark span{position:absolute;right:3px;bottom:-8px;font-size:25px}.nav nav{display:flex;gap:36px;font-size:14px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:96px;padding-top:88px;padding-bottom:80px;align-items:center}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--accent);display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(46px,5.6vw,76px);line-height:1.2;letter-spacing:-3px;margin:27px 0}h1 em{font-style:normal;color:var(--accent)}.lead{color:var(--muted);max-width:410px;font-size:17px;line-height:1.9}.actions{display:flex;gap:28px;align-items:center;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--accent);color:#162015;padding:14px 24px;font-size:14px;font-weight:700;border:1px solid var(--accent)}.button:hover{color:#101918;background:#e4ffac}.fine{font-size:12px;color:var(--muted);line-height:1.9}.intro>.fine{margin-top:22px}.text-link{font-size:14px;border-bottom:1px solid var(--line);padding-bottom:4px}.script-card{background:#e9e6db;color:#23372e;transform:rotate(2deg);box-shadow:20px 20px 0 #1b2c24;padding:32px 36px;position:relative;margin-right:15px}.script-top,.script-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;border-bottom:1px solid #b3b9ab;padding-bottom:18px}.script-label{font-size:12px;margin-top:32px}.script-card h2{font-size:26px;letter-spacing:1px;margin:8px 0 24px;font-family:"Songti SC",serif}.scene{font-size:11px;border-top:1px solid #c4c6b8;border-bottom:1px solid #c4c6b8;padding:10px 0}.scene span{margin-right:18px}.stage{font-size:12px;margin:22px 0}.dialogue{font-size:13px;padding-left:28px}.dialogue b{font-size:11px;letter-spacing:3px}.dialogue p{margin:2px 0 14px}.annotation{margin:24px -4px 30px;background:#d4dfbe;border-left:3px solid #607940;padding:12px 18px;transform:rotate(-3deg)}.annotation span{font-size:9px;letter-spacing:2px}.annotation p{font-size:15px;line-height:1.6;margin:5px 0}.script-bottom{justify-content:flex-start;gap:8px;border-bottom:0;border-top:1px solid #b3b9ab;padding-top:16px;padding-bottom:0;align-items:center}.script-bottom .dot{background:#516a45}.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr) 1.1fr;padding:30px 0;align-items:center}.facts>div{display:flex;align-items:center;gap:18px}.facts strong{font:40px/1.2 Georgia;color:var(--accent)}.facts span{font-size:12px;color:var(--muted)}.facts>p{margin:0;padding-left:36px;border-left:1px solid var(--line);font-size:15px}.section{padding-top:94px;padding-bottom:94px}h2{font-size:clamp(28px,3vw,40px);line-height:1.4;letter-spacing:-1px;margin:15px 0 20px}h3{font-size:19px;line-height:1.6;font-weight:600}.section-title>p:last-child{color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:54px}.steps article{padding-top:20px;border-top:1px solid var(--line)}.steps article>span{font-size:10px;letter-spacing:1px;color:var(--accent)}.steps p{font-size:13px;color:var(--muted)}.sample-section{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:78px 0}.sample-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;align-items:center}.sample-layout>div>p:not(.eyebrow){max-width:370px;color:var(--muted);font-size:14px}.sample-layout>div>p.fine{font-size:12px}.episode-list a{display:grid;grid-template-columns:64px 1fr 20px;gap:20px;align-items:center;border-top:1px solid #455248;padding:23px 0}.episode-list a:last-child{border-bottom:1px solid #455248}.episode-list a>span{font-size:10px;color:var(--accent)}.episode-list h3{margin:0;font-size:19px}.episode-list a>span:last-child{font-size:22px}.start-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;border-bottom:1px solid var(--line)}.start-layout>div>p:not(.eyebrow){max-width:370px;color:var(--muted);font-size:14px}.start-layout .button{margin-top:20px}.start-layout>div>p.fine{font-size:12px}.small-link{font-size:11px;color:var(--muted)}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88em}.instructions{list-style:none;margin:0;padding:12px 0 0}.instructions li{display:grid;grid-template-columns:28px 1fr;gap:22px;margin-bottom:30px}.instructions li>span{color:var(--accent);font:14px/2 Georgia}.instructions h3{margin:0 0 8px;font-size:17px}.instructions p{font-size:13px;color:var(--muted);margin:8px 0}pre{padding:16px;background:#1c2924;border:1px solid var(--line);overflow-x:auto;color:#d3dfc7;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.faq{max-width:900px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:16px}details p{font-size:14px;color:var(--muted);max-width:750px}footer{border-top:1px solid var(--line);padding:32px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}footer .brand{font-size:12px}footer p,footer>span{font-size:11px;color:var(--muted)}.skip{position:absolute;left:12px;top:-100px;background:var(--accent);color:#101918;padding:8px 20px;z-index:5}.skip:focus{top:12px}.reader{max-width:800px;padding:55px 0 90px}.reader h1{font-size:36px;line-height:1.5;letter-spacing:0}.reader h2{font-size:25px;margin-top:36px}.reader h3{margin-top:30px}.reader p{white-space:pre-wrap;color:#d1d9cf;font-size:16px;line-height:2}.reader .stage-direction{color:var(--muted)}.reader .reader-nav{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:30px;margin-top:50px;font-size:14px}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:45px}.sample-layout,.start-layout{gap:45px}.script-card{padding:26px}.facts>div{display:block}.facts span{display:block}.facts strong{font-size:34px}.steps{gap:22px}.actions{gap:18px}.button{gap:24px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.nav{height:82px}.brand{font-size:13px;letter-spacing:1px}.nav nav{gap:18px;font-size:12px}.nav nav>a:first-child{display:none}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:55px;gap:50px}h1{font-size:52px;letter-spacing:-2px}.lead{font-size:15px}.script-card{transform:rotate(1deg);max-width:470px;margin:0 12px 0 0}.facts{grid-template-columns:repeat(3,1fr);gap:18px}.facts>p{display:none}.facts span{font-size:10px}.section{padding-top:56px;padding-bottom:56px}.steps{grid-template-columns:1fr 1fr;margin-top:30px}.steps h3{font-size:17px}.sample-layout,.start-layout{grid-template-columns:1fr;gap:32px}.sample-section{padding:50px 0}.sample-layout h2 br{display:none}.episode-list a{padding:20px 0}.episode-list h3{font-size:17px}.start-layout h2 br{display:none}.instructions li{gap:12px}.faq summary{font-size:14px}footer{flex-wrap:wrap;padding:24px 0;gap:6px 18px}footer p{margin:0}footer>span{width:100%}.reader h1{font-size:27px}.reader p{font-size:15px}.reader{padding-top:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.guide a:not(.button){color:var(--accent);text-decoration:underline;text-underline-offset:4px}.guide li{margin:14px 0;color:#d1d9cf;overflow-wrap:anywhere}.guide p{overflow-wrap:anywhere}.copy-block{margin:24px 0}.copy-block pre{margin-top:8px;font-size:14px}.copy-button{font:inherit;font-size:13px;background:var(--accent);color:var(--bg);border:0;padding:7px 20px;cursor:pointer}.copy-button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.copy-status{display:block;min-height:24px;color:var(--accent);font-size:12px}