@font-face{font-family:Manrope;src:url('/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
body[data-page=home]{background:#080806;color:#fff9e8;font-family:Manrope,'PingFang SC','Microsoft YaHei',sans-serif}
body[data-page=home] .shell{max-width:none;width:100%;margin:0;padding:0;background:#080806}
body[data-page=home] main{max-width:none;width:100%;margin:0;padding:0!important}
body[data-page=home] .route-context,body[data-page=home] .main-footer,body[data-page=home] #page-navigation,body[data-page=home] #theme-toggle{display:none}
body[data-page=home] .site-header{background:#0c0c08;border-color:#ffffff12}
body[data-page=home] .brand,body[data-page=home] .mobile-brand .mobile-wordmark{color:#fff9e8}
body[data-page=home] .brand-sub{color:#aca895}
body[data-page=home] .sidebar .flat-nav .nav-single{color:#b7b3a3}
body[data-page=home] .sidebar .flat-nav .nav-single:hover{background:#ffffff09;color:#fff9e8}
body[data-page=home] .launch-nav,body[data-page=home] .language-switch,body[data-page=home] #mobile-menu{background:#ffffff06;border-color:#ffffff20;color:#eee7d1}
body[data-page=home] .language-switch button{color:#aaa58f}
body[data-page=home] .language-switch button[aria-pressed=true]{background:#e0bc4b25!important;color:#f9d867!important}
body[data-page=home] .network{color:#c4b997}
.shader-hero{isolation:isolate;position:relative;display:grid;place-items:center;min-height:calc(100svh - 78px);overflow:hidden;background:radial-gradient(ellipse at 55% 50%,#735321 0%,#211a0c 32%,#080806 74%);padding:80px 28px 90px}
.shader-canvas,.shader-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.shader-fallback{position:absolute;inset:-25%;z-index:-3;background:radial-gradient(ellipse at 35% 45%,#b58027aa,transparent 42%),radial-gradient(ellipse at 70% 60%,#8c5e2470,transparent 50%);animation:shader-drift 14s ease-in-out infinite alternate;will-change:transform}
.shader-hero[data-renderer=webgl] .shader-fallback{display:none}
.shader-hero[data-motion=paused] .shader-fallback{animation-play-state:paused}
.shader-canvas{opacity:0;transition:opacity 1s ease;pointer-events:none}
.shader-canvas.shader-ready{opacity:1}
.shader-shade{z-index:-1;background:linear-gradient(180deg,#08080630,#08080610 45%,#08080688),radial-gradient(ellipse at center,#00000005 20%,#00000055 100%)}
.shader-content{text-align:center;width:100%;max-width:1050px;position:relative}
.shader-content h1{margin:0 0 27px;font-size:clamp(44px,5.4vw,78px);line-height:1.16;letter-spacing:-2.8px;font-weight:600}
.shader-content h1 span{display:block;background:linear-gradient(105deg,#fff0be 5%,#ffd44b 50%,#f0ae3e 95%);background-clip:text;-webkit-background-clip:text;color:transparent;animation:shader-in .8s .12s ease both}
.shader-content h1 span+span{background-image:linear-gradient(105deg,#ffe495,#efbd66,#e78f55);animation-delay:.25s}
.shader-content>p{max-width:650px;margin:0 auto 34px;font-size:17px;line-height:1.8;color:#eee2c5;font-weight:400;text-shadow:0 2px 10px #000;animation:shader-in .8s .4s ease both}
.shader-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;animation:shader-in .8s .55s ease both}
.shader-primary,.shader-secondary,.shader-how{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;padding:15px 25px;font-size:14px;font-weight:600;min-height:53px;transition:transform .2s,background .2s,box-shadow .2s}
.shader-primary{color:#211805;background:linear-gradient(110deg,#e9ad28,#f5cf4c);border:1px solid #f8d961;box-shadow:0 5px 30px #dda72024}
.shader-primary svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;fill:none}
.shader-secondary{color:#ffe8b2;border:1px solid #f3ce784d;background:#cb9f3612;backdrop-filter:blur(12px)}
.shader-primary:hover,.shader-secondary:hover{transform:translateY(-3px);box-shadow:0 10px 35px #dda72035}
.shader-secondary:hover{background:#cb9f3625}
.shader-how{border:1px solid #f3ce7880;background:#17140de6;color:#fff3d4;box-shadow:0 3px 20px #0003}
.shader-how svg{width:18px;height:18px;stroke-width:1.5;fill:none;flex-shrink:0}
.shader-how:hover{background:#39301ee6;border-color:#f6d47c;transform:translateY(-3px)}
.shader-content a:focus-visible{outline:2px solid #fff0b9;outline-offset:6px}
.shader-foot{position:absolute;bottom:25px;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#b3a17b;font-size:10px;letter-spacing:1.3px;text-transform:uppercase}
.shader-motion{display:inline-flex;align-items:center;gap:8px;border:1px solid #dfc38355;border-radius:999px;padding:9px 13px;background:#13110cd9;color:#e5d4ad;font-size:11px;font-weight:500;letter-spacing:0;text-transform:none}
.shader-motion:hover{border-color:#f6d47c;color:#fff4d5}
.shader-motion:focus-visible{outline:2px solid #fff0b9;outline-offset:4px}
.motion-symbol{width:12px;text-align:center}
@keyframes shader-drift{from{transform:translate(-3%,-2%) rotate(-8deg) scale(1)}to{transform:translate(5%,4%) rotate(9deg) scale(1.2)}}
@keyframes shader-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1099px){body[data-page=home] .sidebar{background:#17170e!important;border-color:#393728}body[data-page=home] .sidebar-footer,body[data-page=home] .community-link{color:#b7b3a3}.shader-content h1{font-size:clamp(42px,6vw,66px);letter-spacing:-2.2px}.shader-content>p{max-width:600px}}
@media(max-width:600px){.shader-hero{min-height:calc(100svh - 68px);padding:64px 23px 100px}.shader-content h1{font-size:clamp(34px,8.7vw,50px);line-height:1.22;letter-spacing:-1.3px;margin-bottom:25px}.shader-content>p{font-size:14px;line-height:1.85;margin-bottom:29px;max-width:360px}.shader-actions{flex-direction:column;gap:12px}.shader-primary,.shader-secondary,.shader-how{width:100%;max-width:260px;padding:13px 23px;font-size:13px;min-height:47px}.shader-foot{left:22px;right:22px;bottom:21px;font-size:8px;letter-spacing:.8px}.shader-motion{font-size:10px;padding:9px 11px}}
@media(prefers-reduced-motion:reduce){.shader-content *{animation:none!important;transition:none!important}.shader-primary:hover,.shader-secondary:hover{transform:none}.shader-canvas{transition:none}}