:root{--bg:#0c0d0e;--bg2:#121416;--panel:#17191b;--panel2:#1d2023;--text:#f4f1e8;--muted:#9d9b94;--gold:#c9aa63;--gold2:#f0d98f;--bronze:#8c6d34;--line:rgba(201,170,99,.18);--steel:#8d9498}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:
radial-gradient(circle at 70% -8%,rgba(201,170,99,.13),transparent 28%),radial-gradient(circle at 5% 18%,rgba(127,139,147,.07),transparent 25%),linear-gradient(180deg,#0a0b0c,#121315 48%,#090a0b);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 70%)}
.topbar{min-height:72px;display:flex;align-items:center;gap:28px;padding:10px max(18px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:30;background:rgba(10,11,12,.88);border-bottom:1px solid rgba(201,170,99,.11);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;flex:0 0 auto}.monogram{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-size:13px;font-weight:950;color:#18150e;background:linear-gradient(145deg,#e7d08e,#b28c46);border:1px solid #604e2a;box-shadow:0 0 26px rgba(201,170,99,.12)}.brandcopy strong{display:block;font-size:17px}.brandcopy small{display:block;margin-top:3px;color:#77736a;font-size:8px;letter-spacing:1.8px}.topnav{display:flex;gap:20px;margin-left:auto}.topnav a{font-size:11px;color:#8e897f}.topnav a:hover{color:#e3d29f}.topbtn{padding:9px 14px;border:1px solid #4f432e;border-radius:999px;background:linear-gradient(135deg,#1a1915,#242016);color:#d9c68c;font-size:11px;font-weight:800}
.notice{max-width:1180px;margin:9px auto 0;padding:10px 15px;border:1px solid rgba(201,170,99,.12);border-radius:10px;background:rgba(27,26,22,.72);color:#aaa397;font-size:12px;display:flex;align-items:center;gap:9px}.notice span{width:7px;height:7px;border-radius:50%;background:#d4b768;box-shadow:0 0 12px #d4b768}
.hero,.section,footer{max-width:1180px;margin-left:auto;margin-right:auto}.hero{padding:54px 20px 30px;display:grid;grid-template-columns:1.04fr .96fr;gap:54px;align-items:center}.eyebrow{font-size:10px;letter-spacing:3px;color:#c4a55f;font-weight:800}.hero h1{font-size:54px;letter-spacing:-1.8px;margin:8px 0 0}.hero h2{font-size:23px;color:#ddd4c3;margin:9px 0 14px}.hero p{margin:0;color:#aaa49b;line-height:1.9;font-size:14px;max-width:650px}.actions{display:flex;gap:10px;margin-top:24px}.primary,.secondary{padding:12px 17px;border-radius:10px;font-size:12px;font-weight:800}.primary{background:linear-gradient(135deg,#e1c77d,#ad8a49);color:#17140e;box-shadow:0 13px 28px rgba(198,171,105,.13)}.secondary{border:1px solid #4a4335;background:#151617;color:#c3baac}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.chips span{padding:6px 10px;border:1px solid rgba(201,170,99,.20);border-radius:999px;background:#151617;color:#ada79c;font-size:10px}
.heritage-panel{height:330px;border-radius:24px;position:relative;overflow:hidden;border:1px solid rgba(201,170,99,.23);background:radial-gradient(circle at 50% 48%,rgba(201,170,99,.16),transparent 28%),linear-gradient(145deg,#17191b,#0f1011 68%,#1b1812);box-shadow:0 28px 60px rgba(0,0,0,.33),inset 0 0 55px rgba(201,170,99,.04)}.gate-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(201,170,99,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(201,170,99,.03) 1px,transparent 1px);background-size:34px 34px}.orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(201,170,99,.16);border-radius:50%}.o1{width:220px;height:220px}.o2{width:160px;height:160px;border-style:dashed;animation:spin 20s linear infinite}.seal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:136px;height:136px;border-radius:34px;display:grid;place-items:center;align-content:center;border:1px solid rgba(228,198,119,.46);background:linear-gradient(145deg,#24231f,#141516);box-shadow:0 0 40px rgba(201,170,99,.12),inset 0 0 26px rgba(201,170,99,.05)}.seal span{font-size:30px;font-weight:950;color:#ead38a}.seal strong{font-size:9px;letter-spacing:2.2px;margin-top:8px;color:#a98e55}.seal small{font-size:7px;letter-spacing:1.4px;margin-top:5px;color:#6f6a60}.status{position:absolute;min-width:86px;padding:10px 11px;border-radius:10px;background:rgba(20,21,21,.90);border:1px solid rgba(201,170,99,.17);box-shadow:0 10px 22px rgba(0,0,0,.20)}.status b{display:block;font-size:10px;color:#d1b466}.status span{display:block;font-size:8px;letter-spacing:1.3px;color:#888379;margin-top:4px}.st1{left:30px;top:36px}.st2{right:30px;top:50px}.st3{left:42px;bottom:36px}.st4{right:42px;bottom:30px}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.section{padding:26px 20px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:15px}.section-head small{font-size:9px;letter-spacing:2.2px;color:#b89c5a}.section-head h2{font-size:23px;margin:4px 0 0}.section-head>span{font-size:10px;color:#716c63}
.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.access-card{min-height:112px;display:grid;grid-template-columns:28px 54px 1fr auto;gap:13px;align-items:center;padding:15px;border-radius:15px;border:1px solid rgba(201,170,99,.15);background:linear-gradient(145deg,#17191b,#1e1f1f);transition:.2s transform,.2s border-color,.2s box-shadow;position:relative;overflow:hidden}.access-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#e1c67c,#8f7038);opacity:.65}.access-card:hover{transform:translateY(-3px);border-color:rgba(224,196,118,.42);box-shadow:0 14px 28px rgba(0,0,0,.19)}.access-card.featured{background:linear-gradient(145deg,#211f1a,#262318)}.num{font-size:9px;color:#6f695d}.icon{width:50px;height:50px;border-radius:12px;display:grid;place-items:center;background:#111213;border:1px solid rgba(201,170,99,.27);color:#d2b66a;font-weight:900;font-size:12px}.access-card strong{font-size:15px}.access-card p{margin:6px 0 0;color:#959087;font-size:10px;line-height:1.5}.access-card>b{font-size:10px;color:#c7a95f;white-space:nowrap}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-grid a{min-height:150px;padding:17px;border-radius:15px;border:1px solid rgba(201,170,99,.14);background:linear-gradient(145deg,#151719,#1b1d1f);position:relative;overflow:hidden;transition:.2s transform,.2s border-color}.category-grid a:after{content:"";position:absolute;right:-30px;bottom:-30px;width:100px;height:100px;border:1px solid rgba(201,170,99,.09);border-radius:50%}.category-grid a:hover{transform:translateY(-3px);border-color:rgba(224,196,118,.36)}.category-grid span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#111213;border:1px solid rgba(201,170,99,.23);font-size:18px;color:#d1b269}.category-grid strong{display:block;margin-top:18px;font-size:14px}.category-grid small{display:block;margin-top:7px;color:#89857d;font-size:10px;line-height:1.55}
.history-card{display:grid;grid-template-columns:1.28fr .72fr;gap:18px;padding:20px;border-radius:16px;border:1px solid rgba(201,170,99,.15);background:linear-gradient(145deg,#151719,#1d1e1d)}.history-copy h3{margin:0;font-size:18px}.history-copy p{margin:9px 0 0;color:#969087;font-size:11px;line-height:1.9}.history-points{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-content:start}.history-points span{padding:10px 11px;border-radius:10px;border:1px solid rgba(201,170,99,.13);background:#111213;color:#a09a90;font-size:10px}.history-points i{font-style:normal;color:#c5a75e;margin-right:5px}
.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.seo-grid article{min-height:195px;padding:19px;border:1px solid rgba(201,170,99,.14);border-radius:16px;background:linear-gradient(145deg,#151719,#1d1e1e)}.seo-grid article>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#111213;border:1px solid rgba(201,170,99,.22);color:#c9aa63;font-size:10px}.seo-grid h3{font-size:15px;margin:18px 0 8px}.seo-grid p{font-size:11px;line-height:1.9;color:#969087;margin:0}.about-card{padding:20px;border-radius:15px;border:1px solid rgba(201,170,99,.14);background:linear-gradient(145deg,#151719,#1b1c1d)}.about-card p{margin:0;color:#928c82;font-size:11px;line-height:1.9}
.faq details{border:1px solid rgba(201,170,99,.13);border-bottom:0;background:#121314;padding:0 14px}.faq details:first-of-type{border-radius:14px 14px 0 0}.faq details:last-of-type{border-radius:0 0 14px 14px;border-bottom:1px solid rgba(201,170,99,.13)}.faq summary{cursor:pointer;padding:15px 0;font-size:12px;font-weight:700}.faq p{margin:0;padding:0 0 15px;color:#89837b;font-size:11px;line-height:1.75}
footer{padding:34px 20px 44px;text-align:center;color:#6f6960;font-size:10px}.footer-brand{font-size:13px;color:#a19889;font-weight:700;margin-bottom:11px}footer nav{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:11px;color:#878177}
@media(max-width:900px){.topnav{display:none}.hero{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr}.seo-grid{grid-template-columns:1fr}}
@media(max-width:680px){.topbar{padding-left:12px;padding-right:12px}.brandcopy small{display:none}.notice{margin:7px 10px 0}.hero{padding:30px 12px 16px;gap:20px}.hero h1{font-size:39px}.hero h2{font-size:18px}.heritage-panel{height:245px}.seal{width:112px;height:112px}.status{min-width:68px;padding:8px}.st1{left:14px;top:28px}.st2{right:14px;top:30px}.st3{left:18px;bottom:22px}.st4{right:18px;bottom:20px}.section{padding:16px 12px}.access-grid,.category-grid{grid-template-columns:1fr}.history-card{grid-template-columns:1fr}.actions{flex-wrap:wrap}.access-card{grid-template-columns:24px 48px 1fr auto}.section-head>span{display:none}}


/* Y7 主入口按钮：轻微跳动 + 扫光 */
.actions .primary,
.actions .btn.primary{
  position: relative;
  overflow: hidden;
  animation: y7ButtonBounce 1.8s ease-in-out infinite;
  will-change: transform;
}

.actions .primary::after,
.actions .btn.primary::after{
  content: "";
  position: absolute;
  top: -40%;
  left: -45%;
  width: 28%;
  height: 180%;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,.10) 35%,
    rgba(255,255,255,.85) 50%,
    rgba(255,255,255,.10) 65%,
    transparent 100%
  );
  transform: skewX(-18deg);
  animation: y7ButtonShine 2.4s ease-in-out infinite;
  pointer-events: none;
}

.actions .primary:hover,
.actions .btn.primary:hover{
  animation-play-state: paused;
  transform: translateY(-2px) scale(1.03);
}

@keyframes y7ButtonBounce{
  0%,100%{transform:translateY(0)}
  45%{transform:translateY(0)}
  55%{transform:translateY(-5px)}
  65%{transform:translateY(0)}
  72%{transform:translateY(-2px)}
  80%{transform:translateY(0)}
}

@keyframes y7ButtonShine{
  0%{left:-45%;opacity:0}
  15%{opacity:1}
  45%{left:125%;opacity:1}
  46%,100%{left:125%;opacity:0}
}

@media (prefers-reduced-motion: reduce){
  .actions .primary,
  .actions .btn.primary,
  .actions .primary::after,
  .actions .btn.primary::after{
    animation:none;
  }
}