html,body{height:100%;margin:0}
body{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;background:#78ddea url("../images/bg.jpg") center top/cover fixed no-repeat;overflow-x:hidden;-webkit-text-size-adjust:100%}
*{box-sizing:border-box}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button{font:inherit}
.a1{min-height:100vh;position:relative;background:transparent;color:#222}
.a2{position:fixed;inset:0;background-position:center top;background-size:cover;background-repeat:no-repeat;opacity:1;pointer-events:none}
.a3{position:fixed;inset:0;background:rgba(255,255,255,.03);pointer-events:none}
.a4{position:relative;z-index:2}
.a5{width:min(1200px,calc(100vw - 64px));margin:0 auto}
.a6{padding:0 0 36px}
.a7{position:relative;background-position:center;background-size:cover;padding:0;border-radius:8px;margin:40px 0;overflow:hidden;border:1px solid rgba(0,0,0,.28)}
.a7:before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.05)}
.a8{position:relative;z-index:1;background:transparent;border-radius:0;padding:16px 12px 28px}
.a9{font-size:18px;font-weight:700;text-align:center;line-height:1.4;margin:0 -12px 28px;padding:0 10px 16px;border-bottom:1px solid rgba(0,0,0,.09);letter-spacing:3px}
.a10{font-size:16px;line-height:1.8}
.a10 p{margin:7px 0;text-align:center}
.a10 img{border-radius:8px;margin-top:10px;width:100%;height:auto}
.a11{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0;padding:0 4px 2px}
.a12{flex:1 0 25%;min-width:96px;padding:8px 2px 18px;cursor:pointer;text-align:center;transition:transform .18s ease}
.a12:hover{transform:scale(1.07)}
.a13{width:90px;height:90px;margin:0 auto 8px;overflow:hidden;background:transparent}
.a13 img{width:100%;height:100%;object-fit:contain}
.a14{font-size:16px;font-weight:400;line-height:1.35;text-align:center;word-break:normal;overflow-wrap:break-word}
.a15{position:fixed;inset:0;background:#78ddea url("../images/bg.jpg") center top/cover fixed no-repeat;z-index:50;overflow:auto}
.a16{position:sticky;top:0;z-index:5;background:#fff;height:64px;border-bottom:1px solid rgba(0,0,0,.06)}
.a17{height:100%;display:flex;align-items:center}
.a18{display:flex;align-items:center;gap:10px}
.a19{border:none;background:#1f2830;color:#fff;border-radius:20px;padding:6px 16px;cursor:pointer}
.a20{padding:16px 0 42px}
.a21{font-size:28px;line-height:1.4;text-align:center;margin:0 0 16px;font-weight:700}
.a22{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:16px}
.a23{border:1px dashed #f19584;border-radius:4px;padding:5px 10px;background:#fff;color:#666;cursor:pointer}
.a24{background:#fff;border-radius:14px;padding:18px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.a25{font-size:16px;line-height:1.8}
.a25 img{width:100%;height:auto;margin:0 auto}
.a26{display:none}
.a27{padding-bottom:40px}
.a28{background:linear-gradient(180deg,#fff 0,#fffaf4 100%)}
.a29{border-radius:10px}
.a30{position:relative;z-index:1}
.a31{width:100%;display:block;border-radius:14px;box-shadow:0 10px 26px rgba(0,0,0,.08)}
@media (max-width:1100px){
  .a11{display:flex}
}
@media (max-width:760px){
  .a5{width:calc(100vw - 64px)}
  .a6{padding-top:0}
  .a7{margin:38px 0}
  .a8{padding:15px 8px 28px}
  .a11{gap:0;padding:10px 0 2px}
  .a12{flex-basis:25%;min-width:0;padding:8px 1px 16px}
  .a13{width:72px;height:72px;margin-bottom:8px}
  .a14{font-size:16px}
  .a9{font-size:18px;letter-spacing:2px;margin-left:-8px;margin-right:-8px}
  .a21{font-size:22px}
  .a17{width:calc(100vw - 64px);margin:0 auto}
}
@media (max-width:430px){
  .a5{width:calc(100vw - 32px)}
  .a17{width:calc(100vw - 32px)}
  .a13{width:64px;height:64px}
  .a14{font-size:14px;line-height:1.4}
  .a9{font-size:16px}
}