:root{--bg:#020812;--panel:#071526e8;--panel2:#0b1a2d;--line:#21446e;--text:#f7faff;--muted:#9db0c9;--blue:#148cff;--purple:#6a38f1;--green:#45e0a8;--amber:#ffb13c}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#020812}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden;background-color:#020812;background-image:linear-gradient(180deg,rgba(1,7,16,.08) 0%,rgba(1,7,16,.24) 46%,rgba(1,7,16,.78) 78%,rgba(1,7,16,.94) 100%),url('/download/assets/cosmic-mountain-background.webp');background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:fixed}.shell{width:min(1400px,calc(100% - 48px));margin:auto}.nav{height:62px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:22px;font-weight:800;text-shadow:0 3px 20px #000}.brand-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#149bff,#7835ef);box-shadow:0 0 30px #3b6eff88}.btn{border:0;border-radius:10px;padding:12px 25px;color:#fff;font-weight:700;cursor:pointer;background:#18273b}.account-btn,.primary{background:linear-gradient(110deg,#167cf2,#7034e9);box-shadow:0 10px 28px #315bd65c}.hero{position:relative;overflow:hidden;min-height:392px;display:grid;grid-template-columns:1.55fr .78fr;gap:64px;align-items:center;padding:30px 52px 34px;border:1px solid rgba(69,132,198,.55);border-radius:20px;background:linear-gradient(90deg,rgba(1,11,24,.48) 0%,rgba(2,19,39,.24) 48%,rgba(1,9,19,.58) 100%),url('/download/assets/cosmic-mountain-background.webp') center 43%/cover no-repeat;box-shadow:0 24px 74px #000a}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 52%,rgba(1,7,16,.78) 100%);pointer-events:none}.hero-copy,.login-card{position:relative;z-index:1}.eyebrow{display:inline-flex;padding:8px 14px;border:1px solid #37638b;border-radius:99px;color:#d6e8fb;background:#031326b8;font-size:13px;box-shadow:0 8px 25px #0004}.hero h1{font-size:50px;line-height:1.12;margin:15px 0 11px;letter-spacing:1px;text-shadow:0 5px 28px #000}.hero h1 strong{background:linear-gradient(90deg,#17d7f4,#2583ff,#8c4ff6);-webkit-background-clip:text;color:transparent}.hero-copy>p{color:#e0e9f5;font-size:16px;line-height:1.8;text-shadow:0 2px 12px #000}.features{display:flex;gap:31px;margin-top:22px;flex-wrap:wrap}.features>div{display:flex;align-items:center;gap:11px}.features b{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;color:#38aaff;background:#031629d9;border:1px solid #20538a;font-size:21px;box-shadow:0 8px 22px #0004}.features span{display:flex;flex-direction:column}.features small,.login-card p,.login-card small{color:#afc1d7;margin-top:4px}.login-card{padding:25px 27px;border:1px solid #315a83;border-radius:16px;background:linear-gradient(145deg,rgba(4,21,40,.93),rgba(3,13,26,.95));box-shadow:0 25px 70px #000b;backdrop-filter:blur(18px)}.login-card-head{display:flex;justify-content:space-between;align-items:center;font-size:21px;font-weight:800}.login-card-head em{display:flex;align-items:center;gap:8px;font-size:13px;font-style:normal;font-weight:500;color:#b5c3d4}.login-card-head i{width:9px;height:9px;border-radius:50%;background:#758397}.login-card-head i.online{background:#42dfa7;box-shadow:0 0 14px #42dfa7}.account-meta{margin:16px 0;padding:13px 16px;border:1px solid #1e4168;border-radius:10px;background:#03172baa;display:grid;gap:10px}.account-meta div{display:flex;justify-content:space-between;gap:20px}.account-meta span{color:#8fa5bf}.account-meta b{color:#55d4ff;font-weight:600}.login-card label{height:48px;margin:18px 0;display:flex;align-items:center;border:1px solid #334d6e;border-radius:9px;padding:0 14px;gap:11px}.login-card input,.search input{border:0;outline:0;background:transparent;color:#fff;width:100%;font-size:14px}.login-card .primary{width:100%;height:48px}.login-card small{display:block;text-align:center;margin-top:17px}.ghost{width:100%;margin-top:14px}.hidden{display:none!important}.products-section{position:relative;z-index:3;margin-top:-2px}.toolbar{min-height:66px;border:1px solid rgba(50,91,137,.72);background:rgba(3,18,35,.88);border-radius:14px;padding:10px 18px;display:flex;align-items:center;gap:22px;backdrop-filter:blur(16px);box-shadow:0 15px 40px #0007}.search{width:380px;height:44px;display:flex;align-items:center;border:1px solid #29496c;border-radius:9px;padding:0 14px;background:rgba(2,14,28,.42)}.search span{font-size:24px;color:#c0cede}.filters{display:flex;gap:8px}.filters button,.refresh{height:43px;padding:0 23px;border-radius:8px;border:1px solid #203b5c;background:#06182bde;color:#b0c1d5;cursor:pointer}.filters button.active{background:#12498e;color:#54c6ff;border-color:#2176cf}.refresh-wrap{margin-left:auto;display:flex;align-items:center;gap:14px}.refresh-wrap>span{font-size:12px;color:#8298b1}.refresh{border:0;display:flex;align-items:center;gap:7px}.refresh i{font-style:normal;display:inline-block}.refresh.spinning i{animation:spin .8s linear infinite}.refresh:disabled{opacity:.7;cursor:wait}@keyframes spin{to{transform:rotate(360deg)}}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:12px}.product-card{min-height:286px;padding:21px;border:1px solid rgba(45,88,137,.8);border-radius:13px;background:linear-gradient(150deg,rgba(4,24,46,.94),rgba(3,14,27,.95));box-shadow:0 16px 40px #0007;backdrop-filter:blur(12px);transition:.25s}.product-card:hover{transform:translateY(-4px);border-color:#367fc1;box-shadow:0 22px 55px #0009}.product-head{display:flex;gap:14px;align-items:flex-start}.app-icon{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;font-size:26px;background:linear-gradient(145deg,#168fff,#6539f1);box-shadow:0 8px 22px #275de766}.product-title{flex:1}.product-title h3{margin:2px 0 7px;font-size:18px}.product-title p{margin:0;color:#b7c5d7;font-size:13px}.badge{padding:5px 9px;border-radius:7px;font-size:12px;white-space:nowrap}.badge.ok{background:#0e473b;color:#63efbd}.badge.no{background:#402e15;color:#ffbd4d}.meta{display:grid;grid-template-columns:1fr 1fr;margin:26px 0 18px}.meta div+div{border-left:1px solid #254263;padding-left:24px}.meta small{display:block;color:#7f94ad;margin-bottom:6px}.meta b{font-size:14px;font-weight:500;color:#d1dbea}.desc{height:46px;color:#a8b8cb;font-size:13px;line-height:1.75}.download-button{width:100%;height:45px;margin-top:16px}.download-button.enabled{background:linear-gradient(100deg,#1487ff,#3157df)}.download-button.locked{background:#202235;color:#c7c2d3}.loading,.empty{grid-column:1/-1;padding:70px;text-align:center;color:#879bb2}footer{text-align:center;color:#8298b1;padding:25px;text-shadow:0 2px 10px #000}.toast{position:fixed;z-index:100;left:50%;bottom:30px;transform:translate(-50%,30px);padding:13px 20px;background:#10233a;border:1px solid #31587f;border-radius:10px;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 12px 40px #0008}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{border-color:#8c3f4e;color:#ffb9c2}@media(max-width:1050px){body{background-attachment:scroll}.hero{grid-template-columns:1fr;padding:30px 28px;background-position:center}.product-grid{grid-template-columns:repeat(2,1fr)}.login-card{max-width:620px}.shell{width:min(100% - 26px,900px)}}@media(max-width:620px){.nav{height:60px}.brand{font-size:19px}.hero{padding:23px 19px;border-radius:16px;min-height:auto}.hero h1{font-size:37px}.features{gap:17px}.toolbar{flex-wrap:wrap}.search{width:100%}.filters{width:100%;overflow:auto}.refresh-wrap{width:100%;justify-content:space-between}.product-grid{grid-template-columns:1fr}.login-card{padding:21px}.account-meta div{display:block}.account-meta b{display:block;margin-top:4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-card{transition:none}.refresh.spinning i{animation:none}}

/* download-guide-style-v1.0.0 */
.guide-section {
  width: 100%;
  margin-top: 24px;
  padding-bottom: 44px;
}

.guide-card {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  box-sizing: border-box;
  padding: 22px 24px;
  border: 1px solid rgba(80, 170, 255, 0.38);
  border-radius: 16px;
  background: linear-gradient(110deg, rgba(5, 26, 48, 0.95), rgba(11, 28, 57, 0.92));
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(14px);
}

.guide-icon {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  border-radius: 15px;
  font-size: 30px;
  background: linear-gradient(135deg, #178bff, #793cff);
  box-shadow: 0 8px 24px rgba(50, 103, 255, 0.32);
}

.guide-content { flex: 1 1 auto; min-width: 0; }
.guide-title-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.guide-title-row h2 { margin: 0; color: #fff; font-size: 21px; line-height: 1.35; }
.guide-badge {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 3px 10px;
  border: 1px solid rgba(64, 178, 255, 0.36);
  border-radius: 999px;
  color: #8ccfff;
  background: rgba(15, 91, 150, 0.16);
  font-size: 12px;
}
.guide-description { margin: 8px 0 12px; color: rgba(226, 238, 255, 0.78); font-size: 14px; line-height: 1.7; }
.guide-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.guide-tags span { padding: 4px 9px; border-radius: 7px; color: #9fbad3; background: rgba(70, 119, 170, 0.12); font-size: 12px; }
.guide-actions { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; }
.guide-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 108px;
  height: 42px;
  box-sizing: border-box;
  padding: 0 18px;
  border: 0;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.guide-btn:hover { transform: translateY(-1px); filter: brightness(1.08); }
.guide-btn-view { border: 1px solid rgba(71, 167, 255, 0.48); background: rgba(18, 90, 155, 0.28); }
.guide-btn-download { background: linear-gradient(135deg, #1688ff, #7537ee); box-shadow: 0 8px 24px rgba(75, 71, 255, 0.25); }
.guide-viewer {
  margin-top: 14px;
  overflow: hidden;
  border: 1px solid rgba(80, 170, 255, 0.32);
  border-radius: 16px;
  background: rgba(2, 14, 28, 0.95);
}
.guide-viewer[hidden] { display: none !important; }
.guide-viewer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 58px;
  box-sizing: border-box;
  padding: 10px 16px;
  border-bottom: 1px solid rgba(95, 157, 218, 0.18);
  color: #fff;
}
.guide-viewer-header div { display: flex; flex-direction: column; gap: 3px; }
.guide-viewer-header span { color: #829bb6; font-size: 12px; }
.guide-close-btn {
  padding: 7px 14px;
  border: 1px solid rgba(101, 164, 225, 0.34);
  border-radius: 8px;
  color: #b7d3eb;
  background: rgba(22, 61, 99, 0.28);
  cursor: pointer;
}
.guide-viewer iframe { display: block; width: 100%; height: min(78vh, 900px); min-height: 620px; border: 0; background: #fff; }
.guide-mobile-fallback { display: none; padding: 12px 16px; color: #9eb4ca; font-size: 13px; text-align: center; }
.guide-mobile-fallback a { color: #55b7ff; }

@media (max-width: 820px) {
  .guide-card { align-items: flex-start; flex-wrap: wrap; padding: 18px; }
  .guide-icon { width: 52px; height: 52px; font-size: 25px; }
  .guide-content { flex: 1 1 calc(100% - 76px); }
  .guide-actions { width: 100%; padding-left: 72px; }
  .guide-btn { flex: 1; }
  .guide-viewer iframe { height: 72vh; min-height: 480px; }
}

@media (max-width: 560px) {
  .guide-card { display: block; }
  .guide-icon { margin-bottom: 14px; }
  .guide-actions { padding-left: 0; margin-top: 17px; }
  .guide-title-row h2 { font-size: 18px; }
  .guide-viewer-header { align-items: flex-start; }
  .guide-viewer iframe { min-height: 430px; }
  .guide-mobile-fallback { display: block; }
}
/* /download-guide-style-v1.0.0 */

/* CONTACT-FLOAT-V1-START */
.contact-float-v1 {
  position: absolute;
  left: calc(50% + 5px);
  top: 109px;
  z-index: 90;
  width: 146px;
  padding: 15px 12px 13px;
  transform: none;
  border: 1px solid rgba(74, 166, 255, 0.38);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(4, 22, 42, 0.96), rgba(9, 29, 55, 0.94));
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(14px);
  text-align: center;
}

.contact-float-v1__label {
  color: #8faccc;
  font-size: 12px;
  letter-spacing: 1px;
}

.contact-float-v1__id {
  margin: 4px 0 10px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  word-break: break-all;
}

.contact-float-v1__qr-wrap {
  position: relative;
  display: inline-block;
  outline: none;
}

.contact-float-v1__qr-thumb {
  display: block;
  width: 98px;
  height: 98px;
  object-fit: contain;
  padding: 3px;
  border: 3px solid rgba(255, 255, 255, 0.96);
  border-radius: 10px;
  background: #ffffff;
  cursor: zoom-in;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.contact-float-v1__qr-thumb:hover {
  transform: scale(1.04);
  box-shadow: 0 10px 28px rgba(41, 128, 255, 0.34);
}

.contact-float-v1__preview {
  position: absolute;
  right: calc(100% + 18px);
  left: auto;
  top: 50%;
  z-index: 120;
  width: 270px;
  padding: 10px;
  transform: translateY(-50%) scale(0.92);
  transform-origin: right center;
  border: 1px solid rgba(91, 176, 255, 0.44);
  border-radius: 15px;
  background: rgba(3, 17, 32, 0.98);
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.58);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
}

.contact-float-v1__preview img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 9px;
  background: #ffffff;
}

.contact-float-v1__qr-wrap:hover .contact-float-v1__preview,
.contact-float-v1__qr-wrap:focus .contact-float-v1__preview,
.contact-float-v1__qr-wrap:focus-within .contact-float-v1__preview {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) scale(1);
}

.contact-float-v1__tip {
  margin-top: 8px;
  color: #7f9ab4;
  font-size: 11px;
}

@media (max-width: 1380px) {
  .contact-float-v1 {
    display: none;
  }
}
/* CONTACT-FLOAT-V1-END */






/* LOGIN-CONTACT-ALIGN-V1-START */
.login-contact-group {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 18px;
  min-width: 0;
}

.login-contact-group .contact-float-v1 {
  position: static;
  left: auto;
  top: auto;
  z-index: auto;
  display: block;
  flex: 0 0 146px;
  box-sizing: border-box;
  transform: none;
  margin: 0;
}

.login-contact-group .login-card {
  flex: 0 0 auto;
  margin-top: 0;
}

@media (max-width: 1180px) {
  .login-contact-group .contact-float-v1 {
    display: none;
  }
}

@media (max-width: 760px) {
  .login-contact-group {
    display: block;
    width: 100%;
  }

  .login-contact-group .login-card {
    width: 100%;
    box-sizing: border-box;
  }
}
/* LOGIN-CONTACT-ALIGN-V1-END */