*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1a1a1a;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#fff;min-height:100vh;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.75}#app{min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit;color:inherit}ul,ol{list-style:none}:root{--color-bg-deep:#f5f6f8;--color-bg:#fff;--color-bg-elevated:#fff;--color-accent:#3d7eff;--color-accent-dim:#3d7eff1f;--color-accent-bright:#5ba3ff;--color-steel:#1e4fd6;--color-steel-dim:#1e4fd61a;--color-purple:#5b4b8a;--color-purple-deep:#3d335f;--color-purple-dim:#5b4b8a1f;--gradient-electric:linear-gradient(135deg, #5ba3ff 0%, #3d7eff 48%, #6b5ce7 100%);--gradient-electric-soft:linear-gradient(135deg, #5ba3ff2e, #6b5ce71f);--color-text:#1a1a1a;--color-text-muted:#666;--color-border:#0000000f;--color-border-strong:#0000001f;--color-silver:#c5ccd8;--font-display:PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, sans-serif;--font-body:PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, sans-serif;--container-max:1200px;--header-height:64px}.container{width:min(100% - 48px, var(--container-max));margin-inline:auto}.section{padding:88px 0;position:relative}.section-title{font-family:var(--font-display);letter-spacing:.02em;color:var(--color-text);font-size:clamp(1.6rem,2.4vw,2rem);font-weight:700;line-height:1.3}.section-subtitle{max-width:640px;color:var(--color-text-muted);margin-top:16px;font-size:.95rem;line-height:1.8}.title-bar{background:linear-gradient(135deg,#5ba3ff 0%,#3d7eff 48%,#6b5ce7 100%);width:40px;height:3px;margin-top:14px;display:block}.btn{letter-spacing:.02em;cursor:pointer;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 28px;font-size:.9rem;font-weight:500;transition:background .25s cubic-bezier(.22,1,.36,1),border-color .25s cubic-bezier(.22,1,.36,1),color .25s cubic-bezier(.22,1,.36,1),opacity .25s cubic-bezier(.22,1,.36,1);display:inline-flex}.btn-primary{background:var(--gradient-electric);color:#fff;border:0}.btn-primary:hover{opacity:.92}.btn-ghost{color:#fff;background:0 0;border-color:#ffffffd9}.btn-ghost:hover{background:#ffffff1f}.btn-outline{border-color:var(--color-border-strong);color:var(--color-text);background:0 0}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.link-more{color:var(--color-accent);align-items:center;gap:6px;margin-top:20px;font-size:.92rem;display:inline-flex}.link-more:hover{text-decoration:underline}.reveal{opacity:0;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transform:translateY(20px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.page-banner{text-align:center;color:#fff;background:linear-gradient(120deg,#1e2846b8,#3d335f8c),radial-gradient(80% 60% at 70% 40%,#5ba3ff59,#0000 60%),linear-gradient(165deg,#2a3550 0%,#1a2235 100%);justify-content:center;align-items:center;min-height:320px;padding:112px 24px 56px;display:flex;position:relative}.page-banner h1{letter-spacing:.04em;margin-bottom:12px;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700}.page-banner .lead{color:#ffffffe0;max-width:640px;margin:0 auto;font-size:1rem;line-height:1.8}@media (width<=768px){.container{width:min(100% - 32px, var(--container-max))}.section{padding:64px 0}}