.page-home{
  --home-cut: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
  --home-line: rgba(20,92,74,.75);
  --home-soft: rgba(243,248,244,.78);
  background: var(--ink);
  color: var(--ice);
  overflow-x: clip;
}

.page-home img{max-width:100%;height:auto;display:block}

.page-home .section{padding:clamp(46px,6vw,92px) 0;position:relative}

.page-home .eyebrow{
  margin:0;
  font-family:var(--mono);
  font-size:11.5px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--lime);
}
.page-home .section-title{
  margin:12px 0 0;
  font-size:clamp(26px,3.6vw,40px);
  line-height:1.12;
  letter-spacing:-.025em;
  font-weight:800;
}
.page-home .lede{
  margin:14px 0 0;
  font-size:16px;
  line-height:1.8;
  color:var(--home-soft);
  max-width:64ch;
}
.page-home .section-head{max-width:820px}

.page-home :where(a,button):focus-visible{
  outline:2px solid var(--lime);
  outline-offset:3px;
}

/* ---------- 顶部上下文条 ---------- */
.page-home .home-context{
  background:var(--char);
  border-bottom:1px solid var(--home-line);
}
.page-home .home-context .shell{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:6px 20px;
  padding-top:10px;
  padding-bottom:10px;
}
.page-home .home-context .breadcrumb{margin:0}
.page-home .home-context .breadcrumb-list{
  font-size:12px;
  color:var(--mist);
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:0 6px;
}
.page-home .home-context .breadcrumb-list a{color:var(--mist);text-decoration:none}
.page-home .home-context .breadcrumb-list a:hover{color:var(--lime)}
.page-home .context-line{
  margin:0;
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.06em;
  color:var(--mist);
}

/* ---------- 首屏 ---------- */
.page-home .hero{
  position:relative;
  isolation:isolate;
  padding:clamp(30px,4.6vw,66px) 0 clamp(42px,6vw,86px);
}
.page-home .hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-20%;
  left:-14%;
  width:82%;
  height:148%;
  background:linear-gradient(150deg, rgba(20,92,74,.9), rgba(6,35,28,0) 66%);
  transform:rotate(-9deg);
  pointer-events:none;
}
.page-home .hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-2%;
  top:4%;
  width:44%;
  height:78%;
  background:repeating-linear-gradient(90deg, rgba(200,255,61,.16) 0 1px, transparent 1px 46px),
             repeating-linear-gradient(0deg, rgba(200,255,61,.10) 0 1px, transparent 1px 46px);
  -webkit-mask-image:linear-gradient(180deg, transparent, #000 26%, #000 62%, transparent);
  mask-image:linear-gradient(180deg, transparent, #000 26%, #000 62%, transparent);
  pointer-events:none;
}
.page-home .hero-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(24px,3vw,40px);
}
.page-home .hero-copy h1{
  margin:14px 0 0;
  font-size:clamp(32px,6.2vw,66px);
  line-height:1.04;
  letter-spacing:-.035em;
  font-weight:900;
}
.page-home .hero-copy h1 .hl{
  color:var(--lime);
  background:linear-gradient(transparent 76%, rgba(200,255,61,.28) 76%);
  padding-bottom:2px;
}
.page-home .hero-lede{
  margin:18px 0 0;
  font-size:clamp(15.5px,1.6vw,17.5px);
  line-height:1.8;
  color:var(--home-soft);
  max-width:54ch;
}
.page-home .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}
.page-home .hero-marks{
  list-style:none;
  margin:30px 0 0;
  padding:18px 0 0;
  border-top:1px dashed var(--home-line);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:12px 18px;
  font-size:13px;
  color:var(--mist);
}
.page-home .hero-marks li{display:flex;flex-direction:column;gap:4px}
.page-home .hero-marks .mono{
  font-family:var(--mono);
  font-size:19px;
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--lime);
}

.page-home .hero-panel{
  position:relative;
  background:var(--char);
  border:1px solid var(--home-line);
  clip-path:var(--home-cut);
  overflow:hidden;
  box-shadow:0 34px 64px -34px rgba(0,0,0,.95);
}
.page-home .hero-photo{
  width:100%;
  height:clamp(150px,24vw,210px);
  object-fit:cover;
  object-position:center 62%;
  filter:saturate(.92) contrast(1.06);
}
.page-home .hero-panel-body{
  padding:18px clamp(16px,2.4vw,24px) clamp(20px,2.6vw,26px);
}
.page-home .date-range{
  margin:8px 0 14px;
  font-family:var(--mono);
  font-size:clamp(19px,2.3vw,25px);
  letter-spacing:-.02em;
  color:var(--lime);
}
.page-home .date-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.page-home .date-chip{
  display:inline-flex;
  align-items:center;
  padding:7px 13px;
  font-family:var(--mono);
  font-size:12.5px;
  letter-spacing:.04em;
  color:var(--ice);
  text-decoration:none;
  background:rgba(14,59,46,.7);
  border:1px solid var(--home-line);
  border-radius:2px;
  transition:transform var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), background var(--dur) var(--ease);
}
.page-home .date-chip:hover,
.page-home .date-chip.is-active{
  background:var(--lime);
  border-color:var(--lime);
  color:var(--ink);
  transform:translateY(-2px);
}
.page-home .status-list{
  list-style:none;
  margin:18px 0 0;
  padding:16px 0 0;
  border-top:1px solid var(--home-line);
  display:grid;
  gap:10px;
  font-size:13px;
  color:rgba(243,248,244,.85);
}
.page-home .status-list li{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 9px;
}
.page-home .state,
.page-home .tag{
  display:inline-flex;
  align-items:center;
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.06em;
  padding:2px 8px;
  border-radius:2px;
  white-space:nowrap;
}
.page-home .tag{
  border:1px solid var(--mist);
  color:var(--mist);
}

/* ---------- 今日赛场脉冲 ---------- */
.page-home .pulse{
  background:var(--char);
  border-top:1px solid var(--home-line);
  border-bottom:1px solid var(--home-line);
}
.page-home .pulse-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(18px,2.6vw,28px);
  margin-top:clamp(26px,3.4vw,38px);
}
.page-home .lane-board{
  background:rgba(14,59,46,.55);
  border:1px solid var(--home-line);
  border-top:3px solid var(--lime);
  padding:clamp(16px,2.4vw,24px);
  clip-path:var(--home-cut);
}
.page-home .lane-head{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:6px 14px;
  padding-bottom:14px;
}
.page-home .lane-hint{
  margin:0;
  font-size:12.5px;
  color:var(--mist);
}
.page-home .lane-list{
  list-style:none;
  margin:0;
  padding:0;
}
.page-home .lane{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 12px;
  padding:11px 0;
  border-top:1px solid rgba(20,92,74,.55);
}
.page-home .lane-name{
  min-width:56px;
  font-size:14.5px;
  font-weight:700;
  letter-spacing:.02em;
}
.page-home .lane-track{
  position:relative;
  flex:1 1 110px;
  height:3px;
  background:rgba(20,92,74,.85);
  order:3;
  border-radius:2px;
  overflow:hidden;
}
.page-home .lane-track i{
  position:absolute;
  inset:0 auto 0 0;
  width:var(--w,50%);
  background:linear-gradient(90deg, var(--teal), var(--lime));
  border-radius:2px;
}
.page-home .lane-window{
  font-family:var(--mono);
  font-size:12px;
  letter-spacing:.02em;
  color:var(--mist);
  margin-left:auto;
}
.page-home .lane-scale{
  display:flex;
  justify-content:space-between;
  margin-top:14px;
  padding-top:12px;
  border-top:1px dashed var(--home-line);
  font-family:var(--mono);
  font-size:10.5px;
  letter-spacing:.14em;
  color:var(--mist);
  text-transform:uppercase;
}
.page-home .pulse-figure{
  margin:0;
  background:var(--panel);
  border:1px solid var(--home-line);
  clip-path:var(--home-cut);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.page-home .pulse-figure img{
  width:100%;
  height:clamp(170px,26vw,240px);
  object-fit:cover;
}
.page-home .figure-cap{
  padding:14px 16px 16px;
  font-size:12.5px;
  line-height:1.7;
  color:var(--mist);
}

/* ---------- 三条阅读路径 ---------- */
.page-home .paths{background:var(--ink)}
.page-home .paths-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  margin-top:clamp(26px,3.4vw,38px);
}
.page-home .path-card{
  position:relative;
  display:flex;
  flex-direction:column;
  background:var(--panel);
  border:1px solid var(--home-line);
  border-top:3px solid var(--amber);
  padding:clamp(16px,2.2vw,22px);
  clip-path:var(--home-cut);
  text-decoration:none;
  color:var(--ice);
  transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-top-color var(--dur) var(--ease);
}
.page-home .path-card--b{border-top-color:var(--violet)}
.page-home .path-card--c{border-top-color:var(--coral)}
.page-home .path-card:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 44px -28px rgba(0,0,0,.95), 0 0 0 1px rgba(200,255,61,.28);
}
.page-home .path-photo{
  width:100%;
  height:clamp(150px,22vw,208px);
  object-fit:cover;
  object-position:center 30%;
  margin-bottom:16px;
  border:1px solid var(--home-line);
  border-radius:2px;
  filter:saturate(.9) contrast(1.05);
}
.page-home .path-kicker{
  margin:0;
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--amber);
}
.page-home .path-card--b .path-kicker{color:var(--violet)}
.page-home .path-card--c .path-kicker{color:var(--coral)}
.page-home .path-title{
  margin:8px 0 0;
  font-size:clamp(20px,2.2vw,24px);
  line-height:1.2;
  letter-spacing:-.02em;
  font-weight:800;
}
.page-home .path-text{
  margin:10px 0 0;
  font-size:14px;
  line-height:1.78;
  color:var(--home-soft);
  flex:1 1 auto;
}
.page-home .path-meta{
  margin:14px 0 0;
  font-family:var(--mono);
  font-size:11.5px;
  letter-spacing:.04em;
  color:var(--mist);
}
.page-home .path-cta{
  margin-top:14px;
  font-size:13px;
  font-weight:700;
  color:var(--lime);
  letter-spacing:.02em;
}
.page-home .path-card:hover .path-cta{text-decoration:underline;text-underline-offset:4px}

/* ---------- 为什么从这里开始 ---------- */
.page-home .why{
  background:linear-gradient(180deg, var(--ink), var(--panel) 130%);
  border-top:1px solid var(--home-line);
}
.page-home .why-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(22px,3vw,36px);
  align-items:start;
}
.page-home .why-text{
  margin:16px 0 0;
  font-size:15px;
  line-height:1.8;
  color:var(--home-soft);
  max-width:60ch;
}
.page-home .why-list{
  list-style:none;
  margin:clamp(22px,3vw,30px) 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.page-home .why-item{
  border-left:2px solid var(--lime);
  padding:4px 0 4px 12px;
}
.page-home .why-num{
  display:block;
  font-family:var(--mono);
  font-size:clamp(22px,2.8vw,30px);
  font-weight:700;
  letter-spacing:-.02em;
  color:var(--ice);
  font-variant-numeric:tabular-nums;
}
.page-home .why-label{
  display:block;
  margin-top:4px;
  font-size:12.5px;
  color:var(--mist);
}
.page-home .why-figure{
  margin:0;
  background:var(--char);
  border:1px solid var(--home-line);
  clip-path:var(--home-cut);
  overflow:hidden;
}
.page-home .why-figure img{
  width:100%;
  height:clamp(160px,24vw,230px);
  object-fit:cover;
}

/* ---------- 快速访问与联络 ---------- */
.page-home .quick{
  background:var(--char);
  border-top:1px solid var(--home-line);
}
.page-home .quick-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-top:clamp(24px,3.2vw,36px);
}
.page-home .quick-card{
  display:flex;
  flex-direction:column;
  background:rgba(14,59,46,.45);
  border:1px solid var(--home-line);
  border-left:3px solid var(--lime);
  padding:18px 18px 20px;
  text-decoration:none;
  color:var(--ice);
  transition:transform var(--dur) var(--ease), background var(--dur) var(--ease), border-left-color var(--dur) var(--ease);
}
.page-home .quick-card:hover{
  transform:translateY(-3px);
  background:rgba(14,59,46,.85);
  border-left-color:var(--amber);
}
.page-home .quick-kicker{
  margin:0;
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--mist);
}
.page-home .quick-title{
  margin:8px 0 0;
  font-size:19px;
  line-height:1.3;
  letter-spacing:-.01em;
  font-weight:800;
}
.page-home .quick-text{
  margin:8px 0 0;
  font-size:13.5px;
  line-height:1.75;
  color:var(--home-soft);
  flex:1 1 auto;
}
.page-home .quick-cta{
  margin-top:14px;
  font-size:12.5px;
  font-weight:700;
  color:var(--lime);
  letter-spacing:.02em;
}
.page-home .quick-contact{
  margin-top:clamp(22px,3vw,30px);
  padding:20px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 18px;
  background:rgba(155,107,255,.1);
  border:1px solid rgba(155,107,255,.45);
  clip-path:var(--home-cut);
}
.page-home .quick-mail{
  margin:0;
  font-family:var(--mono);
  font-size:14px;
  letter-spacing:.01em;
  color:var(--ice);
  word-break:break-all;
}
.page-home .quick-note{
  margin:0;
  font-size:12.5px;
  line-height:1.7;
  color:var(--mist);
  flex:1 1 240px;
}
.page-home .quick-contact .btn{flex:0 0 auto}

/* ---------- 响应式 ---------- */
@media (min-width:640px){
  .page-home .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (min-width:920px){
  .page-home .hero-grid{grid-template-columns:7fr 5fr;align-items:start}
  .page-home .hero-panel{margin-top:8px}
  .page-home .pulse-grid{grid-template-columns:7fr 5fr;align-items:stretch}
  .page-home .paths-grid{grid-template-columns:repeat(12,minmax(0,1fr))}
  .page-home .path-card--a{grid-column:span 5}
  .page-home .path-card--b{grid-column:span 4}
  .page-home .path-card--c{grid-column:span 3}
  .page-home .why-grid{grid-template-columns:7fr 5fr}
  .page-home .quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .page-home .lane-track{order:0;flex:1 1 90px}
}

@media (min-width:1180px){
  .page-home .hero-copy{padding-right:8px}
  .page-home .path-card--b{margin-top:18px}
  .page-home .path-card--c{margin-top:36px}
}

@media (prefers-reduced-motion:reduce){
  .page-home .path-card,
  .page-home .quick-card,
  .page-home .date-chip{transition:none}
  .page-home .path-card:hover,
  .page-home .quick-card:hover,
  .page-home .date-chip:hover{transform:none}
}

.page-home {
  --w: 1rem;
}