@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: #0f1d30;--color-primary-light: #162640;--color-primary-surface: #1e3354;--color-accent: #d4a853;--color-accent-light: #e8c97a;--color-accent-dim: rgba(212, 168, 83, .15);--color-green: #10b981;--color-green-dim: rgba(16, 185, 129, .15);--color-danger: #ef4444;--color-danger-dim: rgba(239, 68, 68, .15);--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: rgba(255, 255, 255, .08);--color-card-bg: rgba(255, 255, 255, .03);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .3);--shadow-hover: 0 8px 40px rgba(0, 0, 0, .4);--transition-fast: .2s ease;--transition-normal: .3s ease;--nav-height: 72px;--container-max: 1200px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;background:var(--color-primary)}body{font-family:Inter,-apple-system,PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;font-size:16px;line-height:1.7;letter-spacing:.02em;background:var(--color-primary);color:var(--color-text);min-height:100vh;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}h1{font-size:3rem;font-weight:700;line-height:1.2;letter-spacing:-.01em}h2{font-size:2.25rem;font-weight:700;line-height:1.3}h3{font-size:1.5rem;font-weight:600;line-height:1.4}h4{font-size:1.125rem;font-weight:600}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.section{padding:100px 0}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-header h2{margin-bottom:16px}.section-header .section-desc{color:var(--color-text-secondary);font-size:1.1rem}.section-header .section-tag{margin-bottom:16px}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-height);background:#0f1d30d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);display:flex;align-items:center;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.navbar.scrolled{background:#0f1d30f2;box-shadow:0 4px 20px #0006}.nav-container{max-width:var(--container-max);margin:0 auto;padding:0 24px;width:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;flex-direction:column}.logo-main{font-weight:700;font-size:1.2rem;color:var(--color-text);line-height:1.2}.logo-sub{font-size:.7rem;color:var(--color-text-secondary);font-weight:500}.nav-links{display:flex;align-items:center;gap:32px;list-style:none}.nav-links a{font-size:.9rem;font-weight:500;color:var(--color-text-secondary);position:relative}.nav-links a:hover,.nav-links a.active{color:var(--color-text)}.nav-links a.active:after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:2px;background:var(--color-accent);border-radius:1px}.nav-cta{padding:10px 24px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:var(--color-primary);border-radius:var(--radius-sm);font-weight:600;font-size:.88rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px #d4a8534d;color:var(--color-primary)}.menu-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:5px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--color-text);transition:var(--transition-fast)}@media(max-width:768px){.menu-toggle{display:flex}.nav-links{position:absolute;top:var(--nav-height);left:0;right:0;background:var(--color-primary-light);flex-direction:column;padding:24px;gap:20px;border-bottom:1px solid var(--color-border);display:none}.nav-links.open{display:flex}.nav-cta{display:none}}.hero{min-height:85vh;display:flex;align-items:center;padding-top:var(--nav-height);position:relative;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border-radius:var(--radius-md);font-weight:600;font-size:1rem;transition:var(--transition-normal);cursor:pointer;border:none}.btn--primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:var(--color-primary)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d4a8534d}.btn--outline{background:transparent;color:var(--color-accent);border:1px solid var(--color-accent)}.btn--outline:hover{background:var(--color-accent-dim)}.btn--green{background:var(--color-green);color:var(--color-primary)}.btn--green:hover{transform:translateY(-2px);box-shadow:0 8px 30px #10b9814d}.card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;transition:var(--transition-normal);backdrop-filter:blur(10px)}.card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-hover);transform:translateY(-4px)}.tag{display:inline-block;padding:6px 16px;border-radius:100px;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.tag--accent{background:var(--color-accent-dim);color:var(--color-accent)}.tag--green{background:var(--color-green-dim);color:var(--color-green)}.tag--danger{background:var(--color-danger-dim);color:var(--color-danger)}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cards-grid--2{grid-template-columns:repeat(2,1fr)}.cards-grid--3{grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.cards-grid,.cards-grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cards-grid,.cards-grid--2,.cards-grid--3{grid-template-columns:1fr}}.footer{background:var(--color-primary-light);border-top:1px solid var(--color-border);padding:60px 0 32px;margin-top:60px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-brand h3{font-size:1.3rem;color:var(--color-text);margin-bottom:12px}.footer-brand p{font-size:.9rem;color:var(--color-text-secondary)}.footer-legal{margin-top:12px;font-size:.8rem;opacity:.6}.footer-col h4{font-size:.9rem;color:var(--color-accent);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.footer-col ul{list-style:none}.footer-col li{margin-bottom:12px}.footer-col a{color:var(--color-text-secondary);font-size:.9rem}.footer-col a:hover{color:var(--color-accent)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.8rem}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:12px;text-align:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .6s ease forwards}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:pulse-glow 8s ease-in-out infinite;z-index:0}.hero-orb--1{width:400px;height:400px;background:#d4a85326;top:-100px;right:-100px}.hero-orb--2{width:300px;height:300px;background:#10b9811a;bottom:-50px;left:-50px;animation-delay:4s}.timeline{position:relative;padding-left:30px;margin:40px 0}.timeline:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:2px;background:var(--color-border)}.timeline-item{position:relative;margin-bottom:48px}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-30px;top:6px;width:24px;height:24px;border-radius:50%;background:var(--color-primary);border:4px solid var(--color-accent);z-index:1}.timeline-time{font-size:.9rem;color:var(--color-accent);font-weight:600;margin-bottom:8px;display:block}.timeline-content{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.steps{display:flex;justify-content:space-between;position:relative;margin:40px 0;gap:20px}.step{flex:1;position:relative;text-align:left;background:var(--color-card-bg);padding:24px;border-radius:var(--radius-lg);border:1px solid var(--color-border);z-index:1}.step-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-green-dim);color:var(--color-green);font-weight:700;margin-bottom:16px}.step-title{font-size:1.1rem;font-weight:600;margin-bottom:8px}.step-desc{font-size:.9rem;color:var(--color-text-secondary)}@media(max-width:768px){.steps{flex-direction:column}}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:40px 0}.comparison-col{padding:32px;border-radius:var(--radius-lg)}.comparison-before{background:var(--color-primary-light);border:1px solid var(--color-border);opacity:.8}.comparison-after{background:var(--color-primary-surface);border:1px solid var(--color-accent);box-shadow:inset 0 0 40px #d4a8530d}.comparison-title{font-size:1.25rem;font-weight:700;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.comparison-before .comparison-title{color:var(--color-text-secondary)}.comparison-after .comparison-title{color:var(--color-accent)}.comparison-list{list-style:none;margin-bottom:24px}.comparison-list li{margin-bottom:12px;padding-left:20px;position:relative}.comparison-list li:before{content:"•";position:absolute;left:0;color:var(--color-text-muted)}.comparison-after .comparison-list li:before{color:var(--color-accent)}.comparison-result{padding:16px;border-radius:var(--radius-md);background:#0003}.comparison-after .comparison-result{background:var(--color-accent-dim)}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.faq-question{padding:20px 24px;font-weight:600;font-size:1.1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none}.faq-question:after{content:"+";font-size:1.5rem;color:var(--color-accent);transition:transform .3s ease}.faq-item.active .faq-question:after{transform:rotate(45deg)}.faq-answer{padding:0 24px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;color:var(--color-text-secondary)}.faq-item.active .faq-answer{padding:0 24px 24px;max-height:500px}.stat-card{text-align:center;padding:32px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.stat-value{font-size:3.5rem;font-weight:800;line-height:1;margin-bottom:12px}.stat-value.accent{color:var(--color-accent)}.stat-value.danger{color:var(--color-danger)}.stat-value.green{color:var(--color-green)}.stat-desc{font-size:1.1rem;font-weight:500;margin-bottom:8px}.stat-source{font-size:.8rem;color:var(--color-text-muted)}.article-card{display:flex;flex-direction:column;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;transition:var(--transition-normal);height:100%}.article-card:hover{border-color:var(--color-accent);transform:translateY(-4px)}.article-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.article-card-date{font-size:.85rem;color:var(--color-text-muted)}.article-card-title{font-size:1.25rem;font-weight:700;margin-bottom:12px}.article-card-excerpt{font-size:.95rem;color:var(--color-text-secondary);flex:1;margin-bottom:20px}.article-card-footer{font-size:.85rem;color:var(--color-text-muted);padding-top:16px;border-top:1px dashed var(--color-border)}.form-group{margin-bottom:24px;text-align:left}.form-label{display:block;margin-bottom:8px;color:var(--color-text);font-size:.95rem;font-weight:500}.form-input,.form-textarea,.form-select{width:100%;padding:14px 16px;background:var(--color-primary-light);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:1rem;font-family:inherit}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px var(--color-accent-dim)}.form-textarea{min-height:120px;resize:vertical}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-label{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--color-text-secondary)}.radio-label input{width:18px;height:18px;accent-color:var(--color-accent)}.radio-label:hover{color:var(--color-text)}.blockquote{border-left:4px solid var(--color-accent);padding:24px 32px;background:var(--color-card-bg);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:1.15rem;line-height:1.8;color:var(--color-text);margin:32px 0}.diff-table-container{overflow-x:auto;margin:40px 0}.diff-table{width:100%;min-width:600px;border-collapse:separate;border-spacing:0 12px}.diff-table td{padding:16px 24px;border-radius:var(--radius-md);width:50%}.diff-table .diff-no{background:#ef44440d;color:var(--color-text-muted)}.diff-table .diff-yes{background:var(--color-accent-dim);color:var(--color-accent);font-weight:600}.qr-placeholder{width:200px;height:200px;background:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#333;font-weight:600;margin:0 auto 24px}.cta-section{text-align:center;background:linear-gradient(to bottom,var(--color-primary-light),var(--color-primary));padding:120px 0}.cta-section h2{margin-bottom:24px}.cta-section p{color:var(--color-text-secondary);margin-bottom:32px;font-size:1.1rem}.cta-note{font-size:.9rem;color:var(--color-text-muted);margin-top:16px;display:block}
