*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;background:#000;color:#f5f5f7;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes unfold{0%{clip-path:polygon(45% 0,55% 0,55% 100%,45% 100%);opacity:0;transform:scale(.92)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes popIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.reveal{opacity:0;transform:translateY(20px);transition:none}.reveal.in-view{animation:unfold .8s cubic-bezier(.25,.1,.25,1) forwards}.reveal .feature-card,.reveal .type-card,.reveal .step{opacity:0;transform:translateY(15px);transition:opacity .5s ease,transform .5s ease}.reveal.in-view .feature-card,.reveal.in-view .type-card,.reveal.in-view .step{opacity:1;transform:translateY(0)}.reveal .feature-card{transition-delay:calc(var(--i) * .07s)}.reveal .type-card{transition-delay:calc(var(--h) * .1s)}.reveal .step{transition-delay:calc(var(--i) * .1s)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#000c;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid transparent;transition:border-color .3s}.nav-border{border-color:#ffffff14}.nav-inner{max-width:980px;margin:0 auto;padding:0 22px;height:48px;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:6px;text-decoration:none;color:#f5f5f7;font-size:14px;font-weight:600}.nav-logo{width:20px;height:20px;border-radius:5px}.nav-links{display:flex;gap:28px}.nav-link{font-size:12px;color:#86868b;text-decoration:none}.nav-link:hover{color:#f5f5f7}.hero{min-height:100vh;display:flex;align-items:center;padding:80px 24px;overflow:hidden;position:relative}.hero-glow{position:absolute;top:-20%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(0,113,227,.08) 0%,transparent 60%);pointer-events:none;animation:pulse 4s ease-in-out infinite}.hero-content{max-width:980px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-text{animation:fadeUp .8s ease-out}.hero-label{font-size:13px;color:#86868b;margin-bottom:12px;letter-spacing:.5px}.hero-title{font-size:52px;font-weight:700;letter-spacing:-1.5px;line-height:1.05;margin-bottom:16px}.hero-sub{font-size:18px;color:#86868b;line-height:1.6;margin-bottom:28px}.hero-actions{display:flex;gap:12px}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;padding:10px 22px;border-radius:24px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.btn-primary{background:#f5f5f7;color:#000}.btn-secondary{background:transparent;color:#f5f5f7;border:1px solid #424245}.btn-primary:hover,.btn-secondary:hover{opacity:.8;transform:scale(1.02)}.countdown-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 24px;position:relative;overflow:hidden;background:linear-gradient(180deg,#0a0a0b,#000)}.countdown-glow{position:absolute;top:-30%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(239,68,68,.06) 0%,transparent 60%);pointer-events:none;animation:pulse 4s ease-in-out infinite}.countdown-wrap{text-align:center;position:relative}.countdown-label{font-size:14px;color:#52525b;margin-bottom:24px;letter-spacing:2px;text-transform:uppercase}.countdown-digits{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:16px}.cd-num{font-size:120px;font-weight:800;color:#ef4444;line-height:1;letter-spacing:-6px}.cd-unit{font-size:28px;font-weight:600;color:#ef4444;margin-left:6px}.countdown-sub{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:32px}.cd-hms{font-size:36px;font-weight:700;line-height:1;padding:8px 16px;border-radius:10px;font-variant-numeric:tabular-nums;min-width:60px}.cd-h{background:#ef44441a;color:#ef4444}.cd-m{background:#3b82f61a;color:#3b82f6}.cd-s{background:#22c55e1a;color:#22c55e}.cd-colon{font-size:28px;font-weight:700;color:#52525b;animation:pulse 2s ease-in-out infinite}.countdown-msg{font-size:16px;color:#86868b;line-height:1.8;margin-bottom:28px}.countdown-actions{display:flex;gap:12px;justify-content:center}.hero-frame{width:100%;max-width:360px;margin:0 auto;cursor:default;background:#1c1c1e;border-radius:14px;border:1px solid #2c2c2e;overflow:hidden;animation:float 5s ease-in-out infinite}.frame-bar{display:flex;gap:6px;padding:12px 16px 8px;border-bottom:1px solid #2c2c2e}.frame-bar span{width:8px;height:8px;border-radius:50%;background:#3a3a3c}.frame-content{padding:20px}.mock-tag{font-size:11px;color:#86868b;margin-bottom:10px}.mock-text{font-size:15px;font-weight:600;margin-bottom:14px;min-height:22px}.mock-options{display:flex;flex-direction:column;gap:6px}.mock-opt{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;border:1px solid #2c2c2e;font-size:13px;color:#86868b;cursor:pointer;transition:border-color .2s,background .2s,color .2s,transform .2s;-webkit-user-select:none;user-select:none;position:relative}.mock-opt:hover{border-color:#3a3a3c;color:#f5f5f7}.mock-opt:active{transform:scale(.97)}.mock-disabled{cursor:default;pointer-events:none}.mock-disabled:hover{border-color:#2c2c2e;color:#86868b}.mock-letter{font-weight:600;color:#52525b;min-width:16px}.mock-correct{border-color:#34c759!important;background:#34c7591a!important;color:#34c759!important}.mock-correct .mock-letter{color:#34c759}.mock-wrong{border-color:#ef4444!important;background:#ef44441a!important;color:#ef4444!important;animation:shake .4s ease}.mock-wrong .mock-letter{color:#ef4444}.mock-result{margin-left:auto;font-weight:700;font-size:16px;animation:popIn .3s ease}.mock-result.wrong{color:#ef4444}.section{padding:120px 24px}.section-alt{background:#0a0a0b}.section-inner{max-width:980px;margin:0 auto}.section-header{text-align:center;margin-bottom:64px}.section-label{font-size:13px;color:#86868b;letter-spacing:.5px;margin-bottom:8px}.section-title{font-size:40px;font-weight:700;letter-spacing:-1px;margin-bottom:10px;line-height:1.1}.section-sub{font-size:17px;color:#86868b;max-width:460px;margin:0 auto;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{background:#1c1c1e;border:1px solid #2c2c2e;border-radius:14px;padding:28px 22px;transition:border-color .3s,transform .3s,background .3s}.feature-card:hover{border-color:#3a3a3c;transform:translateY(-4px);background:#222224}.feature-icon-wrap{width:36px;height:36px;border-radius:8px;background:#2c2c2e;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.feature-icon{width:18px;height:18px;color:#86868b}.feature-title{font-size:15px;font-weight:600;margin-bottom:4px}.feature-desc{font-size:13px;color:#86868b;line-height:1.6}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split-text .section-title{font-size:36px}.type-cards{display:flex;flex-direction:column;gap:10px}.type-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff0a;border:1px solid #2c2c2e;border-radius:10px;font-size:13px;color:#86868b;transition:all .3s}.type-card:hover{background:#ffffff0f;border-color:#3a3a3c;transform:translate(4px)}.type-badge{padding:3px 10px;border-radius:4px;font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{text-align:center;padding:36px 20px;background:#1c1c1e;border:1px solid #2c2c2e;border-radius:14px;transition:border-color .3s,transform .3s,background .3s}.step:hover{border-color:#3a3a3c;transform:translateY(-4px);background:#222224}.step-num{display:inline-flex;width:36px;height:36px;border-radius:50%;background:#f5f5f7;color:#000;align-items:center;justify-content:center;font-size:14px;font-weight:600;margin-bottom:16px}.step-title{font-size:15px;font-weight:600;margin-bottom:8px}.step-desc{font-size:13px;color:#86868b;line-height:1.6}.about-content{max-width:600px;margin:0 auto}.about-content p{font-size:15px;color:#86868b;line-height:1.8;margin-bottom:20px}.qr-wrap{display:flex;justify-content:center;padding:10px 0}.qr-box{background:#1c1c1e;border:1px solid #2c2c2e;border-radius:16px;padding:24px;transition:all .3s}.qr-box:hover{border-color:#3a3a3c;transform:scale(1.02)}.qr-img{width:160px;height:160px;border-radius:8px;display:block}.footer{border-top:1px solid #1c1c1e;padding:24px;text-align:center}.footer-inner{max-width:980px;margin:0 auto}.footer p{font-size:12px;color:#515154}@media (max-width:768px){.hero-content{grid-template-columns:1fr;gap:40px}.hero-title{font-size:34px}.hero-sub{font-size:16px}.features-grid{grid-template-columns:repeat(2,1fr)}.section-title{font-size:30px}.split{grid-template-columns:1fr;gap:36px}.steps{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:480px){.features-grid,.steps{grid-template-columns:1fr}.hero-title{font-size:28px}.nav-links{display:none}}