/* 移动端增强：防止重叠和错乱 */
@media (max-width:640px){
	body{font-size:15px;}
	.container{width:100%;padding:10px 0;}
	.site-header .container{padding:6px 0;}
	.brand .logo{height:28px;max-width:60px;}
	.main-nav{font-size:14px;display:flex;flex-wrap:wrap;gap:10px;}
	.main-nav a{margin-left:10px;}
	.hero{display:block;padding-top:18px;padding-bottom:10px;}
	.hero-text{margin-bottom:18px;}
	.hero-text h1{font-size:22px;line-height:1.2;}
	.lead{font-size:15px;max-width:100%;}
	.meta-badges{gap:8px;}
	.hero-visual{margin:0 auto 18px;max-width:120px;}
	.hero-logo{width:100px;height:auto;padding:10px;}
	.features h2,.stats h2,.how h2{font-size:18px;margin-bottom:12px;}
	.features-grid,.stats-grid{grid-template-columns:1fr;gap:10px;}
	.feature-card,.stat{padding:10px 6px;}
	.steps{gap:8px;}
	.steps li{padding:8px 8px 8px 32px;font-size:14px;}
	.steps li::before{left:4px;top:8px;width:18px;height:18px;font-size:12px;}
	.site-footer .container{padding:0 2px;}
	.site-footer p,.site-footer .meta{font-size:11px;}
}
@media (max-width:420px){
	.brand .logo{height:20px;max-width:40px;}
	.site-header .container{padding:2px 0;}
	.container{padding:4px 0;}
	.main-nav{font-size:13px;gap:6px;}
	.hero-text h1{font-size:16px;}
}
:root {--bg:#fff;--fg:#222;--fg-soft:#555;--primary:#f6c200;--primary-accent:#ffdc55;--primary-shadow:rgba(246,194,0,.35);--radius:14px;--border:1px solid #e8e8e8;--grad:linear-gradient(135deg,#ffec9b 0%,#f6c200 55%,#ffcf3d 100%);--shadow:0 8px 24px -6px rgba(0,0,0,.08),0 2px 6px -2px rgba(0,0,0,.05);--font:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif;}
*{box-sizing:border-box;-webkit-font-smoothing:antialiased}
body{margin:0;font-family:var(--font);background:var(--bg);color:var(--fg);line-height:1.55;font-size:16px}
img{max-width:100%;display:block}
a{color:var(--fg);text-decoration:none;transition:.25s}
a:hover{color:#000}
.container{width:min(1180px,92%);margin:0 auto;padding:46px 0}
.flex{display:flex}.between{justify-content:space-between}.center-v{align-items:center}
.site-header{position:sticky;top:0;backdrop-filter:saturate(180%) blur(18px);background:rgba(255,255,255,.85);border-bottom:var(--border);z-index:50}
.site-header .container{padding:14px 0}
.brand{display:flex;align-items:center;font-weight:600;font-size:20px;gap:10px}
.logo{height:42px;width:42px;border-radius:12px;box-shadow:0 4px 10px -2px rgba(0,0,0,.2)}
.main-nav a{margin-left:28px;font-weight:500;position:relative}
.main-nav a::after{content:'';position:absolute;left:0;bottom:-6px;width:0;height:3px;background:var(--primary);border-radius:2px;transition:.35s}
.main-nav a:hover::after{width:100%}
.download-btn{padding:10px 18px;background:var(--grad);border-radius:32px;color:#000;box-shadow:0 6px 14px -4px var(--primary-shadow);font-weight:600}
.download-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -6px var(--primary-shadow)}
.hero{display:grid;grid-template-columns:1fr 420px;gap:60px;padding-top:60px;padding-bottom:40px}
.hero-text h1{font-size:48px;line-height:1.1;margin:0 0 24px;font-weight:700;background:linear-gradient(90deg,#222,#7d5b00);-webkit-background-clip:text;color:transparent}
.lead{font-size:19px;color:var(--fg-soft);max-width:640px}
.cta-group{margin:34px 0 12px;display:flex;gap:18px;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 28px;font-weight:600;border-radius:14px;transition:.35s;position:relative}
.btn.primary{background:var(--grad);color:#000;box-shadow:0 10px 26px -8px var(--primary-shadow)}
.btn.primary.big{font-size:20px;padding:20px 44px;margin-top:12px}
.btn.primary:hover{transform:translateY(-3px);box-shadow:0 16px 34px -10px var(--primary-shadow)}
.btn.ghost{background:#fff;border:var(--border);color:#333}
.btn.ghost:hover{border-color:var(--primary);color:#000;box-shadow:0 6px 18px -6px rgba(0,0,0,.08)}
.meta-badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.badge{background:#fff;border:var(--border);padding:6px 14px;border-radius:40px;font-size:14px;font-weight:500;box-shadow:0 4px 10px -4px rgba(0,0,0,.06)}
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}
.hero-logo{width:180px;height:180px;border-radius:42px;box-shadow:0 12px 42px -10px var(--primary-shadow);background:#fff;padding:22px}
.circle{position:absolute;border-radius:50%}
.circle.pulse{width:300px;height:300px;background:radial-gradient(circle at 30% 30%,#ffefb5,#ffd237 60%,rgba(255,210,55,.4));animation:pulse 5s ease-in-out infinite}
.circle.ring{width:400px;height:400px;border:18px solid rgba(246,194,0,.25);animation:ring 18s linear infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.features h2,.stats h2,.how h2,.download h2{font-size:34px;margin:0 0 28px;font-weight:600}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.feature-card{background:#fff;border:var(--border);padding:22px 22px 24px;border-radius:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.feature-card::before{content:'';position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,236,155,.35),rgba(246,194,0,.12));opacity:0;transition:.35s}
.feature-card:hover::before{opacity:1}
.feature-card h3{margin:0 0 12px;font-size:20px}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}
.stat{background:#fff;border:var(--border);padding:24px 20px;border-radius:16px;text-align:center;box-shadow:var(--shadow)}
.stat .num{display:block;font-size:42px;font-weight:600;line-height:1.1;background:var(--grad);-webkit-background-clip:text;color:transparent}
.stat .unit{display:block;margin-top:-6px;font-size:14px;color:var(--fg-soft)}
.steps{counter-reset:step;margin:0;padding-left:0;list-style:none;display:grid;gap:14px}
.steps li{position:relative;padding:14px 18px 14px 54px;background:#fff;border:var(--border);border-radius:16px;box-shadow:var(--shadow)}
.steps li::before{counter-increment:step;content:counter(step);position:absolute;left:16px;top:14px;width:30px;height:30px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-weight:600;color:#000;box-shadow:0 4px 10px -4px var(--primary-shadow)}
.list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.list li{background:#fff;border:var(--border);padding:12px 16px;border-radius:12px}
.page h1{font-size:40px;margin:0 0 20px}
.page h2{font-size:26px;margin:34px 0 16px}
code,kbd{background:#fff;border:var(--border);padding:2px 6px;border-radius:6px;font-size:14px}
.download{text-align:center}
.note{color:var(--fg-soft);font-size:14px;margin-top:10px}
.site-footer{background:#fafafa;border-top:var(--border);margin-top:40px;padding:34px 0 46px;font-size:14px;color:var(--fg-soft)}
.site-footer .meta{margin-top:8px;font-size:12px}
@media (max-width:960px){.hero{grid-template-columns:1fr;gap:40px}.hero-text h1{font-size:38px}.hero-logo{width:140px;height:140px}}
@media (max-width:640px){.main-nav a{margin-left:18px}.hero-text h1{font-size:32px}.cta-group .btn{flex:1;text-align:center}}
/* 关键词导航浅灰色样式 */
.keyword-nav{color:#b3b7bd}
.keyword-nav h2{color:#b3b7bd}
.keyword-nav a{color:#b3b7bd}
.keyword-nav strong{color:#b3b7bd}
/* QR Section */
.qr-section{text-align:center}
.qr-section h2{font-size:26px;margin:0 0 16px;font-weight:600}
.qr-wrap{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;justify-content:center;flex-direction:column}
.qr-img{width:220px;height:auto;border-radius:12px;border:var(--border);box-shadow:0 10px 26px -10px rgba(0,0,0,.12);background:#fff}
.qr-tip{color:#666;font-size:14px;margin-top:6px}
@media (max-width:640px){
	.qr-img{width:160px}
}
@media (max-width:640px){
	.container{padding:24px 0}
	.site-header .container{padding:10px 0}
	.brand .logo{height:32px;max-width:80px;}
	.main-nav{font-size:15px;}
	.features h2,.stats h2,.how h2{font-size:22px;}
	.features-grid,.stats-grid{grid-template-columns:1fr;gap:14px}
	.feature-card,.stat{padding:16px 10px;}
	.steps li{padding:10px 12px 10px 38px;}
	.steps li::before{left:8px;top:10px;width:22px;height:22px;font-size:13px;}
	.site-footer .container{padding:0 4px;}
	.site-footer p,.site-footer .meta{font-size:12px;}
}
@media (max-width:420px){
	.brand .logo{height:24px;max-width:56px;}
	.site-header .container{padding:6px 0;}
	.container{padding:10px 0;}
}
/* Modals */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.38);backdrop-filter:blur(4px);z-index:200;animation:fadeIn .25s ease}
.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);width:min(640px,92%);background:#fff;border:var(--border);border-radius:22px;box-shadow:0 24px 60px -16px rgba(0,0,0,.25),0 4px 16px -4px rgba(0,0,0,.08);padding:0 0 14px;z-index:210;display:flex;flex-direction:column;animation:popIn .28s cubic-bezier(.18,.8,.3,1)}
.modal[hidden]{display:none}
.modal-header{padding:20px 26px 10px}
.modal-header h3{margin:0;font-size:24px;letter-spacing:.5px}
.modal-body{padding:0 26px 10px;font-size:15px;color:var(--fg-soft);line-height:1.6}
.modal-actions{padding:10px 26px 22px;display:flex;justify-content:flex-end;gap:14px}
.bypass-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:12px}
.bypass-grid figure{margin:0;padding:0;background:#fff;border:var(--border);border-radius:16px;box-shadow:0 8px 20px -10px rgba(0,0,0,.08);overflow:hidden;display:flex;flex-direction:column}
.bypass-grid img{width:100%;height:auto;display:block}
.bypass-grid figcaption{padding:10px 12px;font-size:13px;color:#444;background:#fff}
@keyframes popIn{0%{opacity:0;transform:translate(-50%,-42%) scale(.9)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}