:root{color:#111827;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans,Microsoft YaHei,Noto Sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--blue: #2563eb;--blue-deep: #1e3a5f;--orange: #f97316;--ink: #111827;--muted: #6b7280;--line: rgba(148, 163, 184, .2)}*{box-sizing:border-box}body{margin:0;min-width:320px}body.mobile-menu-open{overflow:hidden;overscroll-behavior:none}button{border:0;background:transparent;color:inherit;font:inherit;letter-spacing:0;cursor:pointer}.site-shell{min-height:100vh;background:#fff}.home-shell{background:linear-gradient(135deg,#3b82f608,#2563eb14 30%,#ffffff05),#fff}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .7s ease-out,transform .7s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.site-footer{padding:44px 16px;text-align:center;background:#f9fafb}.site-footer p{margin:0;color:var(--muted);font-size:14px}.site-header{position:fixed;inset:0 0 auto;z-index:50;padding:20px 0;color:#fff;transition:padding .2s ease,background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.site-header.scrolled{padding:12px 0;color:var(--ink);background:#fffffff0;border-bottom:1px solid var(--line);box-shadow:0 8px 26px #0f172a12;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.site-header.open{color:#fff;background:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.header-inner,.content-wrap,.hero-content{width:min(100% - 32px,1080px);margin:0 auto}.header-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.brand-link{font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:500;line-height:1}.desktop-nav{display:flex;align-items:center;gap:32px}.desktop-nav>button,.language-button{font-size:14px;transition:color .18s ease}.desktop-nav>button:hover,.desktop-nav>button.active,.language-button:hover{color:color-mix(in srgb,currentColor 68%,var(--blue))}.vision-hero~.site-header .desktop-nav>button:hover,.vision-hero~.site-header .desktop-nav>button.active{color:var(--orange)}.language-switcher{position:relative}.language-button{display:inline-flex;align-items:center;gap:5px}.language-menu{position:absolute;top:calc(100% + 12px);right:0;min-width:112px;padding:8px;color:var(--ink);background:#fffffff5;border:1px solid rgba(226,232,240,.9);border-radius:8px;box-shadow:0 18px 48px #0f172a1f}.language-menu button{display:block;width:100%;padding:8px 10px;border-radius:6px;text-align:left;font-size:14px}.language-menu button:hover{background:#f3f4f6}.mobile-menu-button{display:none;align-items:center;justify-content:center;width:42px;height:42px}.mobile-menu{position:fixed;inset:0;z-index:45;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease;background:#0f172ac2;border-bottom:1px solid rgba(255,255,255,.16);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);color:#fff}.mobile-menu.visible{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu-inner{width:min(100% - 32px,1080px);margin:0 auto;padding:84px 0 24px}.mobile-menu nav{display:grid;gap:8px}.mobile-menu nav button{padding:11px 0;text-align:left;font-size:18px;color:inherit}.mobile-language{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2)}.mobile-language span{display:block;margin-bottom:12px;color:#ffffffad;font-size:13px}.mobile-language div{display:flex;flex-wrap:wrap;gap:10px}.mobile-language button{min-height:38px;padding:0 14px;border-radius:8px;background:#ffffff1a;color:inherit}.mobile-language button.selected,.mobile-language button:hover{background:#fff3}.mobile-menu.theme-light{background:#ffffffe0;border-bottom:1px solid var(--line);box-shadow:0 12px 32px #0f172a14;color:var(--ink);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.mobile-menu.theme-light .mobile-language{border-top-color:var(--line)}.mobile-menu.theme-light .mobile-language span{color:var(--muted)}.mobile-menu.theme-light .mobile-language button{background:#0f172a0f}.mobile-menu.theme-light .mobile-language button.selected,.mobile-menu.theme-light .mobile-language button:hover{background:#0f172a1f}.works-shell .site-header{color:var(--ink);background:#fffffff0;border-bottom:1px solid var(--line);box-shadow:0 8px 26px #0f172a12;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.works-shell .site-header.open{color:var(--ink)}.hero{position:relative;display:flex;align-items:center;min-height:100vh;overflow:hidden;background-position:center;background-size:cover}.home-hero{background-image:url(/pictures/bgindex.jpg)}.vision-hero{background-image:url(/pictures/bgvision.jpg)}.hero-overlay{position:absolute;inset:0;background:#0000004d}.hero-content{position:relative;z-index:1;max-width:900px;padding:112px 0;text-align:center;color:#fff}.hero-content h1{margin:0 0 24px;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,8vw,72px);font-weight:500;line-height:1.08}.hero-content p{max-width:760px;margin:0 auto 32px;color:#ffffffe6;font-size:clamp(17px,2.6vw,22px);line-height:1.7}.hero-content .typewriter-text{min-height:calc(2lh + 12px)}.typewriter-cursor{display:inline-block;width:2px;height:1.16em;margin-left:3px;vertical-align:-.16em;background:#ffffffe6;animation:typewriter-caret .9s steps(2,jump-none) infinite}@keyframes typewriter-caret{0%,48%{opacity:1}49%,to{opacity:0}}.hero-content small{color:#ffffffb8;font-size:14px}.home-copyright{position:absolute;left:50%;bottom:36px;z-index:2;width:min(100% - 32px,1080px);transform:translate(-50%);color:#ffffffdb;text-align:center;font-size:14px;line-height:1.6;text-shadow:0 1px 12px rgba(0,0,0,.5)}.vision-content-section{padding:88px 0 92px}.content-wrap{max-width:920px}.letter{max-width:680px;margin:0 auto 92px}.letter h2{margin:0 0 46px;text-align:center;font-size:clamp(26px,4vw,34px);font-weight:500;color:var(--ink)}.letter-body{max-width:600px;margin:0 auto}.letter-greeting{margin:0 0 18px;color:#4b5563;font-size:15.5px;line-height:2.1}.letter-paragraph{margin:0 0 16px;color:#4b5563;font-size:15.5px;line-height:2.1}.letter-wish{margin:36px 0 0;color:#4b5563;font-size:15.5px;line-height:2.1}.pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}.pillar{position:relative;min-height:150px;padding-top:24px;text-align:left;border-top:1px solid rgba(30,58,95,.12)}.pillar-index{display:block;margin-bottom:16px;color:#1e3a5f75;font-size:15px;line-height:1}.pillar h3{margin:0 0 12px;color:var(--blue-deep);font-size:23px;font-weight:500;line-height:1.2}.pillar p{margin:0;color:#4b5563;font-size:15px;line-height:1.76}.works-content-section{padding:120px 0 96px}.works-wrap{width:min(100% - 32px,1080px);margin:0 auto}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.app-card{position:relative;display:flex;flex-direction:column;padding:26px 26px 22px;border-radius:22px;isolation:isolate;background:#fff;border:1px solid rgba(15,23,42,.07);box-shadow:0 2px 8px #0f172a05,0 8px 24px #0f172a08;transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s cubic-bezier(.16,1,.3,1),border-color .32s ease;color:var(--ink)}.app-card-bg{position:absolute;inset:0;z-index:0;border-radius:22px;overflow:hidden;pointer-events:none;opacity:0;transform:translateZ(0);transition:opacity .36s cubic-bezier(.16,1,.3,1);-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(#fff,#000)}.app-card>*:not(.app-card-bg){position:relative;z-index:1}.app-cover{position:absolute;inset:-60px;background-color:#2b3a55;background-size:cover;background-position:center;filter:blur(44px) saturate(1.55);transform:scale(.96) translateZ(0);transition:transform .4s cubic-bezier(.16,1,.3,1)}.app-card-overlay{position:absolute;inset:0;background:#0a12286b}.app-icon{width:66px;height:66px;margin:0 0 18px;border:2px solid rgba(255,255,255,.95);border-radius:15px;background:#fff;box-shadow:0 4px 14px #0f172a14,0 1px 3px #0f172a0a;transition:transform .32s ease,box-shadow .32s ease}.app-name{margin:0 0 8px;color:#0f172a;font-size:18.5px;font-weight:600;line-height:1.35;letter-spacing:-.015em;transition:color .32s ease}.app-tagline{flex:1;margin:0 0 20px;color:#4b5563;font-size:13.5px;font-weight:400;line-height:1.68;letter-spacing:.005em;transition:color .32s ease}.app-meta{padding-top:15px;border-top:1px solid rgba(15,23,42,.06);transition:border-color .32s ease}.app-store-link{display:inline-flex;align-items:center;gap:5px;color:#2563eb;font-size:13.5px;font-weight:500;letter-spacing:.01em;text-decoration:none;transition:color .32s ease,transform .2s ease}.app-store-link svg{transition:transform .2s ease}.app-store-link:hover{color:#1d4ed8}.app-store-link:hover svg{transform:translate(2px,-2px)}@media(hover:hover)and (pointer:fine){.app-card:hover{transform:translateY(-6px);border-color:transparent;box-shadow:0 12px 24px #0f172a1f,0 24px 48px #0f172a29}.app-card:hover .app-card-bg{opacity:1}.app-card:hover .app-cover{transform:scale(1) translateZ(0)}.app-card:hover .app-icon{transform:scale(1.04);box-shadow:0 12px 28px #0f172a57}.app-card:hover .app-name{color:#fff}.app-card:hover .app-tagline{color:#ffffffe0}.app-card:hover .app-meta{border-top-color:#ffffff3d}.app-card:hover .app-store-link{color:#fff}.app-card:hover .app-store-link:hover{color:#fffc}}.works-developer{margin-top:56px;text-align:center}.works-developer a{display:inline-flex;align-items:center;gap:5px;padding:12px 26px;color:var(--blue-deep);font-size:15px;text-decoration:none;border:1px solid rgba(30,58,95,.18);border-radius:999px;transition:color .18s ease,border-color .18s ease,background .18s ease}.works-developer a:hover{color:var(--blue);border-color:#2563eb66;background:#2563eb0a}.audio-player{position:fixed;right:24px;bottom:24px;z-index:60;width:48px;height:48px;opacity:.42;transition:opacity .22s ease,transform .26s ease}.audio-player:hover,.audio-player:focus-within{opacity:1}.audio-player.hiddenMobile{transform:translate(100%);opacity:.3}.audio-button{position:absolute;inset:0;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;color:#374151;background:#fffc;border:1px solid rgba(147,197,253,.34);border-radius:50%;box-shadow:0 0 60px #3b82f626,0 0 100px #2563eb1a,inset 0 0 60px #3b82f60d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.audio-player.visionStyle .audio-button{color:#ffffffdb;background:#ffffff1f;border-color:#ffffff38;box-shadow:0 12px 38px #0f172a2e}.progress-ring{position:absolute;inset:0;width:48px;height:48px;transform:rotate(-90deg);pointer-events:none}.progress-ring circle{fill:none;stroke-width:1.8}.progress-track{stroke:#93c5fd80}.progress-value{stroke:#3b82f6;stroke-dasharray:125.6;transition:stroke-dashoffset .18s ease}.audio-player.visionStyle .progress-track{stroke:#fff3}.audio-player.visionStyle .progress-value{stroke:#ffffffa8}@media(max-width:1023px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.desktop-nav{display:none}.mobile-menu-button{display:inline-flex}.header-inner,.content-wrap,.hero-content{width:min(100% - 28px,1080px)}.hero-content{padding:96px 0}.hero-content h1{font-size:clamp(40px,13vw,54px)}.hero-content p{font-size:17px}.home-copyright{bottom:28px;width:min(100% - 28px,1080px)}.vision-content-section{padding:68px 0 70px}.letter{margin-bottom:60px}.pillar-grid{grid-template-columns:1fr;gap:30px}.pillar{min-height:auto;padding-top:21px}.works-content-section{padding:104px 0 70px}.works-wrap{width:min(100% - 28px,1080px)}.app-grid{grid-template-columns:1fr;gap:20px}.app-card{padding:22px 22px 20px;border-radius:20px}.app-icon{width:60px;height:60px;margin-bottom:15px;border-radius:14px}.app-name{font-size:17.5px;margin-bottom:7px}.app-tagline{font-size:13.5px;line-height:1.65;margin-bottom:16px}.app-meta{padding-top:14px}.app-store-link{font-size:13px}.works-developer{margin-top:44px}}