*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;margin:0;padding:0;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#1a202c;line-height:1.6}.home{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#ffffff}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.navbar{position:sticky;top:0;background:#ffffff;border-bottom:1px solid #d1d5db;padding:20px 0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.navbar .container{display:flex;justify-content:space-between;align-items:center}.navbar .logo{font-size:24px;font-weight:700;color:#111827;letter-spacing:-0.5px}.navbar .nav-links{display:flex;gap:20px}.navbar .admin-link{padding:10px 24px;background:#1e40af;color:#ffffff;text-decoration:none;border-radius:6px;font-weight:500;font-size:14px;transition:all 0.3s ease}.navbar .admin-link:hover{background:#1e3a8a;transform:translateY(-1px);box-shadow:0 4px 12px rgba(30,64,175,0.4)}.hero{padding:80px 0 100px;background:linear-gradient(180deg, #eff6ff 0%, #fff 100%)}.hero .hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}@media (max-width: 968px){.hero .hero-content{grid-template-columns:1fr;gap:40px;text-align:center}}.hero .hero-left .hero-title{font-size:48px;font-weight:700;color:#111827;margin-bottom:16px;letter-spacing:-1px}@media (max-width: 768px){.hero .hero-left .hero-title{font-size:36px}}.hero .hero-left .hero-subtitle{font-size:24px;color:#1e40af;margin-bottom:16px;font-weight:600}@media (max-width: 768px){.hero .hero-left .hero-subtitle{font-size:20px}}.hero .hero-left .hero-description{font-size:16px;color:#4b5563;margin-bottom:40px;line-height:1.8}.hero .hero-left .hero-stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px}@media (max-width: 768px){.hero .hero-left .hero-stats{gap:20px}}.hero .hero-left .hero-stats .stat-item .stat-value{font-size:32px;font-weight:700;color:#1e40af;margin-bottom:8px}@media (max-width: 768px){.hero .hero-left .hero-stats .stat-item .stat-value{font-size:24px}}.hero .hero-left .hero-stats .stat-item .stat-label{font-size:14px;color:#6b7280;font-weight:500}.hero .hero-right{display:flex;justify-content:center;align-items:center}.hero .hero-right .hero-image-placeholder{width:100%;max-width:400px}.hero .hero-right .hero-image-placeholder svg{width:100%;height:auto}.hero .hero-right .hero-image-placeholder svg rect:first-child{fill:#dbeafe;stroke:#93c5fd}.hero .hero-right .hero-image-placeholder svg circle{fill:#3b82f6;opacity:0.3}.hero .hero-right .hero-image-placeholder svg rect:not(:first-child){fill:#2563eb}.features{padding:80px 0 100px;background:#f9fafb}.features .section-title{font-size:36px;font-weight:700;color:#111827;text-align:center;margin-bottom:60px;letter-spacing:-0.5px}@media (max-width: 768px){.features .section-title{font-size:28px;margin-bottom:40px}}.features .features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:32px}@media (max-width: 768px){.features .features-grid{grid-template-columns:1fr;gap:24px}}.features .feature-card{padding:40px 32px;background:#ffffff;border:2px solid #e5e7eb;border-radius:12px;transition:all 0.3s ease}.features .feature-card:hover{border-color:#3b82f6;box-shadow:0 12px 32px rgba(59,130,246,0.15);transform:translateY(-4px)}.features .feature-card:hover .feature-icon{color:#2563eb}.features .feature-card .feature-icon{width:48px;height:48px;color:#3b82f6;margin-bottom:24px;transition:color 0.3s ease}.features .feature-card .feature-title{font-size:20px;font-weight:600;color:#111827;margin-bottom:12px}.features .feature-card .feature-desc{font-size:15px;color:#6b7280;line-height:1.7}.footer{background:#1f2937;border-top:1px solid #374151;margin-top:auto}.footer .footer-top{padding:60px 0 40px;display:grid;grid-template-columns:1fr 1fr;gap:60px;border-bottom:1px solid #374151}@media (max-width: 768px){.footer .footer-top{grid-template-columns:1fr;gap:40px;text-align:center}}.footer .footer-top .footer-brand .footer-logo{font-size:24px;font-weight:700;color:#ffffff;margin-bottom:12px}.footer .footer-top .footer-brand .footer-tagline{font-size:15px;color:#9ca3af}.footer .footer-top .footer-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-end}@media (max-width: 768px){.footer .footer-top .footer-info{align-items:center}}.footer .footer-top .footer-info p{margin:6px 0}.footer .footer-top .footer-info .company-name{font-size:15px;font-weight:500;color:#e5e7eb;margin-bottom:8px}.footer .footer-top .footer-info .icp-info{margin-top:4px}.footer .footer-top .footer-info .icp-link{color:#9ca3af;text-decoration:none;font-size:14px;transition:color 0.3s ease}.footer .footer-top .footer-info .icp-link:hover{color:#d1d5db}.footer .footer-bottom{padding:24px 0;text-align:center}.footer .footer-bottom .copyright{font-size:14px;color:#6b7280}@media (max-width: 968px){.container{padding:0 20px}.hero{padding:60px 0 80px}.features{padding:60px 0 80px}}body{margin:0;padding:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif}img{vertical-align:top}.page-member-agreement{padding:15px;line-height:1.5;font-size:14px}.page-member-agreement ul{list-style:none;padding-left:20px}.page-memnber-guide{background:#fffcf5;min-height:100vh}.page-memnber-guide .image-slim{width:100%;margin-top:-14.6666666667vw}.page-memnber-guide .btn-container{box-sizing:border-box;position:fixed;bottom:4.2666666667vw;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;padding:0 4vw}.page-memnber-guide .btn-add{width:100%;height:11.2vw;background-color:#fd9f24;border-radius:1.0666666667vw;color:#fff;font-size:3.7333333333vw;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.page-member-welcome{position:relative;min-height:100vh;background:url("http://cdn.inflation.com.cn/For3d1ldJuWtiMn9cUTgVdnjIIm3") no-repeat}.page-member-welcome .cover{position:absolute;top:-14.6666666667vw;left:0;width:100%;z-index:1}.page-member-welcome .content{position:relative;box-sizing:border-box;color:#2f2f2f;font-size:3.2vw;padding:72.6666666667vw 15.2vw 0;z-index:2}.page-member-welcome .content .name{color:#e38d1d;font-weight:bold;font-size:4.8vw;margin:0 0 3.7333333333vw}.page-member-welcome .content .webcome-tip{margin-top:0;font-weight:bold}.page-member-welcome .content .box-welfare{margin-top:6.4vw;margin-bottom:7.3333333333vw}.page-member-welcome .content .box-welfare .title{margin-bottom:0 0 3.7333333333vw;font-weight:bold}.page-member-welcome .content .box-welfare .list{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.page-member-welcome .content .box-welfare .list .item{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-right:5.3333333333vw}.page-member-welcome .content .box-welfare .list .item p{margin:2.6666666667vw 0 0}.page-member-welcome .content .btn-group{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.page-member-welcome .content .btn{box-sizing:border-box;width:44.2666666667vw;height:10.6666666667vw;line-height:10.6666666667vw;text-align:center;font-size:3.2vw;border-radius:1.0666666667vw;background:#fff;margin-bottom:3.4666666667vw;border:1px solid #fd9f24;font-weight:bold}.page-member-welcome .content .btn.bg{background-color:#fd9f24;border:none}
