:root{--ink: #151515;--muted: #6d6a62;--paper: #f4f1e8;--panel: #fffdf7;--surface-alt: #ebe6d9;--surface-hover: #fffaf0;--line: rgba(21, 21, 21, .14);--border-strong: #151515;--border-hover: rgba(21, 21, 21, .38);--blue: #2a6f82;--red: #b94533;--green: #66784e;--paper-rgb: 244, 241, 232;--panel-rgb: 255, 253, 247;--ink-rgb: 21, 21, 21;--blue-rgb: 42, 111, 130;--red-rgb: 185, 69, 51;--green-rgb: 102, 120, 78;--shadow: 0 26px 70px rgba(25, 28, 25, .16);--shadow-hard: 6px 6px 0 var(--ink);--shadow-hard-lg: 10px 10px 0 var(--ink);--shadow-paper: 0 18px 46px rgba(25, 28, 25, .1);--max: 1180px;--pointer-x: 0;--pointer-y: 0}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(90deg,rgba(21,21,21,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(21,21,21,.035) 1px,transparent 1px),var(--paper);background-size:42px 42px,42px 42px,auto;animation:grid-drift 28s linear infinite}body:before{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.055;background-image:radial-gradient(circle at 25% 20%,rgba(21,21,21,.08) 0 1px,transparent 1px),radial-gradient(circle at 80% 70%,rgba(21,21,21,.06) 0 1px,transparent 1px);background-size:4px 4px,6px 6px;mix-blend-mode:multiply}body:after{content:"";position:fixed;inset:0;z-index:19;pointer-events:none;background:linear-gradient(120deg,transparent 0 48%,rgba(255,253,247,.18) 50%,transparent 52%);opacity:.04;transform:translate(calc(var(--pointer-x) * 18px),calc(var(--pointer-y) * 14px))}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;padding:28px;display:grid;grid-template-rows:auto 1fr auto;gap:34px}.site-shell>main{min-width:0;overflow-x:clip}.container{width:min(100%,var(--max));margin:0 auto}.site-header,.site-footer{width:min(100%,var(--max));margin:0 auto;border-color:var(--line)}.site-header{position:sticky;top:18px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--line);border-radius:999px;padding:10px 14px 10px 12px;background:#fffdf7bf;box-shadow:0 18px 54px #191c1914;backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--ink);background:var(--panel);box-shadow:4px 4px 0 var(--ink);font-size:11px}.nav-list,.social-list{display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:14px}.nav-list a,.social-list a{transition:color .18s ease,transform .18s ease}.nav-list a:hover,.social-list a:hover{color:var(--ink);transform:translateY(-1px)}.lang-link{border:1px solid var(--line);border-radius:999px;background:#fffdf79e;padding:7px 10px;color:var(--ink)}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:22px;border-top:1px solid var(--line);padding:18px 0 10px;color:var(--muted);font-size:13px}.site-footer .social-list{gap:8px;justify-content:flex-end}.site-footer .social-list a{min-height:38px;display:inline-flex;align-items:center;border:1px solid var(--line);background:#fffdf7c7;padding:0 14px;color:var(--ink);font-weight:700;box-shadow:3px 3px #151515d1;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.site-footer .social-list a:hover{border-color:var(--ink);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin-bottom:20px}.eyebrow:before{content:"";width:46px;height:1px;background:var(--ink)}.display-title{margin:0;font-family:Georgia,Songti SC,serif;font-size:clamp(58px,10vw,134px);line-height:.92;letter-spacing:0;font-weight:500}.page-title{margin:0;font-family:Georgia,Songti SC,serif;font-size:clamp(44px,7vw,86px);line-height:.98;letter-spacing:0;font-weight:500}.lead{color:#34322d;font-size:20px;line-height:1.8;max-width:680px}.button-row{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:999px;padding:0 18px;background:var(--panel);box-shadow:5px 5px 0 var(--ink);font-size:14px;transition:gap .18s ease,transform .18s ease,box-shadow .18s ease,border-color .18s ease}.button:after{content:"↗";width:0;display:inline-grid;place-items:center;opacity:0;overflow:hidden;transition:width .18s ease,opacity .18s ease}.button:hover{gap:10px;transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.button:hover:after{width:16px;opacity:1}.button.secondary{box-shadow:none;border-color:var(--line);background:transparent;color:var(--muted)}.button.secondary:hover{border-color:var(--ink);color:var(--ink);box-shadow:4px 4px #15151529}.section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.panel{border:1px solid var(--line);background:#fffdf7b8;padding:22px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.panel:hover{border-color:#15151559;transform:translateY(-5px);box-shadow:0 24px 50px #191c191a}.panel.strong{border-color:var(--ink);box-shadow:6px 6px 0 var(--ink)}.panel.strong:hover{box-shadow:10px 10px 0 var(--ink)}.meta{color:var(--muted);font-size:13px;line-height:1.6}.tag-list{display:flex;gap:8px;flex-wrap:wrap}.tag{border:1px solid var(--line);background:#fffdf7b3;padding:5px 8px;color:var(--muted);font-size:12px;transition:background .18s ease,color .18s ease,border-color .18s ease}.tag:hover{border-color:var(--ink);background:var(--ink);color:var(--paper)}.motion-ready .home-section,.motion-ready .home-section .panel,.motion-ready .home-section .button,.motion-ready .home-hero .hero-visual,.motion-ready .home-hero .display-title,.motion-ready .home-hero .button,.motion-ready .reveal,.motion-ready .reveal-scale{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay, 0ms)}.motion-ready .home-section.is-visible,.motion-ready .home-section .panel.is-visible,.motion-ready .home-section .button.is-visible,.motion-ready .home-hero .hero-visual.is-visible,.motion-ready .home-hero .display-title.is-visible,.motion-ready .home-hero .button.is-visible,.motion-ready .reveal.is-visible,.motion-ready .reveal-scale.is-visible{opacity:1;transform:translateY(0)}.motion-gsap .home-section,.motion-gsap .home-section .panel,.motion-gsap .home-section .button,.motion-gsap .home-hero .hero-visual,.motion-gsap .home-hero .display-title,.motion-gsap .home-hero .button,.motion-gsap .reveal,.motion-gsap .reveal-scale,.motion-gsap .stagger-reveal>*{transition:none}.scroll-progress{position:fixed;top:0;left:0;z-index:60;width:100%;height:3px;pointer-events:none;background:linear-gradient(90deg,var(--blue),var(--red),var(--green));transform:scaleX(var(--scroll-progress, 0));transform-origin:left}.paper-card{position:relative;overflow:hidden}.screenshot-frame{overflow:hidden;border:1px solid var(--ink);background:var(--panel);box-shadow:var(--shadow-hard)}.screenshot-frame__bar{min-height:34px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);padding:0 12px;color:var(--muted);font-size:11px}.screenshot-frame__bar span{width:7px;height:7px;border:1px solid var(--ink);border-radius:999px;background:var(--paper)}.screenshot-frame__bar strong{margin-left:4px;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:600}.screenshot-frame__body{position:relative;min-height:220px;background:linear-gradient(90deg,rgba(var(--ink-rgb),.035) 1px,transparent 1px),linear-gradient(180deg,rgba(var(--ink-rgb),.035) 1px,transparent 1px),var(--panel);background-size:28px 28px}.stagger-reveal>*{transition-delay:var(--stagger-delay, 0ms)}.motion-ready .stagger-reveal>*{opacity:0;transform:translateY(22px);transition:opacity .68s ease,transform .68s cubic-bezier(.2,.8,.2,1);transition-delay:var(--stagger-delay, 0ms)}.motion-ready .stagger-reveal.is-visible>*{opacity:1;transform:translateY(0)}.manifest-strip{overflow:hidden;border-block:1px solid var(--line);padding:13px 0;color:rgba(var(--ink-rgb),.58)}.manifest-strip__track{width:max-content;display:flex;align-items:center;animation:manifest-scroll 34s linear infinite}.manifest-strip__track span{display:inline-flex;align-items:center;gap:14px;margin-right:24px;font-family:Georgia,Songti SC,serif;font-size:clamp(18px,3vw,34px);line-height:1;white-space:nowrap}.manifest-strip__dot{width:7px;height:7px;border:1px solid var(--ink);background:var(--red)}.manifest-strip:hover .manifest-strip__track{animation-play-state:paused}.channel-card__shot img{transition:transform .42s cubic-bezier(.2,.8,.2,1)}.channel-card:hover .channel-card__shot img,.channel-card:focus-visible .channel-card__shot img{transform:scale(1.03)}.motion-gsap .home-section .eyebrow:before{width:0;transition:width .72s cubic-bezier(.2,.8,.2,1) .12s}.motion-gsap .home-section.is-visible .eyebrow:before{width:46px}.motion-gsap .home-section .section-title:after{width:0;transition:width .82s cubic-bezier(.2,.8,.2,1) .26s}.motion-gsap .home-section.is-visible .section-title:after{width:72px}.motion-gsap .home-section:before{width:0;transition:width .9s cubic-bezier(.2,.8,.2,1) .18s}.motion-gsap .home-section.is-visible:before{width:min(140px,18vw)}@keyframes manifest-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-note{max-width:420px;margin:0;color:var(--muted);line-height:1.65}.channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.channel-card{display:block;border:1px solid var(--ink);background:rgba(var(--panel-rgb),.86);padding:10px;color:var(--ink);box-shadow:var(--shadow-paper);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease}.channel-card:hover,.channel-card:focus-visible{transform:translate(-3px,-3px) rotate(-.4deg);box-shadow:var(--shadow-hard);outline:none}.channel-card__figure{display:grid;gap:10px;margin:0}.channel-card__shot,.channel-code-archive{overflow:hidden;display:block;aspect-ratio:9 / 14.5;border:1px solid var(--line);background:var(--paper)}.channel-card__shot img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center;filter:saturate(.82) contrast(.96) sepia(.08)}.channel-code-archive{display:grid;align-content:center;gap:12px;padding:18px;background:linear-gradient(90deg,rgba(var(--ink-rgb),.04) 1px,transparent 1px),linear-gradient(180deg,rgba(var(--ink-rgb),.04) 1px,transparent 1px),var(--panel);background-size:22px 22px}.channel-code-archive span{display:block;border:1px solid var(--line);background:rgba(var(--paper-rgb),.84);padding:9px 10px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.35}.channel-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:10px 4px 2px;color:var(--ink);font-size:20px;font-weight:800}.channel-card__cta{min-width:46px;border:1px solid var(--line);padding:5px 9px;color:var(--muted);text-align:center;font-size:13px;font-weight:700;line-height:1.2}@keyframes grid-drift{0%{background-position:0 0,0 0,center,center,center}to{background-position:42px 0,0 42px,center,center,center}}@media(prefers-reduced-motion:reduce){body{animation:none}body:before,body:after{display:none}.button,.panel,.nav-list a,.social-list a,.tag{transition:none}.button:hover,.panel:hover,.nav-list a:hover,.social-list a:hover{transform:none}.button:after{display:none}.motion-ready .home-section,.motion-ready .home-section .panel,.motion-ready .home-section .button,.motion-ready .home-hero .hero-visual,.motion-ready .home-hero .display-title,.motion-ready .home-hero .button,.motion-ready .reveal,.motion-ready .reveal-scale,.motion-ready .stagger-reveal>*{opacity:1;transform:none;transition:none}.manifest-strip__track{animation:none;transform:none}.channel-card__shot img{transition:none}.channel-card:hover .channel-card__shot img,.channel-card:focus-visible .channel-card__shot img{transform:none}.scroll-progress{display:none}}@media(max-width:1024px){.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.site-shell{padding:18px}.site-header,.site-footer{align-items:flex-start;flex-direction:column}.site-header{border-radius:24px}.site-footer .social-list{justify-content:flex-start}.nav-list{gap:10px}.section-grid{grid-template-columns:1fr}.lead{font-size:17px}.channel-grid{grid-template-columns:1fr}.manifest-strip{padding:10px 0}.screenshot-frame__body{min-height:180px}}@media(max-width:760px){.site-shell{padding:14px;gap:24px;grid-template-columns:minmax(0,1fr)}.site-header{gap:10px;padding:8px 10px}.site-header,.site-footer,.container{min-width:0;max-width:100%}.brand{min-width:0}.brand-mark{width:28px;height:28px;box-shadow:3px 3px 0 var(--ink)}.brand span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-list{width:100%;overflow-x:auto;overscroll-behavior-x:contain;flex-wrap:nowrap;gap:8px;padding-bottom:2px;scrollbar-width:none}.nav-list::-webkit-scrollbar{display:none}.nav-list a{min-height:34px;flex:0 0 auto;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:#fffdf7c2;padding:0 10px}.lang-link{padding:0 10px}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.channel-card{padding:7px}.channel-card__figure{gap:7px}.channel-card__shot,.channel-code-archive{aspect-ratio:1 / 1.22}.channel-code-archive{gap:7px;padding:10px}.channel-code-archive span{padding:6px 7px;font-size:10px}.channel-card figcaption{gap:8px;padding:8px 2px 1px;font-size:15px}.channel-card__cta{min-width:36px;padding:4px 6px;font-size:11px}[data-desktop-only=drive]{display:none!important}}@media(max-width:380px){.channel-card figcaption{align-items:flex-start;flex-direction:column}.channel-card__cta{width:100%}}