@charset "utf-8";
:root{
  --g:#6b3d8a;--gd:#3d1f54;--gl:#d4bce6;--ink:#2c1638;
  --paper:#f4eef7;--fade:#7a6688;--card:rgba(255,250,252,.78);
  --dash:1px dashed rgba(61,31,84,.45);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"PingFang SC","Microsoft YaHei",serif;color:var(--ink);background:var(--paper);font-size:14px;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}
.hand{font-family:"KaiTi","STKaiti","FangSong",cursive;font-weight:700;color:#6b3d8a}
.paper-bg{
  background-color:var(--paper);
  background-image:
    radial-gradient(ellipse at 8% 12%,rgba(107,61,138,.28),transparent 44%),
    radial-gradient(ellipse at 92% 8%,rgba(212,188,230,.55),transparent 48%),
    radial-gradient(ellipse at 70% 88%,rgba(90,40,120,.18),transparent 42%),
    repeating-linear-gradient(0deg,transparent,transparent 27px,rgba(61,31,84,.06) 28px);
}
.wrap{width:1100px;margin:0 auto}
h2.block-title{font-size:26px;font-weight:700;letter-spacing:.08em;margin-bottom:10px;padding-bottom:8px;border-bottom:var(--dash)}
.sub{font-size:13px;color:var(--fade)}
.btn{
  display:inline-block;padding:9px 20px;border:1px dashed var(--gd);background:rgba(255,250,252,.9);
  color:var(--ink);font-size:13px;cursor:pointer;letter-spacing:.04em
}
.btn.main{background:linear-gradient(180deg,#c9a6e0,#6b3d8a);color:#fff8fc;border-style:solid}
.btn.ghost{background:transparent;color:#fff8fc;border-color:#fff8fc}

#index_top{
  position:absolute;left:0;right:0;top:0;z-index:60;height:78px;background:transparent
}
#index_top .inner{width:1100px;margin:0 auto;height:78px;display:flex;align-items:center;justify-content:space-between}
.logo img{height:34px}
.capsule{
  display:flex;align-items:center;gap:16px;padding:8px 22px;
  background:rgba(255,250,252,.55);backdrop-filter:blur(10px);
  border:1px dashed rgba(255,248,252,.7);border-radius:999px;font-size:12px;color:#2c1638
}
.drop{position:relative}
.drop>span{cursor:pointer}
.mega{
  display:none;position:absolute;left:50%;transform:translateX(-50%);top:32px;width:720px;
  background:#fff8fc;color:var(--ink);padding:18px 20px;border:1px dashed var(--gd);
  columns:3;border-radius:16px
}
.drop:hover .mega{display:block}
.mega a{display:block;padding:6px 0;break-inside:avoid;font-size:12px}
.nav-right{display:flex;gap:8px}
.nav-right a{color:#fff8fc;font-size:12px;padding:7px 14px;border:1px dashed #fff8fc;border-radius:999px}
.nav-right a.reg{background:#fff8fc;color:var(--gd);border-style:solid}

#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(.22) hue-rotate(220deg) saturate(.7) brightness(.68)}
#index_head .mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(44,22,56,.35),rgba(44,22,56,.2) 48%,rgba(44,22,56,.82))}
.hero-copy{position:relative;z-index:2;width:1100px;margin:0 auto;padding:160px 0 160px;color:#fff8fc;text-align:center}
.hero-copy h1{font-size:48px;font-weight:700;letter-spacing:.08em}
.hero-copy .lead{margin:12px 0 22px;font-size:16px;opacity:.9}
.announce{margin-top:16px;display:inline-block;padding:6px 14px;border:1px dashed #fff8fc;font-size:12px}
.statbar{
  position:absolute;left:0;right:0;bottom:0;z-index:3;
  background:rgba(44,22,56,.78);border-top:1px dashed rgba(255,248,252,.45);color:#fff8fc
}
.statbar ul{width:1100px;margin:0 auto;display:flex;list-style:none}
.statbar li{flex:1;padding:18px 8px;text-align:center;border-right:1px dashed rgba(255,248,252,.3)}
.statbar li:last-child{border-right:0}
.statbar b{display:block;font-size:22px;font-family:"KaiTi","STKaiti",cursive}

.sells{overflow:hidden;padding:56px 0 28px}
.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:1px dashed var(--gd);filter:sepia(.18) saturate(.75)}
.sell h3{font-size:15px;margin-bottom:6px}

.glass-band{position:relative;padding:70px 0;overflow:hidden}
.glass-band .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:sepia(.2) hue-rotate(210deg) brightness(.55)}
.glass-band .veil{position:absolute;inset:0;background:rgba(44,22,56,.35)}
.glass{position:relative;z-index:2;width:46%;padding:28px 30px;background:var(--card);backdrop-filter:blur(12px);border:1px dashed rgba(255,248,252,.6);color:var(--ink)}
.glass.right{margin-left:54%}
.glass p{margin-top:10px;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;border-bottom:var(--dash)}
.oa-item img{width:48px;height:48px;margin:0 auto 8px;object-fit:cover;border:1px dashed var(--gd)}
.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:rgba(255,250,252,.85);border:1px dashed var(--gd);min-height:260px}
.card:last-child{margin-right:0}
.card#private{border-radius:16px;border-style:solid;border-color:rgba(107,61,138,.35)}
.card img{width:100%;height:128px;object-fit:cover;margin-bottom:10px;filter:sepia(.16)}
.card h3{font-size:16px;margin-bottom:6px}

.data-mar{overflow:hidden;padding:18px 0;border-top:var(--dash);border-bottom:var(--dash);background:rgba(107,61,138,.08)}
.dtrack{display:flex;gap:40px;width:max-content;animation:mar 40s linear infinite;font-family:"KaiTi","STKaiti",cursive;font-size:18px;color:var(--g)}
@keyframes mar{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.water{padding:48px 0;column-count:3;column-gap:16px}
.witem{break-inside:avoid;margin-bottom:16px;padding:16px;background:rgba(255,250,252,.9);border:1px dashed var(--gd)}
.witem.num{font-size:36px;font-weight:700;text-align:center;font-family:"KaiTi","STKaiti",cursive;color:var(--g)}
.witem b{display:block;margin-bottom:6px}

.quotes{overflow:hidden;padding:10px 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:#fff8fc;border:1px dashed var(--gd);font-size:12px}
.quote-card b{display:block;margin-bottom:6px}

.dlqr{padding:48px 0;overflow:hidden;border-top:var(--dash)}
.dl-l,.dl-r{width:48%;float:left}
.dl-r{float:right;text-align:center}
.qr{
  width:168px;height:168px;margin:12px auto;display:grid;grid-template-columns:repeat(7,1fr);gap:3px;
  padding:10px;border:1px dashed var(--gd);background:#fff8fc
}
.qr i{display:block;background:var(--gd)}
.qr i.off{background:transparent}

.ends{padding:40px 0;overflow:hidden}
.end{float:left;width:22%;margin-right:4%;text-align:center;padding:16px;border:1px dashed var(--gd);background:rgba(255,250,252,.8)}
.end:last-child{margin-right:0}
.end img{width:64px;height:64px;margin:0 auto 8px;object-fit:cover}

.faq{padding:48px 0}
.faq input{width:100%;padding:10px 12px;border:1px dashed var(--gd);background:#fff8fc;margin-bottom:16px}
.faq-item{border-bottom:var(--dash);padding:12px 0}
.faq-item h3{font-size:15px;margin-bottom:6px}

.icp-bar{background:#3d1f54;color:#f4eef7;text-align:center;padding:16px 20px;font-size:12px;letter-spacing:.04em;border-top:1px dashed #d4bce6}
.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;border-top:1px solid #e5e5e5;margin:20px 16px 0}

.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:sepia(.2) hue-rotate(220deg) brightness(.65)}
.page-hero .mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(44,22,56,.3),rgba(44,22,56,.78))}
.page-hero .copybox{position:relative;z-index:2;width:1100px;margin:0 auto;padding:150px 0 120px;color:#fff8fc;text-align:center}
.page-hero h1{font-size:36px;font-weight:700}
.page-hero .statbar{position:absolute}
.table{width:100%;border-collapse:collapse;margin:20px 0}
.table th,.table td{border:1px dashed var(--gd);padding:10px 12px;text-align:left}
.table th{background:#3d1f54;color:#f4eef7}
.article{padding:48px 0}
.article p{margin:10px 0;color:#4a3560}
.shots{overflow:hidden;margin:18px 0}
.shots img{float:left;width:18%;margin:0 2% 12px 0;height:108px;object-fit:cover;border:1px dashed var(--gd)}
.clear{clear:both}