.page-home{
  --home-line:rgba(38,224,208,.18);
  --home-line-soft:rgba(38,224,208,.10);
  --home-grid:rgba(38,224,208,.055);
}

/* ---------- 首屏框景 ---------- */
.page-home .home-hero{
  position:relative;
  padding:22px 0 64px;
  overflow:hidden;
  background:
    radial-gradient(880px 520px at 88% -12%, rgba(122,60,255,.30), transparent 68%),
    radial-gradient(620px 420px at 2% 6%, rgba(38,224,208,.10), transparent 72%),
    var(--ink-deep);
}
.page-home .home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(var(--home-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--home-grid) 1px, transparent 1px);
  background-size:56px 56px;
  pointer-events:none;
}
.page-home .home-hero .container{position:relative;z-index:1}
.page-home .home-hero .breadcrumbs{margin-bottom:18px}

.page-home .hero-frame{
  position:relative;
  padding:24px 18px 26px;
  border:1px solid var(--edge-cyan);
  border-radius:var(--radius-l);
  background:linear-gradient(180deg, rgba(11,39,67,.74), rgba(7,26,47,.52));
  box-shadow:var(--shadow-float);
  overflow:hidden;
}
.page-home .hero-frame::before,
.page-home .hero-frame::after{
  content:"";
  position:absolute;
  width:30px;
  height:30px;
  border:2px solid var(--cyan);
  opacity:.6;
  pointer-events:none;
}
.page-home .hero-frame::before{
  top:-2px;left:-2px;
  border-right:0;border-bottom:0;
  border-top-left-radius:var(--radius-l);
}
.page-home .hero-frame::after{
  bottom:-2px;right:-2px;
  border-left:0;border-top:0;
  border-bottom-right-radius:var(--radius-l);
}

.page-home .hero-orbit{
  position:absolute;
  top:-80px;
  right:-90px;
  width:340px;
  height:340px;
  opacity:.85;
  pointer-events:none;
}

.page-home .hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  gap:30px;
}

.page-home .hero-lead h1{
  margin:12px 0 0;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(1.85rem, 7.4vw, 3.6rem);
  line-height:1.14;
  letter-spacing:-.02em;
  color:var(--text-hi);
}
.page-home .hero-text{
  margin:16px 0 0;
  max-width:34em;
  font-size:1rem;
  line-height:1.8;
  color:var(--text-mid);
}
.page-home .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.page-home .hero-stats{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
  margin-top:28px;
  padding-top:20px;
  border-top:1px dashed rgba(38,224,208,.28);
}
.page-home .stat{display:flex;flex-direction:column;gap:4px}
.page-home .stat-num{
  font-family:var(--font-mono);
  font-size:1.5rem;
  line-height:1;
  color:var(--cyan);
  letter-spacing:-.02em;
}
.page-home .stat-label{
  font-size:.75rem;
  line-height:1.5;
  color:var(--rock);
}

.page-home .hero-media{
  margin:0;
  border:1px solid var(--home-line);
  border-radius:var(--radius-m);
  overflow:hidden;
  background:var(--ink-mid);
}
.page-home .hero-media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1200 / 1400;
  object-fit:cover;
}

.page-home .steps{margin-top:18px}
.page-home .step-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.page-home .step-tab{
  flex:1 1 120px;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 12px;
  border-radius:var(--radius-pill);
  border:1px solid rgba(38,224,208,.26);
  background:rgba(7,26,47,.74);
  color:var(--text-mid);
  font-family:var(--font-body);
  font-size:.8125rem;
  font-weight:500;
  cursor:pointer;
  transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);
}
.page-home .step-tab .mono{font-size:.75rem;opacity:.85}
.page-home .step-tab[aria-pressed="true"]{
  background:var(--cyan);
  border-color:var(--cyan);
  color:var(--ink-deep);
  font-weight:700;
}
.page-home .step-tab:focus-visible{
  outline:2px solid var(--orange);
  outline-offset:2px;
}
.page-home .step-panels{margin-top:12px;display:grid;gap:10px}
.page-home .step-panel{
  padding:16px 16px 18px;
  border-radius:var(--radius-m);
  border:1px solid var(--home-line);
  background:linear-gradient(165deg, rgba(58,27,107,.42), rgba(11,39,67,.86));
}
.page-home .step-panel h3{
  margin:0 0 8px;
  font-size:1rem;
  font-weight:700;
  color:var(--text-hi);
}
.page-home .step-panel p{
  margin:0;
  font-size:.875rem;
  line-height:1.75;
  color:var(--text-mid);
}

/* ---------- 分类总览 ---------- */
.page-home .home-cats{
  padding:56px 0 64px;
  background:var(--paper);
  color:var(--ink);
}
.page-home .cats-head{max-width:44em}
.page-home .home-cats .eyebrow{color:var(--moss)}
.page-home .cats-head h2{
  margin:10px 0 14px;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(1.55rem, 5vw, 2.5rem);
  line-height:1.2;
  letter-spacing:-.01em;
  color:var(--ink);
}
.page-home .cats-head .section-lead{
  margin:0;
  font-size:.9375rem;
  line-height:1.8;
  color:var(--ink-mid-text);
}
.page-home .home-cats .filter-bar{
  margin-top:26px;
  flex-wrap:wrap;
  gap:8px;
}
.page-home .home-cats .filter-btn{
  min-height:44px;
  border-color:rgba(10,13,18,.16);
  color:var(--ink);
  background:var(--paper-light);
}
.page-home .home-cats .filter-btn[aria-pressed="true"]{
  background:var(--ink-deep);
  border-color:var(--ink-deep);
  color:var(--paper);
}
.page-home .home-cats .filter-btn:focus-visible{
  outline:2px solid var(--orange);
  outline-offset:2px;
}

.page-home .cat-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-top:24px;
}
.page-home .cat-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:20px 18px 18px;
  border:var(--edge-paper);
  border-radius:var(--radius-m);
  background:var(--paper-light);
  box-shadow:var(--shadow-card);
}
.page-home .cat-num{
  font-size:.75rem;
  letter-spacing:.1em;
  color:var(--clay);
}
.page-home .cat-name{
  margin:0;
  font-size:1.0625rem;
  font-weight:700;
  color:var(--ink);
}
.page-home .cat-desc{
  margin:0 0 4px;
  flex:1;
  font-size:.875rem;
  line-height:1.7;
  color:var(--ink-mid-text);
}
.page-home .cat-card .tag{align-self:flex-start}

/* ---------- 搜索与快捷入口 ---------- */
.page-home .home-search{
  padding:56px 0 64px;
  background:
    radial-gradient(760px 440px at 92% 4%, rgba(122,60,255,.34), transparent 66%),
    linear-gradient(165deg, var(--ink-mid), var(--ink-deep));
  color:var(--text-hi);
}
.page-home .search-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:32px;
}
.page-home .search-lead .eyebrow{color:var(--cyan)}
.page-home .search-lead h2{
  margin:10px 0 14px;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(1.5rem, 4.8vw, 2.3rem);
  line-height:1.22;
  letter-spacing:-.01em;
  color:var(--text-hi);
}
.page-home .search-text{
  margin:0;
  max-width:30em;
  font-size:.9375rem;
  line-height:1.8;
  color:var(--text-mid);
}
.page-home .search-launch{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:22px;
  padding:8px 8px 8px 18px;
  min-height:56px;
  border:1px solid var(--cyan);
  border-radius:var(--radius-pill);
  background:rgba(7,26,47,.78);
  color:var(--text-mid);
  text-decoration:none;
  transition:box-shadow .22s var(--ease), border-color .22s var(--ease);
}
.page-home .search-launch:hover,
.page-home .search-launch:focus-visible{
  box-shadow:0 0 0 4px rgba(38,224,208,.16);
  border-color:var(--orange);
}
.page-home .search-icon{
  position:relative;
  flex:none;
  width:16px;
  height:16px;
  border:2px solid var(--cyan);
  border-radius:50%;
}
.page-home .search-icon::after{
  content:"";
  position:absolute;
  right:-5px;
  bottom:-1px;
  width:8px;
  height:2px;
  border-radius:2px;
  background:var(--cyan);
  transform:rotate(45deg);
}
.page-home .search-hint{
  flex:1;
  font-size:.875rem;
  line-height:1.5;
  color:var(--text-mid);
}
.page-home .search-go{
  flex:none;
  padding:10px 16px;
  border-radius:var(--radius-pill);
  background:var(--orange);
  color:#1A0C05;
  font-size:.8125rem;
  font-weight:700;
  white-space:nowrap;
}
.page-home .search-media{
  margin:24px 0 0;
  border-radius:var(--radius-m);
  overflow:hidden;
  border:1px solid var(--home-line);
  background:var(--ink-deep);
}
.page-home .search-media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1200 / 600;
  object-fit:cover;
}

.page-home .quick-title{
  margin:0;
  font-family:var(--font-display);
  font-size:1rem;
  font-weight:700;
  letter-spacing:.02em;
  color:var(--text-hi);
}
.page-home .quick-list{
  list-style:none;
  margin:16px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.page-home .quick-item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:2px 12px;
  min-height:44px;
  padding:14px 16px;
  border:1px solid var(--home-line);
  border-radius:var(--radius-m);
  background:rgba(11,39,67,.66);
  color:var(--text-hi);
  text-decoration:none;
  transition:border-color .2s var(--ease), background .2s var(--ease), transform .2s var(--ease);
}
.page-home .quick-item .mono{
  grid-row:1 / 3;
  padding-top:3px;
  font-size:.75rem;
  color:var(--cyan);
}
.page-home .quick-name{
  font-size:.9375rem;
  font-weight:700;
}
.page-home .quick-note{
  font-size:.8125rem;
  line-height:1.6;
  color:var(--text-mid);
}
.page-home .quick-item:hover,
.page-home .quick-item:focus-visible{
  border-color:rgba(255,106,42,.62);
  background:rgba(11,39,67,.92);
}
.page-home .quick-item:focus-visible{
  outline:2px solid var(--orange);
  outline-offset:2px;
}

/* ---------- 两条路径 ---------- */
.page-home .home-paths{
  padding:56px 0 64px;
  background:var(--paper-light);
  color:var(--ink);
}
.page-home .paths-head{margin-bottom:24px}
.page-home .home-paths .eyebrow{color:var(--clay)}
.page-home .paths-head h2{
  margin:10px 0 0;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(1.5rem, 4.8vw, 2.3rem);
  line-height:1.22;
  color:var(--ink);
}
.page-home .paths-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}
.page-home .path-card{
  padding:24px 20px 22px;
  border:var(--edge-paper);
  border-radius:var(--radius-l);
  background:var(--paper);
  box-shadow:var(--shadow-card);
}
.page-home .path-card--new{
  background:
    linear-gradient(170deg, rgba(122,60,255,.12), rgba(38,224,208,.10)),
    var(--paper-light);
}
.page-home .path-card h3{
  margin:14px 0 0;
  font-family:var(--font-display);
  font-size:1.125rem;
  font-weight:700;
  line-height:1.4;
  color:var(--ink);
}
.page-home .path-list{
  list-style:none;
  margin:16px 0 0;
  padding:0;
  display:grid;
  gap:12px;
}
.page-home .path-list li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
  font-size:.9375rem;
  line-height:1.75;
  color:var(--ink-mid-text);
}
.page-home .path-list .mono{
  padding-top:3px;
  font-size:.8125rem;
  color:var(--clay);
}
.page-home .paths-media{
  margin:16px 0 0;
  border:var(--edge-paper);
  border-radius:var(--radius-m);
  overflow:hidden;
  background:var(--paper);
}
.page-home .paths-media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1 / 1;
  object-fit:cover;
}
.page-home .link-arrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:16px;
  padding-bottom:3px;
  min-height:44px;
  border-bottom:2px solid var(--orange);
  color:var(--ink);
  font-size:.9375rem;
  font-weight:700;
  text-decoration:none;
}
.page-home .link-arrow::after{content:"→";color:var(--orange)}
.page-home .link-arrow:focus-visible{
  outline:2px solid var(--ink-deep);
  outline-offset:3px;
}

/* ---------- 版本速览 ---------- */
.page-home .home-versions{
  padding:56px 0 64px;
  background:
    radial-gradient(720px 520px at 80% -6%, rgba(122,60,255,.42), transparent 64%),
    var(--ink-deep);
  color:var(--text-hi);
}
.page-home .versions-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:30px;
}
.page-home .versions-intro .eyebrow{color:var(--cyan)}
.page-home .versions-intro h2{
  margin:10px 0 14px;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(1.5rem, 4.8vw, 2.3rem);
  line-height:1.22;
  color:var(--text-hi);
}
.page-home .versions-text{
  margin:0;
  max-width:30em;
  font-size:.9375rem;
  line-height:1.8;
  color:var(--text-mid);
}
.page-home .versions-media{
  margin:22px 0 0;
  border:1px solid rgba(122,60,255,.42);
  border-radius:var(--radius-m);
  overflow:hidden;
  background:var(--violet-deep);
}
.page-home .versions-media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1600 / 900;
  object-fit:cover;
}
.page-home .versions-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:16px;
  margin-top:22px;
}
.page-home .link-arrow--light{
  color:var(--text-hi);
  border-bottom-color:var(--cyan);
}
.page-home .link-arrow--light::after{color:var(--cyan)}
.page-home .link-arrow--light:focus-visible{outline-color:var(--cyan)}

.page-home .version-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:14px;
}
.page-home .version-item{
  position:relative;
  padding:22px 20px;
  border:1px solid var(--home-line);
  border-radius:var(--radius-m);
  background:rgba(11,39,67,.68);
}
.page-home .version-item:first-child{
  background:linear-gradient(150deg, rgba(58,27,107,.92), rgba(11,39,67,.9));
  border-color:rgba(122,60,255,.52);
}
.page-home .version-tag{
  display:inline-block;
  padding:4px 10px;
  border:1px solid rgba(38,224,208,.42);
  border-radius:var(--radius-pill);
  font-size:.6875rem;
  letter-spacing:.12em;
  color:var(--cyan);
}
.page-home .version-item h3{
  margin:12px 0 8px;
  font-size:1.0625rem;
  font-weight:700;
  line-height:1.4;
  color:var(--text-hi);
}
.page-home .version-item p{
  margin:0;
  font-size:.875rem;
  line-height:1.75;
  color:var(--text-mid);
}

/* ---------- 服务与联系 ---------- */
.page-home .home-contact{
  padding:56px 0 64px;
  background:var(--paper);
  color:var(--ink);
}
.page-home .contact-ticket{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
  padding:26px 20px;
  border:var(--edge-paper);
  border-left:5px solid var(--clay);
  border-radius:var(--radius-l);
  background:var(--paper-light);
  box-shadow:var(--shadow-card);
}
.page-home .contact-copy .eyebrow{color:var(--moss)}
.page-home .contact-copy h2{
  margin:10px 0 12px;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(1.45rem, 4.6vw, 2.1rem);
  line-height:1.24;
  color:var(--ink);
}
.page-home .contact-copy p{
  margin:0;
  max-width:32em;
  font-size:.9375rem;
  line-height:1.8;
  color:var(--ink-mid-text);
}
.page-home .contact-copy .btn{margin-top:20px}
.page-home .contact-list{
  margin:0;
  display:grid;
  gap:14px;
  align-content:start;
}
.page-home .contact-row{
  padding-bottom:12px;
  border-bottom:1px dashed rgba(10,13,18,.16);
}
.page-home .contact-row:last-child{border-bottom:0;padding-bottom:0}
.page-home .contact-row dt{
  font-size:.6875rem;
  letter-spacing:.14em;
  color:var(--rock);
}
.page-home .contact-row dd{
  margin:5px 0 0;
  font-size:.9375rem;
  line-height:1.6;
  color:var(--ink);
  word-break:break-word;
  overflow-wrap:anywhere;
}

/* ---------- 响应式 ---------- */
@media (min-width:560px){
  .page-home .cat-grid{grid-template-columns:repeat(2, minmax(0,1fr));}
  .page-home .quick-list{grid-template-columns:repeat(2, minmax(0,1fr));}
  .page-home .hero-frame{padding:30px 26px 32px;}
  .page-home .home-hero{padding:26px 0 76px;}
}

@media (min-width:900px){
  .page-home .home-hero{padding:30px 0 96px;}
  .page-home .hero-frame{padding:44px 40px 46px;}
  .page-home .hero-grid{
    grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);
    gap:48px;
    align-items:start;
  }
  .page-home .hero-orbit{width:440px;height:440px;top:-110px;right:-110px;}

  .page-home .home-cats,
  .page-home .home-search,
  .page-home .home-paths,
  .page-home .home-versions,
  .page-home .home-contact{padding:88px 0;}

  .page-home .cat-grid{
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:18px;
    margin-top:30px;
  }
  .page-home .cat-card:nth-child(3n+2){margin-top:22px;}

  .page-home .search-layout{
    grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
    gap:52px;
    align-items:start;
  }
  .page-home .quick-list{margin-top:20px;}

  .page-home .paths-grid{grid-template-columns:repeat(2, minmax(0,1fr));gap:24px;}
  .page-home .paths-head{margin-bottom:32px;}
  .page-home .path-card{padding:30px 28px 28px;}

  .page-home .versions-layout{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:52px;
    align-items:start;
  }

  .page-home .contact-ticket{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    gap:48px;
    padding:44px 40px;
    align-items:start;
  }
}

@media (min-width:1100px){
  .page-home .hero-lead h1{max-width:14em;}
  .page-home .cat-card{padding:24px 22px 22px;}
}

@media (hover:hover) and (pointer:fine){
  .page-home .quick-item .quick-note{
    max-height:0;
    opacity:0;
    overflow:hidden;
    transition:max-height .22s var(--ease), opacity .22s var(--ease);
  }
  .page-home .quick-item:hover .quick-note,
  .page-home .quick-item:focus-visible .quick-note{
    max-height:4em;
    opacity:1;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-home .step-tab,
  .page-home .quick-item,
  .page-home .search-launch,
  .page-home .quick-item .quick-note{transition:none;}
}
<<<PAGE_CSS_END>>>
<<<END>>>