/* 狠值投资 · 第 13–15 页纵向介绍与实战系统入口 */
#page-value.value-intro-page {
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  overflow:clip;
  color:#e7eef6;
  background:#071b31;
}

.value-intro-document { background:#071b31; }
.value-intro-slide {
  position:relative;
  min-height:calc(100svh - 56px);
  overflow:hidden;
  scroll-margin-top:56px;
  isolation:isolate;
  background:
    radial-gradient(760px 440px at 55% 48%,rgba(33,115,177,.14),transparent 70%),
    linear-gradient(180deg,#0b2949 0%,#071b31 100%);
}
.value-intro-slide::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.11;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(90deg,transparent,#000 22%,#000 82%,transparent);
}
.value-intro-slide::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
  background:linear-gradient(90deg,#1686ef,#d4af37 68%,rgba(212,175,55,.15) 68%);
}
.value-slide-inner { width:min(1720px,calc(100% - 96px)); margin:0 auto; }

.value-slide-bar {
  display:flex;
  min-height:60px;
  padding:0 48px;
  align-items:center;
  gap:16px;
  background:rgba(30,72,112,.7);
  color:#fff;
  font-size:clamp(1rem,1.5vw,1.45rem);
}
.value-slide-bar::before { content:""; position:absolute; left:0; top:0; width:12px; height:60px; background:#1686ef; }
.value-slide-bar span { color:#1686ef; font-size:.82rem; font-weight:800; letter-spacing:.08em; }

.value-cube-overview-grid {
  display:grid;
  min-height:calc(100svh - 116px);
  padding:34px 0 104px;
  grid-template-columns:minmax(380px,.9fr) minmax(560px,1.1fr);
  gap:clamp(48px,7vw,120px);
  align-items:center;
}
.value-cube-figure { margin:0; min-width:0; }
.value-cube-svg { display:block; width:100%; max-height:470px; overflow:visible; font-family:"Noto Sans SC","Microsoft YaHei",sans-serif; filter:drop-shadow(0 24px 36px rgba(0,0,0,.22)); }
.value-intro-kicker { margin:0 0 12px; color:#d4af37; font-size:.78rem; font-weight:800; letter-spacing:.24em; }
.value-cube-copy h1 {
  margin:0;
  color:#fff;
  font-family:"Noto Serif SC","Songti SC",serif;
  font-size:clamp(2.7rem,4vw,4.6rem);
  line-height:1.1;
}
.value-intro-lead { margin:24px 0 0; color:#c8d5e3; font-size:clamp(.92rem,1.2vw,1.12rem); line-height:1.9; }
.value-intro-lead strong { color:#fff; }
.value-cube-formula { margin:22px 0 0; padding:16px 20px; border-left:4px solid #1686ef; border-radius:7px; color:#eef5fb; background:rgba(255,255,255,.07); font-size:clamp(.98rem,1.25vw,1.2rem); font-weight:700; }
.value-cube-formula strong { color:#d4af37; }
.value-two-use-summary { display:grid; margin-top:22px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.value-two-use-summary article { min-height:130px; padding:20px; border-top:3px solid #27ae60; border-radius:8px; background:rgba(255,255,255,.055); }
.value-two-use-summary article + article { border-color:#d4af37; }
.value-two-use-summary strong { display:block; margin-bottom:9px; color:#fff; }
.value-two-use-summary p { margin:0; color:#aebed0; font-size:.84rem; line-height:1.75; }

.value-slide-next {
  position:absolute;
  left:50%;
  bottom:42px;
  z-index:2;
  display:inline-flex;
  min-height:44px;
  padding:9px 22px;
  align-items:center;
  gap:12px;
  border:1px solid rgba(212,175,55,.62);
  border-radius:999px;
  color:#d4af37;
  background:rgba(7,27,49,.72);
  font:inherit;
  font-size:.82rem;
  cursor:pointer;
  transform:translateX(-50%);
  transition:color .2s ease,background .2s ease,transform .2s ease;
}
.value-slide-next:hover,.value-slide-next:focus-visible { color:#071b31; background:#d4af37; outline:none; transform:translateX(-50%) translateY(-2px); }
.value-slide-footer {
  position:absolute;
  left:48px;
  right:48px;
  bottom:12px;
  display:flex;
  justify-content:space-between;
  gap:24px;
  color:#587087;
  font-size:.62rem;
  letter-spacing:.08em;
}
.value-slide-footer span:first-child { font-weight:800; letter-spacing:.16em; }

/* 第 14 页：一个立方体的两面 */
.value-two-sides { background:radial-gradient(720px 440px at 50% 45%,rgba(31,105,165,.18),transparent 70%),linear-gradient(180deg,#0a2949,#071b31); }
.value-two-sides > .value-slide-inner { padding:26px 0 104px; }
.value-two-sides-heading { text-align:center; }
.value-two-sides-heading p { margin:0; color:#d4af37; font-size:.76rem; font-weight:800; letter-spacing:.42em; }
.value-two-sides-heading h2 { margin:10px 0 0; color:#fff; font-family:"Noto Serif SC","Songti SC",serif; font-size:clamp(2.65rem,4vw,4.3rem); line-height:1.05; }
.value-two-sides-stage { display:grid; margin-top:22px; grid-template-columns:minmax(230px,.78fr) minmax(450px,1.44fr) minmax(230px,.78fr); gap:clamp(22px,3vw,48px); align-items:stretch; }
.value-side-card { display:flex; min-height:360px; padding:32px 28px; flex-direction:column; border:1px solid rgba(255,255,255,.14); border-radius:14px; background:rgba(255,255,255,.045); }
.value-side-card h3 { margin:0; font-size:clamp(1.35rem,2vw,2rem); line-height:1.25; }
.value-side-grow h3 { color:#27ae60; }
.value-side-judge h3 { color:#d4af37; }
.value-side-card > p { margin:14px 0 0; color:#9eb0c2; font-size:.75rem; letter-spacing:.06em; }
.value-side-card ul { display:grid; margin:auto 0 0; padding:0; gap:18px; list-style:none; }
.value-side-card li { position:relative; padding-left:22px; color:#c8d4e0; font-size:.85rem; line-height:1.55; }
.value-side-card li::before { content:""; position:absolute; left:0; top:.55em; width:8px; height:8px; border-radius:50%; background:#27ae60; }
.value-side-judge li::before { background:#d4af37; }
.value-cube-figure-center { display:flex; align-items:center; }
.value-cube-figure-center .value-cube-svg { max-height:390px; }
.value-two-sides-formula { margin-top:18px; padding:16px 24px; border:1px solid rgba(22,134,239,.46); border-radius:10px; text-align:center; background:rgba(255,255,255,.045); }
.value-two-sides-formula p { margin:0 0 8px; color:#1686ef; font-size:.7rem; font-weight:800; letter-spacing:.2em; }
.value-two-sides-formula strong { color:#fff; font-family:"Noto Serif SC","Songti SC",serif; font-size:clamp(1.2rem,2.1vw,2.15rem); font-style:normal; }
.value-two-sides-formula em { color:#d4af37; font-style:normal; }

/* 第 15 页：狠值投资正式入口 */
.value-investment-entry { background:radial-gradient(900px 520px at 78% 24%,rgba(31,111,176,.13),transparent 70%),linear-gradient(180deg,#0a2745,#071b31); }
.value-investment-entry-inner { display:flex; min-height:calc(100svh - 56px); padding:36px 0 86px; flex-direction:column; }
.value-investment-heading h2 { margin:0; color:#fff; font-family:"Noto Serif SC","Songti SC",serif; font-size:clamp(2.7rem,4.3vw,4.8rem); line-height:1.14; }
.value-investment-heading h2 span { color:#d4af37; }
.value-investment-heading > span { display:block; width:100px; height:3px; margin:13px 0 12px; background:#d4af37; }
.value-investment-heading p { margin:0; color:#1686ef; font-weight:700; letter-spacing:.25em; }
.value-investment-heading small { display:block; margin-top:8px; color:#9cafc2; font-size:.78rem; letter-spacing:.2em; }
.value-investment-story { display:grid; margin-top:28px; grid-template-columns:1fr; gap:18px; }
.value-investment-story > article,.value-achievement-list { padding:28px; border:1px solid rgba(212,175,55,.2); border-radius:10px; background:rgba(255,255,255,.045); }
.value-investment-story p { margin:0; color:#cad6e2; font-size:.92rem; line-height:1.85; }
.value-investment-story strong { color:#d4af37; }
.value-investment-story h3 { margin:18px 0; color:#d4af37; font-size:1.2rem; }
.value-achievement-list { display:grid; gap:10px; }
.value-achievement-list p { display:grid; min-height:50px; padding:9px 14px; grid-template-columns:34px 1fr; align-items:center; border-left:3px solid #d4af37; background:rgba(87,125,164,.18); }
.value-achievement-list .value-achievement-dot { display:grid; width:27px; height:27px; place-items:center; border-radius:50%; color:#0b2949; background:#d4af37; font-weight:800; }
.value-achievement-list .value-achievement-copy { display:block; min-width:0; color:#cad6e2; line-height:1.6; }
.value-investment-bottom { display:grid; margin-top:auto; padding-top:24px; grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr); gap:24px; align-items:center; }
.value-investment-bottom > div { display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:center; }
.value-investment-bottom > div strong { color:#d4af37; font-family:"Noto Serif SC","Songti SC",serif; font-size:1.15rem; }
.value-investment-bottom > div span { height:1px; background:rgba(212,175,55,.35); }
.value-investment-bottom > p { margin:0; color:#94a8bb; font-size:.78rem; text-align:right; }
.value-system-enter {
  display:inline-flex;
  min-width:390px;
  min-height:58px;
  padding:12px 30px;
  align-items:center;
  justify-content:center;
  gap:16px;
  border:2px solid #d4af37;
  border-radius:999px;
  color:#d4af37;
  background:rgba(212,175,55,.07);
  font:inherit;
  font-family:"Noto Serif SC","Songti SC",serif;
  font-size:1.05rem;
  font-weight:700;
  cursor:pointer;
  transition:color .2s ease,background .2s ease,transform .2s ease;
}
.value-system-enter:hover,.value-system-enter:focus-visible { color:#071b31; background:#d4af37; outline:none; transform:translateY(-2px); }

@media (min-width:901px) and (max-height:820px) {
  .value-cube-overview-grid { padding:20px 0 88px; }
  .value-cube-svg { max-height:330px; }
  .value-cube-copy h1 { font-size:3.15rem; }
  .value-intro-lead { margin-top:14px; font-size:.88rem; line-height:1.7; }
  .value-cube-formula { margin-top:14px; padding:11px 16px; }
  .value-two-use-summary { margin-top:14px; }
  .value-two-use-summary article { min-height:96px; padding:14px 16px; }
  .value-two-sides > .value-slide-inner { padding:18px 0 88px; }
  .value-two-sides-heading h2 { font-size:3rem; }
  .value-two-sides-stage { margin-top:14px; }
  .value-side-card { min-height:300px; padding:23px 22px; }
  .value-cube-figure-center .value-cube-svg { max-height:320px; }
  .value-two-sides-formula { margin-top:12px; padding:11px 20px; }
  .value-investment-entry-inner { padding:20px 0 58px; }
  .value-investment-heading h2 { font-size:2.85rem; }
  .value-investment-heading > span { margin:8px 0; }
  .value-investment-heading p { font-size:.82rem; }
  .value-investment-heading small { margin-top:5px; }
  .value-investment-story { margin-top:14px; gap:12px; }
  .value-investment-story > article { padding:15px 20px; }
  .value-achievement-list { padding:12px 20px; gap:7px; }
  .value-investment-story p { font-size:.82rem; line-height:1.65; }
  .value-investment-story h3 { margin:9px 0; font-size:1.05rem; }
  .value-achievement-list p { min-height:36px; padding:4px 12px; }
  .value-achievement-list .value-achievement-dot { width:24px; height:24px; }
  .value-investment-bottom { padding-top:10px; }
  .value-system-enter { min-height:50px; }
}

@media (max-width:1100px) {
  .value-slide-inner { width:min(100% - 56px,980px); }
  .value-cube-overview-grid { grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr); gap:34px; }
  .value-two-sides-stage { grid-template-columns:minmax(200px,.8fr) minmax(350px,1.25fr) minmax(200px,.8fr); gap:18px; }
  .value-side-card { padding:25px 20px; }
  .value-investment-bottom { grid-template-columns:1fr; justify-items:center; }
  .value-investment-bottom > div { width:100%; }
  .value-investment-bottom > p { text-align:center; }
}

@media (max-width:900px) {
  .value-intro-slide { min-height:auto; }
  .value-slide-inner { width:min(100% - 36px,680px); }
  .value-slide-bar { min-height:56px; padding:0 22px; }
  .value-slide-bar::before { height:56px; width:7px; }
  .value-cube-overview-grid { min-height:0; padding:58px 0 128px; grid-template-columns:1fr; gap:30px; }
  .value-cube-figure { max-width:620px; margin-inline:auto; }
  .value-cube-svg { max-height:420px; }
  .value-cube-copy h1 { font-size:clamp(2.4rem,8vw,3.5rem); }
  .value-two-sides > .value-slide-inner { padding:54px 0 128px; }
  .value-two-sides-stage { grid-template-columns:1fr; }
  .value-cube-figure-center { order:-1; }
  .value-side-card { min-height:auto; }
  .value-side-card ul { margin-top:34px; }
  .value-investment-entry-inner { min-height:0; padding:60px 0 110px; }
  .value-investment-heading h2 { font-size:clamp(2.35rem,8vw,3.6rem); }
  .value-investment-bottom { margin-top:28px; }
  .value-system-enter { min-width:0; width:min(100%,520px); }
}

@media (max-width:540px) {
  .value-slide-inner { width:calc(100% - 28px); }
  .value-slide-bar { align-items:flex-start; padding:13px 14px 13px 22px; font-size:.88rem; line-height:1.45; }
  .value-two-use-summary { grid-template-columns:1fr; }
  .value-cube-overview-grid { padding-top:38px; }
  .value-intro-kicker { font-size:.66rem; line-height:1.6; }
  .value-cube-copy h1 { font-size:2.45rem; }
  .value-intro-lead { font-size:.87rem; }
  .value-cube-formula { font-size:.86rem; line-height:1.6; }
  .value-slide-next { bottom:42px; width:calc(100% - 72px); justify-content:center; }
  .value-slide-footer { left:14px; right:14px; }
  .value-slide-footer span:last-child { text-align:right; }
  .value-two-sides-heading h2 { font-size:2.45rem; }
  .value-two-sides-formula strong { display:block; font-size:1.15rem; line-height:1.75; }
  .value-investment-heading h2 { font-size:2.4rem; }
  .value-investment-heading h2 span { display:block; margin-top:6px; }
  .value-investment-heading p,.value-investment-heading small { line-height:1.7; letter-spacing:.13em; }
  .value-investment-story > article,.value-achievement-list { padding:22px 18px; }
  .value-achievement-list p { grid-template-columns:32px 1fr; font-size:.82rem; }
  .value-investment-bottom > div { grid-template-columns:auto 1fr; }
  .value-system-enter { min-height:54px; padding-inline:18px; font-size:.92rem; }
}

@media (prefers-reduced-motion:reduce) {
  .value-slide-next,.value-system-enter { transition:none; }
}