:root{--brand:#f53f3f;--brand-light:#ff7b7b;--text:#243e63;--muted:#6f7379;--footer-text:#4a5568;--soft-bg:#fafcfd;--card-shadow:1px 6px 30px #f1f1f1}*{box-sizing:border-box}html{min-height:100%;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5}body{background:#fff;min-height:100%;margin:0}body,button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.page-shell{min-height:100vh;overflow:hidden}.site-header{z-index:30;background:#fff;position:relative}.desktop-nav,.mobile-nav{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:8px 10px;display:flex}.brand{border-bottom:0;align-items:center;font-size:24px;font-weight:900;display:inline-flex}.brand-logo{width:40px;margin-right:12px}.brand-title{width:104px}.desktop-links{align-items:center;display:flex}.nav-link{letter-spacing:.025em;border-bottom:2px solid #0000;margin:0 24px;padding-bottom:4px;font-size:14px;font-weight:600;transition:color .3s,border-color .3s}.nav-link:hover,.nav-link:focus,.nav-link-active{color:var(--brand);border-color:var(--brand)}.download-button{background:var(--brand);color:#f7fafc;border:0;border-radius:999px;align-items:center;gap:6px;padding:12px 28px;font-size:14px;font-weight:600;transition:background .3s,transform .3s;display:inline-flex}.download-button:hover{background:#fb6969;transform:translateY(-1px)}.mobile-nav,.mobile-menu{display:none}.icon-button,.modal-close{color:#1a202c;background:0 0;border:0;padding:6px}.mobile-spacer{width:36px}.modal-backdrop{z-index:80;background:#00000073;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.qr-modal{text-align:center;background:#fff;border-radius:12px;width:min(380px,92vw);padding:32px 30px;position:relative;box-shadow:0 24px 80px #0f172a33}.qr-modal h2{margin:0 0 10px;font-size:20px;font-weight:600}.qr-description{color:#64748b;margin:0 auto 18px;font-size:14px;line-height:1.7}.qr-code-image{background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:220px;height:220px;margin:0 auto;padding:10px}.qr-link{color:var(--brand);overflow-wrap:anywhere;margin:16px 0 14px;font-size:14px;font-weight:600;display:block}.qr-primary{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-width:148px;height:42px;font-size:14px;font-weight:600;transition:background .3s,transform .3s;display:inline-flex}.qr-primary:hover,.qr-primary:focus{background:#fb6969;transform:translateY(-1px)}.modal-close{position:absolute;top:10px;right:10px}.home-hero{background:url(/assets/banner.jpg) 50%/cover no-repeat;padding:64px 16px 128px;position:relative}.home-hero-content{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.home-hero h1{color:#1a202c;text-align:center;margin:0;font-size:48px;font-weight:700;line-height:1.25}.home-hero h1 span{display:block}.home-hero h1 strong{color:var(--brand);font-weight:700}.hero-tags{justify-content:center;align-items:center;gap:16px;margin:32px 0;display:flex}.hero-tags span,.brand-cards div{color:#924949;justify-content:center;align-items:center;gap:8px;font-weight:500;display:inline-flex}.hero-tags img,.brand-cards img{width:20px;height:20px}.download-actions{text-align:center;max-width:448px;margin:0 auto;display:flex}.download-actions button{cursor:pointer;border-radius:40px;justify-content:center;align-items:center;gap:6px;width:180px;height:52px;font-weight:500;transition:transform .3s,box-shadow .3s;display:inline-flex}.download-actions button:hover,.download-actions button:focus{transform:translateY(-1px);box-shadow:0 12px 24px #ef5b5b29}.download-actions img{width:28px;height:28px}.iphone-button{background:linear-gradient(90deg, var(--brand-light) 0%, var(--brand) 101.75%);color:#fff;border:0;margin-right:10px}.android-button{border:1px solid var(--brand);color:var(--brand);background:0 0;margin-left:10px}.brand-cards{justify-content:center;align-items:center;display:flex;position:relative;top:-64px}.brand-cards div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffe8e299 0%,#fff9 100%);border:1px solid #fff;border-radius:8px;flex-shrink:0;width:254px;height:98px;margin:0 16px}.section-title{flex-direction:column;justify-content:center;align-items:center;margin-bottom:40px;font-size:36px;font-weight:400;line-height:1.2;display:flex}.section-title-compact{margin-top:-24px}.section-title span{background:#fe6464;border-radius:5px;width:60px;height:4px;margin-top:24px}.intro-section{max-width:1200px;margin:-24px auto 80px;padding:0 24px}.intro-content{grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);align-items:center;gap:48px;display:grid}.intro-image img{width:100%}.intro-copy p{color:#666;margin:0 0 18px;font-size:18px;line-height:2}.features-section{background:var(--soft-bg);padding:60px 24px}.features-layout{justify-content:center;align-items:stretch;max-width:1280px;margin:0 auto;display:flex}.features-column{max-width:384px}.feature-card{align-items:flex-start;height:50%;margin:0 16px;padding:32px 8px;display:flex}.feature-icon{filter:drop-shadow(0 11px 20px #06f3);background:linear-gradient(43deg,#06f 15.19%,#3d8bff 86.86%);border:1px solid #0000;border-radius:999px;flex-shrink:0;padding:20px}.feature-icon img{width:24px;height:24px}.feature-card h3{letter-spacing:.025em;margin:8px 0 0 16px;font-size:24px;font-weight:700;line-height:1}.feature-card p{color:#7c8ba1;margin:16px 0 0 16px;font-weight:500;line-height:2}.feature-center{flex-direction:column;justify-content:center;width:400px;display:flex}.feature-center img{width:100%}.page-banner{background:var(--desktop-banner) no-repeat center center;background-size:cover;height:450px;margin-bottom:64px;position:relative}.guide-banner{margin-bottom:64px}.about-card{z-index:1;width:1000px;min-height:804px;box-shadow:var(--card-shadow);background:#fff;border-radius:8px;margin:-214px auto 100px;padding:60px;position:relative}.about-card p{color:#666;margin:0 0 20px;font-size:20px;font-weight:400}.about-card img{width:100%}.member-section{padding:0 24px 90px}.member-desktop{justify-content:center;align-items:center;gap:24px;max-width:1180px;margin:0 auto;display:flex}.member-card{text-align:center;flex:1;min-width:0}.member-image{width:min(100%,300px);margin:0 auto}.member-card h2,.member-mobile-card h2{color:#333;margin:18px 0;font-size:24px;font-weight:400}.member-benefits{flex-wrap:wrap;justify-content:center;gap:14px 24px;display:flex}.member-benefits span{white-space:nowrap;color:#333;align-items:center;font-size:20px;display:inline-flex}.member-benefits svg{color:var(--brand);margin-right:5px}.member-mobile{display:none}.guide-section{padding:0 24px 64px}.guide-tabs{background:#fff;border-radius:40px;justify-content:space-around;align-items:center;width:792px;height:68px;margin:80px auto 0;padding:4px;display:flex;box-shadow:0 0 20px 3px #0000000d}.guide-tab{color:#333;background:0 0;border:0;border-radius:40px;justify-content:center;align-items:center;width:33.333%;height:60px;display:flex}.guide-tab-active{background:linear-gradient(90deg, var(--brand-light) 0%, var(--brand) 101.75%);color:#fff}.guide-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9f8;border:1px solid #fff;border-radius:8px;width:800px;margin:40px auto;padding:25px}.guide-content-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #fff;border-radius:8px;flex-direction:column;justify-content:space-between;padding:24px 24px 0;display:flex}.guide-step{border-radius:4px;margin-bottom:40px;display:flex}.guide-dot{min-width:16px;max-width:16px;color:var(--brand);margin-top:6px}.guide-step-copy{margin-left:16px}.guide-step-copy h3{margin:0;font-size:20px;font-weight:500}.guide-step-copy p{color:#6f7379;margin:8px 0 0;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:16px}.contact-section{background:url(/assets/contact-bg.png) 50%/cover no-repeat;min-height:700px;padding:1px 24px 40px}.contact-section .section-title{margin-top:80px}.contact-ways{justify-content:space-between;width:860px;margin:0 auto;display:flex}.contact-way{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#e4f0ff99 0%,#fff9 100%);border:1px solid #fff;border-radius:8px;align-items:center;width:400px;height:128px;margin-top:36px;padding:24px;font-size:24px;display:flex}.contact-way img{width:64px;height:64px;margin-right:10px}.contact-form{background:#fff;border-radius:4px;flex-direction:column;justify-content:space-around;width:600px;height:460px;margin:40px auto;padding:32px;display:flex;box-shadow:1px 1px 6px #cde1fd}.contact-form h2{flex-direction:column;justify-content:center;align-items:center;margin:0;font-size:24px;font-weight:400;display:flex}.contact-form h2 span{background:var(--brand);border-radius:4px;width:48px;height:4px;margin-top:12px}.contact-form input,.contact-form textarea{color:#333;background:#f5f6f8;border:0;border-radius:0;outline:none;width:100%;padding:12px 16px;font-size:16px;font-weight:400}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#6f7379}.contact-form button{background:var(--brand);color:#fff;border:0;border-radius:4px;height:48px;font-size:16px;line-height:20px}.form-status{color:var(--brand);text-align:center;margin:0;font-size:14px}.site-footer{color:var(--footer-text);margin:0 -32px -32px;padding:40px 32px;position:relative}.footer-inner{z-index:10;max-width:1280px;margin:0 auto;position:relative}.footer-columns{text-align:center;flex-wrap:wrap;justify-content:center;margin-top:-48px;display:flex}.footer-column{margin-top:48px;padding:0 16px}.footer-column h5{margin:0;font-weight:700}.footer-column ul{margin:24px 0 0;padding:0;font-size:14px;font-weight:500;list-style:none}.footer-column li{margin-top:12px}.footer-column a{border-bottom:2px solid #0000;padding-bottom:4px;transition:border-color .3s}.footer-column a:hover{border-color:var(--footer-text)}.footer-divider{border-bottom:2px solid #e2e8f0;width:100%;margin:40px 0}.footer-bottom{justify-content:space-between;align-items:center;display:flex}.footer-logo{justify-content:center;align-items:center;display:flex}.footer-logo img{width:32px}.footer-logo span{color:#2d3748;letter-spacing:.05em;margin-left:8px;font-size:20px;font-weight:900}.footer-bottom p{color:#a0aec0;text-align:center;margin:0;font-size:16px;font-weight:500}@media (min-width:640px){.footer-column{width:20%;padding:0}.footer-columns{text-align:left}}@media (max-width:1700px){.page-banner{height:300px}}@media (max-width:1200px){.feature-center{display:none}}@media (max-width:1000px){.brand-cards div{flex-direction:column;width:95px;height:104px;font-size:14px}.intro-content{grid-template-columns:1fr}.about-card{width:90%}}@media (max-width:768px){.desktop-nav{display:none}.mobile-nav{display:flex}.mobile-brand{justify-content:center;margin-right:0}.brand-logo{width:30px}.brand-title{width:60px}.mobile-menu{z-index:50;color:#1a202c;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:center;gap:18px;padding:24px;transition:transform .25s;display:flex;position:fixed;inset:24px 8px auto;transform:translate(150%)}.mobile-menu-open{transform:translate(0)}.nav-link{margin:0;font-size:18px}.download-button{padding:10px 22px}.home-hero{background:url(/assets/banner-mobile.jpg) 50%/cover no-repeat;padding:32px 16px 96px}.home-hero h1{font-size:30px}.hero-tags{flex-wrap:wrap;gap:12px}.download-actions button{width:130px;height:46px;font-size:14px}.download-actions img{width:20px;height:20px}.brand-cards{gap:8px;top:-48px}.brand-cards div{margin:0}.section-title{margin-bottom:20px;font-size:24px}.section-title span{margin-top:15px}.intro-section{margin-top:-32px;margin-bottom:40px}.intro-copy p{font-size:16px;line-height:1.9}.features-layout{flex-direction:column;align-items:center}.feature-card{text-align:left;flex-direction:row;height:auto}.page-banner{background:var(--mobile-banner) no-repeat center center;background-size:100%;height:160px;margin-bottom:32px}.about-card{width:90%;min-height:auto;margin:-132px auto 0;padding:20px}.about-card p{font-size:16px}.member-desktop{display:none}.member-mobile{display:block}.member-mobile-card{border-radius:4px;flex-direction:column;justify-content:center;width:90%;margin:0 auto 50px;padding:20px;display:flex;position:relative;box-shadow:1px 2px 16px #f1f1f1}.member-mobile-image{object-fit:contain;width:139px;height:139px;position:absolute;top:-40px;right:0}.member-mobile-icon{width:40px;height:40px;margin-bottom:12px}.member-mobile-card h2{margin-top:0;font-size:18px;position:relative}.member-mobile-card h2 span{background:var(--brand);width:30px;height:1px;position:absolute;bottom:-10px;left:0}.member-benefits{justify-content:flex-start;gap:12px 20px;margin-top:24px}.member-benefits span{font-size:14px}.guide-tabs{width:90%;height:50px;margin-top:40px}.guide-tab{height:42px;font-size:14px}.guide-content{width:90%;margin:20px auto;padding:10px}.guide-step{margin-bottom:20px}.guide-step-copy h3{font-size:18px}.guide-step-copy p{font-size:14px}.contact-section{padding-left:0;padding-right:0}.contact-section .section-title{margin-top:40px}.contact-ways{flex-direction:column;justify-content:center;align-items:center;width:90vw}.contact-way{width:90vw;height:100px;font-size:20px}.contact-way img{width:46px;height:46px}.contact-form{width:90%}.site-footer{color:#fff;background:#333;margin-left:0;margin-right:0}.footer-divider{border-color:#5c5c5c;border-bottom-width:1px}.footer-bottom{flex-direction:column;gap:24px}.footer-logo span{color:#fff}}