:root{--primary-color: #0066cc;--secondary-color: #004c99;--accent-color: #0099ff;--dark-color: #0a0a0a;--light-color: #101114;--text-color: #ffffff;--light-text: #a8b0bd;--border-color: rgba(255, 255, 255, .08);--success-color: #28a745;--warning-color: #ffc107;--error-color: #dc3545;--gradient-start: #0066cc;--gradient-end: #ffcc00;--card-bg: rgba(255, 255, 255, .035);--card-bg-hover: rgba(255, 255, 255, .06);--shadow-soft: 0 10px 40px rgba(0, 0, 0, .4);--shadow-glow: 0 12px 44px rgba(0, 153, 255, .14);--radius-lg: 18px;--radius-md: 12px;--ease-smooth: cubic-bezier(.22, .61, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);line-height:1.7;letter-spacing:.01em;background-color:var(--dark-color)}::selection{background:#0099ff59;color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0d0d0f}::-webkit-scrollbar-thumb{background:#2b2e36;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#3a3e48}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1200px;margin:0 auto;padding:0 24px}header{background-color:#0a0a0cd1;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);color:#fff;padding:0;position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-color)}nav{display:flex;justify-content:space-between;align-items:center;height:68px}.logo{font-size:1.35rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.6rem;letter-spacing:.02em}.logo:before{content:"";width:10px;height:10px;border-radius:3px;background:linear-gradient(135deg,var(--gradient-start),var(--accent-color));box-shadow:0 0 12px #09f9}.logo:after{content:"™";font-size:.7rem;margin-left:.1rem;color:var(--light-text)}.nav-links{display:flex;list-style:none;gap:.25rem}.nav-links li{margin-left:0}.nav-links a{color:var(--light-text);text-decoration:none;transition:color .3s var(--ease-smooth);font-size:.92rem;font-weight:500;padding:.45rem .95rem;border-radius:999px;position:relative;letter-spacing:.03em}.nav-links a:hover{color:#fff;background:#ffffff0f}.hero{background:linear-gradient(180deg,#0a0a0a,#0c0d10 60%,#0a0a0a);color:#fff;padding:9rem 0 10rem;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 70% 55% at 70% 15%,rgba(0,153,255,.14),transparent 65%),radial-gradient(ellipse 55% 45% at 18% 85%,rgba(255,204,0,.05),transparent 60%);z-index:0}.hero:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%);z-index:0}.hero .container{position:relative;z-index:1}.hero h1{font-size:3.6rem;margin-bottom:1.6rem;font-weight:800;letter-spacing:-.01em;background:linear-gradient(100deg,#4da3ff 0%,var(--gradient-start) 35%,var(--gradient-end) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:heroFadeUp .9s var(--ease-smooth) both}.hero p{font-size:1.35rem;margin-bottom:3.2rem;max-width:820px;margin-left:auto;margin-right:auto;line-height:1.65;color:var(--light-text);animation:heroFadeUp .9s var(--ease-smooth) .15s both}.hero .cta-button{animation:heroFadeUp .9s var(--ease-smooth) .3s both}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.cta-button{background:#0099ff14;color:#fff;padding:.9rem 2.6rem;border:1px solid rgba(0,153,255,.45);border-radius:999px;font-size:1rem;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:all .35s var(--ease-smooth);text-decoration:none;display:inline-block;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:left .5s ease}.cta-button:hover{background:#0099ff29;border-color:var(--accent-color);transform:translateY(-3px);box-shadow:0 10px 32px #0099ff47}.cta-button:hover:before{left:100%}.section{padding:6.5rem 0;position:relative;background-color:var(--dark-color)}.section:nth-child(2n){background-color:var(--light-color)}.section-title{text-align:center;font-size:2.6rem;margin-bottom:3.2rem;color:var(--text-color);font-weight:700;letter-spacing:.02em;position:relative}.section-title:after{content:"";display:block;width:56px;height:3px;background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));margin:1.1rem auto 0;border-radius:999px;opacity:.9}.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.6rem;margin-top:3rem}.card{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.4rem;box-shadow:0 2px 12px #00000040;transition:transform .4s var(--ease-smooth),box-shadow .4s var(--ease-smooth),border-color .4s var(--ease-smooth),background .4s var(--ease-smooth);background:linear-gradient(165deg,#ffffff0d,#ffffff04);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-glow);border-color:#0099ff59;background:linear-gradient(165deg,#ffffff12,#ffffff06)}.card h3{color:var(--accent-color);margin-bottom:1.2rem;font-size:1.3rem;font-weight:700;letter-spacing:.02em}.card p{color:var(--light-text);line-height:1.75}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.6rem;margin-top:3rem}.data-card{background:linear-gradient(165deg,#ffffff0d,#ffffff04);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.4rem 2rem;text-align:center;transition:transform .4s var(--ease-smooth),box-shadow .4s var(--ease-smooth),border-color .4s var(--ease-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.data-card:before{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,rgba(0,153,255,.55),transparent);border-radius:999px}.data-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-glow);border-color:#0099ff59}.data-value{font-size:2.9rem;font-weight:800;background:linear-gradient(100deg,#4da3ff 10%,var(--gradient-end) 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.6rem;letter-spacing:-.01em}.data-label{color:var(--light-text);font-size:1rem;letter-spacing:.04em}.chart-container{margin:2rem 0;padding:2rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 12px #00000040}.form-group{margin-bottom:1.6rem}.form-group label{display:block;margin-bottom:.55rem;font-weight:600;font-size:.95rem;color:var(--text-color);letter-spacing:.03em}.form-group input,.form-group textarea{width:100%;padding:.9rem 1.1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;background-color:#ffffff0a;color:var(--text-color);transition:all .3s var(--ease-smooth)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);background-color:#0099ff0d;box-shadow:0 0 0 4px #0099ff1f}.form-group textarea{resize:vertical;min-height:150px}.submit-button{background:#0099ff14;color:#fff;padding:.9rem 2.6rem;border:1px solid rgba(0,153,255,.45);border-radius:999px;font-size:1rem;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:all .35s var(--ease-smooth);position:relative;overflow:hidden}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:left .5s ease}.submit-button:hover{background:#0099ff29;border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 10px 32px #0099ff47}.submit-button:hover:before{left:100%}.footer{background-color:#070708;color:#fff;padding:4rem 0 2rem;margin-top:0;border-top:1px solid var(--border-color)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.5rem}.footer h3{margin-bottom:1.1rem;color:var(--accent-color);font-size:1.05rem;font-weight:700;letter-spacing:.05em}.footer p{color:var(--light-text);font-size:.92rem;margin-bottom:.45rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.6rem}.footer-links a{color:var(--light-text);text-decoration:none;transition:color .3s var(--ease-smooth),padding-left .3s var(--ease-smooth);font-size:.92rem}.footer-links a:hover{color:var(--accent-color);padding-left:6px}.footer-bottom{text-align:center;margin-top:3rem;padding-top:1.8rem;border-top:1px solid var(--border-color);color:#6b7280;font-size:.85rem;letter-spacing:.03em}.toggle-container{display:inline-flex;justify-content:center;margin:.5rem 0 2.5rem;padding:5px;background:#ffffff0a;border:1px solid var(--border-color);border-radius:999px;gap:2px;width:fit-content;position:relative;left:50%;transform:translate(-50%)}.toggle-button{background-color:transparent;border:none;padding:.6rem 1.5rem;cursor:pointer;transition:all .3s var(--ease-smooth);color:var(--light-text);font-size:.95rem;font-weight:500;border-radius:999px;letter-spacing:.03em}.toggle-button:hover{color:#fff}.toggle-button.active{background:linear-gradient(120deg,var(--primary-color),var(--accent-color));color:#fff;box-shadow:0 4px 16px #0099ff59}.toggle-button:first-child{border-radius:999px}.toggle-button:last-child{border-radius:999px}.download-button{background:linear-gradient(120deg,var(--primary-color),var(--accent-color));color:#fff;padding:.85rem 2rem;border:none;border-radius:999px;font-size:1rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all .35s var(--ease-smooth);text-decoration:none;display:inline-block;margin-top:1rem;box-shadow:0 6px 20px #0066cc4d}.download-button:hover{transform:translateY(-2px);box-shadow:0 10px 32px #09f6;filter:brightness(1.1)}@media (max-width: 768px){.nav-links{display:none}.hero{padding:6rem 0 7rem}.hero h1{font-size:2.1rem}.hero p{font-size:1.1rem}.section{padding:4rem 0}.section-title{font-size:1.9rem}.data-value{font-size:2.1rem}}
