:root{--bg-primary:#fff;--bg-secondary:#f5f6f9b3;--bg-card:linear-gradient(165deg, #fffc, #ffffff75);--bg-card-hover:linear-gradient(165deg, #fffffff0, #ffffffa3);--bg-nav:#ffffffd9;--bg-elevated:#fbfbfd;--border:#ffffff9e;--border-light:#ffffffeb;--text-primary:#0a0a0a;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-inverse:#fff;--accent:#15171b;--accent-hover:#0c0d10;--accent-subtle:#0000000e;--accent-soft:#00000009;--gradient:linear-gradient(135deg, #c7ccd5 0%, #969eab 52%, #6a7483 100%);--gradient-text:linear-gradient(135deg, #31353d 0%, #17191d 100%);--gradient-soft:linear-gradient(135deg, #f4f4f6 0%, #ececef 100%);--success:#16a34a;--warning:#d97706;--error:#dc2626;--shadow-sm:0 1px 3px #0000000a, 0 3px 12px #0000000d;--shadow-md:0 10px 30px #00000012, 0 2px 8px #00000008;--shadow-lg:0 24px 56px #00000017, 0 3px 12px #00000008;--shadow-card:0 14px 36px #0000000f, 0 2px 8px #00000005;--ring-glow:0 0 0 1px #fff9, 0 12px 34px #0000001a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--section-gap:135px;--content-max-w:none;--card-gap:24px;--card-pad:32px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;background-color:#0000;background-image:radial-gradient(1200px 900px at 12% -14%,#fffffff2,#0000 55%),radial-gradient(1000px 800px at 90% -8%,#e2e7f28c,#0000 52%),radial-gradient(1500px 1100px at 50% 120%,#e9ecf6d9,#0000 62%),linear-gradient(#fff 0%,#f7f8fb 40%,#eef0f6 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}h1{letter-spacing:-.02em;font-size:52px;font-weight:700;line-height:1.15}h2{letter-spacing:-.01em;font-size:36px;font-weight:700}h3{font-size:22px;font-weight:600}p{color:var(--text-secondary);font-size:16px}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}.section{padding:var(--section-gap) 0}.section-inner{max-width:var(--content-max-w);margin:0 auto;padding:0 clamp(24px,3.5vw,64px)}.section-header{text-align:center;margin-bottom:66px}.section-badge{background:var(--gradient-soft);color:var(--text-secondary);border:1px solid var(--border);letter-spacing:.4px;border-radius:24px;margin-bottom:18px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block;box-shadow:0 3px 12px #0000000d}.section-title{letter-spacing:-.02em;margin-bottom:14px;font-weight:800}.section-subtitle{color:var(--text-secondary);max-width:620px;margin:0 auto;font-size:18px;line-height:1.8}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--card-pad);-webkit-backdrop-filter:blur(16px)saturate(140%);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffffd9;transition:all .25s;position:relative}.card:before{content:"";background:linear-gradient(90deg,#0000,#fffffff2,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.card:hover{background:var(--bg-card-hover);border-color:var(--border-light);box-shadow:var(--shadow-lg), inset 0 1px 0 #fff;transform:translateY(-4px)}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--gradient);color:#1b1d22;position:relative;overflow:hidden}.btn-primary:after{content:"";background:linear-gradient(120deg,#0000,#ffffff38,#0000);width:55%;height:100%;transition:left .7s;position:absolute;top:0;left:-130%;transform:skew(-20deg)}.btn-primary:hover:after{left:165%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00000038,inset 0 1px #ffffffe6}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-light);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 4px 16px #00000014}.btn-sm{padding:8px 18px;font-size:13px}.tag{border-radius:var(--radius-sm);align-items:center;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.tag-blue{background:var(--accent-subtle);color:var(--accent)}.tag-gray{color:var(--text-secondary);background:#00000012}.glass{-webkit-backdrop-filter:blur(16px);background:#ffffffc7;border:1px solid #fff9}@media (width<=1024px){h1{font-size:40px}h2{font-size:30px}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){h1{font-size:32px}h2{font-size:26px}.section{padding:78px 16px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);transform:translateY(30px)}.reveal-left{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);transform:translate(-36px)}.reveal-right{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);transform:translate(36px)}.reveal-scale{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);transform:scale(.94)}.reveal-visible{opacity:1;transform:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes heroGlowDrift{0%,to{opacity:.35;transform:translate(0)scale(1)}33%{opacity:.5;transform:translate(40px,-28px)scale(1.1)}66%{opacity:.4;transform:translate(-28px,22px)scale(.94)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes pulseNum{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmerX{0%{background-position:-200% 0}to{background-position:200% 0}}