:root{--primary:#fa5937;--primary2:#4f2008;--box-bg:linear-gradient(135deg, var(--primary), var(--primary2));--shadow:rgba(0, 0, 0, 0.15)}
body{background:#f6f7fb;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}
#app{max-width:520px;margin:0 auto;padding:18px}
.features-box{background:var(--box-bg);padding:2px 20px;border-radius:22px;color:#fff;box-shadow:0 8px 24px var(--shadow);margin-bottom:26px}
.features-title{font-size:1.45rem;font-weight:700;margin-bottom:14px}
.features-list{list-style:none;padding:0}
.features-list li{line-height:1.65;margin-bottom:6px;font-size:1rem}
.red{color:#fffab0;font-weight:700}
.installation-steps{margin-top:10px}
.button{width:100%;background:var(--box-bg);border-radius:16px;padding:14px 16px;margin-bottom:16px;color:#fff;display:flex;align-items:center;border:none;box-shadow:0 6px 18px rgba(0,137,200,.28);cursor:pointer;transition:.2s ease}
.button:hover{transform:translateY(-2px)}
.secondary-button{background:#efefef!important;color:#333!important;box-shadow:none!important}
.step-number{width:36px;height:36px;background:rgba(255,255,255,.32);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;font-weight:700;font-size:1.05rem}
.button-text{flex:1;font-size:1.06rem;font-weight:600}
.button-icon{font-size:1.4rem}
.bottom-img{width:100%;margin-top:26px;border-radius:20px;box-shadow:0 10px 26px var(--shadow)}
.footer{margin-top:20px;text-align:center;color:#888;font-size:.9rem}
.wechat-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}
.wechat-overlay .msg{background:#fff;padding:26px 20px;border-radius:20px;max-width:310px;text-align:center;line-height:1.6;color:#444;box-shadow:0 10px 26px var(--shadow)}
.wechat-overlay h2{font-size:18px;margin-bottom:10px;color:#ff4141}
.hidden{display:none!important}