@charset "utf-8";
:root{
  --coral:#ff6f61;--deep:#c44536;--ink:#1e1410;--foam:#fff3ee;
  --fade:#7a5a52;--line:3px solid #1e1410;
}
*{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(--foam);font-size:13px;line-height:1.75;min-width:1180px}
a{color:inherit;text-decoration:none}
img{max-width:100%;border:0;display:block}
button,input{font-family:inherit}
.code{font-family:Consolas,Monaco,"Courier New",monospace;font-size:12px;letter-spacing:0;color:#c44536}
.paper-bg{
  background:#fff3ee;
  background-image:
    radial-gradient(ellipse at 20% 0,rgba(255,111,97,.18),transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.5),transparent 30%);
}
.wrap{width:1100px;margin:0 auto}
h2.block-title{font-size:28px;font-weight:800;margin-bottom:8px}
.sub{font-size:12px;color:var(--fade);margin-bottom:18px}
.btn{
  display:inline-block;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:800;
  background:#fff;border:var(--line);box-shadow:4px 4px 0 #1e1410
}
.btn.main{background:#ff6f61;color:#fff}
.btn.xl{padding:18px 48px;font-size:20px}

#index_top{position:absolute;left:0;right:0;top:0;z-index:60;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 12px;background:rgba(255,243,238,.72);border:var(--line);box-shadow:4px 4px 0 #1e1410}
.logo img{height:32px}
.nav-mid{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:800}
.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;border:var(--line);box-shadow:4px 4px 0 #1e1410}
.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 12px;border:var(--line);background:#fff}
.nav-right a.reg{background:#ff6f61;color:#fff}

#index_head{position:relative;min-height:100vh;overflow:hidden}
#index_head .earth{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:sepia(.2) saturate(1.15) brightness(.55)}
#index_head .mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,20,16,.35),rgba(255,111,97,.22) 70%,rgba(255,243,238,.55))}
.hero-type{position:relative;z-index:2;width:1100px;margin:0 auto;padding:160px 0 90px;color:#fff}
.hero-type h1{font-size:48px;font-weight:900;letter-spacing:.12em;line-height:1.15;max-width:820px}
.hero-type .lead{margin:16px 0 28px;font-size:16px}
.announce{display:inline-block;margin-top:16px;padding:8px 14px;background:#fff;color:#1e1410;border:var(--line);box-shadow:4px 4px 0 #1e1410;font-family:Consolas,Monaco,monospace;font-size:12px}

.sells{overflow:hidden;padding:64px 0 24px}
.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:var(--line);box-shadow:4px 4px 0 #1e1410}
.sell h3{font-size:15px;font-weight:800;margin-bottom:6px}

.ring{position:relative;height:460px;margin:20px auto 48px}
.ring .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;border:var(--line);border-radius:50%;background:#fff;box-shadow:4px 4px 0 #1e1410;overflow:hidden}
.ring .core img{width:100%;height:100%;object-fit:contain}
.dot{position:absolute;width:160px;text-align:center}
.dot img{width:56px;height:56px;object-fit:cover;margin:0 auto 6px;border:var(--line);border-radius:50%}
.d1{left:50%;top:8px;margin-left:-80px}
.d2{right:8%;top:22%}
.d3{right:8%;bottom:18%}
.d4{left:50%;bottom:8px;margin-left:-80px}
.d5{left:8%;bottom:18%}
.d6{left:8%;top:22%}

.band{padding:70px 0;overflow:hidden}
.band.alt{background:rgba(255,255,255,.4)}
.band .txt{float:left;width:44%;padding-top:40px}
.band .pic{float:right;width:50%}
.band.rev .txt{float:right}
.band.rev .pic{float:left}
.band img{width:100%;height:340px;object-fit:cover;border:var(--line);box-shadow:4px 4px 0 #1e1410}
.band p{margin-top:12px;color:var(--fade)}

.oa{padding:56px 0}
.oa-grid{display:flex;flex-wrap:wrap;margin-top:22px}
.oa-item{width:16.66%;padding:16px 8px;text-align:center}
.oa-item img{width:48px;height:48px;margin:0 auto 8px;object-fit:cover;border:var(--line);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:48px 0;overflow:hidden}
.card{float:left;width:30.6%;margin-right:4%;padding:18px;background:#fff;min-height:250px;border:var(--line);box-shadow:4px 4px 0 #1e1410}
.card:last-child{margin-right:0}
.card#private{border-radius:16px}
.card img{width:100%;height:128px;object-fit:cover;margin-bottom:10px;border:var(--line)}
.card h3{font-size:16px;font-weight:800;margin-bottom:6px}

.gauges{overflow:hidden;padding:28px 0}
.gauge{float:left;width:22%;margin-right:4%;text-align:center}
.gauge:last-child{margin-right:0}
.dial{width:140px;height:70px;margin:0 auto 8px;border:var(--line);border-bottom:0;border-radius:140px 140px 0 0;background:conic-gradient(from 270deg,#ff6f61 var(--p),#f3ddd8 var(--p));overflow:hidden}
.gauge b{font-family:Consolas,Monaco,monospace;font-size:18px}

.wall{position:relative;min-height:280px;padding:20px 0 40px}
.avs{overflow:hidden}
.avs img{float:left;width:56px;height:56px;object-fit:cover;border:var(--line);border-radius:50%;margin:0 8px 8px 0}
.bub{position:absolute;padding:10px 12px;background:#fff;border:var(--line);box-shadow:4px 4px 0 #1e1410;font-size:12px;max-width:220px}
.b1{top:10px;right:8%}
.b2{top:90px;left:12%}
.b3{bottom:20px;right:18%}

.quotes{overflow:hidden;padding:12px 0 36px}
.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:var(--line);box-shadow:4px 4px 0 #1e1410}
.quote-card b{display:block;margin-bottom:6px}
@keyframes mar{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.one-dl{text-align:center;padding:48px 0}
.one-dl p{margin:12px 0 20px}

.ends{padding:36px 0;overflow:hidden}
.end{float:left;width:22%;margin-right:4%;text-align:center;padding:16px;background:#fff;border:var(--line);box-shadow:4px 4px 0 #1e1410}
.end:last-child{margin-right:0}
.end img{width:64px;height:64px;margin:0 auto 8px;object-fit:cover}

.faq-line{padding:48px 0}
.faq-line h3{font-size:15px;padding:14px 0 6px;border-top:var(--line)}
.faq-line p{padding:0 0 14px;color:var(--fade)}

.page-hero{position:relative;min-height:520px;overflow:hidden}
.page-hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:sepia(.2) brightness(.5)}
.page-hero .mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,20,16,.4),rgba(255,111,97,.2))}
.page-hero .hero-type{padding-top:150px}
.page-hero h1{font-size:36px}
.article{padding:48px 0}
.article p{margin:10px 0;color:#4a322c}
.shots{overflow:hidden;margin:18px 0}
.shots img{float:left;width:18%;margin:0 2% 12px 0;height:108px;object-fit:cover;border:var(--line)}
.clear{clear:both}

.fab{position:fixed;right:28px;bottom:28px;z-index:70;width:64px;height:64px;border-radius:50%;border:var(--line);background:#ff6f61;color:#fff;font-size:22px;cursor:pointer;box-shadow:4px 4px 0 #1e1410}
.fab-menu{display:none;position:fixed;right:28px;bottom:104px;z-index:70;width:220px;background:#fff;border:var(--line);box-shadow:4px 4px 0 #1e1410;padding:8px}
.fab-menu.open{display:block}
.fab-menu a{display:block;padding:8px 10px;font-size:13px;font-weight:700;border-bottom:1px solid #1e1410}

.foot-in{padding:28px 0 8px;text-align:center}
.foot-in a{display:inline-block;margin:0 10px;font-weight:700}
.social{margin:12px 0;text-align:center}
.social a{display:inline-block;width:36px;height:36px;line-height:30px;margin:0 6px;border:var(--line);background:#fff;font-family:Consolas,Monaco,monospace;font-size:12px;font-weight:800}
.site-foot{background:#f7f8f8;min-width:1180px;padding:36px 0 24px;overflow:hidden;color:#555;font-size:12px}
.site-foot .col{float:left;width:20%;padding:0 16px}
.site-foot h4{font-size:13px;margin-bottom:10px;color:#333}
.site-foot a{display:block;padding:4px 0;color:#666}
.copy{clear:both;padding:16px 0 0;text-align:center;color:#999;margin:20px 16px 0;box-shadow:0 -1px 0 #e5e5e5}