.page-home{position:relative;overflow-x:hidden}
.page-home .home-hero{position:relative;min-height:100svh;background:var(--bg-deep);isolation:isolate}
.page-home .hero-bg-wrap{position:absolute;inset:0;z-index:-2}
.page-home .hero-bg{width:100%;height:100%;object-fit:cover;display:block}
.page-home .hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(10,18,40,0.96) 0%,rgba(10,18,40,0.78) 38%,rgba(26,27,58,0.40) 74%,rgba(10,18,40,0.60) 100%);-webkit-mask-image:linear-gradient(115deg,rgba(0,0,0,0.9),rgba(0,0,0,0.4) 70%,rgba(0,0,0,0.6));mask-image:linear-gradient(115deg,rgba(0,0,0,0.9),rgba(0,0,0,0.4) 70%,rgba(0,0,0,0.6))}
.page-home .home-hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(42,52,85,0.16) 1px,transparent 1px),linear-gradient(90deg,rgba(42,52,85,0.16) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(115deg,rgba(0,0,0,0.65),transparent 85%);mask-image:linear-gradient(115deg,rgba(0,0,0,0.65),transparent 85%)}
.page-home .hero-version-tag{position:absolute;top:20px;right:16px;z-index:5;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 16px;background:var(--glass);border:1px solid var(--line);border-right:none;border-top-color:var(--accent-gold);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.page-home .hero-version-label{font-family:var(--font-mono);font-size:0.62rem;letter-spacing:0.20em;color:var(--text-gray)}
.page-home .hero-version-value{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--accent-gold);line-height:1}
.page-home .hero-inner{width:100%;max-width:1220px;margin:0 auto;padding:140px 24px 32px}
.page-home .hero-inner .breadcrumb{margin-bottom:34px}
.page-home .hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:0.82rem;letter-spacing:0.14em;color:var(--accent-cyan);text-transform:uppercase;margin-bottom:18px}
.page-home .hero-eyebrow::before{content:"";width:34px;height:2px;background:var(--accent-gold);flex:none}
.page-home .hero-title{font-family:var(--font-display);font-size:clamp(1.9rem,7vw,4.3rem);font-weight:900;line-height:1.12;color:var(--text-white);margin:0 0 18px;max-width:820px;letter-spacing:0.01em;text-shadow:0 0 44px rgba(0,229,255,0.10)}
.page-home .hero-title-suffix{color:var(--accent-gold)}
.page-home .hero-lead{font-family:var(--font-body);font-size:clamp(0.98rem,2.4vw,1.14rem);line-height:1.72;color:var(--text-gray);max-width:590px;margin:0 0 28px}
.page-home .hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.page-home .hero-index-panel{position:relative;z-index:4;margin:24px 24px 44px;padding:20px 22px;max-width:360px;background:var(--glass);border:1px solid var(--line);border-left:3px solid var(--accent-gold);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.page-home .hero-index-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.page-home .hero-index-label{font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.18em;color:var(--text-gray)}
.page-home .hero-index-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan)}
.page-home .hero-index-value{font-family:var(--font-mono);font-size:clamp(2rem,6vw,3rem);font-weight:700;color:var(--accent-cyan);line-height:1;margin-bottom:10px;display:flex;align-items:baseline;gap:6px}
.page-home .hero-index-unit{font-size:0.45em;font-weight:400;color:var(--text-gray)}
.page-home .hero-index-note{font-family:var(--font-body);font-size:0.82rem;color:var(--text-gray);line-height:1.5;margin:0}
.page-home .hero-scroll{display:none}
.page-home .section-head{margin-bottom:40px}
.page-home .section-kicker{font-family:var(--font-mono);font-size:0.78rem;letter-spacing:0.16em;color:var(--accent-gold);margin:0 0 8px;text-transform:uppercase}
.page-home .section-title{font-family:var(--font-display);font-size:clamp(1.7rem,4.5vw,2.6rem);font-weight:800;line-height:1.2;color:var(--text-white);margin:0 0 12px}
.page-home .section-desc{font-family:var(--font-body);font-size:1rem;line-height:1.65;color:var(--text-gray);max-width:600px;margin:0}
.page-home .home-second{position:relative;background:var(--bg-deep);padding:76px 0 64px;scroll-margin-top:80px}
.page-home .home-second::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-gold) 30%,rgba(212,175,55,0.25) 70%,transparent)}
.page-home .second-tab-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.page-home .second-tab-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:0.82rem;font-weight:600;letter-spacing:0.06em;color:var(--text-gray);text-decoration:none;background:var(--glass);border:1px solid var(--line);padding:9px 18px;transition:color 0.2s,border-color 0.2s,box-shadow 0.2s}
.page-home .second-tab-link::before{content:"#";color:var(--accent-gold);font-family:var(--font-mono)}
.page-home .second-tab-link:hover,.page-home .second-tab-link:focus{color:var(--accent-gold);border-color:var(--accent-gold);box-shadow:0 0 16px rgba(212,175,55,0.14);outline:none}
.page-home .second-grid{display:grid;grid-template-columns:1fr;gap:26px;scroll-margin-top:88px}
.page-home .second-card{position:relative;display:flex;flex-direction:column;gap:18px;background:var(--glass);border:1px solid var(--line);border-left:3px solid var(--accent-gold);padding:26px 24px 22px;transition:background 0.25s,border-color 0.25s,transform 0.2s}
.page-home .second-card:hover{background:rgba(10,18,40,0.78);border-color:rgba(212,175,55,0.70);transform:translateY(-3px)}
.page-home .second-icon-wrap{width:88px;height:88px;flex:none;overflow:hidden;border:1px solid var(--line);background:var(--bg-night)}
.page-home .second-icon{width:100%;height:100%;object-fit:cover;display:block}
.page-home .second-card-body h3{font-family:var(--font-display);font-size:1.16rem;font-weight:700;color:var(--text-white);margin:0 0 14px}
.page-home .second-list{list-style:none;margin:0 0 18px;padding:0}
.page-home .second-list li{position:relative;padding-left:20px;margin-bottom:11px;font-family:var(--font-body);font-size:0.96rem;line-height:1.62;color:var(--text-gray)}
.page-home .second-list li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background:var(--accent-gold);transform:rotate(45deg)}
.page-home .second-meta{font-family:var(--font-mono);font-size:0.80rem;color:var(--text-gray);border-top:1px solid var(--line);padding-top:12px;margin:0}
.page-home .second-meta a{color:var(--accent-cyan);text-decoration:none}
.page-home .second-meta a:hover{text-decoration:underline}
.page-home .home-dashboard{position:relative;background:linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-night) 100%);padding:72px 0}
.page-home .dashboard-panel{display:grid;grid-template-columns:1fr;gap:24px;padding:26px;background:var(--glass);border:1px solid var(--line);border-radius:4px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.page-home .dashboard-grid{display:grid;grid-template-columns:1fr;gap:14px}
.page-home .dashboard-stat{background:rgba(10,18,40,0.65);border:1px solid var(--line);padding:20px 18px;transition:border-color 0.2s,box-shadow 0.2s}
.page-home .dashboard-stat:hover{border-color:var(--accent-cyan);box-shadow:inset 0 0 24px rgba(0,229,255,0.04)}
.page-home .dashboard-label{display:block;font-family:var(--font-mono);font-size:0.74rem;letter-spacing:0.12em;color:var(--text-gray);margin-bottom:14px;text-transform:uppercase}
.page-home .dashboard-value{font-family:var(--font-mono);font-size:clamp(1.9rem,4.5vw,2.7rem);font-weight:600;color:var(--accent-cyan);line-height:1.1}
.page-home .dashboard-value em{font-style:normal;font-size:0.5em;font-weight:400;color:var(--text-gray);margin-left:4px}
.page-home .dashboard-stat:hover .dashboard-value{animation:pageHomeTick 0.4s steps(2,end)}
@keyframes pageHomeTick{0%{transform:translateY(0)}33%{transform:translateY(-2px)}66%{transform:translateY(1px)}100%{transform:translateY(0)}}
.page-home .dashboard-trace{border-left:2px solid var(--accent-gold);padding-left:22px}
.page-home .dashboard-trace h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-white);margin:0 0 10px}
.page-home .dashboard-trace p{font-size:0.94rem;font-family:var(--font-body);color:var(--text-gray);line-height:1.62;margin:0 0 16px}
.page-home .dashboard-trace ul{list-style:none;margin:0 0 18px;padding:0}
.page-home .dashboard-trace li{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-family:var(--font-mono);font-size:0.88rem;color:var(--text-white)}
.page-home .trace-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan);flex:none}
.page-home .dashboard-note{font-size:0.84rem;color:var(--text-gray);line-height:1.6;margin:0}
.page-home .dashboard-note a{color:var(--accent-cyan);text-decoration:none}
.page-home .dashboard-note a:hover{text-decoration:underline}
.page-home .home-quick{position:relative;padding:72px 0;overflow:hidden;background:var(--bg-deep)}
.page-home .quick-bg-wrap{position:absolute;top:22%;right:-12%;width:58%;opacity:0.16;transform:rotate(-10deg) scale(1.15);pointer-events:none}
.page-home .quick-area-bg{width:100%;height:auto;display:block}
.page-home .quick-inner{position:relative;z-index:2}
.page-home .quick-head{margin-bottom:32px}
.page-home .quick-grid{display:grid;grid-template-columns:1fr;gap:16px}
.page-home .quick-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:26px 22px 22px;min-height:152px;background:var(--glass);border:1px solid var(--line);border-top:2px solid var(--accent-gold);text-decoration:none;transition:border-color 0.25s,box-shadow 0.25s,transform 0.2s,background 0.2s}
.page-home .quick-card::after{content:"";position:absolute;right:16px;top:16px;width:14px;height:14px;border-top:2px solid var(--accent-cyan);border-right:2px solid var(--accent-cyan);opacity:0;transition:opacity 0.2s,transform 0.2s}
.page-home .quick-card:hover,.page-home .quick-card:focus-visible{border-color:var(--accent-gold);background:rgba(10,18,40,0.78);box-shadow:0 14px 40px rgba(0,0,0,0.35),0 0 0 1px rgba(212,175,55,0.28);transform:translateY(-4px);outline:none}
.page-home .quick-card:hover::after,.page-home .quick-card:focus-visible::after{opacity:1;transform:translate(2px,-2px)}
.page-home .quick-num{font-family:var(--font-mono);font-size:0.90rem;color:var(--accent-gold);letter-spacing:0.08em}
.page-home .quick-name{font-family:var(--font-display);font-size:1.04rem;font-weight:700;color:var(--text-white);line-height:1.4}
.page-home .quick-desc{font-size:0.86rem;color:var(--text-gray);line-height:1.55;font-family:var(--font-body)}
.page-home .home-news{padding:72px 0 88px;background:var(--bg-night)}
.page-home .news-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px}
.page-home .news-head .section-desc{flex:1 1 260px}
.page-home .news-more{margin-left:auto}
.page-home .news-list{display:grid;grid-template-columns:1fr;gap:18px;margin-top:36px}
.page-home .news-item{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:22px 20px;background:rgba(10,18,40,0.55);border:1px solid var(--line);border-top:2px solid var(--accent-gold);transition:background 0.2s,box-shadow 0.2s}
.page-home .news-item:hover{background:rgba(10,18,40,0.80);box-shadow:0 10px 28px rgba(0,0,0,0.20)}
.page-home .news-tag{align-self:start;margin-top:2px}
.page-home .news-body h3{font-family:var(--font-display);font-size:1rem;font-weight:700;line-height:1.45;color:var(--text-white);margin:0 0 6px}
.page-home .news-body p{font-size:0.88rem;line-height:1.6;color:var(--text-gray);margin:0;font-family:var(--font-body)}
@media (min-width:600px){
  .page-home .second-grid{gap:28px}
  .page-home .quick-grid{grid-template-columns:1fr 1fr}
  .page-home .dashboard-grid{grid-template-columns:repeat(3,1fr)}
  .page-home .dashboard-panel{padding:30px}
}
@media (min-width:900px){
  .page-home .hero-inner{padding-top:160px;padding-bottom:60px}
  .page-home .hero-version-tag{top:36px;right:48px;padding:12px 20px}
  .page-home .hero-index-panel{position:absolute;left:48px;bottom:104px;width:336px;margin:0}
  .page-home .hero-scroll{display:flex;flex-direction:column;align-items:center;gap:10px;position:absolute;left:50%;bottom:24px;transform:translateX(-50%);color:var(--text-gray);text-decoration:none;font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.20em}
  .page-home .hero-scroll:hover{color:var(--accent-cyan)}
  .page-home .hero-scroll-line{width:1px;height:42px;background:linear-gradient(180deg,var(--accent-cyan),transparent)}
  .page-home .home-second{padding:96px 0 88px}
  .page-home .second-grid{grid-template-columns:1fr 1fr;gap:36px}
  .page-home .second-card{padding:30px 28px 24px}
  .page-home .home-dashboard{padding:96px 0}
  .page-home .dashboard-panel{grid-template-columns:2fr 1fr;gap:32px;padding:34px}
  .page-home .dashboard-grid{gap:18px}
  .page-home .home-quick{padding:96px 0}
  .page-home .quick-grid{grid-template-columns:repeat(4,1fr);gap:22px}
  .page-home .home-news{padding:96px 0 112px}
  .page-home .news-list{grid-template-columns:repeat(3,1fr);gap:24px}
}