@charset "UTF-8";
:root{--yellow:#ffd634;--black:#111;--paper:#f7f6f1;--white:#fff;--ink:#151515;--muted:#6f6f6a;--line:#d9d8d1;--shell:min(1180px,calc(100% - 40px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.shell{width:var(--shell);margin:auto}
.header{background:#111;color:#fff}.header-grid{height:70px;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:24px}.brand img{max-height:37px;width:auto}.header-title{text-align:center;font-size:9px;letter-spacing:.18em;color:#777;font-weight:900}.header-cta{background:var(--yellow);color:#111;padding:11px 16px;font-size:12px;font-weight:900}
.hero{background:var(--yellow);padding:72px 0}.hero-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;min-height:590px}.hero-no{font-size:110px;font-weight:900;line-height:.75;color:rgba(0,0,0,.1);letter-spacing:-.09em}.kicker,.guide-head span,.choose-title span,.dont-title span,.quick-grid>div>span,.faq-title span,.final-grid>div>span{display:block;font-size:9px;letter-spacing:.17em;font-weight:900;margin-bottom:14px}.hero h1{font-size:clamp(66px,8vw,110px);line-height:.82;letter-spacing:-.075em;margin:18px 0 22px}.hero-copy>p{font-size:15px;line-height:1.8;max-width:560px}.hero-cta{display:inline-block;margin-top:22px;background:#111;color:#fff;padding:14px 18px;font-size:12px;font-weight:900}.hero-art{position:relative}.black-panel{background:#111;min-height:480px;display:grid;place-items:center;position:relative;padding:25px}.black-panel img{max-height:400px;width:auto;object-fit:contain;filter:drop-shadow(0 24px 28px rgba(0,0,0,.35))}.panel-foot{position:absolute;left:15px;right:15px;bottom:13px;display:flex;gap:18px;color:#777;font-size:8px;letter-spacing:.14em}.yellow-note{position:absolute;right:-18px;top:24px;background:#fff;color:#111;padding:9px 12px;font-size:8px;font-weight:900;letter-spacing:.12em;transform:rotate(2deg)}
.guide{padding:100px 0;background:#fff}.guide-head{max-width:780px;margin-bottom:35px}.guide-head h2,.choose-title h2,.dont-title h2,.quick-grid h2,.faq-title h2{font-size:clamp(42px,5.2vw,66px);line-height:1.02;letter-spacing:-.055em;margin:0}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#111;border:1px solid #111}.steps article{min-height:300px;background:#f4f3ee;padding:22px;display:flex;flex-direction:column}.steps article:nth-child(3){background:var(--yellow)}.steps b{font-size:30px}.steps span{font-size:8px;letter-spacing:.14em;margin-top:45px}.steps h3{font-size:20px;margin:8px 0}.steps p{font-size:12px;line-height:1.7;color:var(--muted)}.steps a{margin-top:auto;border-top:1px solid #111;padding-top:12px;font-size:11px;font-weight:900}
.choose{padding:95px 0;background:#111;color:#fff}.choose-grid{display:grid;grid-template-columns:360px 1fr;gap:80px}.choose-title h2{color:#fff}.choice-list{border-top:1px solid #444}.choice-list>div{display:grid;grid-template-columns:1fr 60px 1fr;padding:18px 0;border-bottom:1px solid #444;font-size:13px}.choice-list span{text-align:center;color:var(--yellow)}.choice-list strong{text-align:right}
.preview{padding:100px 0}.preview-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:12px}.preview figure{margin:0;min-height:540px;position:relative;padding:38px 25px 55px;display:grid;place-items:center}.phone{background:#161616}.desktop{background:#e3e2dc}.preview figure>span{position:absolute;left:16px;top:14px;font-size:8px;letter-spacing:.14em;color:#777}.preview img{max-height:460px;width:auto;object-fit:contain}.desktop img{max-height:410px;max-width:95%}.preview figcaption{position:absolute;left:16px;bottom:14px;font-size:10px;color:#777}
.dont{padding:100px 0;background:#fff}.dont-grid{display:grid;grid-template-columns:350px 1fr;gap:80px}.dont-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dont-list article{min-height:190px;background:#f2f0e8;padding:22px}.dont-list b{font-size:26px}.dont-list h3{font-size:18px;margin:35px 0 8px}.dont-list p{font-size:12px;line-height:1.7;color:var(--muted)}
.quick-fix{padding:90px 0;background:var(--yellow)}.quick-grid{display:grid;grid-template-columns:360px 1fr;gap:80px}.quick-grid ol{list-style:none;margin:0;padding:0;border-top:1px solid rgba(0,0,0,.25)}.quick-grid li{padding:14px 0;border-bottom:1px solid rgba(0,0,0,.25);font-size:13px}.quick-grid b{display:inline-block;width:40px;font-size:9px}
.faq{padding:105px 0;background:#fff}.faq-grid{display:grid;grid-template-columns:350px 1fr;gap:90px}.faq-list{border-top:2px solid #111}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:23px 48px 23px 0;font-weight:900;position:relative}summary::-webkit-details-marker{display:none}summary::after{content:"+";position:absolute;right:4px;top:17px;font-size:24px}details[open] summary::after{content:"−"}details p{margin:0 0 23px;color:var(--muted);font-size:13px;line-height:1.8}
.final{background:#111;color:#fff}.final-grid{min-height:185px;display:grid;grid-template-columns:120px 1fr auto;gap:45px;align-items:center}.final-number{font-size:58px;font-weight:900;color:#555}.final-grid h2{font-size:34px;margin:7px 0 8px;letter-spacing:-.04em}.final-grid p{margin:0;color:#999;font-size:12px}.final-grid>a{background:var(--yellow);color:#111;padding:14px 17px;font-size:12px;font-weight:900}
.footer{background:#050505;color:#777;padding:38px 0 90px}.footer-grid{display:grid;grid-template-columns:180px 1fr auto;gap:30px;align-items:center}.footer img{max-height:34px;width:auto}.footer p,.footer a{font-size:11px}.mobile-bar{display:none}
@media(max-width:1000px){.hero-grid,.choose-grid,.dont-grid,.quick-grid,.faq-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr 1fr}.preview-grid{grid-template-columns:1fr}}
@media(max-width:760px){:root{--shell:min(100% - 28px,1180px)}body{padding-bottom:70px}.header-title,.header-cta{display:none}.header-grid{grid-template-columns:1fr}.hero{padding:50px 0}.hero h1{font-size:64px}.hero-no{font-size:70px}.black-panel{min-height:360px}.guide,.choose,.preview,.dont,.faq{padding:74px 0}.steps{grid-template-columns:1fr}.steps article{min-height:220px}.preview figure{min-height:430px}.dont-list{grid-template-columns:1fr}.final-grid{grid-template-columns:1fr;gap:18px;padding:32px 0}.final-number{display:none}.final-grid>a{justify-self:start}.footer-grid{grid-template-columns:1fr}.mobile-bar{position:fixed;z-index:100;left:0;right:0;bottom:0;background:rgba(5,5,5,.96);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 14px calc(10px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.mobile-bar span{display:flex;flex-direction:column}.mobile-bar b{font-size:12px}.mobile-bar small{font-size:9px;color:#777;margin-top:3px}.mobile-bar a{background:var(--yellow);color:#111;padding:10px 16px;font-size:12px;font-weight:900}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}