:root{--page-bg:radial-gradient(circle at top left, #94d9ff6b, transparent 28%), radial-gradient(circle at top right, #ffd69829, transparent 22%), linear-gradient(180deg, #f6fbff 0%, #eef5fb 42%, #e9f2fb 100%);--wallpaper-image:none;--wallpaper-blur:5px;--wallpaper-opacity:.5;--surface:#ffffffdb;--line:#1b38591a;--ink-strong:#173858;--ink-soft:#58718a;--ink-muted:#7e93a8;--sea-700:#1f5f98;--sea-500:#3a83bf;--sun-700:#b6631f;--sun-500:#f4a259;--shadow-soft:0 18px 44px #18304e12;--shadow-large:0 28px 80px #1c3a5b1f;--display-font:"Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Segoe UI", sans-serif;--body-font:"Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Segoe UI", sans-serif;color:var(--ink-soft);font-family:var(--body-font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f8fd}html{scroll-behavior:smooth}*{box-sizing:border-box}body{background:var(--page-bg);min-width:320px;min-height:100vh;margin:0;position:relative}a,button,summary{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}#root{min-height:100vh}.page-shell{isolation:isolate;min-height:100vh;padding:24px;position:relative;overflow:hidden}.page-shell:before{content:"";z-index:-2;pointer-events:none;background:linear-gradient(#f7fbff42, #ebf4fc57), var(--wallpaper-image) center / cover no-repeat;filter:blur(var(--wallpaper-blur));opacity:var(--wallpaper-opacity);position:fixed;inset:-24px;transform:scale(1.06)}.page-shell:after{content:"";z-index:-1;pointer-events:none;opacity:.2;background-image:linear-gradient(#ffffff29 1px,#0000 1px),linear-gradient(90deg,#ffffff24 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 38%,#0000 90%);mask-image:radial-gradient(circle,#000 38%,#0000 90%)}.page-glow{filter:blur(36px);opacity:.46;pointer-events:none;border-radius:999px;position:fixed}.page-glow-left{background:#68c5f94d;width:280px;height:280px;top:12px;left:-34px}.page-glow-right{background:#ffd38547;width:320px;height:320px;bottom:12px;right:-34px}.topbar,.hero-section,.site-footer{z-index:1;max-width:1260px;margin:0 auto;position:relative}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #3d7dbb1f;border-radius:26px;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;display:flex;box-shadow:0 16px 36px #5e8dba14}.brand{color:inherit;align-items:center;gap:14px;text-decoration:none;display:inline-flex}.brand img{border-radius:15px;width:50px;height:50px;box-shadow:0 12px 24px #4889c629}.brand strong{color:#1f4f7f;font-size:1rem;display:block}.brand span{color:#6380a0;margin-top:3px;font-size:.9rem;display:block}.topbar-download,.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 22px;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s,background-color .16s,border-color .16s;display:inline-flex}.topbar-download:hover,.button:hover{transform:translateY(-1px)}.topbar-download,.button-primary{color:#fff;background:linear-gradient(135deg,#00a2ff,#3bb873);box-shadow:0 16px 28px #497fb92e}.button-secondary{color:#295988;background:#ffffffd6;border-color:#3d7dbb29}.hero-section{grid-template-columns:500px 1fr;align-items:start;gap:14px;padding:36px 0 24px;display:grid}.hero-section:before{content:"";z-index:-1;pointer-events:none;filter:blur(10px);background:linear-gradient(90deg,#f7fbffbd 0%,#f4f9ff94 40%,#f1f7fd38 72%,#f1f7fd00 100%);border-radius:42px;position:absolute;inset:18px 32% 12px -10px}.hero-visual{min-width:0;margin-left:15px}.hero-image-wrap{transform-origin:50%;border:0 solid #3d7dbb1f;border-radius:0;width:85%;animation:4.8s ease-in-out infinite float-shot;overflow:hidden;box-shadow:1px 2px 8px 8px #79a1c82e}.hero-image{width:100%;height:auto;display:block}.hero-image-fallback{color:#5e7185;background:#ffffffb8;place-items:center;min-height:320px;font-weight:600;display:grid}.hero-copy{min-width:0;margin-left:0;padding-right:10px}.eyebrow{color:#2169ad;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-family:var(--display-font);margin:0 0 14px;font-weight:700}.hero-copy h1{color:#005085;letter-spacing:-.05em;text-align:left;text-shadow:0 3px 18px #ffffff59;max-width:13ch;margin:0;font-size:clamp(2.35rem,4vw,3.9rem);line-height:1.2}.hero-lead{color:#005085;text-align:left;max-width:26rem;margin:18px 0 0;font-size:.98rem;font-weight:500;line-height:1.82}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.button-primary{min-width:244px}.download-note{color:#74869a;margin:16px 0 0;font-size:.84rem}.highlight-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:34px;display:grid}.highlight-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd6;border:1px solid #3d7dbb14;border-radius:20px;align-items:flex-start;gap:12px;padding:14px;display:flex;box-shadow:0 12px 24px #80abd514}.highlight-icon{color:#2d6ea9;background:linear-gradient(135deg,#4d9dde29,#ffca7833);border-radius:12px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.highlight-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.highlight-card strong{color:#234e78;font-size:.94rem;display:block}.highlight-card p{color:#68819a;margin:4px 0 0;font-size:.83rem;line-height:1.6}.site-footer{color:#6f89a3;justify-content:center;align-items:center;padding:18px 4px 6px;font-size:.88rem;display:flex}@keyframes float-shot{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (width<=1080px){.hero-section{grid-template-columns:1fr;gap:26px}.hero-copy{margin-left:0;padding-right:0}.hero-copy h1,.hero-lead{max-width:none}}@media (width<=760px){.page-shell{padding:14px}.topbar{flex-direction:column;align-items:flex-start}.topbar-download,.button,.button-primary{width:100%;min-width:0}.hero-section{gap:22px;padding-top:22px}.hero-copy h1{font-size:clamp(2.2rem,10vw,3.2rem)}.hero-actions{width:100%}.hero-actions .button{flex:100%}.highlight-row{grid-template-columns:1fr}}
