@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
:root { --site-font:"Inter","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif; }
.site-header,.site-footer { font-family:var(--site-font); color:#f1edfc; background:#090711; font-size:14px; line-height:1.6; letter-spacing:normal; }
.site-header { position:sticky; top:0; z-index:100; border-bottom:1px solid #9b6bff30; }
.site-header *,.site-footer * { box-sizing:border-box; }
.site-header a,.site-footer a { color:inherit; text-decoration:none; }
.site-header :is(a,button,summary):focus-visible,.site-footer a:focus-visible { outline:2px solid #b394ff; outline-offset:4px; }
.site-header a:hover,.site-footer a:hover { color:#d7c4ff; }
.site-nav { position:static; display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:80px; max-width:1600px; margin:auto; padding:12px 3.3%; font:inherit; letter-spacing:normal; border:0; }
.site-brand { display:flex; align-items:center; flex-shrink:0; gap:10px; font-size:18px; letter-spacing:.12em; }
.site-nav-links,.site-nav-actions { display:flex; align-items:center; gap:26px; }
.site-nav-links>a,.site-products>summary,.site-login { display:flex; align-items:center; min-height:44px; }
.site-nav-links>[aria-current=page] { color:#c4a5ff; }
.site-products { position:relative; }
.site-products summary { list-style:none; cursor:pointer; }
.site-products summary::-webkit-details-marker { display:none; }
.site-dropdown { position:absolute; left:0; top:100%; width:230px; max-width:calc(100vw - 40px); padding:8px; background:#100b1e; border:1px solid #9b6bff44; box-shadow:0 16px 40px #0009; }
.site-dropdown a { display:block; padding:12px; }
.site-dropdown a:hover { background:#7c3aed22; }
.site-nav-actions { gap:16px; }
.site-header .site-primary { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 20px; border:1px solid #9560fa; border-radius:3px; background:#7c3aed; color:#fff; font-size:13px; font-weight:600; }
.site-header .site-primary:hover { background:#8d5cf7; }
.site-header .language-switch button { min-height:34px; }
.site-footer { position:relative; z-index:2; display:block; padding:32px 24px; border-top:1px solid #9b6bff30; color:#b4a8ce; text-align:center; }
.site-footer-inner { max-width:1280px; margin:auto; }
.site-footer-links,.site-footer-legal { display:flex; justify-content:center; flex-wrap:wrap; gap:12px 24px; }
.site-footer p { margin:16px 0 8px; }
.site-footer-legal { margin-top:20px; font-size:12px; }
@media(max-width:1050px) { .site-nav,.site-nav-links { gap:16px; } .site-login { display:none; } }
@media(max-width:760px) {
  .site-header { position:relative; }
  .site-nav { flex-wrap:wrap; gap:8px; padding:10px 20px 0; }
  .site-brand { font-size:15px; gap:6px; }
  .site-brand svg { width:33px; height:22px; }
  .site-nav-actions { margin-left:auto; gap:8px; }
  .site-header .site-primary { padding:8px 10px; font-size:12px; }
  .site-nav-links { order:3; width:100%; justify-content:center; gap:28px; border-top:1px solid #9b6bff22; }
  .site-footer-links { gap:10px 18px; }
}
@media(max-width:380px) { .site-nav { padding-inline:12px; } .site-brand { font-size:13px; } .site-header .language-switch button { padding-inline:6px; } }