.sn-home-wrapper{background:#f5f7ff;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Helvetica Neue,Arial,sans-serif}.sn-home-wrapper .hero-section{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 0 0;overflow:hidden}.sn-home-wrapper .hero-section:before{content:"";position:absolute;top:-120px;right:-120px;width:400px;height:400px;background:hsla(0,0%,100%,.06);border-radius:50%}.sn-home-wrapper .hero-section:after{content:"";position:absolute;bottom:60px;left:-80px;width:260px;height:260px;background:hsla(0,0%,100%,.05);border-radius:50%}.sn-home-wrapper .hero-section .hero-content{max-width:1200px;margin:0 auto;padding:0 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:60px;min-height:360px;position:relative;z-index:1}.sn-home-wrapper .hero-section .hero-left{-webkit-box-flex:1;-ms-flex:1;flex:1}.sn-home-wrapper .hero-section .hero-badge{display:inline-block;padding:6px 18px;background:hsla(0,0%,100%,.18);border:1px solid hsla(0,0%,100%,.4);border-radius:20px;font-size:13px;color:hsla(0,0%,100%,.95);margin-bottom:22px;letter-spacing:1px}.sn-home-wrapper .hero-section .hero-title{font-size:72px;font-weight:900;color:#fff;line-height:1;margin:0 0 18px;letter-spacing:6px;text-shadow:0 4px 20px rgba(0,0,0,.15)}.sn-home-wrapper .hero-section .hero-subtitle{font-size:22px;color:hsla(0,0%,100%,.92);margin:0 0 18px;font-weight:500;line-height:1.4}.sn-home-wrapper .hero-section .hero-desc{font-size:15px;color:hsla(0,0%,100%,.72);line-height:1.9;max-width:500px;margin:0 0 32px}.sn-home-wrapper .hero-section .hero-tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px}.sn-home-wrapper .hero-section .hero-tag{padding:8px 20px;background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.28);border-radius:24px;font-size:14px;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-transition:background .2s;transition:background .2s}.sn-home-wrapper .hero-section .hero-tag:hover{background:hsla(0,0%,100%,.25)}.sn-home-wrapper .hero-section .hero-right{-ms-flex-negative:0;flex-shrink:0;position:relative;z-index:1}.sn-home-wrapper .hero-section .qr-card{background:#fff;border-radius:24px;padding:32px 28px;text-align:center;-webkit-box-shadow:0 24px 64px rgba(0,0,0,.22);box-shadow:0 24px 64px rgba(0,0,0,.22);width:220px}.sn-home-wrapper .hero-section .qr-title{font-size:15px;font-weight:700;color:#333;margin-bottom:20px}.sn-home-wrapper .hero-section .qr-img-wrap{width:160px;height:160px;margin:0 auto 16px;border-radius:14px;overflow:hidden;border:3px solid #f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sn-home-wrapper .hero-section .qr-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.sn-home-wrapper .hero-section .qr-tip{font-size:12px;color:#aaa}.sn-home-wrapper .hero-section .scroll-hint{text-align:center;margin-top:28px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sn-home-wrapper .hero-section .scroll-hint:hover .scroll-hint-arrow{-webkit-transform:translateY(4px);transform:translateY(4px)}.sn-home-wrapper .hero-section .scroll-hint-text{display:block;font-size:12px;color:hsla(0,0%,100%,.55);letter-spacing:1px;margin-bottom:4px}.sn-home-wrapper .hero-section .scroll-hint-arrow{display:inline-block;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;-webkit-animation:bounce-arrow 1.6s ease-in-out infinite;animation:bounce-arrow 1.6s ease-in-out infinite}@-webkit-keyframes bounce-arrow{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes bounce-arrow{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.sn-home-wrapper .hero-section .hero-wave{margin-top:16px;line-height:0}.sn-home-wrapper .hero-section .hero-wave svg{display:block;width:100%;height:80px}.sn-home-wrapper .section{padding:80px 0}.sn-home-wrapper .section-inner{max-width:1200px;margin:0 auto;padding:0 40px}.sn-home-wrapper .section-header{text-align:center;margin-bottom:56px}.sn-home-wrapper .section-tag{display:inline-block;padding:5px 18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:13px;margin-bottom:16px;letter-spacing:1px}.sn-home-wrapper .section-title{font-size:36px;font-weight:800;color:#1a1a2e;margin:0 0 12px;line-height:1.3}.sn-home-wrapper .section-desc{font-size:16px;color:#888;line-height:1.6}.sn-home-wrapper .checkin-section{background:#f5f7ff}.sn-home-wrapper .checkin-section .checkin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.sn-home-wrapper .checkin-section .checkin-card{background:#fff;border-radius:20px;padding:40px 28px 32px;text-align:center;-webkit-box-shadow:0 4px 24px rgba(102,126,234,.08);box-shadow:0 4px 24px rgba(102,126,234,.08);-webkit-transition:all .3s ease;transition:all .3s ease;border:2px solid transparent}.sn-home-wrapper .checkin-section .checkin-card:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-box-shadow:0 16px 48px rgba(102,126,234,.18);box-shadow:0 16px 48px rgba(102,126,234,.18);border-color:#667eea}.sn-home-wrapper .checkin-section .checkin-emoji{font-size:52px;margin-bottom:16px;line-height:1}.sn-home-wrapper .checkin-section .checkin-name{font-size:20px;font-weight:700;color:#1a1a2e;margin-bottom:10px}.sn-home-wrapper .checkin-section .checkin-desc{font-size:14px;color:#999;line-height:1.7}.sn-home-wrapper .study-section{background:#fff}.sn-home-wrapper .study-section .study-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.sn-home-wrapper .study-section .study-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:44px 32px 40px;text-align:center;color:#fff;position:relative;overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}.sn-home-wrapper .study-section .study-card:before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:hsla(0,0%,100%,.1);border-radius:50%}.sn-home-wrapper .study-section .study-card:after{content:"";position:absolute;bottom:-24px;left:-24px;width:90px;height:90px;background:hsla(0,0%,100%,.07);border-radius:50%}.sn-home-wrapper .study-section .study-card:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-box-shadow:0 20px 48px rgba(102,126,234,.38);box-shadow:0 20px 48px rgba(102,126,234,.38)}.sn-home-wrapper .study-section .study-icon{font-size:56px;margin-bottom:20px;line-height:1;position:relative;z-index:1}.sn-home-wrapper .study-section .study-title{font-size:22px;font-weight:800;margin:0 0 14px;color:#fff;position:relative;z-index:1}.sn-home-wrapper .study-section .study-desc{font-size:14px;color:hsla(0,0%,100%,.82);line-height:1.8;position:relative;z-index:1}.sn-home-wrapper .more-section{background:#f5f7ff}.sn-home-wrapper .more-section .more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.sn-home-wrapper .more-section .more-card{border-radius:20px;overflow:hidden;-webkit-box-shadow:0 4px 24px rgba(0,0,0,.07);box-shadow:0 4px 24px rgba(0,0,0,.07);-webkit-transition:all .3s ease;transition:all .3s ease}.sn-home-wrapper .more-section .more-card:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-box-shadow:0 16px 48px rgba(0,0,0,.13);box-shadow:0 16px 48px rgba(0,0,0,.13)}.sn-home-wrapper .more-section .more-card-award{background:linear-gradient(135deg,#f6d365,#fda085)}.sn-home-wrapper .more-section .more-card-diary{background:linear-gradient(135deg,#a8edea,#fed6e3)}.sn-home-wrapper .more-section .more-card-stats{background:linear-gradient(135deg,#89f7fe,#66a6ff)}.sn-home-wrapper .more-section .more-card-inner{padding:40px 32px 36px}.sn-home-wrapper .more-section .more-icon{font-size:48px;margin-bottom:18px;line-height:1}.sn-home-wrapper .more-section .more-title{font-size:22px;font-weight:800;color:#1a1a2e;margin:0 0 12px}.sn-home-wrapper .more-section .more-desc{font-size:14px;color:rgba(0,0,0,.58);line-height:1.8;margin:0 0 20px}.sn-home-wrapper .more-section .more-medals{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.sn-home-wrapper .more-section .more-medals span{font-size:14px;padding:5px 14px;background:hsla(0,0%,100%,.55);border-radius:12px;font-weight:600;color:#333}.sn-home-wrapper .more-section .more-tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.sn-home-wrapper .more-section .more-tags span{font-size:13px;padding:5px 14px;background:hsla(0,0%,100%,.55);border-radius:12px;color:#333}.sn-home-wrapper .cta-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:80px 0;position:relative;overflow:hidden}.sn-home-wrapper .cta-section:before{content:"";position:absolute;top:-100px;left:-100px;width:350px;height:350px;background:hsla(0,0%,100%,.05);border-radius:50%}.sn-home-wrapper .cta-section .cta-inner{max-width:1200px;margin:0 auto;padding:0 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:60px;position:relative;z-index:1}.sn-home-wrapper .cta-section .cta-text{-webkit-box-flex:1;-ms-flex:1;flex:1}.sn-home-wrapper .cta-section .cta-title{font-size:42px;font-weight:900;color:#fff;margin:0 0 16px;line-height:1.2}.sn-home-wrapper .cta-section .cta-subtitle{font-size:17px;color:hsla(0,0%,100%,.82);margin:0 0 40px;line-height:1.7}.sn-home-wrapper .cta-section .cta-steps{gap:18px}.sn-home-wrapper .cta-section .cta-step,.sn-home-wrapper .cta-section .cta-steps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sn-home-wrapper .cta-section .cta-step{gap:10px;font-size:16px;color:#fff;font-weight:500}.sn-home-wrapper .cta-section .step-num{width:34px;height:34px;background:#fc0;color:#333;border-radius:50%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:800;font-size:15px;-ms-flex-negative:0;flex-shrink:0}.sn-home-wrapper .cta-section .cta-arrow{color:hsla(0,0%,100%,.45);font-size:22px}.sn-home-wrapper .cta-section .cta-qr{text-align:center;-ms-flex-negative:0;flex-shrink:0}.sn-home-wrapper .cta-section .cta-qr-img{width:180px;height:180px;border-radius:18px;background:#fff;padding:10px;-o-object-fit:contain;object-fit:contain;-webkit-box-shadow:0 12px 48px rgba(0,0,0,.22);box-shadow:0 12px 48px rgba(0,0,0,.22);display:block}.sn-home-wrapper .cta-section .cta-qr-label{margin:14px 0 0;color:hsla(0,0%,100%,.78);font-size:14px}@media only screen and (max-width:960px){.sn-home-wrapper .hero-section{padding:24px 0 0}.sn-home-wrapper .hero-section .hero-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 20px;gap:36px;min-height:auto;text-align:center}.sn-home-wrapper .hero-section .hero-title{font-size:44px;letter-spacing:4px}.sn-home-wrapper .hero-section .hero-subtitle{font-size:17px}.sn-home-wrapper .hero-section .hero-desc{font-size:14px;max-width:100%}.sn-home-wrapper .hero-section .hero-tags{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sn-home-wrapper .hero-section .qr-card{width:180px;padding:24px 20px}.sn-home-wrapper .hero-section .qr-img-wrap{width:130px;height:130px}.sn-home-wrapper .section{padding:50px 0}.sn-home-wrapper .section-inner{padding:0 20px}.sn-home-wrapper .section-title{font-size:26px}.sn-home-wrapper .checkin-section .checkin-grid{grid-template-columns:repeat(2,1fr);gap:16px}.sn-home-wrapper .checkin-section .checkin-card{padding:28px 16px 24px}.sn-home-wrapper .checkin-section .checkin-emoji{font-size:40px}.sn-home-wrapper .checkin-section .checkin-name{font-size:17px}.sn-home-wrapper .more-section .more-grid,.sn-home-wrapper .study-section .study-grid{grid-template-columns:1fr;gap:20px}.sn-home-wrapper .cta-section{padding:50px 0}.sn-home-wrapper .cta-section .cta-inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 20px;text-align:center;gap:36px}.sn-home-wrapper .cta-section .cta-title{font-size:28px}.sn-home-wrapper .cta-section .cta-steps{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px}}