@charset "utf-8";
:root{
  --e:#a855f7;--ed:#6d28d9;--el:#e9d5ff;--ink:#1e1230;
  --paper:#f3eef8;--fade:#74648a;--card:rgba(255,250,255,.82);
  --glow:0 0 16px rgba(168,85,247,.45);
}
*{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(--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}
.code{font-family:Consolas,Monaco,"Courier New",monospace;color:var(--ed);font-size:12px}
.paper-bg{
  background-color:var(--paper);
  background-image:
    radial-gradient(ellipse at 10% 0,rgba(168,85,247,.28),transparent 42%),
    radial-gradient(ellipse at 90% 20%,rgba(233,213,255,.5),transparent 46%),
    radial-gradient(ellipse at 40% 90%,rgba(109,40,217,.16),transparent 40%);
}
.wrap{width:1100px;margin:0 auto}
h2.block-title{font-size:26px;font-weight:700;letter-spacing:.06em;margin-bottom:10px}
.sub{font-size:13px;color:var(--fade)}
.btn{
  display:inline-block;padding:9px 20px;cursor:pointer;font-size:13px;color:var(--ink);
  border:2px solid transparent;border-radius:999px;
  background:linear-gradient(#fffafd,#fffafd) padding-box,linear-gradient(90deg,#e9d5ff,#a855f7,#6d28d9) border-box
}
.btn.main{color:#fff;background:linear-gradient(#7c3aed,#6d28d9) padding-box,linear-gradient(90deg,#e9d5ff,#c084fc) border-box;box-shadow:var(--glow)}
.btn.ghost{color:#fff;background:linear-gradient(rgba(30,18,48,.2),rgba(30,18,48,.2)) padding-box,linear-gradient(90deg,#e9d5ff,#a855f7) border-box}

#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;filter:drop-shadow(0 0 8px rgba(168,85,247,.6))}
.capsule{
  display:flex;align-items:center;gap:14px;padding:8px 20px;border-radius:999px;
  background:rgba(255,250,255,.5);backdrop-filter:blur(10px);
  border:2px solid transparent;
  background-image:linear-gradient(rgba(255,250,255,.55),rgba(255,250,255,.55)),linear-gradient(90deg,#e9d5ff,#a855f7);
  background-origin:border-box;background-clip:padding-box,border-box;
  font-size:12px;color:#1e1230
}
.drop{position:relative}
.drop>span{cursor:pointer}
.mega{
  display:none;position:absolute;left:50%;transform:translateX(-50%);top:32px;width:720px;
  background:#fffafd;padding:18px 20px;border-radius:16px;columns:3;
  border:2px solid transparent;
  background-image:linear-gradient(#fffafd,#fffafd),linear-gradient(90deg,#e9d5ff,#6d28d9);
  background-origin:border-box;background-clip:padding-box,border-box
}
.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:#fff;font-size:12px;padding:7px 14px;border-radius:999px;border:2px solid #e9d5ff}
.nav-right a.reg{background:linear-gradient(90deg,#a855f7,#6d28d9);box-shadow:var(--glow)}

#index_head{position:relative;min-height:100vh;overflow:hidden;background:#1e1230}
.tree-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;filter:sepia(.2) hue-rotate(220deg) saturate(.8)}
.mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,18,48,.4),rgba(30,18,48,.72))}
.lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.lines path{fill:none;stroke:#c084fc;stroke-width:1.4;stroke-dasharray:8 10;animation:dash 4s linear infinite;opacity:.7}
@keyframes dash{to{stroke-dashoffset:-80}}
.node-dot{position:absolute;z-index:2;width:10px;height:10px;border-radius:50%;background:#c084fc;box-shadow:0 0 12px #a855f7;animation:pulse 1.8s infinite}
@keyframes pulse{50%{transform:scale(1.4);opacity:.6}}
.hero-copy{position:relative;z-index:3;width:1100px;margin:0 auto;padding:170px 0 80px;color:#fff;text-align:center}
.hero-copy h1{font-size:48px;font-weight:700;letter-spacing:.06em;text-shadow:0 0 18px rgba(168,85,247,.55)}
.hero-copy .lead{margin:12px 0 22px;font-size:16px;opacity:.9}
.announce{margin-top:16px;display:inline-block;padding:6px 14px;border-radius:999px;font-size:12px;border:2px solid #e9d5ff}

.sells{overflow:hidden;padding:56px 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-radius:12px;filter:sepia(.15) hue-rotate(40deg);box-shadow:var(--glow)}
.sell h3{font-size:15px;margin-bottom:6px}

.acc{padding:20px 0 48px}
.acc-item{border-bottom:1px solid rgba(109,40,217,.2)}
.acc-item button{width:100%;text-align:left;background:none;border:0;padding:16px 4px;cursor:pointer;font-size:16px;font-weight:700;color:var(--ink)}
.acc-item button .code{float:right;opacity:.6}
.acc-item .panel{display:none;overflow:hidden;padding:0 4px 18px}
.acc-item.open .panel{display:block}
.acc-item .panel img{width:48%;float:right;height:220px;object-fit:cover;border-radius:12px;margin-left:18px;filter:sepia(.12)}
.acc-item .panel p{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-radius:8px}
.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:var(--card);border-radius:12px;min-height:260px;box-shadow:0 8px 24px rgba(109,40,217,.1)}
.card:last-child{margin-right:0}
.card#private{border-radius:16px;border:1px solid rgba(168,85,247,.35)}
.card img{width:100%;height:128px;object-fit:cover;border-radius:8px;margin-bottom:10px;filter:sepia(.14)}
.card h3{font-size:16px;margin-bottom:6px}

.gauges{padding:48px 0;overflow:hidden;text-align:center}
.gauge{float:left;width:25%;padding:12px}
.semi{width:140px;height:70px;margin:0 auto 8px;border-radius:140px 140px 0 0;background:conic-gradient(from 270deg,#a855f7 0 40%,#ede4f7 40% 50%,transparent 50%);position:relative}
.semi:after{content:"";position:absolute;left:18px;right:18px;top:18px;height:52px;border-radius:120px 120px 0 0;background:var(--paper)}
.semi b{position:absolute;left:0;right:0;bottom:4px;z-index:1;font-family:Consolas,Monaco,monospace;font-size:18px;color:var(--ed)}

.avatars{padding:36px 0 12px;position:relative;min-height:280px}
.awall{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.awall img{width:52px;height:52px;object-fit:cover;border-radius:50%;border:2px solid #e9d5ff;box-shadow:var(--glow)}
.bubble{position:absolute;max-width:220px;padding:10px 12px;background:#fffafd;border-radius:14px 14px 14px 4px;box-shadow:0 8px 20px rgba(109,40,217,.16);font-size:12px}
.bubble.b1{left:8%;top:20px}
.bubble.b2{right:10%;top:40px}
.bubble.b3{left:28%;bottom:10px}

.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:#fffafd;border-radius:12px;font-size:12px;box-shadow:0 6px 16px rgba(109,40,217,.1)}
.quote-card b{display:block;margin-bottom:6px}
@keyframes mar{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.stack{padding:56px 0 40px;position:relative;min-height:340px}
.stack .sc{
  width:320px;padding:24px 22px;background:#fffafd;border-radius:16px;
  border:2px solid transparent;
  background-image:linear-gradient(#fffafd,#fffafd),linear-gradient(135deg,#e9d5ff,#6d28d9);
  background-origin:border-box;background-clip:padding-box,border-box;
  box-shadow:0 12px 28px rgba(109,40,217,.18);position:absolute
}
.stack .sc:nth-child(2){left:50%;top:70px;transform:translateX(-50%);z-index:3}
.stack .sc:nth-child(3){left:58%;top:40px;transform:rotate(4deg);z-index:2}
.stack .sc:nth-child(4){left:18%;top:40px;transform:rotate(-5deg);z-index:1}

.ends{padding:40px 0;overflow:hidden}
.end{float:left;width:22%;margin-right:4%;text-align:center;padding:16px;background:#fffafd;border-radius:12px;box-shadow:0 6px 16px rgba(109,40,217,.1)}
.end:last-child{margin-right:0}
.end img{width:64px;height:64px;margin:0 auto 8px;object-fit:cover;border-radius:8px}

.chat{padding:48px 0}
.row{margin:12px 0;overflow:hidden}
.row .b{max-width:70%;padding:12px 14px;border-radius:16px;font-size:13px}
.row.q .b{float:left;background:#ede4f7;border-radius:16px 16px 16px 4px}
.row.a .b{float:right;background:linear-gradient(135deg,#a855f7,#6d28d9);color:#fff;border-radius:16px 16px 4px 16px}

.float-foot{padding:0 0 28px}
.float-card{
  width:1100px;margin:-20px auto 0;padding:28px 32px;background:#fffafd;border-radius:20px;
  box-shadow:0 16px 40px rgba(109,40,217,.18);display:flex;justify-content:space-between;gap:18px;
  border:2px solid transparent;
  background-image:linear-gradient(#fffafd,#fffafd),linear-gradient(90deg,#e9d5ff,#6d28d9);
  background-origin:border-box;background-clip:padding-box,border-box
}
.float-card .fc{flex:1;font-size:12px}
.float-card h4{margin-bottom:8px;font-size:13px}
.float-card a{display:block;padding:3px 0;color:#5b4a72}

.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:520px;overflow:hidden;background:#1e1230}
.page-hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4;filter:sepia(.15) hue-rotate(220deg)}
.page-hero .copybox{position:relative;z-index:2;width:1100px;margin:0 auto;padding:150px 0 80px;color:#fff;text-align:center}
.page-hero h1{font-size:36px;font-weight:700}
.table{width:100%;border-collapse:collapse;margin:20px 0}
.table th,.table td{border:1px solid rgba(109,40,217,.25);padding:10px 12px;text-align:left}
.table th{background:#1e1230;color:#e9d5ff}
.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-radius:8px}
.clear{clear:both}
.stack-page{position:relative;min-height:300px;margin:40px 0}