@charset "utf-8";
:root{
  --haze:#7a8fa3;--deep:#4a5d6e;--ink:#2e3a44;--silk:#e8edf1;
  --fade:#6a7a88;--en:#8a9aaa;--card:#fff;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--silk);font-size:13px;line-height:1.75;min-width:1180px}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:linear-gradient(125deg,rgba(255,255,255,.46) 0%,transparent 38%,rgba(122,143,163,.1) 70%,rgba(255,255,255,.22) 100%);
  opacity:.95
}
a{color:inherit;text-decoration:none}
img{max-width:100%;border:0;display:block}
button,input{font-family:inherit}
.paper-bg{position:relative;background:var(--silk)}
.wrap{width:1100px;margin:0 auto;position:relative;z-index:1}
.en{display:block;font-size:11px;letter-spacing:.18em;color:var(--en);text-transform:uppercase;font-weight:600;margin-bottom:4px}
h2.block-title{font-size:28px;font-weight:800;margin-bottom:4px}
.sub{font-size:12px;color:var(--fade);margin-bottom:18px}
.btn{
  display:inline-block;padding:10px 22px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:700;
  color:var(--ink);border:2px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#7a8fa3,#c9d6e2,#7a8fa3) border-box
}
.btn.main{
  color:#fff;
  background:linear-gradient(180deg,#8aa0b4,var(--deep)) padding-box,linear-gradient(120deg,#d5e0ea,#7a8fa3,#e8edf1) border-box
}

#index_top{position:absolute;left:0;right:0;top:0;z-index:80;height:72px;background:transparent}
#index_top .inner{width:1100px;margin:12px auto 0;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 14px}
.logo img{height:32px}
.nav-mid{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:700}
.drop{position:relative}
.drop>span{cursor:pointer}
.mega{display:none;position:absolute;left:50%;transform:translateX(-50%);top:26px;width:700px;background:#fff;padding:16px;columns:3;box-shadow:0 12px 28px rgba(46,58,68,.12);border-radius:16px}
.drop:hover .mega{display:block}
.mega a{display:block;padding:6px 0;break-inside:avoid;font-size:12px;font-weight:400}
.nav-right{display:flex;gap:8px}
.nav-right a{font-size:12px;padding:8px 14px;border-radius:999px}
.nav-right a.reg{color:#fff;background:linear-gradient(180deg,#8aa0b4,var(--deep))}

.anchors{position:fixed;right:18px;top:42%;z-index:70;width:12px}
.anchors a{display:block;width:8px;height:8px;margin:10px auto;border-radius:50%;background:rgba(122,143,163,.45);border:2px solid transparent}
.anchors a:hover{background:var(--deep)}

#index_head{position:relative;min-height:88vh;overflow:hidden}
#index_head .earth{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:hue-rotate(196deg) saturate(.4) brightness(.5)}
#index_head .mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(46,58,68,.28),rgba(74,93,110,.42))}
.hero-stack{position:relative;z-index:2;width:1100px;margin:0 auto;padding:120px 0 48px;text-align:center;color:#fff}
.hero-stack .en{color:rgba(255,255,255,.72)}
.hero-stack h1{font-size:48px;font-weight:800;letter-spacing:.05em;line-height:1.15;margin:8px 0 12px}
.hero-stack .lead{margin:0 0 20px;font-size:14px}
.announce{display:inline-block;margin-top:12px;padding:6px 14px;border:1px solid rgba(255,255,255,.7);border-radius:999px;font-size:12px}
.hero-stack .shot{width:86%;max-width:920px;height:300px;object-fit:cover;margin:22px auto 0;border-radius:16px;box-shadow:0 18px 40px rgba(20,28,36,.35);border:2px solid transparent;background:linear-gradient(#0000,#0000) padding-box,linear-gradient(120deg,#c9d6e2,#7a8fa3,#e8edf1) border-box}

.sells{overflow:hidden;padding:56px 0 20px}
.sell{float:left;width:18%;margin-right:7%;text-align:center}
.sell:last-child{margin-right:0}
.sell img{width:200px;height:176px;object-fit:cover;margin:0 auto 12px;border-radius:12px}
.sell h3{font-size:15px;margin-bottom:6px}
.sell p{color:var(--fade);font-size:12px}

.linelist{list-style:none;padding:8px 0 36px}
.linelist li{padding:18px 8px;border-bottom:1px solid rgba(122,143,163,.28);overflow:hidden}
.linelist li b{float:left;width:28%;font-size:14px}
.linelist li span{float:right;width:70%;color:var(--fade)}

.bars{overflow:hidden;padding:12px 0 40px;height:240px}
.bar{float:left;width:18%;margin-right:6.4%;height:100%;position:relative}
.bar:last-child{margin-right:0}
.bar i{position:absolute;left:18%;right:18%;bottom:28px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#b7c7d4,var(--deep))}
.bar.b1 i{height:38%}
.bar.b2 i{height:54%}
.bar.b3 i{height:70%}
.bar.b4 i{height:88%}
.bar span{position:absolute;left:0;right:0;bottom:4px;text-align:center;font-size:12px;color:var(--fade)}

.band{padding:64px 0;overflow:hidden}
.band.alt{background:rgba(255,255,255,.28)}
.band .txt{float:left;width:44%;padding-top:36px}
.band .pic{float:right;width:50%}
.band.rev .txt{float:right}
.band.rev .pic{float:left}
.band img{width:100%;height:320px;object-fit:cover;border-radius:16px}
.band p{margin-top:12px;color:var(--fade)}

.oa{padding:48px 0}
.oa-grid{display:flex;flex-wrap:wrap;margin-top:20px}
.oa-item{width:16.66%;padding:14px 8px;text-align:center}
.oa-item img{width:48px;height:48px;margin:0 auto 8px;object-fit:cover;border-radius:50%}
.oa-more{display:none}
.oa.open .oa-more{display:flex;flex-wrap:wrap;width:100%}
.toggle{margin:16px auto 0;display:block}

.cards3{padding:40px 0;overflow:hidden}
.card{float:left;width:30.6%;margin-right:4%;padding:16px;background:rgba(255,255,255,.7);min-height:240px;border-radius:8px}
.card:last-child{margin-right:0}
.card#private{border-radius:16px;box-shadow:0 0 0 1px rgba(122,143,163,.28)}
.card img{width:100%;height:120px;object-fit:cover;margin-bottom:10px;border-radius:12px}
.card h3{font-size:16px;margin-bottom:6px}

.rev-slide{overflow-x:auto;padding:12px 0 24px;white-space:nowrap}
.rev-card{display:inline-block;width:320px;margin-right:16px;padding:18px;background:#fff;vertical-align:top;white-space:normal;border-radius:16px;min-height:140px;box-shadow:0 8px 20px rgba(46,58,68,.08)}
.rev-card b{display:block;margin-bottom:8px}

.quotes{overflow:hidden;padding:12px 0 32px}
.track{display:flex;gap:12px;width:max-content;animation:mar 90s linear infinite}
.quote-card{width:248px;flex:0 0 248px;padding:14px;background:#fff;font-size:12px;border-radius:12px}
.quote-card b{display:block;margin-bottom:6px}
@keyframes mar{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.stack{position:relative;height:340px;margin:12px 0 40px}
.pkg{position:absolute;left:50%;width:420px;padding:22px;background:#fff;border-radius:16px;box-shadow:0 16px 32px rgba(46,58,68,.12)}
.pkg.p1{top:0;transform:translateX(-58%) rotate(-3deg);z-index:1}
.pkg.p2{top:48px;transform:translateX(-42%) rotate(2deg);z-index:2}
.pkg.p3{top:96px;transform:translateX(-50%) rotate(0);z-index:3}

.ends{padding:32px 0;overflow:hidden}
.end{float:left;width:22%;margin-right:4%;text-align:center;padding:14px;background:rgba(255,255,255,.55);border-radius:16px}
.end:last-child{margin-right:0}
.end img{width:64px;height:64px;margin:0 auto 8px;object-fit:cover;border-radius:50%}

.chat{padding:12px 0 36px;max-width:760px}
.bubble{max-width:78%;padding:12px 16px;margin:10px 0;border-radius:16px;clear:both}
.bubble.q{float:left;background:#fff;border-bottom-left-radius:4px}
.bubble.a{float:right;background:linear-gradient(180deg,#d7e1ea,#c5d2de);border-bottom-right-radius:4px}
.chat:after{content:"";display:block;clear:both}

.page-hero{position:relative;min-height:560px;overflow:hidden}
.page-hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:hue-rotate(196deg) saturate(.4) brightness(.48)}
.page-hero .mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(46,58,68,.28),rgba(74,93,110,.42))}
.page-hero .hero-stack{padding-top:110px}
.page-hero .hero-stack h1{font-size:34px}
.page-hero .shot{height:220px}
.article{padding:40px 0}
.article p{margin:10px 0;color:#44525c}
.shots{overflow:hidden;margin:16px 0}
.shots img{float:left;width:18%;margin:0 2% 12px 0;height:100px;object-fit:cover;border-radius:12px}
.clear{clear:both}

.site-foot{background:#f7f8f8;min-width:1180px;padding:36px 0 24px;overflow:hidden;color:#555;font-size:12px;position:relative;z-index:1}
.site-foot .col{float:left;width:18%;margin:0 1%;padding:18px 16px;background:#fff;border-radius:16px;box-shadow:0 12px 28px rgba(46,58,68,.08);min-height:180px}
.site-foot h4{font-size:13px;margin-bottom:10px;color:#333}
.site-foot a{display:block;padding:4px 0;color:#666}
.seo-block{clear:both;margin:20px 16px 0;padding:16px 0 0;color:#666;line-height:1.8}
.copy{clear:both;padding:16px 0 0;text-align:center;color:#999;margin:12px 16px 0;box-shadow:0 -1px 0 #e5e5e5}