/* 望川玩法 · 七大计划 —— 复用 style.css 的变量、导航、页脚与排版 */

.play-hero{position:relative;min-height:92svh;display:flex;align-items:center;overflow:hidden;isolation:isolate;background:#0c1515}
.play-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 48%;z-index:-2;filter:saturate(.8) brightness(.62)}
.play-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c1515e8 0%,#0c151599 46%,#0c15151a 82%),linear-gradient(0deg,#111515 2%,transparent 42%)}
.play-hero-copy{padding-top:120px;padding-bottom:110px}
.play-hero-copy .eyebrow{margin-bottom:22px}
.play-hero h1{font-size:clamp(46px,7vw,104px);line-height:1.25;letter-spacing:.04em;margin:0 0 26px}
.play-hero h1 span{color:var(--gold)}
.play-lead{font-size:clamp(14px,1.4vw,19px);line-height:2.05;color:#d7d2c4;letter-spacing:.05em;margin-bottom:34px}
.play-verse{font-family:var(--serif);font-size:clamp(17px,1.7vw,23px);line-height:2.15;color:#efe9da;border-left:1px solid var(--gold);padding-left:22px;margin-bottom:32px}
.play-hero-foot{position:absolute;left:0;right:0;bottom:26px;padding:0 max(6.3vw,24px);display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.1em;color:#a9a294}

.play-three{padding-top:90px;padding-bottom:80px}
.play-three h2{font-size:clamp(30px,3.6vw,52px);margin-bottom:40px}
.three-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.three-list li{display:flex;gap:20px;padding:34px 30px 34px 0;border-right:1px solid var(--line)}
.three-list li:last-child{border-right:0;padding-right:0}
.three-list li>span{font-family:var(--serif);font-size:13px;color:var(--gold);letter-spacing:.1em;padding-top:6px}
.three-list h3{font-size:21px;margin-bottom:10px;letter-spacing:.05em}
.three-list p{font-size:12px;line-height:2;color:#b9b4a6}
.play-quote{margin-top:34px;font-family:var(--serif);font-size:clamp(17px,1.6vw,21px);color:var(--gold);letter-spacing:.06em;line-height:1.9}

.play-systems{padding-top:80px;padding-bottom:80px;border-top:1px solid var(--line)}
.system-grid{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:#b9ac8b2b;border:1px solid #b9ac8b2b}
.system-grid li{background:#151a18;min-height:118px;padding:20px 16px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;transition:background .3s}
.system-grid li:hover{background:#1c2320}
.system-grid span{font-family:var(--serif);font-size:17px;letter-spacing:.06em;color:#efe9da}
.system-grid small{font-size:8px;letter-spacing:.16em;color:#8d8a7c}

.play-plans{padding-top:80px;padding-bottom:70px;border-top:1px solid var(--line)}
.plan{border-top:1px solid var(--line);padding:32px 0 34px;display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:26px 46px}
.plan:last-of-type{border-bottom:1px solid var(--line)}
.plan header{display:flex;align-items:flex-start;gap:18px}
.plan-no{font-family:var(--serif);font-size:13px;color:var(--gold);letter-spacing:.1em;padding-top:7px}
.plan header h3{font-size:clamp(22px,2.4vw,30px);letter-spacing:.04em;margin-bottom:7px}
.plan header p{font-size:12px;color:#a8a294;letter-spacing:.06em}
.plan-sys{grid-column:1;font-size:9px;letter-spacing:.08em;color:#8f8a7b;margin-top:-8px;padding-left:31px}
.plan-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.plan-points li{font-size:12px;line-height:1.95;color:#c6c1b3;padding-left:18px;position:relative}
.plan-points li:before{content:'·';position:absolute;left:4px;color:var(--gold);font-size:18px;line-height:1.3}
.plan-memory{grid-column:2;font-family:var(--serif);font-size:14px;color:var(--gold);letter-spacing:.05em;border-left:1px solid #b8a17a55;padding-left:14px;margin-top:2px}
.plan-focus{background:linear-gradient(90deg,#b8a17a0d,transparent 70%);padding-left:22px;margin-left:-22px}
.seasons{grid-column:2;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#b9ac8b2b;border:1px solid #b9ac8b2b}
.seasons li{background:#151a18;padding:16px 16px 18px}
.seasons h4{font-family:var(--serif);font-size:17px;letter-spacing:.1em;color:#efe9da;margin-bottom:6px}
.seasons p{font-size:10px;letter-spacing:.05em;color:#a19c8e;line-height:1.9}
.plan#plan-seasons .plan-memory{grid-column:2}

.play-season,.play-relics,.play-care{padding-top:80px;padding-bottom:80px;border-top:1px solid var(--line)}
.play-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:56px;align-items:start;margin-top:34px}
.play-split.reverse{grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr)}
.play-split h2{font-size:clamp(28px,3.4vw,48px);line-height:1.5;margin:6px 0 18px}
.plain-points{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:11px}
.plain-points li{font-size:12px;line-height:1.95;color:#c6c1b3;padding-left:18px;position:relative}
.plain-points li:before{content:'·';position:absolute;left:4px;color:var(--gold);font-size:18px;line-height:1.3}
.play-note-card{border:1px solid #b9ac8b3d;padding:30px 28px;background:#151a1840}
.play-note-card h3{font-size:23px;letter-spacing:.05em;margin-bottom:14px}
.play-note-card p{font-size:12px;line-height:2.05;color:#b9b4a6;margin-bottom:16px}
.play-note-card .play-quote{font-size:15px;margin-top:18px}
.note-strong{font-family:var(--serif);color:#d8cfb8;font-size:13px!important;letter-spacing:.08em}

.relic-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#b9ac8b2b;border:1px solid #b9ac8b2b;align-self:stretch}
.relic-list span{background:#151a18;display:flex;align-items:center;justify-content:center;min-height:88px;font-family:var(--serif);font-size:15px;letter-spacing:.12em;color:#d8cfb8;padding:12px 6px;text-align:center}

.play-remember{background:var(--paper);color:#28251f}
.play-remember .section-label{color:#6d6759;border-color:#28251f2e}
.play-remember h2{font-size:clamp(30px,3.6vw,52px);margin:10px 0 34px}
.remember-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #28251f2e;border-bottom:1px solid #28251f2e}
.remember-steps li{display:flex;gap:18px;padding:30px 26px 30px 0;border-right:1px solid #28251f2e}
.remember-steps li:last-child{border-right:0;padding-right:0}
.remember-steps li>span{font-family:var(--serif);font-size:12px;color:#8a6f3f;padding-top:7px}
.remember-steps h3{font-size:19px;margin-bottom:9px;color:#28251f}
.remember-steps p{font-size:11px;line-height:2;color:#5c564a}
.play-remember .play-quote{color:#7b5f2f;font-size:17px;margin-top:30px}
.remember-line{margin-top:18px;font-size:12px;line-height:2.05;color:#4c473c;max-width:58em}
.play-remember .letter-link{margin-top:34px;color:#28251f;border-color:#28251f}
.play-remember .letter-link small{color:#6d6759}

.play-care .play-split,.play-final,.play-thanks{position:relative}
.play-final{padding-top:90px;padding-bottom:90px;border-top:1px solid var(--line);text-align:center}
.play-final h2{font-size:clamp(32px,4.4vw,62px);letter-spacing:.05em;margin-bottom:34px}
.final-list{list-style:none;margin:0 auto 38px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 44px;font-family:var(--serif);font-size:clamp(16px,1.7vw,21px);color:var(--gold);letter-spacing:.06em}
.final-list li:before{content:'✦';margin-right:10px;font-size:12px}
.play-final .play-verse{border:0;padding:0;font-size:clamp(16px,1.6vw,21px);color:#d7d2c4;margin:0}

.play-thanks{padding-top:80px;padding-bottom:90px;border-top:1px solid var(--line);text-align:center}
.play-thanks .eyebrow{margin-bottom:20px}
.play-thanks h2{font-size:clamp(28px,3.8vw,52px);line-height:1.55;margin-bottom:22px}
.thanks-copy{font-size:13px;line-height:2.1;color:#b9b4a6;margin-bottom:8px}
.play-thanks .play-quote{font-size:16px}
.thanks-links{display:flex;justify-content:center;gap:44px;flex-wrap:wrap;margin-top:34px}

.play-source{padding-top:70px;padding-bottom:100px;border-top:1px solid var(--line)}
.play-source h2{font-size:clamp(24px,2.6vw,34px);margin:8px 0 20px}
.play-source p{font-size:11px;line-height:2.1;color:#a8a294;max-width:62em;margin-bottom:14px}
.play-source .text-link{margin-top:18px}

@media(max-width:1050px){
  .system-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .play-split,.play-split.reverse{grid-template-columns:1fr;gap:34px}
  .plan{grid-template-columns:1fr;gap:20px}
  .plan-sys,.plan-memory,.plan-points{grid-column:1}
  .seasons{grid-column:1}
  .plan#plan-seasons .plan-memory{grid-column:1}
}
@media(max-width:760px){
  .play-hero{min-height:88svh}
  .play-hero-copy{padding-top:96px;padding-bottom:96px}
  .play-hero-foot{font-size:8px;flex-direction:column;gap:8px}
  .three-list{grid-template-columns:1fr}
  .three-list li{border-right:0;border-bottom:1px solid var(--line);padding:24px 0}
  .three-list li:last-child{border-bottom:0}
  .system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .system-grid li{min-height:96px}
  .plan{padding:26px 0}
  .plan header{gap:14px}
  .plan-no{padding-top:5px}
  .plan-memory{font-size:13px}
  .relic-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .relic-list span{min-height:72px;font-size:14px}
  .remember-steps{grid-template-columns:1fr}
  .remember-steps li{border-right:0;border-bottom:1px solid #28251f2e;padding:24px 0}
  .remember-steps li:last-child{border-bottom:0}
  .final-list{flex-direction:column;gap:10px;align-items:center}
  .thanks-links{flex-direction:column;align-items:center;gap:20px}
  .play-thanks,.play-final,.play-source{padding-top:60px;padding-bottom:60px}
}
@media(max-width:380px){
  .system-grid{grid-template-columns:1fr 1fr}
  .system-grid li{min-height:88px;padding:16px 12px}
  .system-grid span{font-size:15px}
  .seasons{grid-template-columns:1fr 1fr}
  .relic-list span{font-size:13px}
}
.plan-image{grid-column:1/-1;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;border:1px solid #b9ac8b33;margin-bottom:4px}
@media(max-width:760px){.plan-image{aspect-ratio:16/7}}
.plan-source{grid-column:1/-1;font-size:9px;letter-spacing:.06em;color:#8f8a7b;margin-top:-2px}
/* 移动端修正：计划标题不被系统标签挤压、海报完整、末项填满 */
@media(max-width:1050px){
  .plan header{flex-wrap:wrap;gap:10px 14px}
  .plan-sys{width:100%;padding-left:0;margin-top:0;font-size:8px;letter-spacing:.05em}
}
@media(max-width:760px){
  .plan-image{aspect-ratio:auto;height:auto}
  .system-grid li:last-child{grid-column:span 2}
}
@media(max-width:760px){
  .play-hero h1{font-size:clamp(36px,9.4vw,44px);line-height:1.3}
  .plan-image{max-height:160px;object-fit:cover}
}