*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif;color:#222;background:#f7f8fa;line-height:1.8;font-size:15px}
.wrap{max-width:780px;margin:0 auto;padding:32px 20px 64px}
header{background:linear-gradient(135deg,#E8A317,#c7880e);color:#fff;padding:24px 20px;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 12px rgba(232,163,23,.18)}
header h1{font-size:22px;font-weight:700}
header .meta{margin-top:6px;font-size:13px;opacity:.92}
.nav{display:flex;gap:10px;margin-bottom:20px;font-size:14px}
.nav a{flex:1;text-align:center;padding:10px;background:#fff;border-radius:8px;text-decoration:none;color:#666;border:1px solid #eee;transition:all .15s}
.nav a:hover,.nav a.active{color:#E8A317;border-color:#E8A317;background:#fffaf0}
main{background:#fff;border-radius:12px;padding:28px 24px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
main h2{margin:26px 0 10px;font-size:17px;color:#333;border-left:3px solid #E8A317;padding-left:10px}
main h2:first-child{margin-top:0}
main h3{margin:18px 0 6px;font-size:15px;color:#444}
main p{margin:8px 0;color:#444}
main ul{margin:6px 0 12px 24px;color:#444}
main li{margin:4px 0}
main strong{color:#222}
.tip{background:#fff8e1;border:1px solid #ffe6a8;border-radius:8px;padding:12px 14px;margin:14px 0;color:#5c4400;font-size:14px}
.contact-card{background:#fafafa;border:1px solid #eee;border-radius:10px;padding:16px 18px;margin-top:20px;font-size:14px;color:#555}
footer{margin-top:24px;text-align:center;font-size:12px;color:#888;line-height:1.8}
footer a{color:#888;text-decoration:none;margin:0 6px}
footer a:hover{color:#E8A317}
.hero{text-align:center;padding:60px 20px}
.hero .logo{font-size:32px;font-weight:700;color:#E8A317;margin-bottom:12px}
.hero .desc{color:#666;font-size:15px;margin-bottom:32px}
.hero .links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero .links a{padding:12px 24px;background:#E8A317;color:#fff;border-radius:8px;text-decoration:none;font-size:14px}
.hero .links a:hover{background:#c7880e}

/* ===== 官网首页 ===== */
.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid #eee;backdrop-filter:blur(6px)}
.topbar .inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:12px 22px;flex-wrap:wrap}
.topbar .brand{display:flex;align-items:center;gap:10px}
.topbar .brand img{width:34px;height:34px;border-radius:8px}
.topbar .brand b{font-size:16px;color:#222}
.topbar nav{margin-left:auto;display:flex;gap:20px;flex-wrap:wrap}
.topbar nav a{color:#666;text-decoration:none;font-size:14px}
.topbar nav a:hover{color:#E8A317}
.page{max-width:1000px;margin:0 auto;padding:0 22px}
.hero2{text-align:center;padding:62px 20px 46px}
.hero2 .appicon{width:92px;height:92px;border-radius:21px;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.hero2 h1{font-size:32px;margin:20px 0 8px;color:#1f1f1f}
.hero2 .tag{color:#E8A317;font-size:16px;font-weight:600;margin-bottom:16px}
.hero2 .lead{max-width:580px;margin:0 auto 24px;color:#555;font-size:15px}
.hero2 .cta a{display:inline-block;padding:11px 28px;border-radius:9px;text-decoration:none;font-size:14px;margin:0 6px 10px}
.hero2 .cta .primary{background:#E8A317;color:#fff}
.hero2 .cta .primary:hover{background:#c7880e}
.hero2 .cta .ghost{border:1px solid #ddd;color:#555}
.hero2 .cta .ghost:hover{border-color:#E8A317;color:#E8A317}
.section{padding:46px 0;border-top:1px solid #eee}
.section h2{font-size:23px;color:#1f1f1f;text-align:center;margin-bottom:8px}
.section .sub{text-align:center;color:#999;font-size:14px;margin-bottom:30px}
.section p.body{max-width:700px;margin:12px auto;color:#555;text-align:center}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feature{background:#fff;border:1px solid #eee;border-radius:14px;padding:24px 20px}
.feature .ic{width:44px;height:44px;border-radius:11px;background:#fffaf0;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:13px}
.feature h3{font-size:16px;color:#222;margin-bottom:7px}
.feature p{font-size:13.5px;color:#777;line-height:1.75}
.shots{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.shots figure{width:208px}
.shots img{width:100%;border-radius:16px;border:1px solid #eee;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.shots figcaption{text-align:center;font-size:13px;color:#888;margin-top:10px}
.about{max-width:700px;margin:0 auto;color:#555}
.about p{margin:10px 0}
.contact{max-width:540px;margin:0 auto;background:#fafafa;border:1px solid #eee;border-radius:14px;padding:24px 26px;color:#555;font-size:14.5px}
.contact div{margin:6px 0}
.contact a{color:#E8A317;text-decoration:none}
.site-footer{border-top:1px solid #eee;padding:30px 22px;text-align:center;font-size:13px;color:#999;line-height:2}
.site-footer a{color:#999;text-decoration:none;margin:0 6px}
.site-footer a:hover{color:#E8A317}
@media(max-width:680px){
  .features{grid-template-columns:1fr}
  .topbar nav{gap:13px;margin-left:0;width:100%}
  .topbar .inner{padding:10px 18px}
  .hero2{padding:44px 16px 36px}
  .hero2 h1{font-size:26px}
}