:root{--bg:#0b0f1a;--bg2:#101728;--card:#ffffff0a;--line:#ffffff14;--txt:#e8ecf4;--txt2:#9aa5b8;--brand:#ff4d6d;--brand2:#ff9f1c;--blue:#4d8dff;--grad:linear-gradient(90deg, var(--brand), var(--brand2))}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--txt);font-family:PingFang SC,Microsoft YaHei UI,Microsoft YaHei,system-ui,sans-serif;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}.nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#0b0f1ab8;position:fixed;top:0;left:0;right:0}.nav-inner{align-items:center;gap:28px;max-width:1180px;height:64px;margin:0 auto;padding:0 24px;display:flex}.brand{align-items:center;gap:10px;font-size:18px;display:flex}.brand-logo{border-radius:11px;width:38px;height:38px;box-shadow:0 4px 16px #ff4d6d59}.brand-logo.sm{border-radius:9px;width:30px;height:30px}.brand-name b{margin-left:4px}.nav-links{color:var(--txt2);gap:26px;margin-left:auto;font-size:15px;display:flex}.nav-links a:hover{color:#fff}.nav-cta{background:var(--grad);color:#fff;border-radius:99px;padding:8px 18px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ff4d6d66}.hero{padding:150px 24px 90px;position:relative}.hero-bg{pointer-events:none;background:radial-gradient(700px 380px at 15% 0,#ff4d6d2e,#0000 60%),radial-gradient(700px 380px at 85% 10%,#4d8dff29,#0000 60%),radial-gradient(600px 400px at 50% 100%,#ff9f1c1a,#0000 60%);position:absolute;inset:0}.hero-inner{text-align:center;max-width:1180px;margin:0 auto;position:relative}.hero-badge{color:#ffb3c0;background:#ff4d6d14;border:1px solid #ff4d6d66;border-radius:99px;margin-bottom:22px;padding:6px 16px;font-size:13px;display:inline-block}.hero h1{letter-spacing:-.5px;font-size:clamp(34px,5.4vw,58px);font-weight:800;line-height:1.22}.grad{background:var(--grad);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{max-width:680px;color:var(--txt2);margin:20px auto 0;font-size:17px}.hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:34px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:12px 26px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn.primary{background:var(--grad);color:#fff;box-shadow:0 8px 24px #ff4d6d52}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ff4d6d73}.btn.ghost{border-color:var(--line);color:var(--txt);background:#ffffff08}.btn.ghost:hover{background:#ffffff12}.btn.big{padding:14px 32px;font-size:16px}.hero-meta{color:var(--txt2);margin-top:14px;font-size:13px}.hero-shot{max-width:880px;margin:60px auto 0;position:relative}.window{border:1px solid var(--line);background:var(--bg2);text-align:left;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px #00000080}.win-bar{border-bottom:1px solid var(--line);background:#ffffff0d;align-items:center;gap:7px;padding:11px 16px;display:flex}.win-bar i{background:#ff5f57;border-radius:50%;width:11px;height:11px;display:block}.win-bar i:nth-child(2){background:#febc2e}.win-bar i:nth-child(3){background:#28c840}.win-bar span{color:var(--txt2);margin-left:12px;font-size:12.5px}.win-body{min-height:300px;display:flex}.win-side{border-right:1px solid var(--line);background:#00000024;flex-direction:column;gap:4px;width:200px;padding:14px 10px;display:flex}.side-item{color:var(--txt2);border-radius:8px;padding:9px 12px;font-size:13.5px}.side-item.active{color:#cfe0ff;background:#4d8dff24}.win-main{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.mock-table{border-collapse:collapse;width:100%;font-size:12.5px}.mock-table th{color:var(--txt2);text-align:left;border-bottom:1px solid var(--line);background:#ffffff0d;padding:7px 10px;font-weight:500}.mock-table td{border-bottom:1px solid var(--line);color:var(--txt);padding:8px 10px}.pill{border-radius:6px;padding:3px 10px;font-size:11.5px;font-weight:600}.pill.green{color:#7fe0a8;background:#28c86429}.pill.gray{color:#c0c8d8;background:#9696962e}.push-box{background:#0003;border:1px dashed #ff9f1c66;border-radius:10px;flex-direction:column;gap:6px;padding:12px 16px;display:flex}.push-row{align-items:center;gap:10px;font-size:13px;display:flex}.push-row span{color:var(--txt2);flex-shrink:0;width:80px}.push-row code{color:#ffd9a0;word-break:break-all;background:#ff9f1c1a;border-radius:6px;padding:3px 10px;font-family:Consolas,monospace;font-size:12.5px}.float-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101728eb;border-radius:12px;padding:10px 16px;font-size:13px;font-weight:600;position:absolute;box-shadow:0 14px 40px #0006}.float-card.c1{animation:5s ease-in-out infinite float1;top:44%;left:-68px}.float-card.c2{animation:6s ease-in-out infinite float2;bottom:8%;right:-88px}@keyframes float1{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float2{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.section{padding:96px 24px;position:relative}.section.alt{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-inner{max-width:1180px;margin:0 auto}.section h2{text-align:center;letter-spacing:-.3px;font-size:34px;font-weight:800}.section h2 .dot{color:var(--brand)}.section-sub{text-align:center;color:var(--txt2);margin-top:10px;margin-bottom:52px;font-size:15.5px}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (width<=980px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.grid{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px 22px;transition:transform .2s,border-color .2s,background .2s}.card:hover{background:#ff4d6d0d;border-color:#ff4d6d59;transform:translateY(-4px)}.card-icon{margin-bottom:14px;font-size:34px}.card h3{margin-bottom:8px;font-size:17px}.card p{color:var(--txt2);font-size:13.8px;line-height:1.7}.steps{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (width<=980px){.steps{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.steps{grid-template-columns:1fr}}.step{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px 22px;position:relative}.step-n{background:var(--grad);color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;margin-bottom:16px;font-size:18px;font-weight:800;display:grid;box-shadow:0 6px 18px #ff4d6d4d}.step h3{margin-bottom:8px;font-size:16.5px}.step p{color:var(--txt2);font-size:13.8px}.dl-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.dl-grid .dl-side{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:22px;display:grid}@media (width<=880px){.dl-grid,.dl-grid .dl-side{grid-template-columns:1fr}}.dl-card.main{background:linear-gradient(145deg,#ff4d6d1a,#4d8dff12);border:1px solid #ff4d6d4d;border-radius:20px;padding:38px 34px}.dl-ver{color:#ffb3c0;letter-spacing:.5px;font-size:13px;font-weight:600}.dl-card.main h3{margin:10px 0 18px;font-size:24px}.dl-meta{color:var(--txt2);flex-direction:column;gap:8px;margin-bottom:26px;font-size:14.5px;list-style:none;display:flex}.dl-btn{justify-content:center;width:100%}.dl-note{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px}.dl-note h4{margin-bottom:12px;font-size:15.5px}.dl-note ul{color:var(--txt2);flex-direction:column;gap:8px;font-size:13.5px;list-style:none;display:flex}.dl-note p{color:var(--txt2);font-size:13.5px}.faq-list{flex-direction:column;gap:12px;max-width:780px;margin:0 auto;display:flex}.faq{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 22px;transition:border-color .2s}.faq[open]{border-color:#ff4d6d4d}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:15.5px;font-weight:600;list-style:none;display:flex}.faq summary:after{content:"+";color:var(--brand);font-size:20px;transition:transform .2s}.faq[open] summary:after{transform:rotate(45deg)}.faq p{color:var(--txt2);margin-top:12px;font-size:14px}.footer{border-top:1px solid var(--line);padding:56px 24px 30px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:30px;max-width:1180px;margin:0 auto;display:flex}.footer-sub{color:var(--txt2);margin-top:10px;font-size:13.5px}.footer-links{color:var(--txt2);align-items:center;gap:22px;font-size:14px;display:flex}.footer-links a:hover{color:#fff}.copyright{text-align:center;color:#6b7590;margin-top:44px;font-size:12.5px}
