:root{color-scheme:light;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);letter-spacing:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.site-shell{min-height:100vh;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 14% 8%,var(--glow-a),transparent 28rem),radial-gradient(circle at 88% 14%,var(--glow-b),transparent 24rem),var(--paper);transition:color .18s ease,background .18s ease}.site-shell[data-theme=warm]{color-scheme:light;--ink: #201b16;--muted: #6f645b;--line: #e5d9cc;--panel: rgba(255, 252, 247, .9);--panel-solid: #fffaf3;--paper: #f6efe5;--surface: #fff8ef;--deep: #211b16;--deep-soft: #32271f;--accent: #c96442;--accent-2: #7d8a5d;--accent-3: #2f8379;--accent-soft: #f4ddcf;--accent-text: #7b321f;--shadow: rgba(72, 49, 31, .18);--glow-a: rgba(201, 100, 66, .16);--glow-b: rgba(125, 138, 93, .14)}.site-shell[data-theme=dark]{color-scheme:dark;--ink: #f2eee7;--muted: #b8aca0;--line: #39312b;--panel: rgba(38, 33, 29, .86);--panel-solid: #231f1b;--paper: #151310;--surface: #1d1915;--deep: #0f0d0b;--deep-soft: #26211c;--accent: #d9875f;--accent-2: #a8b579;--accent-3: #69b6ac;--accent-soft: rgba(217, 135, 95, .16);--accent-text: #ffd1bd;--shadow: rgba(0, 0, 0, .42);--glow-a: rgba(217, 135, 95, .16);--glow-b: rgba(105, 182, 172, .12)}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto minmax(260px,1fr) auto;align-items:center;gap:22px;min-height:72px;padding:0 clamp(22px,4vw,56px);background:color-mix(in srgb,var(--surface) 88%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.footer-brand{display:inline-flex;align-items:center;gap:10px;min-width:max-content;font-weight:850}.brand img,.footer-brand img{width:34px;height:34px;object-fit:contain}nav{display:flex;justify-content:center;gap:6px}nav a,.icon-switch,.button,.release-button{min-height:42px;border-radius:8px}nav a{display:inline-flex;align-items:center;padding:0 13px;color:var(--muted);font-size:14px;font-weight:750}nav a:hover{color:var(--ink);background:var(--accent-soft)}.toolbar{display:flex;gap:8px;justify-content:flex-end}.icon-switch{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;color:var(--ink);background:var(--panel);border:1px solid var(--line);cursor:pointer}.icon-switch:hover{border-color:var(--accent)}.hero{display:grid;grid-template-columns:minmax(350px,.9fr) minmax(480px,1.1fr);gap:clamp(34px,5vw,72px);align-items:center;min-height:calc(100vh - 72px);padding:clamp(58px,8vw,104px) clamp(22px,4vw,56px) 46px}.hero-copy{max-width:740px}.eyebrow{display:inline-flex;align-items:center;gap:9px;min-height:34px;margin-bottom:18px;padding:0 12px;color:var(--accent-text);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:8px;font-size:14px;font-weight:850}.eyebrow-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:22px;font-size:clamp(56px,7.6vw,112px);line-height:.94;letter-spacing:0}.hero p{max-width:680px;margin-bottom:18px;color:var(--muted);font-size:clamp(18px,1.6vw,23px);line-height:1.72}.author-pill{display:inline-flex;align-items:center;gap:8px;min-height:36px;margin-bottom:30px;padding:0 13px;color:var(--muted);background:color-mix(in srgb,var(--panel-solid) 78%,transparent);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px color-mix(in srgb,var(--shadow) 40%,transparent)}.author-pill svg{color:var(--accent)}.author-pill strong{color:var(--ink);font-weight:900}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button,.release-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;font-weight:850}.button.primary,.release-button{color:#fffaf3;background:var(--deep);box-shadow:0 14px 34px var(--shadow)}.button.ghost{background:var(--panel);border:1px solid var(--line)}.button,.release-button,.feature-card,.shot,.workflow-step,.check-list li,.mcp-panel,.thanks-person{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.button:hover,.release-button:hover{transform:translateY(-1px)}.feature-card:hover,.shot:hover,.workflow-step:hover,.check-list li:hover,.mcp-panel:hover,.thanks-person:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 38%,var(--line));box-shadow:0 20px 54px color-mix(in srgb,var(--shadow) 76%,transparent)}.hero-media{position:relative;margin:0;min-width:0;padding:10px;background:linear-gradient(145deg,var(--deep-soft),var(--deep));border:1px solid color-mix(in srgb,var(--line) 72%,var(--accent));border-radius:8px;box-shadow:0 28px 88px var(--shadow);overflow:hidden}.hero-media img{width:100%;aspect-ratio:1353 / 920;object-fit:cover;border-radius:6px}.stats-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;max-width:1320px;margin:0 auto;padding:1px clamp(22px,4vw,56px);background:var(--line)}.stat{display:flex;flex-direction:column;justify-content:center;min-height:112px;padding:22px;background:var(--panel-solid)}.stat strong{color:var(--accent);font-size:34px;line-height:1}.stat span{margin-top:8px;color:var(--muted);font-size:14px;font-weight:750}.section{padding:clamp(74px,8vw,108px) clamp(22px,4vw,56px)}.section-head{max-width:900px;margin:0 auto 38px;text-align:center}.section-head.compact{margin-right:0;margin-left:0;text-align:left}.section-head h2,.mcp-panel h2{margin-bottom:14px;font-size:clamp(30px,3.4vw,48px);line-height:1.12;letter-spacing:0}.section-head p,.feature-card p,.shot p,.workflow-step p,.mcp-panel p,footer p{color:var(--muted);line-height:1.72}.feature-grid,.gallery-grid,.workflow-grid,.thanks-list,.guide-layout{max-width:1240px;margin:0 auto}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card,.workflow-step,.mcp-panel,.shot,.thanks-person{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 44px color-mix(in srgb,var(--shadow) 58%,transparent)}.feature-card{min-height:242px;padding:24px}.feature-icon,.mcp-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:18px;color:#fffaf3;background:var(--accent);border-radius:8px}.feature-card:nth-child(2) .feature-icon,.feature-card:nth-child(5) .feature-icon{background:var(--accent-2)}.feature-card:nth-child(3) .feature-icon,.feature-card:nth-child(6) .feature-icon{background:var(--accent-3)}.feature-card h3,.shot h3,.workflow-step h3{margin-bottom:10px;font-size:20px;line-height:1.34}.gallery-section{background:color-mix(in srgb,var(--surface) 72%,transparent)}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.shot{overflow:hidden}.shot.wide{grid-column:span 2}.shot img{width:100%;aspect-ratio:16 / 10;object-fit:cover;background:var(--deep-soft);border-bottom:1px solid var(--line)}.shot div{padding:18px}.shot p{margin-bottom:0;font-size:14px}.workflow-band{color:#fffaf3;background:linear-gradient(140deg,var(--deep) 0%,color-mix(in srgb,var(--deep) 76%,var(--accent-3)) 100%)}.workflow-band .section-head{color:#fffaf3}.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.workflow-step{min-height:224px;padding:24px;color:#fffaf3;background:color-mix(in srgb,var(--deep-soft) 84%,transparent);border-color:color-mix(in srgb,var(--accent) 24%,var(--line))}.workflow-step span{display:inline-flex;margin-bottom:28px;color:var(--accent-3);font-weight:900}.workflow-step p{color:color-mix(in srgb,#fffaf3 74%,var(--muted))}.download-section{background:linear-gradient(135deg,color-mix(in srgb,var(--paper) 84%,var(--accent-soft)),var(--surface))}.download-single{display:flex;justify-content:center;max-width:1240px;margin:0 auto}.download-card{position:relative;width:min(100%,860px);padding:clamp(28px,5vw,48px);text-align:center;background:linear-gradient(150deg,color-mix(in srgb,var(--panel-solid) 92%,transparent),var(--panel));border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:8px;box-shadow:0 24px 76px color-mix(in srgb,var(--shadow) 70%,transparent);overflow:hidden}.download-card:before{position:absolute;inset:0 0 auto;height:4px;content:"";background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3))}.download-card .section-head{max-width:720px;margin-bottom:14px;text-align:center}.download-card .section-head.compact{margin-right:auto;margin-left:auto}.download-kicker{display:inline-flex;align-items:center;min-height:30px;margin-bottom:16px;padding:0 11px;color:var(--accent-text);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:8px;font-size:13px;font-weight:900}.release-hint{max-width:620px;margin:0 auto 22px;color:var(--muted);line-height:1.7}.release-button{margin-top:0;min-width:240px}.guide-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,.9fr);gap:30px;align-items:start}.check-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.check-list li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:8px;line-height:1.65}.check-list svg{margin-top:3px;color:var(--accent-2)}.mcp-panel{padding:28px}.mcp-icon{background:var(--accent-3)}.endpoint{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:center;margin-top:12px;padding:14px;color:#fffaf3;background:var(--deep);border-radius:8px}.endpoint code{overflow-wrap:anywhere;font-family:JetBrains Mono,Consolas,monospace;font-size:14px}.thanks-section{background:color-mix(in srgb,var(--surface) 66%,transparent)}.thanks-list{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.thanks-person{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:132px;min-height:132px;padding:14px 10px;font-weight:850;text-align:center}.thanks-person img{width:72px;height:72px;border:2px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:8px;object-fit:cover}.thanks-person span{max-width:100%;color:var(--ink);overflow-wrap:anywhere;font-size:13px}footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:32px clamp(22px,4vw,56px);color:#fffaf3;background:var(--deep)}footer p{margin-bottom:0;color:color-mix(in srgb,#fffaf3 70%,var(--muted))}.footer-credit{color:color-mix(in srgb,#fffaf3 86%,var(--accent));font-weight:850;white-space:nowrap}@media(min-width:781px){.section-head h2{white-space:nowrap}}@media(max-width:1100px){.hero,.guide-layout{grid-template-columns:1fr}.hero{min-height:auto}.feature-grid,.workflow-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.topbar{grid-template-columns:1fr auto;min-height:auto;padding:14px 18px}nav{grid-column:1 / -1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}nav a{min-width:max-content}.toolbar{gap:6px}.icon-switch{width:42px;padding:0}.icon-switch span{display:none}.hero,.section{padding-right:18px;padding-left:18px}.hero{padding-top:46px}.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr));padding-right:18px;padding-left:18px}.feature-grid,.gallery-grid,.workflow-grid{grid-template-columns:1fr}.shot.wide{grid-column:span 1}footer{grid-template-columns:1fr;padding:28px 18px}}@media(max-width:480px){.brand span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-actions,.button,.release-button{width:100%}.stat{min-height:96px;padding:16px}.stat strong{font-size:28px}}
