.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal) var(--ease-in-out);outline:none;border:none;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 32px #7c3aed66}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--secondary);color:var(--primary)}.btn-secondary:hover:not(:disabled){background:var(--accent)}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover:not(:disabled){background:var(--primary);color:#fff}.btn-white{background:#fff;color:var(--primary);border:2px solid white;box-shadow:0 8px 20px #00000026}.btn-white:hover:not(:disabled){background:#fffffff2;transform:translateY(-2px);box-shadow:0 12px 28px #0003}.btn-outline-light{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);color:#fff}.btn-outline-light:hover:not(:disabled){background:#ffffff40;border-color:#fff9;color:#fff;transform:translateY(-2px)}.btn-small{padding:8px 16px;font-size:14px}.btn-medium{padding:12px 24px;font-size:16px}.btn-large{padding:16px 32px;font-size:18px}.btn-full-width{width:100%}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal) var(--ease-in-out)}.card-padding-small{padding:var(--space-2)}.card-padding-medium{padding:var(--space-3)}.card-padding-large{padding:var(--space-4)}.card-hover{cursor:pointer}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-hover:active{transform:translateY(-2px)}.navbar{position:sticky;top:0;z-index:1000;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--gray-200)}.navbar-container{max-width:1200px;margin:0 auto;padding:var(--space-2) var(--space-3);display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:var(--space-1);font-size:20px;font-weight:600;color:var(--text-primary);text-decoration:none}.navbar-logo img{width:32px;height:32px;object-fit:contain}.navbar-menu{display:flex;align-items:center;gap:var(--space-4)}.navbar-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition-normal) var(--ease-in-out);position:relative}.navbar-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);transition:width var(--transition-normal) var(--ease-in-out)}.navbar-link:hover,.navbar-link.active{color:var(--primary)}.navbar-link.active:after{width:100%}.navbar-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:8px}.navbar-toggle span{display:block;width:24px;height:2px;background:var(--text-primary);transition:all var(--transition-normal) var(--ease-in-out)}@media (max-width: 768px){.navbar-toggle{display:flex}.navbar-menu{position:fixed;top:64px;right:-100%;width:80%;max-width:300px;height:calc(100vh - 64px);background:#fff;flex-direction:column;align-items:flex-start;padding:var(--space-4);gap:var(--space-3);box-shadow:var(--shadow-lg);transition:right var(--transition-normal) var(--ease-in-out)}.navbar-menu.active{right:0}.navbar-link{width:100%;padding:var(--space-2) 0;border-bottom:1px solid var(--gray-200)}.navbar-link:after{display:none}}.footer{background:var(--gray-900);color:#fff;padding:var(--space-8) 0 var(--space-4);margin-top:auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.footer-logo{display:flex;align-items:center;gap:var(--space-1);font-size:20px;font-weight:700;margin-bottom:var(--space-2)}.footer-logo img{width:40px;height:40px;border-radius:var(--radius-md)}.footer-desc{color:var(--gray-400);font-size:14px;line-height:1.6}.footer-section h3{font-size:18px;font-weight:700;margin-bottom:var(--space-2)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.footer-links a{color:var(--gray-400);text-decoration:none;font-size:14px;transition:color var(--transition-normal)}.footer-links a:hover{color:#fff}.qr-code{width:120px;height:120px;border-radius:var(--radius-md)}.footer-bottom{text-align:center;padding-top:var(--space-4);border-top:1px solid var(--gray-700);color:var(--gray-500);font-size:14px;display:flex;flex-direction:column;gap:8px;align-items:center}.icp-info a{color:var(--gray-500);text-decoration:none;transition:color .2s}.icp-info a:hover{color:var(--gray-300)}@media (max-width: 1024px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr}}.home-page{min-height:100vh}.hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);padding:var(--space-12) 0;color:#fff}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center}.hero-content{animation:fadeInUp .8s ease-out}.hero-title{font-size:56px;font-weight:900;margin-bottom:var(--space-3);line-height:1.2}.gradient-text{background:linear-gradient(135deg,#fff,#e9d8fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:20px;margin-bottom:var(--space-5);opacity:.95;line-height:1.6}.hero-actions{display:flex;gap:var(--space-2)}.hero-image{animation:fadeInRight 1s ease-out}.hero-image img{width:100%;max-width:600px;height:auto;border-radius:var(--radius-2xl);box-shadow:0 30px 60px #0000004d}.section-header{text-align:center;margin-bottom:var(--space-8)}.section-header h2{font-size:42px;font-weight:800;color:var(--text-primary);margin-bottom:var(--space-2)}.section-header p{font-size:18px;color:var(--text-secondary)}.cost-comparison{padding:var(--space-12) 0;background:var(--gray-50)}.comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);max-width:900px;margin:0 auto}.comparison-card{position:relative;box-shadow:var(--shadow-lg);border:2px solid var(--gray-200)}.comparison-card.traditional{background:#fff}.comparison-card.smart{background:#fff;border-color:var(--primary);box-shadow:0 20px 40px #7c3aed26}.comparison-card .card-header{margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--gray-200)}.comparison-card .card-header h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.comparison-card.smart .card-header{border-color:var(--primary)}.comparison-card .card-header.recommended{position:relative}.badge{position:absolute;top:-12px;right:0;background:var(--primary);color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.cost-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--gray-200)}.cost-label{color:var(--text-secondary);font-size:15px}.cost-value{font-weight:600;color:var(--text-primary)}.cost-value.highlight{color:var(--primary);font-size:18px}.cost-total{margin-top:var(--space-3);padding:var(--space-2);background:var(--gray-100);border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center}.cost-total.highlight{background:var(--secondary);border:2px solid var(--primary)}.cost-total strong{font-size:24px;color:var(--primary)}.savings{margin-top:var(--space-2);padding:var(--space-2);background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:var(--radius-md);text-align:center}.savings strong{display:block;font-size:32px;font-weight:900;margin-top:4px}.features{padding:var(--space-12) 0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.feature-card{text-align:center;transition:all var(--transition-normal) var(--ease-in-out)}.feature-icon{font-size:48px;margin-bottom:var(--space-2)}.feature-card h3{font-size:20px;font-weight:700;margin-bottom:var(--space-1);color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.6;margin:0}.stats{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);padding:var(--space-8) 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);text-align:center}.stat-item{color:#fff}.stat-value{font-size:48px;font-weight:900;margin-bottom:var(--space-1)}.stat-label{font-size:16px;opacity:.9}.cta{padding:var(--space-12) 0;background:var(--secondary)}.cta-content{text-align:center}.cta-content h2{font-size:42px;font-weight:800;color:var(--text-primary);margin-bottom:var(--space-2)}.cta-content p{font-size:18px;color:var(--text-secondary);margin-bottom:var(--space-4)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.hero .container{grid-template-columns:1fr;gap:var(--space-6)}.hero-image{order:-1}.hero-title{font-size:42px}.features-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero{padding:var(--space-8) 0}.hero-title{font-size:36px}.hero-subtitle{font-size:16px}.hero-actions{flex-direction:column}.section-header h2{font-size:32px}.comparison-grid,.features-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.cta-content h2{font-size:32px}}.tutorial-page{min-height:100vh;background:var(--gray-50)}.tutorial-cards{padding:var(--space-8) 0}.tutorial-card{display:block;text-decoration:none;color:inherit;max-width:800px;margin:0 auto}.tutorial-card-content{overflow:hidden}.card-image{position:relative;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden}.play-icon{width:80px;height:80px;background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;transition:all var(--transition-normal) var(--ease-in-out)}.tutorial-card:hover .play-icon{background:#fff6;transform:scale(1.1)}.video-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:var(--space-4) var(--space-3);color:#fff;font-size:18px;font-weight:600}.card-content{padding:var(--space-4)}.card-badge{display:inline-block;padding:6px 16px;background:var(--secondary);color:var(--primary);border-radius:var(--radius-full);font-size:14px;font-weight:600;margin-bottom:var(--space-2)}.card-content h3{font-size:24px;font-weight:700;margin-bottom:var(--space-2);color:var(--text-primary)}.card-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-3)}.card-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:600;transition:gap var(--transition-normal) var(--ease-in-out)}.tutorial-card:hover .card-link{gap:12px}.arrow{transition:transform var(--transition-normal) var(--ease-in-out)}.tutorial-card:hover .arrow{transform:translate(4px)}.faq-section{padding:var(--space-8) 0;background:#fff}.section-header{text-align:center;margin-bottom:var(--space-6)}.section-header h2{font-size:42px;font-weight:800;color:var(--text-primary);margin-bottom:var(--space-1)}.section-header p{font-size:18px;color:var(--text-secondary);margin:0}.faq-categories{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-6)}.category-btn{padding:10px 24px;background:var(--gray-100);border:2px solid transparent;border-radius:var(--radius-full);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all var(--transition-normal) var(--ease-in-out);white-space:nowrap}.category-btn:hover{background:var(--gray-200)}.category-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.faq-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2)}.faq-item{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal) var(--ease-in-out)}.faq-item:hover{border-color:var(--primary)}.faq-item.active{border-color:var(--primary);box-shadow:var(--shadow-md)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.faq-question span:first-child{font-weight:600;color:var(--text-primary);flex:1;font-size:16px}.faq-icon{font-size:12px;color:var(--text-secondary);margin-left:var(--space-2);transition:transform var(--transition-normal) var(--ease-in-out)}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-normal) var(--ease-in-out)}.faq-item.active .faq-answer{max-height:500px}.faq-answer-content{padding:0 var(--space-3) var(--space-3);color:var(--text-secondary);line-height:1.7}.faq-answer-content a{color:var(--primary);text-decoration:underline;font-weight:600}.faq-answer-content a:hover{color:var(--primary-dark)}.support-section{max-width:900px;margin:var(--space-8) auto 0}.support-card{background:linear-gradient(135deg,var(--secondary) 0%,#ffffff 100%);border:2px solid var(--primary)}.support-content{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.support-text h3{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.support-text p{color:var(--text-secondary);margin:0}.support-qr{text-align:center}.support-qr img{width:120px;height:120px;border-radius:var(--radius-md);margin-bottom:var(--space-1);box-shadow:var(--shadow-md)}.support-qr span{display:block;font-size:14px;color:var(--text-secondary);font-weight:600}@media (max-width: 768px){.page-hero h1{font-size:36px}.page-hero p{font-size:16px}.card-image{height:200px}.play-icon{width:60px;height:60px;font-size:24px}.section-header h2{font-size:32px}.faq-categories{justify-content:flex-start;overflow-x:auto;padding-bottom:var(--space-1)}.faq-categories::-webkit-scrollbar{height:4px}.faq-categories::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}.support-content{flex-direction:column;text-align:center}}.download-page{min-height:100vh;background:var(--gray-50)}.page-hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:var(--space-10) 0 var(--space-8);text-align:center}.page-hero h1{font-size:48px;font-weight:900;margin-bottom:var(--space-2)}.page-hero p{font-size:20px;opacity:.95;margin:0}.version-info,.download-section,.requirements-section,.changelog-section{padding:var(--space-6) 0}.version-card{max-width:800px;margin:0 auto}.version-header{display:flex;justify-content:space-between;align-items:center}.version-number{font-size:32px;font-weight:900;color:var(--primary);margin-top:var(--space-1)}.version-date{color:var(--text-secondary)}.download-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);max-width:900px;margin:0 auto}.download-card{text-align:center}.download-icon{font-size:64px;margin-bottom:var(--space-2)}.download-card h3{font-size:20px;font-weight:700;margin-bottom:var(--space-1);color:var(--text-primary)}.download-card p{color:var(--text-secondary);margin-bottom:var(--space-3);font-size:14px}.requirements-card{max-width:900px;margin:0 auto}.requirements-card h3{font-size:24px;font-weight:700;margin-bottom:var(--space-4);color:var(--text-primary)}.requirements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.requirement-item h4{font-size:18px;font-weight:700;margin-bottom:var(--space-2);color:var(--text-primary)}.requirement-item ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.requirement-item li{color:var(--text-secondary);padding-left:var(--space-3);position:relative}.requirement-item li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.changelog-card{max-width:900px;margin:0 auto}.changelog-card h3{font-size:24px;font-weight:700;margin-bottom:var(--space-4);color:var(--text-primary)}.changelog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--primary)}.changelog-version{font-size:20px;font-weight:700;color:var(--primary)}.changelog-date{color:var(--text-secondary);font-size:14px}.changelog-content h4{font-size:16px;font-weight:700;color:var(--text-primary);margin-top:var(--space-3);margin-bottom:var(--space-2)}.changelog-content ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.changelog-content li{color:var(--text-secondary);padding-left:var(--space-3);position:relative}.changelog-content li:before{content:"•";position:absolute;left:var(--space-1);color:var(--primary);font-weight:700}.footer{background:var(--gray-900);color:#fff;padding:var(--space-4) 0;margin-top:var(--space-8)}.footer-content{text-align:center}.footer-content p{color:var(--gray-500);font-size:14px;margin:0}@media (max-width: 768px){.page-hero h1{font-size:36px}.download-grid,.requirements-grid{grid-template-columns:1fr}.version-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.recommendation-tip{display:inline-flex;align-items:center;gap:12px;background:#ffffff1a;padding:8px 16px;border-radius:var(--radius-full);margin-top:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);font-size:14px}.check-guide-btn{background:none;border:none;color:var(--secondary);text-decoration:underline;cursor:pointer;padding:0;font-size:14px;font-weight:600}.check-guide-btn:hover{color:#fff}.download-card{position:relative;border:2px solid transparent;transition:all .3s ease}.download-card.recommended{border-color:var(--primary);box-shadow:0 0 0 4px #7c3aed1a;transform:translateY(-4px)}.recommend-badge{position:absolute;top:-12px;right:20px;background:var(--primary);color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:700;box-shadow:0 4px 6px #7c3aed4d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:var(--radius-xl);width:90%;max-width:600px;box-shadow:var(--shadow-2xl);animation:slideUp .3s ease-out}.modal-header{padding:20px 24px;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:20px;color:var(--text-primary)}.close-btn{background:none;border:none;font-size:24px;color:var(--gray-400);cursor:pointer;padding:4px;line-height:1}.close-btn:hover{color:var(--text-primary)}.modal-body{padding:24px}.guide-item{margin-bottom:24px}.guide-item:last-child{margin-bottom:0}.guide-item h4{font-size:18px;margin-bottom:12px;color:var(--text-primary)}.guide-item ol{padding-left:20px;color:var(--text-secondary)}.guide-item li{margin-bottom:8px}.guide-item ul{margin-top:8px;padding-left:20px}.modal-footer{padding:16px 24px;border-top:1px solid var(--gray-200);text-align:right;background:var(--gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.invite-page{min-height:100vh;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);padding:var(--space-4) 0}.invite-header{text-align:center;margin-bottom:var(--space-4)}.invite-header .logo{display:inline-flex;align-items:center;gap:var(--space-1);text-decoration:none;color:#fff;font-size:24px;font-weight:700}.invite-header .logo img{width:48px;height:48px;border-radius:var(--radius-md)}.invite-card{max-width:600px;margin:0 auto}.invite-content{padding:var(--space-4)}.invite-content h1{text-align:center;font-size:32px;font-weight:800;color:var(--text-primary);margin-bottom:var(--space-2)}.invite-info{text-align:center;background:var(--secondary);padding:var(--space-2);border-radius:var(--radius-md);margin-bottom:var(--space-4);color:var(--text-secondary)}.invite-info strong{color:var(--primary);font-size:20px}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}.benefit-item{text-align:center;padding:var(--space-2)}.benefit-icon{font-size:36px;margin-bottom:var(--space-1)}.benefit-item h3{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.benefit-item p{font-size:13px;color:var(--text-secondary);margin:0}.register-form{display:flex;flex-direction:column;gap:var(--space-3)}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-group label{font-weight:600;color:var(--text-primary);font-size:14px}.form-group input{padding:var(--space-2);border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:16px;transition:border-color var(--transition-normal)}.form-group input:focus{outline:none;border-color:var(--primary)}.code-input-group{display:flex;gap:var(--space-1)}.code-input-group input{flex:1}.send-code-btn{padding:var(--space-2) var(--space-3);background:var(--gray-100);border:2px solid var(--gray-200);border-radius:var(--radius-md);color:var(--text-primary);font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--transition-normal)}.send-code-btn:hover:not(:disabled){background:var(--gray-200)}.send-code-btn:disabled{opacity:.5;cursor:not-allowed}.terms{text-align:center;font-size:12px;color:var(--text-secondary);margin-top:var(--space-2)}.terms a{color:var(--primary);text-decoration:none}.terms a:hover{text-decoration:underline}.success-view{display:flex;align-items:center;justify-content:center}.success-card{max-width:700px;text-align:center}.success-icon{width:80px;height:80px;background:var(--success);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:48px;margin:0 auto var(--space-3)}.success-card h2{font-size:32px;font-weight:800;color:var(--text-primary);margin-bottom:var(--space-1)}.success-card>p{color:var(--text-secondary);margin-bottom:var(--space-4)}.success-content{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-top:var(--space-4)}.qr-section,.links-section{text-align:center}.qr-section h3,.links-section h3{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.qr-code{width:160px;height:160px;border-radius:var(--radius-md);margin-bottom:var(--space-1);box-shadow:var(--shadow-md)}.qr-section p{color:var(--text-secondary);font-size:14px}.link-buttons{display:flex;flex-direction:column;gap:var(--space-2)}@media (max-width: 768px){.invite-content h1{font-size:24px}.benefits-grid,.success-content{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #7c3aed;--primary-dark: #6d28d9;--primary-light: #8b5cf6;--secondary: #f5f3ff;--accent: #e9d8fd;--gray-50: #f9fafb;--gray-100: #f7fafc;--gray-200: #e2e8f0;--gray-300: #cbd5e0;--gray-400: #a0aec0;--gray-500: #718096;--gray-600: #4a5568;--gray-700: #2d3748;--gray-800: #1a202c;--gray-900: #171923;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--text-primary: #1a202c;--text-secondary: #718096;--text-tertiary: #a0aec0;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-8: 64px;--space-10: 80px;--space-12: 96px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .15);--shadow-primary: 0 12px 24px rgba(124, 58, 237, .3);--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--ease-in-out: cubic-bezier(.4, 0, .2, 1)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--text-primary);background-color:#fff;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:48px}h2{font-size:36px}h3{font-size:30px}h4{font-size:24px}h5{font-size:20px}h6{font-size:18px}p{margin-bottom:1rem}a{color:var(--primary);text-decoration:none;transition:color var(--transition-normal) var(--ease-in-out)}a:hover{color:var(--primary-dark)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-3)}@media (min-width: 768px){.container{padding:0 var(--space-4)}}button{font-family:inherit;border:none;cursor:pointer;outline:none}html{scroll-behavior:smooth}::selection{background-color:var(--primary);color:#fff}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}