:root{color-scheme:light;--page-bg:#fff;--page-ink:#050505;--glass-frost-bg:rgba(255,255,255,.18);--glass-fallback-bg:rgba(255,255,255,.34);--glass-fallback-border:rgba(255,255,255,.3);--theme-progress-color:#587FAA}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:var(--page-bg);color:var(--page-ink);font-family:"Source Han Serif SC","Source Han Serif CN","Noto Serif CJK SC",Songti SC,serif}body{overflow:hidden;transition:background-color .9s ease,color .7s ease}body[data-theme=black]{color-scheme:dark;--page-bg:#050505;--page-ink:#fff;--glass-frost-bg:rgba(255,255,255,.1);--glass-fallback-bg:rgba(255,255,255,.14);--glass-fallback-border:rgba(255,255,255,.2)}body[data-theme=image]{--page-bg:#eaf1f8;--page-ink:#050505;--glass-frost-bg:rgba(255,255,255,.2);--glass-fallback-bg:rgba(255,255,255,.36);--glass-fallback-border:rgba(255,255,255,.34)}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}.home-page{position:relative;width:100%;min-height:100vh;min-height:100dvh;overflow:hidden;background:var(--page-bg);transition:background-color .9s ease,color .7s ease}.home-scene{position:absolute;inset:0;z-index:0;background:url(./home-scene.png?v=20260820-f4c5f5f335) center center/cover no-repeat;opacity:0;transform:scale(1.025);transition:opacity .95s ease,transform 1.15s ease;pointer-events:none}body[data-theme=image] .home-scene{opacity:1;transform:scale(1)}.home-nav{position:absolute;inset:0 0 auto;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;width:100%;height:170px;padding:0 clamp(32px,9.15vw,176px)}.home-nav-left,.home-nav-right{display:flex;align-items:center;gap:40px;padding-top:78px;font-size:16px;line-height:1}.home-nav-right{justify-content:flex-end}.home-brand,.home-brand:hover{opacity:1}.home-brand{position:relative;display:block;width:354px;height:170px}.home-brand-image{position:absolute;inset:0;display:block;width:100%;height:auto;transition:opacity .45s ease}.home-brand-white,body[data-theme=black] .home-brand-black{opacity:0}body[data-theme=black] .home-brand-white{opacity:1}.home-hero{position:relative;z-index:1;width:100%;min-height:100vh;min-height:100dvh;overflow:hidden}.hero-copy{position:absolute;z-index:3;top:calc(28.2vh - 30px);left:calc(50% + 50px);width:min(792px,calc(100% - 48px));transform:translate(-50%);text-align:left}.hero-copy h1,.hero-copy p{margin:0;font-size:28px;line-height:1.25;font-weight:400;letter-spacing:0}.hero-copy p{margin-top:13px}.hero-copy .site-purpose{margin-top:18px;color:var(--page-ink);font-size:13px;line-height:1.4;opacity:.56}.hero-product{position:absolute;z-index:1;top:40vh;left:50%;display:block;width:min(56.8vw,101.205vh,1091px);width:min(56.8vw,101.205dvh,1091px);height:auto;transform:translate(-50%);object-fit:contain;pointer-events:none;user-select:none}.theme-switcher{position:absolute;z-index:4;top:48.3vh;left:13.55vw;display:flex;align-items:center;gap:48px}.theme-switcher-tones .theme-button:nth-child(2){margin-left:30px}.theme-switcher-scene{right:calc(13.55vw + 78px);left:auto}.glass-button{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:0;cursor:pointer;transition:transform .2s ease,opacity .26s ease-out,color .45s ease}.glass-button>:not(.glass-surface__filter){position:relative;z-index:1}.glass-surface__filter{position:absolute;inset:0;z-index:-1;width:100%;height:100%;opacity:0;pointer-events:none}.glass-surface--svg{background:var(--glass-frost-bg);-webkit-backdrop-filter:var(--filter-id) saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id) saturate(var(--glass-saturation,1));box-shadow:0 0 2px 1px #00000014 inset,0 0 9px 3px #0000000a inset,0 8px 24px #11111a09,0 16px 48px #11111a06,0 8px 24px #11111a06 inset}body[data-theme=black] .glass-surface--svg{box-shadow:0 0 2px 1px #ffffff47 inset,0 0 9px 3px #ffffff1a inset,0 8px 24px #0000001f}.glass-surface--fallback{background:var(--glass-fallback-bg);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);border:1px solid var(--glass-fallback-border);box-shadow:0 8px 32px #1f26871a,0 2px 16px #1f26870d,inset 0 1px #fff6,inset 0 -1px #fff3}body[data-theme=black] .glass-surface--fallback{-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}.glass-button:hover{transform:translateY(-2px)}.glass-button:active{transform:translateY(0) scale(.96)}.glass-button:focus-visible{outline:2px solid #007aff;outline-offset:2px}.language-button{appearance:none;display:flex;align-items:center;justify-content:center;min-width:48px;height:34px;padding:0 12px;border-radius:18px;font-size:16px;line-height:1;margin-top:-20px}.theme-button{appearance:none;display:grid;place-items:center;width:48px;height:48px;padding:0;border-radius:50%;overflow:visible}.glass-button>.theme-progress{position:absolute;z-index:2;inset:0;width:100%;height:100%;overflow:visible;opacity:0;pointer-events:none}.theme-progress circle{fill:none;stroke:var(--theme-progress-color);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:301.593 301.593;stroke-dashoffset:301.593;vector-effect:non-scaling-stroke}.theme-button.is-active .theme-progress{opacity:1}.theme-dot{display:block;width:27px;height:27px;border-radius:50%;box-shadow:0 1px 3px #0003}.theme-dot-white{background:#fff;border:1px solid #555}.theme-dot-black{background:#050505}.theme-dot-image{background:url(./home-scene.png?v=20260820-f4c5f5f335) center/cover no-repeat;border:1px solid rgba(255,255,255,.75)}.hero-cta{position:absolute;z-index:5;top:84vh;left:50%;display:flex;align-items:center;justify-content:center;width:206px;height:67px;border-radius:41px;font-size:20px;line-height:1;transform:translate(-50%)}.hero-cta:hover{transform:translate(-50%) translateY(-2px)}.hero-cta:active{transform:translate(-50%) scale(.97)}.hero-cta-static{cursor:default;user-select:none}.hero-cta-static:hover,.hero-cta-static:active{transform:translate(-50%)}.site-footer{position:absolute;z-index:15;left:50%;bottom:12px;transform:translate(-50%);color:var(--page-ink);font-size:12px;line-height:1.4;white-space:nowrap}.site-footer a{opacity:.62;text-underline-offset:3px;transition:opacity .18s ease}.site-footer a:hover,.site-footer a:focus-visible{opacity:1;text-decoration:underline}@media(max-width:1100px){.home-nav{padding:0 40px}.home-nav-left,.home-nav-right{gap:28px;padding-top:58px}.home-brand{width:283px;height:136px}.hero-copy{top:24vh;width:min(650px,calc(100% - 56px))}.hero-copy h1,.hero-copy p{font-size:24px}.hero-product{top:38vh;width:min(78vw,98.091dvh)}.theme-switcher{top:49vh;left:6vw;gap:28px}.theme-switcher-scene{right:6vw;left:auto}}@media(max-width:720px){body{overflow:auto}.home-page,.home-hero{min-height:760px}.home-nav{position:relative;grid-template-columns:1fr 1fr;height:138px;padding:0 22px}.home-brand{position:absolute;top:-10px;left:50%;width:176px;height:auto;transform:translate(-50%)}.home-nav-left,.home-nav-right{padding-top:94px;font-size:15px}.home-nav-right{gap:14px}.language-button{min-width:42px;height:30px;font-size:14px}.home-hero{min-height:calc(100dvh - 138px)}.hero-copy{top:18px;width:calc(100% - 40px);text-align:center}.hero-copy h1,.hero-copy p{font-size:18px;line-height:1.35}.hero-copy p{margin-top:8px}.hero-copy .site-purpose{margin-top:12px;font-size:12px}.hero-product{top:165px;width:min(132vw,720px)}.theme-switcher{top:142px;left:20px;gap:8px}.theme-switcher-scene{right:20px;left:auto}.theme-button{width:40px;height:40px}.theme-dot{width:23px;height:23px}.hero-cta{top:auto;bottom:70px;width:190px;height:52px;font-size:15px}.site-footer{bottom:10px;font-size:11px}}@media(max-height:720px)and (min-width:721px){.home-nav-left,.home-nav-right{padding-top:48px}.home-brand{width:283px;height:136px}.hero-copy{top:22vh}.hero-product{top:36vh;width:min(55vw,99.648dvh)}.hero-cta{top:auto;bottom:58px;height:52px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@supports not (backdrop-filter:blur(10px)){.glass-surface--fallback{background:#fff6}body[data-theme=black] .glass-surface--fallback{background:#0006}}
