/* 陕西首页第二稿：秦岭地形 × 长安坐标 × 数字丝路 */
:root {
  --qin-ink: #1d1511;
  --qin-ink-2: #2a1a15;
  --qin-paper: #efe3ca;
  --qin-paper-light: #f7f0e1;
  --qin-gold: #dab273;
  --qin-gold-bright: #f0cc8b;
  --qin-red: #b63c2b;
  --qin-red-dark: #79271f;
  --qin-moss: #687653;
  --qin-line: rgba(54, 34, 25, .18);
}

body:has(.qin-home) { background: var(--qin-paper); color: var(--qin-ink); }
body:has(.qin-home) .site-header {
  background: rgba(29, 21, 17, .94);
  border-bottom-color: rgba(218, 178, 115, .2);
}
body:has(.qin-home) .site-nav a:hover,
body:has(.qin-home) .site-nav a.active { color: var(--qin-gold-bright); }
body:has(.qin-home) .btn-header { background: var(--qin-red); color: #fff8e9; }
body:has(.qin-home) .header-phone { color: var(--qin-gold-bright); }
body:has(.qin-home) .scroll-progress { background: var(--qin-red); }

.qin-home { overflow: hidden; background: var(--qin-paper); }
.qin-home h1, .qin-home h2, .qin-home h3, .qin-home p { margin: 0; }
.qin-home a { text-decoration: none; }
.qin-kicker {
  display: inline-block;
  color: var(--qin-red);
  font: 850 .69rem/1.2 Inter, "Noto Sans SC", sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* 首屏 */
.qin-hero {
  position: relative;
  isolation: isolate;
  min-height: max(760px, calc(100svh - 72px));
  overflow: hidden;
  color: #fff8e9;
  background:
    radial-gradient(circle at 72% 22%, rgba(182, 60, 43, .22), transparent 28%),
    radial-gradient(circle at 8% 90%, rgba(218, 178, 115, .13), transparent 32%),
    linear-gradient(142deg, #211611 0%, #1a1210 46%, #291712 100%);
}
.qin-loess-texture {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .42;
  background-image:
    repeating-radial-gradient(ellipse at 16% 54%, transparent 0 31px, rgba(218, 178, 115, .08) 32px 33px, transparent 34px 52px),
    repeating-linear-gradient(94deg, transparent 0 74px, rgba(255,255,255,.025) 75px, transparent 76px 152px);
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.72) 67%, transparent 100%);
}
.qin-seal {
  position: absolute;
  top: 18%;
  right: -1rem;
  z-index: -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: clamp(7rem, 10vw, 10rem);
  padding: 1.1rem .6rem;
  border: 2px solid rgba(182, 60, 43, .42);
  color: rgba(182, 60, 43, .31);
  transform: rotate(4deg);
}
.qin-seal span { font: 900 clamp(4rem, 7vw, 7rem)/.9 "Noto Sans SC", sans-serif; }
.qin-seal small { margin-top: .7rem; font: 900 1rem/1 Inter, sans-serif; letter-spacing: .7em; transform: translateX(.35em); }
.qin-hero-shell {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  max-width: 1420px;
  min-height: max(760px, calc(100svh - 72px));
  padding-top: .8rem;
}
.qin-hero-meta {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: .85rem 0;
  border-bottom: 1px solid rgba(218, 178, 115, .22);
  color: rgba(240, 204, 139, .6);
  font: 750 .58rem/1.2 Inter, sans-serif;
  letter-spacing: .18em;
}
.qin-hero-meta span:nth-child(2) { justify-self: center; }
.qin-hero-meta span:last-child { justify-self: end; }
.qin-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(480px, 1.08fr);
  gap: clamp(2rem, 4vw, 4.5rem);
  align-items: center;
  flex: 1;
  padding: clamp(2rem, 3.5vw, 3.4rem) 0 clamp(1.5rem, 2.5vw, 2.4rem);
}
.qin-hero-copy { position: relative; z-index: 3; }
.qin-eyebrow {
  display: flex;
  gap: .75rem;
  align-items: center;
  color: var(--qin-gold-bright);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .08em;
  animation: qin-enter .7s both;
}
.qin-eyebrow i { position: relative; width: 2rem; height: 2px; background: var(--qin-red); }
.qin-eyebrow i::after { content: ""; position: absolute; right: 0; top: 50%; width: 7px; height: 7px; border: 2px solid var(--qin-gold-bright); border-radius: 50%; transform: translate(50%,-50%); }
.qin-hero h1 { margin-top: 1.2rem; letter-spacing: -.068em; }
.qin-hero h1 span,
.qin-hero h1 strong,
.qin-hero h1 em { display: block; font-style: normal; font-weight: 900; line-height: .98; }
.qin-hero h1 span { color: #fff8e9; font-size: clamp(3.15rem, 4.25vw, 4.9rem); animation: qin-title .75s .08s both; }
.qin-hero h1 strong { margin-top: .08em; color: var(--qin-gold-bright); font-size: clamp(3.65rem, 5vw, 5.8rem); animation: qin-title .75s .16s both; }
.qin-hero h1 em {
  width: max-content;
  margin-top: .13em;
  padding: .09em .14em .14em .09em;
  background: var(--qin-red);
  color: #fff8e9;
  font-size: clamp(3.1rem, 4.3vw, 4.95rem);
  transform: rotate(-1deg);
  animation: qin-title-red .8s .25s both;
}
.qin-hero-lead { max-width: 39rem; margin-top: 1.45rem !important; color: rgba(255, 248, 233, .63); font-size: clamp(.86rem, .92vw, .98rem); line-height: 1.82; animation: qin-enter .7s .42s both; }
.qin-hero-actions { display: flex; gap: .8rem; align-items: center; margin-top: 1.5rem; animation: qin-enter .7s .52s both; }
.qin-button {
  display: flex;
  gap: 1.6rem;
  align-items: center;
  justify-content: space-between;
  min-height: 3.45rem;
  padding: .8rem 1rem .8rem 1.3rem;
  border: 1px solid rgba(240, 204, 139, .35);
  color: #fff8e9;
  font-size: .82rem;
  font-weight: 800;
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
}
.qin-button b { display: grid; place-items: center; width: 2rem; height: 2rem; border: 1px solid currentColor; font-size: .7rem; }
.qin-button.is-solid { min-width: 17rem; border-color: var(--qin-gold-bright); background: var(--qin-gold-bright); color: var(--qin-ink); }
.qin-button:hover { transform: translateY(-3px); border-color: var(--qin-gold-bright); }
.qin-button.is-solid:hover { background: #f7d99d; }

/* 数字丝路推演台 */
.qin-route-stage {
  position: relative;
  min-height: 570px;
  overflow: hidden;
  border: 1px solid rgba(218, 178, 115, .34);
  background:
    linear-gradient(rgba(218, 178, 115, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(218, 178, 115, .055) 1px, transparent 1px),
    rgba(10, 7, 6, .38);
  background-size: 48px 48px;
  box-shadow: 24px 24px 0 rgba(121, 39, 31, .14), 0 36px 90px rgba(0,0,0,.26);
  animation: qin-stage-enter .9s .25s both;
}
.qin-route-stage::before,
.qin-route-stage::after { content: ""; position: absolute; z-index: 5; pointer-events: none; }
.qin-route-stage::before { inset: .65rem; border: 1px solid rgba(218, 178, 115, .09); }
.qin-route-stage::after { left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg, var(--qin-red) 0 18%, transparent 18% 82%, var(--qin-gold) 82%); }
.qin-stage-top { position: relative; z-index: 6; display: flex; justify-content: space-between; align-items: center; height: 3.2rem; padding: 0 1.25rem; border-bottom: 1px solid rgba(218, 178, 115, .16); color: rgba(240,204,139,.55); font: 750 .57rem/1 Inter, sans-serif; letter-spacing: .16em; }
.qin-stage-top > span:first-child i { display: inline-block; width: .45rem; height: .45rem; margin-right: .5rem; background: var(--qin-red); }
.qin-stage-live { color: var(--qin-gold-bright); }
.qin-stage-live i { display: inline-block; width: .42rem; height: .42rem; margin-right: .45rem; border-radius: 50%; background: var(--qin-gold-bright); box-shadow: 0 0 0 0 rgba(240,204,139,.5); animation: qin-live 1.8s infinite; }
.qin-question-card { position: absolute; z-index: 6; top: 4.35rem; left: 1.25rem; right: 1.25rem; display: grid; grid-template-columns: 1fr auto; gap: .3rem 1rem; padding: .95rem 1rem; border-left: 3px solid var(--qin-red); background: rgba(255,248,233,.07); backdrop-filter: blur(10px); }
.qin-question-card small { grid-column: 1/-1; color: rgba(255,248,233,.42); font-size: .59rem; letter-spacing: .09em; }
.qin-question-card p { min-height: 1.6em; color: #fff8e9; font-size: .94rem; font-weight: 800; }
.qin-question-card p { transition: opacity .24s ease, transform .24s ease; }
.qin-question-card p.is-changing { opacity: 0; transform: translateY(6px); }
.qin-question-card > span { align-self: center; color: var(--qin-gold); font: 750 .55rem/1 Inter, sans-serif; }
.qin-route-canvas { position: absolute; inset: 7.9rem .5rem 3.5rem; }
.qin-mountain-svg { width: 100%; height: 100%; overflow: visible; }
.qin-ridge-back { fill: url(#qinMountain); opacity: .32; }
.qin-ridge-front { fill: rgba(121,39,31,.2); stroke: rgba(218,178,115,.22); stroke-width: 1; }
.qin-silk-path { fill: none; stroke: var(--qin-gold-bright); stroke-width: 2.5; stroke-dasharray: .018 .014; opacity: .85; animation: qin-dash 12s linear infinite; }
.qin-path-pulse { fill: var(--qin-red); stroke: var(--qin-gold-bright); stroke-width: 3; transform-box: fill-box; transform-origin: center; animation: qin-node 2.4s ease-in-out infinite; }
.qin-pulse-two { animation-delay: -.5s; }.qin-pulse-three { animation-delay: -1s; }.qin-pulse-four { animation-delay: -1.5s; }
.qin-route-runner { fill: #fff0c8; }
.qin-route-label { position: absolute; z-index: 5; display: flex; flex-direction: column; min-width: 6rem; padding: .55rem .65rem; border: 1px solid rgba(218,178,115,.28); background: rgba(29,21,17,.82); backdrop-filter: blur(8px); }
.qin-route-label span { color: var(--qin-red); font-size: .55rem; font-weight: 900; }
.qin-route-label strong { margin-top: .18rem; color: #fff8e9; font-size: .72rem; }
.qin-route-label small { margin-top: .12rem; color: rgba(240,204,139,.45); font: 700 .48rem/1 Inter, sans-serif; letter-spacing: .12em; }
.qin-route-start { left: 2%; bottom: 10%; }.qin-route-mid-one { left: 28%; bottom: 17%; }.qin-route-mid-two { left: 54%; bottom: 31%; }.qin-route-end { right: 1%; top: 6%; }
.qin-stage-result { position: absolute; z-index: 7; left: 1.25rem; right: 1.25rem; bottom: .75rem; display: flex; justify-content: space-between; align-items: center; padding: .8rem 1rem; border-top: 1px solid rgba(218,178,115,.18); background: rgba(10,7,6,.66); }
.qin-stage-result small { display: block; color: rgba(255,248,233,.35); font-size: .54rem; }.qin-stage-result strong { display: block; margin-top: .15rem; color: var(--qin-gold-bright); font-size: .74rem; }
.qin-stage-result > span { color: rgba(255,248,233,.58); font-size: .58rem; }.qin-stage-result > span i { display: inline-block; width: 4px; height: 4px; margin-right: 4px; border-radius: 50%; background: var(--qin-gold-bright); animation: qin-thinking 1.2s ease-in-out infinite; }.qin-stage-result > span i:nth-child(2){animation-delay:.15s}.qin-stage-result > span i:nth-child(3){animation-delay:.3s}

/* 长安答案罗盘：无外框的环形信源路径 */
.qin-orbit-stage {
  position: relative;
  min-height: 500px;
  overflow: visible;
  animation: qin-stage-enter .9s .25s both;
}
.qin-orbit-stage::before {
  content: "";
  position: absolute;
  top: 8%;
  right: 3%;
  width: 72%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(182,60,43,.16) 0 18%, rgba(218,178,115,.065) 38%, transparent 68%);
  filter: blur(2px);
}
.qin-orbit-head {
  position: relative;
  z-index: 7;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: .75rem;
  border-bottom: 1px solid rgba(218,178,115,.2);
  color: rgba(240,204,139,.52);
  font: 750 .55rem/1 Inter,sans-serif;
  letter-spacing: .16em;
}
.qin-orbit-live { color: var(--qin-gold-bright); }
.qin-orbit-live i {
  display: inline-block;
  width: .4rem;
  height: .4rem;
  margin-right: .45rem;
  border-radius: 50%;
  background: var(--qin-gold-bright);
  box-shadow: 0 0 0 0 rgba(240,204,139,.5);
  animation: qin-live 1.8s infinite;
}
.qin-orbit-question {
  position: absolute;
  z-index: 8;
  top: 16%;
  left: 0;
  width: 57%;
  padding: 0 0 .85rem 1rem;
  border-left: 2px solid var(--qin-red);
  border-bottom: 1px solid rgba(218,178,115,.22);
}
.qin-orbit-question > span { display: block; color: var(--qin-red); font: 850 .5rem/1 Inter,sans-serif; letter-spacing: .14em; }
.qin-orbit-question small { display: block; margin-top: .75rem; color: rgba(255,248,233,.4); font-size: .58rem; }
.qin-orbit-question p { min-height: 2.8em; margin-top: .35rem; color: #fff8e9; font-size: .84rem; font-weight: 800; line-height: 1.55; transition: opacity .24s ease, transform .24s ease; }
.qin-orbit-question p.is-changing { opacity: 0; transform: translateY(6px); }
.qin-compass {
  position: absolute;
  z-index: 4;
  top: 53%;
  right: 1%;
  width: min(430px, 72%);
  aspect-ratio: 1;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: transform .35s ease;
}
.qin-compass-rings,
.qin-compass-rings i,
.qin-compass-axis,
.qin-compass-sweep,
.qin-compass-runner { position: absolute; inset: 0; border-radius: 50%; }
.qin-compass-rings { border: 1px solid rgba(218,178,115,.31); box-shadow: inset 0 0 60px rgba(182,60,43,.07), 0 0 70px rgba(182,60,43,.08); }
.qin-compass-rings::before,
.qin-compass-rings::after,
.qin-compass-rings i { content: ""; position: absolute; border: 1px solid rgba(218,178,115,.18); border-radius: 50%; }
.qin-compass-rings::before { inset: 12%; border-style: dashed; }
.qin-compass-rings::after { inset: 27%; }
.qin-compass-rings i:nth-child(1) { inset: 5%; border-color: rgba(182,60,43,.22); }
.qin-compass-rings i:nth-child(2) { inset: 20%; border-style: dotted; }
.qin-compass-rings i:nth-child(3) { inset: 39%; background: rgba(29,21,17,.7); border-color: rgba(240,204,139,.28); }
.qin-compass-axis::before,
.qin-compass-axis::after,
.qin-compass-axis i { content: ""; position: absolute; background: rgba(218,178,115,.14); }
.qin-compass-axis::before { left: 50%; top: 2%; bottom: 2%; width: 1px; }
.qin-compass-axis::after { top: 50%; left: 2%; right: 2%; height: 1px; }
.qin-compass-axis i:first-child { top: 15%; left: 15%; right: 15%; height: 1px; transform: rotate(45deg); }
.qin-compass-axis i:last-child { top: 15%; left: 15%; right: 15%; height: 1px; transform: rotate(-45deg); }
.qin-compass-sweep {
  inset: 12%;
  opacity: .5;
  background: conic-gradient(from 245deg, transparent 0 73%, rgba(240,204,139,.26) 84%, transparent 91%);
  animation: qin-compass-sweep 9s linear infinite;
}
.qin-compass-runner { inset: 5%; animation: qin-compass-run 7s linear infinite; }
.qin-compass-runner i {
  position: absolute;
  left: 50%;
  top: -.26rem;
  width: .62rem;
  height: .62rem;
  border: 2px solid var(--qin-gold-bright);
  border-radius: 50%;
  background: var(--qin-red);
  box-shadow: 0 0 0 6px rgba(240,204,139,.08), 0 0 18px var(--qin-gold-bright);
  transform: translateX(-50%);
}
.qin-compass-center {
  position: absolute;
  z-index: 6;
  left: 50%;
  top: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 31%;
  aspect-ratio: 1;
  border: 1px solid rgba(240,204,139,.36);
  border-radius: 50%;
  background: rgba(29,21,17,.9);
  text-align: center;
  transform: translate(-50%,-50%);
  box-shadow: 0 0 0 8px rgba(29,21,17,.24);
}
.qin-compass-center small { color: var(--qin-red); font-size: .52rem; font-weight: 900; }
.qin-compass-center strong { margin-top: .3rem; color: #fff8e9; font-size: .8rem; }
.qin-compass-center span { margin-top: .28rem; color: rgba(240,204,139,.5); font: 700 .46rem/1 Inter,sans-serif; }
.qin-orbit-node {
  position: absolute;
  z-index: 7;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .08rem .4rem;
  align-items: center;
  min-width: 5.2rem;
  padding: .45rem .55rem;
  border: 1px solid rgba(218,178,115,.28);
  background: rgba(29,21,17,.86);
  backdrop-filter: blur(7px);
}
.qin-orbit-node b { grid-row: 1/3; color: var(--qin-red); font: 850 .5rem/1 Inter,sans-serif; }
.qin-orbit-node strong { color: #fff8e9; font-size: .64rem; }.qin-orbit-node small { color: rgba(240,204,139,.42); font: 700 .42rem/1 Inter,sans-serif; letter-spacing: .08em; }
.qin-node-entity { left: 7%; top: 21%; }.qin-node-content { right: -3%; top: 31%; }.qin-node-source { left: -2%; bottom: 23%; }.qin-node-answer { right: 5%; bottom: 12%; border-color: rgba(240,204,139,.55); }
.qin-node-answer::after { content: ""; position: absolute; right: -.35rem; top: -.35rem; width: .55rem; height: .55rem; border-radius: 50%; background: var(--qin-gold-bright); box-shadow: 0 0 14px var(--qin-gold-bright); animation: qin-node 2s ease-in-out infinite; }
.qin-orbit-result {
  position: absolute;
  z-index: 8;
  left: 0;
  bottom: 5%;
  display: flex;
  flex-direction: column;
  gap: .7rem;
  width: 39%;
}
.qin-orbit-result > span { color: rgba(255,248,233,.45); font-size: .55rem; }
.qin-orbit-result > span i { display: inline-block; width: 4px; height: 4px; margin-right: 4px; border-radius: 50%; background: var(--qin-gold-bright); animation: qin-thinking 1.2s ease-in-out infinite; }
.qin-orbit-result > span i:nth-child(2){animation-delay:.15s}.qin-orbit-result > span i:nth-child(3){animation-delay:.3s}
.qin-orbit-result div { padding: .8rem 0; border-block: 1px solid rgba(218,178,115,.2); }
.qin-orbit-result small { display: block; color: rgba(255,248,233,.35); font-size: .52rem; }
.qin-orbit-result strong { display: block; margin-top: .28rem; color: var(--qin-gold-bright); font-size: .72rem; }

/* 长安城门通关图：问题持数字路引穿过事实、内容与信源三关 */
.qin-gate-stage {
  position: relative;
  min-height: 500px;
  overflow: visible;
  animation: qin-stage-enter .9s .25s both;
}
.qin-gate-stage::before {
  content: "入城";
  position: absolute;
  right: -1%;
  bottom: 1%;
  color: rgba(182,60,43,.08);
  font: 900 8.5rem/1 "Noto Sans SC",sans-serif;
  letter-spacing: -.16em;
  writing-mode: vertical-rl;
}
.qin-gate-head {
  position: relative;
  z-index: 9;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: .75rem;
  border-bottom: 1px solid rgba(218,178,115,.2);
  color: rgba(240,204,139,.52);
  font: 750 .55rem/1 Inter,sans-serif;
  letter-spacing: .16em;
}
.qin-gate-head span:last-child { color: var(--qin-gold-bright); }
.qin-gate-head span:last-child i {
  display: inline-block;
  width: .42rem;
  height: .42rem;
  margin-right: .45rem;
  background: var(--qin-red);
  transform: rotate(45deg);
  animation: qin-gate-signal 1.8s ease-in-out infinite;
}
.qin-gate-question {
  position: absolute;
  z-index: 10;
  top: 18%;
  left: 0;
  width: 52%;
  padding: 0 0 .85rem 1rem;
  border-left: 2px solid var(--qin-red);
  border-bottom: 1px solid rgba(218,178,115,.22);
  transition: transform .35s ease;
}
.qin-gate-question > span { display: block; color: var(--qin-red); font: 850 .5rem/1 Inter,sans-serif; letter-spacing: .14em; }
.qin-gate-question small { display: block; margin-top: .72rem; color: rgba(255,248,233,.4); font-size: .58rem; }
.qin-gate-question p { min-height: 2.8em; margin-top: .35rem; color: #fff8e9; font-size: .84rem; font-weight: 800; line-height: 1.55; transition: opacity .24s ease, transform .24s ease; }
.qin-gate-question p.is-changing { opacity: 0; transform: translateY(6px); }
.qin-gate-scene {
  position: absolute;
  z-index: 3;
  right: -1%;
  bottom: 2%;
  width: 78%;
  height: 85%;
  transform-origin: 62% 70%;
  transition: transform .35s ease;
}
.qin-gate-mountains { position: absolute; z-index: 0; inset: 10% 0 32%; opacity: .34; }
.qin-gate-mountains i { position: absolute; bottom: 0; background: linear-gradient(150deg, rgba(218,178,115,.28), rgba(121,39,31,.08)); clip-path: polygon(50% 0,100% 100%,0 100%); }
.qin-gate-mountains i:nth-child(1){left:0;width:29%;height:63%}.qin-gate-mountains i:nth-child(2){left:17%;width:31%;height:86%}.qin-gate-mountains i:nth-child(3){left:39%;width:28%;height:71%}.qin-gate-mountains i:nth-child(4){left:58%;width:35%;height:94%}.qin-gate-mountains i:nth-child(5){right:-5%;width:29%;height:68%}
.qin-gate-road {
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 0;
  width: 96%;
  height: 63%;
  overflow: hidden;
  background: linear-gradient(to top, rgba(182,60,43,.18), rgba(218,178,115,.08) 55%, transparent 100%);
  clip-path: polygon(5% 100%, 95% 100%, 56% 0, 44% 0);
  transform: translateX(-50%);
}
.qin-gate-road::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(to top, rgba(218,178,115,.14) 0 1px, transparent 1px 48px);
  transform: perspective(220px) rotateX(24deg);
}
.qin-gate-road i { position: absolute; top: 0; bottom: 0; width: 1px; background: linear-gradient(to bottom, rgba(240,204,139,.12), rgba(240,204,139,.45)); }
.qin-gate-road i:first-child { left: 29%; transform: rotate(15deg); transform-origin: bottom; }.qin-gate-road i:last-child { right: 29%; transform: rotate(-15deg); transform-origin: bottom; }
.qin-city-gate { position: absolute; z-index: 4; top: 9%; left: 50%; width: 72%; height: 55%; transform: translateX(-50%); }
.qin-gate-wall {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 38%;
  border: 1px solid rgba(218,178,115,.32);
  border-bottom-color: rgba(218,178,115,.18);
  background: linear-gradient(180deg, rgba(121,39,31,.5), rgba(42,26,21,.8));
  box-shadow: 0 16px 44px rgba(0,0,0,.22);
}
.qin-gate-wall::before { content: ""; position: absolute; inset: 0; opacity: .28; background: repeating-linear-gradient(0deg, transparent 0 16px, rgba(218,178,115,.2) 17px), repeating-linear-gradient(90deg, transparent 0 42px, rgba(218,178,115,.14) 43px); }
.qin-battlements { position: absolute; left: -1px; right: -1px; top: -13px; display: grid; grid-template-columns: repeat(8,1fr); gap: 6%; height: 13px; padding-inline: 2%; }
.qin-battlements i { border: 1px solid rgba(218,178,115,.35); border-bottom: 0; background: rgba(121,39,31,.55); }
.qin-gate-tower {
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: 31%;
  width: 42%;
  height: 42%;
  border: 1px solid rgba(218,178,115,.34);
  background: linear-gradient(180deg, rgba(58,30,24,.94), rgba(34,21,17,.94));
  transform: translateX(-50%);
}
.qin-gate-roof {
  position: absolute;
  left: 50%;
  top: -35%;
  width: 145%;
  height: 38%;
  background: linear-gradient(to bottom, rgba(218,178,115,.42), rgba(121,39,31,.85));
  clip-path: polygon(1% 88%,12% 64%,39% 42%,46% 10%,50% 0,54% 10%,61% 42%,88% 64%,99% 88%,89% 100%,11% 100%);
  transform: translateX(-50%);
  filter: drop-shadow(0 8px 12px rgba(0,0,0,.24));
}
.qin-gate-windows { position: absolute; left: 9%; right: 9%; top: 29%; display: grid; grid-template-columns: repeat(5,1fr); gap: 7%; height: 35%; }
.qin-gate-windows i { border: 1px solid rgba(218,178,115,.24); background: linear-gradient(90deg, transparent 43%, rgba(218,178,115,.22) 44% 56%, transparent 57%); }
.qin-gate-tower > span { position: absolute; z-index: 2; left: 50%; bottom: 9%; padding: .2rem .55rem; border: 1px solid rgba(218,178,115,.34); background: #2b1713; color: var(--qin-gold-bright); font-size: .55rem; font-weight: 900; letter-spacing: .16em; transform: translateX(-50%); }
.qin-gate-arch {
  position: absolute;
  z-index: 7;
  left: 50%;
  bottom: -1px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 21%;
  height: 32%;
  border: 1px solid rgba(240,204,139,.5);
  border-bottom: 0;
  border-radius: 48% 48% 0 0 / 38% 38% 0 0;
  background: #1b1210;
  transform: translateX(-50%);
  box-shadow: 0 0 24px rgba(240,204,139,.12);
}
.qin-gate-arch small { color: rgba(240,204,139,.42); font-size: .4rem; }.qin-gate-arch strong { margin-top: .18rem; color: #fff8e9; font-size: .58rem; }.qin-gate-arch b { margin-top: .12rem; color: var(--qin-red); font: 850 .43rem/1 Inter,sans-serif; }
.qin-gate-stop {
  position: absolute;
  z-index: 6;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .05rem .38rem;
  align-items: center;
  min-width: 5.3rem;
  padding: .38rem .48rem;
  border-bottom: 1px solid rgba(218,178,115,.28);
  color: #fff8e9;
}
.qin-gate-stop b { grid-row: 1/3; display: grid; place-items: center; width: 1.4rem; height: 1.4rem; border: 1px solid var(--qin-red); color: var(--qin-red); font-size: .52rem; transform: rotate(-7deg); }
.qin-gate-stop span { font-size: .61rem; font-weight: 850; }.qin-gate-stop small { color: rgba(240,204,139,.4); font: 700 .4rem/1 Inter,sans-serif; letter-spacing: .07em; }
.qin-stop-fact { left: 5%; bottom: 7%; }.qin-stop-content { right: 5%; bottom: 24%; }.qin-stop-source { left: 25%; bottom: 40%; }
.qin-road-token {
  position: absolute;
  z-index: 8;
  left: 50%;
  bottom: 8%;
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid var(--qin-gold-bright);
  background: var(--qin-red);
  color: #fff8e9;
  transform: translateX(-50%) rotate(45deg);
  box-shadow: 0 0 0 7px rgba(240,204,139,.06), 0 0 20px rgba(240,204,139,.22);
  animation: qin-road-token 6.4s ease-in-out infinite;
}
.qin-road-token b { font-size: .52rem; transform: rotate(-45deg); }.qin-road-token span { position: absolute; inset: -5px; border: 1px solid rgba(240,204,139,.22); }
.qin-gate-result {
  position: absolute;
  z-index: 9;
  left: 0;
  bottom: 4%;
  display: flex;
  flex-direction: column;
  gap: .65rem;
  width: 34%;
}
.qin-gate-result > span { color: rgba(255,248,233,.43); font-size: .54rem; }.qin-gate-result > span i { display: inline-block; width: 4px; height: 4px; margin-right: 4px; background: var(--qin-gold-bright); animation: qin-thinking 1.2s ease-in-out infinite; }.qin-gate-result > span i:nth-child(2){animation-delay:.15s}.qin-gate-result > span i:nth-child(3){animation-delay:.3s}
.qin-gate-result div { padding: .72rem 0; border-block: 1px solid rgba(218,178,115,.2); }.qin-gate-result small { display: block; color: rgba(255,248,233,.34); font-size: .5rem; }.qin-gate-result strong { display: block; margin-top: .25rem; color: var(--qin-gold-bright); font-size: .69rem; }

.qin-hero-regions { display: grid; grid-template-columns: repeat(3, 1fr) 1.25fr; border-top: 1px solid rgba(218,178,115,.22); }
.qin-hero-regions > div { display: flex; flex-direction: column; min-height: 6.7rem; padding: 1.25rem 1.2rem 1rem 0; border-right: 1px solid rgba(218,178,115,.16); }
.qin-hero-regions > div + div { padding-left: 1.2rem; }
.qin-hero-regions span { color: rgba(240,204,139,.4); font: 700 .51rem/1 Inter, sans-serif; letter-spacing: .11em; }.qin-hero-regions strong { margin-top: .55rem; color: #fff8e9; font-size: .85rem; }.qin-hero-regions small { margin-top: .35rem; color: rgba(255,248,233,.4); font-size: .62rem; }
.qin-hero-regions > p { display: flex; gap: 1rem; align-items: center; justify-content: flex-end; padding-left: 1.4rem; color: rgba(255,248,233,.48); font-size: .65rem; line-height: 1.65; }.qin-hero-regions > p b { color: var(--qin-gold-bright); font-size: 1rem; }
.qin-city-wall { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: repeat(12, 1fr); height: 1.1rem; opacity: .55; }
.qin-city-wall i { border-right: 1px solid rgba(218,178,115,.28); border-top: 1px solid rgba(218,178,115,.28); }.qin-city-wall i:nth-child(odd) { transform: translateY(.45rem); }

/* 丝路宣言 */
.qin-manifesto { position: relative; padding: clamp(3.4rem, 5vw, 4.5rem) 0; background: var(--qin-paper-light); }
.qin-manifesto::after { content: ""; position: absolute; right: -4rem; bottom: -4rem; width: 25rem; height: 25rem; border: 1px solid rgba(182,60,43,.12); border-radius: 50%; box-shadow: 0 0 0 3rem rgba(182,60,43,.035), 0 0 0 7rem rgba(182,60,43,.025); }
.qin-manifesto-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .42fr 1.58fr; gap: clamp(2.5rem, 5.5vw, 5rem); align-items: center; }
.qin-manifesto-mark { position: relative; min-height: 21rem; border: 1px solid var(--qin-line); background: var(--qin-red); color: var(--qin-paper-light); }
.qin-manifesto-mark::before { content: ""; position: absolute; inset: .75rem; border: 1px solid rgba(255,248,233,.32); }
.qin-manifesto-mark span { position: absolute; inset: 0; display: grid; place-items: center; font: 900 clamp(7rem, 11vw, 10rem)/1 "Noto Sans SC", sans-serif; }
.qin-manifesto-mark small { position: absolute; right: .8rem; bottom: 1rem; writing-mode: vertical-rl; color: rgba(255,248,233,.58); font: 700 .52rem/1 Inter,sans-serif; letter-spacing: .2em; }
.qin-manifesto-copy h2 { margin-top: 1rem; color: var(--qin-ink); font-size: clamp(2rem, 3.1vw, 3.1rem); line-height: 1.14; letter-spacing: -.045em; }
.qin-manifesto-copy h2 span { color: var(--qin-red); }
.qin-manifesto-copy > p { max-width: 53rem; margin-top: 1.2rem; color: rgba(29,21,17,.62); font-size: .95rem; line-height: 1.82; }
.qin-proof-row { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 2rem; border-block: 1px solid var(--qin-line); }
.qin-proof-row > div { display: flex; flex-direction: column; padding: 1rem .9rem 1.05rem 0; border-right: 1px solid var(--qin-line); }.qin-proof-row > div + div { padding-left: .9rem; }.qin-proof-row > div:last-child{border-right:0}
.qin-proof-row b { color: var(--qin-red); font: 850 .56rem/1 Inter,sans-serif; }.qin-proof-row strong { margin-top: .65rem; font-size: .95rem; }.qin-proof-row span { margin-top: .28rem; color: rgba(29,21,17,.47); font-size: .67rem; }

/* 十道关 */
.qin-method { padding: clamp(5.5rem, 9vw, 9rem) 0; background: var(--qin-red-dark); color: #fff7e8; }
.qin-section-head { display: flex; gap: 2.5rem; justify-content: space-between; align-items: end; margin-bottom: clamp(2rem, 3vw, 2.65rem); }
.qin-section-head > div { max-width: 46rem; }.qin-section-head h2 { margin-top: .8rem; color: var(--qin-ink); font-size: clamp(2rem, 3.1vw, 3.1rem); line-height: 1.14; letter-spacing: -.045em; }
.qin-section-head > p { max-width: 31rem; color: rgba(29,21,17,.56); font-size: .94rem; line-height: 1.8; }
.qin-method .qin-kicker, .qin-section-head.is-dark .qin-kicker { color: var(--qin-gold-bright); }
.qin-method .qin-section-head h2, .qin-section-head.is-dark h2 { color: #fff7e8; }
.qin-method .qin-section-head > p, .qin-section-head.is-dark > p { color: rgba(255,247,232,.54); }
.qin-pass-list { display: grid; grid-template-columns: repeat(5,1fr); margin: 0; padding: 0; border-top: 1px solid rgba(240,204,139,.24); border-left: 1px solid rgba(240,204,139,.24); list-style: none; }
.qin-pass-list li { position: relative; min-height: 15rem; overflow: hidden; padding: 1rem; border-right: 1px solid rgba(240,204,139,.24); border-bottom: 1px solid rgba(240,204,139,.24); transition: background .25s ease, color .25s ease; }
.qin-pass-list li > b { position: absolute; right: -.15em; bottom: -.2em; color: rgba(240,204,139,.08); font: 900 8rem/1 "Noto Sans SC",sans-serif; transition: transform .3s ease, color .3s ease; }
.qin-pass-list li > span { color: var(--qin-gold-bright); font: 800 .58rem/1 Inter,sans-serif; }
.qin-pass-list li div { position: absolute; z-index: 2; left: 1rem; right: 1rem; bottom: 1.1rem; display: flex; flex-direction: column; }
.qin-pass-list li small { color: rgba(255,247,232,.45); font-size: .64rem; }.qin-pass-list li strong { margin-top: .35rem; font-size: 1.45rem; }
.qin-pass-list li:hover { background: var(--qin-gold-bright); color: var(--qin-ink); }.qin-pass-list li:hover > b { color: rgba(121,39,31,.14); transform: translate(-.06em,-.04em); }.qin-pass-list li:hover > span, .qin-pass-list li:hover small { color: var(--qin-red-dark); }
.qin-method-foot { display: flex; justify-content: space-between; gap: 2rem; align-items: center; margin-top: 2rem; }.qin-method-foot p { color: rgba(255,247,232,.34); font-size: .65rem; }.qin-method-foot a { color: var(--qin-gold-bright); font-size: .78rem; font-weight: 800; }.qin-method-foot a span { margin-left: .6rem; }

/* 陕西三种产业语境 */
.qin-territory { padding: clamp(3.4rem, 5vw, 4.5rem) 0; background: var(--qin-paper); }
.qin-territory-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(2.5rem, 5.5vw, 5rem); align-items: center; }
.qin-territory-copy h2 { margin-top: .8rem; font-size: clamp(2rem, 3.1vw, 3.1rem); line-height: 1.14; letter-spacing: -.045em; }
.qin-territory-copy > p { max-width: 38rem; margin-top: 1rem; color: rgba(29,21,17,.58); font-size: .95rem; line-height: 1.8; }
.qin-inline-link { display: inline-flex; gap: 1.2rem; align-items: center; margin-top: 1.4rem; padding-bottom: .4rem; border-bottom: 1px solid var(--qin-red); color: var(--qin-red); font-size: .76rem; font-weight: 850; }.qin-inline-link span { transition: transform .2s ease; }.qin-inline-link:hover span { transform: translateX(4px); }
.qin-territory-atlas { position: relative; padding-left: 3.5rem; }
.qin-territory-atlas::before { content: ""; position: absolute; top: 8%; bottom: 8%; left: 1.2rem; width: 1px; background: var(--qin-line); }
.qin-territory-atlas article { position: relative; display: grid; grid-template-columns: 4.1rem 1fr auto; gap: 1.1rem; align-items: center; min-height: 10rem; padding: 1.15rem 1.2rem; border: 1px solid var(--qin-line); background: var(--qin-paper-light); transition: transform .28s ease, box-shadow .28s ease; }
.qin-territory-atlas article + article { margin-top: -1px; }
.qin-territory-atlas article::before { content: ""; position: absolute; left: -2.3rem; top: 50%; width: 2.3rem; height: 1px; background: var(--qin-line); }
.qin-territory-atlas article > span { display: grid; place-items: center; aspect-ratio: 1; border: 1px solid currentColor; color: var(--qin-red); font-size: .85rem; font-weight: 900; writing-mode: vertical-rl; letter-spacing: .15em; }
.qin-territory-atlas small { color: var(--qin-red); font: 800 .55rem/1 Inter,sans-serif; letter-spacing: .1em; }.qin-territory-atlas h3 { margin-top: .55rem; font-size: 1.08rem; line-height: 1.42; }.qin-territory-atlas p { margin-top: .55rem; color: rgba(29,21,17,.48); font-size: .68rem; }
.qin-territory-atlas article > b { align-self: start; color: rgba(29,21,17,.15); font: 900 2rem/1 Inter,sans-serif; }
.qin-territory-atlas article:hover { z-index: 2; transform: translateX(-.8rem); box-shadow: 16px 16px 0 rgba(182,60,43,.1); }
.qin-territory-atlas .is-central { margin-left: 1.2rem; background: #e4c894; }.qin-territory-atlas .is-central::before { left: -3.5rem; width: 3.5rem; }.qin-territory-atlas .is-south > span { color: var(--qin-moss); }.qin-territory-atlas .is-south small { color: var(--qin-moss); }

/* 五层答案基础设施 */
.qin-services { padding: clamp(3.4rem, 5vw, 4.5rem) 0; background: var(--qin-ink); color: #fff7e8; }
.qin-service-stack { border-top: 1px solid rgba(240,204,139,.2); }
.qin-service-stack > a { display: grid; grid-template-columns: 4rem 1fr auto; gap: 1.5rem; align-items: center; min-height: 7rem; padding: .85rem 1.15rem; border-bottom: 1px solid rgba(240,204,139,.2); color: #fff7e8; transition: padding .25s ease, background .25s ease, color .25s ease; }
.qin-service-stack > a > span { color: var(--qin-gold-bright); font: 800 .62rem/1 Inter,sans-serif; }.qin-service-stack small { color: rgba(255,247,232,.34); font: 750 .51rem/1 Inter,sans-serif; letter-spacing: .13em; }.qin-service-stack h3 { margin-top: .35rem; font-size: clamp(1.2rem, 1.5vw, 1.55rem); }.qin-service-stack p { margin-top: .3rem; color: rgba(255,247,232,.43); font-size: .73rem; }.qin-service-stack > a > b { display: grid; place-items: center; width: 3.1rem; height: 3.1rem; border: 1px solid rgba(240,204,139,.35); color: var(--qin-gold-bright); font-size: .68rem; }
.qin-service-stack > a:hover { padding-left: 2rem; background: var(--qin-gold-bright); color: var(--qin-ink); }.qin-service-stack > a:hover > span, .qin-service-stack > a:hover small, .qin-service-stack > a:hover p { color: var(--qin-red-dark); }.qin-service-stack > a:hover > b { border-color: var(--qin-red-dark); color: var(--qin-red-dark); }

/* 资讯 */
.qin-news { padding: clamp(3.4rem, 5vw, 4.5rem) 0; background: var(--qin-paper-light); }
.qin-news .qin-section-head { align-items: center; }
.qin-news-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--qin-line); border-left: 1px solid var(--qin-line); }
.qin-news-card { display: flex; flex-direction: column; min-height: 15.5rem; padding: 1.2rem; border-right: 1px solid var(--qin-line); border-bottom: 1px solid var(--qin-line); color: var(--qin-ink); background: transparent; transition: background .25s ease, transform .25s ease; }
.qin-news-card time { color: var(--qin-red); font: 800 .56rem/1 Inter,sans-serif; }.qin-news-card h3 { margin-top: 3.5rem; font-size: 1.05rem; line-height: 1.48; }.qin-news-card p { margin-top: .7rem; color: rgba(29,21,17,.52); font-size: .76rem; line-height: 1.7; }.qin-news-card > span { margin-top: auto; padding-top: 1.3rem; color: var(--qin-red); font-size: .7rem; font-weight: 850; }.qin-news-card:hover { z-index: 2; background: #fffaf0; transform: translateY(-7px); box-shadow: 0 18px 45px rgba(74,48,34,.1); }
.qin-news-empty { grid-column: 1/-1; display: grid; min-height: 13rem; place-items: center; padding: 2rem; border-right: 1px solid var(--qin-line); border-bottom: 1px solid var(--qin-line); color: rgba(29,21,17,.55); text-align: center; }
.qin-news-skeleton { min-height: 15.5rem; padding: 1.2rem; border-right: 1px solid var(--qin-line); border-bottom: 1px solid var(--qin-line); }.qin-news-skeleton i { display: block; width: 32%; height: 9px; margin-bottom: 1rem; background: linear-gradient(90deg,#dfd0b4,#f7efdf,#dfd0b4); background-size: 200% 100%; animation: qin-shimmer 1.5s linear infinite; }.qin-news-skeleton i:nth-child(2){width:84%;margin-top:3.5rem}.qin-news-skeleton i:nth-child(3){width:61%}

/* 留资 */
.qin-contact { position: relative; isolation: isolate; overflow: hidden; padding: clamp(3.4rem, 5vw, 4.5rem) 0; background: var(--qin-red); color: #fff7e8; }
.qin-contact::before { content: ""; position: absolute; inset: 0; z-index: -2; background: repeating-radial-gradient(ellipse at 2% 50%, transparent 0 42px, rgba(255,247,232,.08) 43px 44px, transparent 45px 70px); }
.qin-contact-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .88fr 1.12fr; gap: clamp(2.5rem, 5.5vw, 5rem); align-items: center; }
.qin-contact .qin-kicker { color: rgba(255,247,232,.55); }.qin-contact-copy h2 { margin-top: .8rem; font-size: clamp(2rem, 3.1vw, 3.1rem); line-height: 1.08; letter-spacing: -.045em; }.qin-contact-copy h2 span { color: var(--qin-gold-bright); }.qin-contact-copy > p { max-width: 38rem; margin-top: 1rem; color: rgba(255,247,232,.64); font-size: .94rem; line-height: 1.8; }
.qin-contact-copy ul { display: grid; grid-template-columns: repeat(3,1fr); margin: 1.5rem 0 0; padding: 0; border-block: 1px solid rgba(255,247,232,.22); list-style: none; }.qin-contact-copy li { padding: .9rem .7rem .9rem 0; border-right: 1px solid rgba(255,247,232,.2); }.qin-contact-copy li + li{padding-left:.7rem}.qin-contact-copy li:last-child{border-right:0}.qin-contact-copy li b { display: block; color: var(--qin-gold-bright); font: 900 1.45rem/1 Inter,sans-serif; }.qin-contact-copy li span { display: block; margin-top: .35rem; color: rgba(255,247,232,.52); font-size: .59rem; }
.qin-contact-copy > a { display: inline-flex; flex-direction: column; margin-top: 1.45rem; color: #fff7e8; }.qin-contact-copy > a small { color: rgba(255,247,232,.48); font-size: .59rem; }.qin-contact-copy > a strong { margin-top: .28rem; color: var(--qin-gold-bright); font-size: 1.25rem; letter-spacing: .04em; }
.qin-form-card { padding: clamp(1.35rem, 2.4vw, 2rem); border: 1px solid rgba(255,247,232,.34); background: var(--qin-paper-light); color: var(--qin-ink); box-shadow: 18px 18px 0 rgba(69,21,17,.22); }
.qin-form-heading { display: grid; grid-template-columns: 1fr auto; gap: .35rem 1rem; padding-bottom: 1.05rem; border-bottom: 1px solid var(--qin-line); }.qin-form-heading span { grid-column: 1/-1; color: var(--qin-red); font: 800 .56rem/1 Inter,sans-serif; letter-spacing: .13em; }.qin-form-heading strong { font-size: 1.15rem; }.qin-form-heading small { align-self: end; color: rgba(29,21,17,.46); font-size: .61rem; }
.qin-form-card form { margin-top: 1.1rem; }.qin-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }.qin-form-card .field { margin-bottom: .75rem; }.qin-form-card label { display: block; margin-bottom: .38rem; color: rgba(29,21,17,.72); font-size: .67rem; font-weight: 700; }.qin-form-card label span { color: var(--qin-red); }.qin-form-card input, .qin-form-card textarea { width: 100%; padding: .72rem .8rem; border: 1px solid rgba(29,21,17,.2); border-radius: 0; outline: none; background: transparent; color: var(--qin-ink); resize: vertical; }.qin-form-card input:focus, .qin-form-card textarea:focus { border-color: var(--qin-red); box-shadow: 0 0 0 2px rgba(182,60,43,.08); }.qin-form-card input::placeholder, .qin-form-card textarea::placeholder { color: rgba(29,21,17,.3); }
.qin-submit { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 3.2rem; padding: .7rem 1rem .7rem 1.1rem; border: 0; background: var(--qin-ink); color: #fff7e8; font-weight: 850; cursor: pointer; transition: background .2s ease, transform .2s ease; }.qin-submit b { color: var(--qin-gold-bright); font-size: .69rem; }.qin-submit:hover { background: var(--qin-red-dark); transform: translateY(-2px); }
.qin-form-card .form-privacy { margin-top: .75rem; color: rgba(29,21,17,.4); font-size: .59rem; line-height: 1.6; }.qin-form-card .form-status { border-radius: 0; }.qin-form-card .form-status.err { background: rgba(182,60,43,.1); color: var(--qin-red-dark); }.qin-form-card .form-status.ok { background: rgba(104,118,83,.12); color: #40512f; }
.qin-contact-word { position: absolute; z-index: -1; right: -1rem; bottom: -5rem; color: rgba(255,247,232,.065); font: 900 clamp(13rem, 28vw, 30rem)/1 "Noto Sans SC",sans-serif; letter-spacing: -.16em; white-space: nowrap; }

@keyframes qin-enter { from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none} }
@keyframes qin-title { from{opacity:0;transform:translateX(-42px)}to{opacity:1;transform:none} }
@keyframes qin-title-red { from{opacity:0;transform:translateX(-42px) rotate(-1deg)}to{opacity:1;transform:rotate(-1deg)} }
@keyframes qin-stage-enter { from{opacity:0;transform:translateX(40px) scale(.97)}to{opacity:1;transform:none} }
@keyframes qin-live { 70%{box-shadow:0 0 0 7px rgba(240,204,139,0)} }
@keyframes qin-dash { to{stroke-dashoffset:-1} }
@keyframes qin-node { 50%{transform:scale(1.45);filter:drop-shadow(0 0 6px #f0cc8b)} }
@keyframes qin-thinking { 50%{opacity:.25;transform:translateY(-2px)} }
@keyframes qin-shimmer { to{background-position:-200% 0} }
@keyframes qin-compass-sweep { to{transform:rotate(360deg)} }
@keyframes qin-compass-run { to{transform:rotate(360deg)} }
@keyframes qin-gate-signal { 50%{opacity:.35;transform:rotate(45deg) scale(.72)} }
@keyframes qin-road-token {
  0%,12% { bottom:8%; opacity:0; transform:translateX(-50%) rotate(45deg) scale(1); }
  18% { opacity:1; }
  42% { bottom:25%; transform:translateX(-50%) rotate(45deg) scale(.82); }
  67% { bottom:42%; transform:translateX(-50%) rotate(45deg) scale(.62); }
  86% { bottom:58%; opacity:1; transform:translateX(-50%) rotate(45deg) scale(.42); }
  100% { bottom:62%; opacity:0; transform:translateX(-50%) rotate(45deg) scale(.32); }
}

@media (max-width: 1180px) {
  .qin-hero-grid { grid-template-columns: minmax(0,.9fr) minmax(460px,1.1fr); gap: 2.5rem; }
  .qin-hero h1 span { font-size: clamp(3rem,4.7vw,4.4rem); }.qin-hero h1 strong { font-size: clamp(3.45rem,5.4vw,5.15rem); }.qin-hero h1 em { font-size: clamp(3rem,4.65vw,4.45rem); }
  .qin-pass-list { grid-template-columns: repeat(5,1fr); }.qin-pass-list li { min-height: 13rem; }
  .qin-hero-regions { grid-template-columns: repeat(3,1fr); }.qin-hero-regions > p { grid-column: 1/-1; justify-content: flex-start; padding: .9rem 0; border-top: 1px solid rgba(218,178,115,.16); }
}

@media (max-width: 900px) {
  .qin-hero { min-height: auto; }
  .qin-hero-shell { min-height: auto; }
  .qin-hero-grid { grid-template-columns: 1fr; padding-top: 3.6rem; }
  .qin-hero-copy { max-width: 760px; }
  .qin-orbit-stage { min-height: 520px; }
  .qin-orbit-stage::before { right: 4%; width: 61%; }
  .qin-compass { right: 8%; width: min(440px,66%); }
  .qin-gate-stage { min-height: 520px; }
  .qin-gate-scene { right: 1%; width: 73%; }
  .qin-hero-regions { margin-top: 1rem; }
  .qin-manifesto-grid { grid-template-columns: .52fr 1.48fr; gap: 3rem; }
  .qin-manifesto-mark { min-height: 22rem; }
  .qin-section-head { align-items: start; flex-direction: column; }
  .qin-pass-list { grid-template-columns: repeat(2,1fr); }.qin-pass-list li { min-height: 12rem; }
  .qin-territory-grid, .qin-contact-grid { grid-template-columns: 1fr; }
  .qin-territory-copy { max-width: 680px; }
  .qin-contact-copy { max-width: 680px; }
}

@media (max-width: 620px) {
  body:has(.qin-home) .site-header { background: #1d1511; }
  .qin-hero-shell { padding-top: .6rem; }
  .qin-hero-meta { grid-template-columns: 1fr auto; }.qin-hero-meta span:nth-child(2){justify-self:end}.qin-hero-meta span:last-child{display:none}
  .qin-hero-grid { gap: 2.5rem; padding: 2.7rem 0 2rem; }
  .qin-eyebrow { font-size: .65rem; }
  .qin-hero h1 { margin-top: 1.25rem; }
  .qin-hero h1 span { font-size: clamp(2.55rem,12vw,3.6rem); }.qin-hero h1 strong { font-size: clamp(3rem,13.8vw,4.25rem); }.qin-hero h1 em { width: auto; max-width: max-content; font-size: clamp(2.5rem,11.6vw,3.45rem); }
  .qin-hero-lead { margin-top: 1.5rem !important; font-size: .86rem; line-height: 1.8; }
  .qin-hero-actions { align-items: stretch; flex-direction: column; }.qin-button, .qin-button.is-solid { width: 100%; min-width: 0; }
  .qin-orbit-stage { min-height: 510px; }
  .qin-orbit-stage::before { top: 18%; right: -15%; width: 104%; }
  .qin-orbit-head { font-size: .48rem; }
  .qin-orbit-question { top: 12%; width: 78%; }
  .qin-orbit-question p { font-size: .78rem; }
  .qin-compass { top: 57%; right: 4%; width: 92%; }
  .qin-orbit-node { min-width: 4.6rem; padding: .38rem .45rem; }
  .qin-node-entity { left: 2%; }.qin-node-content { right: -1%; }.qin-node-source { left: -1%; }.qin-node-answer { right: 3%; }
  .qin-orbit-result { bottom: 2%; width: 43%; }
  .qin-gate-stage { min-height: 510px; }
  .qin-gate-head { font-size: .48rem; }
  .qin-gate-question { top: 11%; width: 79%; }
  .qin-gate-question p { font-size: .78rem; }
  .qin-gate-scene { right: -7%; bottom: 4%; width: 105%; height: 82%; }
  .qin-city-gate { top: 14%; width: 75%; height: 51%; }
  .qin-gate-stop { min-width: 4.7rem; padding-inline: .34rem; }
  .qin-stop-fact { left: 7%; }.qin-stop-content { right: 3%; }.qin-stop-source { left: 24%; }
  .qin-gate-result { display: none; }
  .qin-hero-regions { grid-template-columns: 1fr; }.qin-hero-regions > div { min-height: 0; padding: .95rem 0; border-right: 0; border-bottom: 1px solid rgba(218,178,115,.16); }.qin-hero-regions > div + div { padding-left: 0; }.qin-hero-regions > p { grid-column: auto; }
  .qin-seal { top: 13%; right: -2.4rem; opacity: .55; }
  .qin-manifesto { padding-block: 3.4rem; }.qin-manifesto-grid { grid-template-columns: 1fr; gap: 2rem; }.qin-manifesto-mark { width: 7rem; min-height: 8.5rem; }.qin-manifesto-mark span{font-size:5.2rem}.qin-manifesto-mark small{display:none}
  .qin-manifesto-copy h2, .qin-section-head h2, .qin-territory-copy h2 { font-size: clamp(1.9rem,8.8vw,2.2rem); }
  .qin-section-head { gap: 1rem; margin-bottom: 1.9rem; }
  .qin-proof-row { grid-template-columns: 1fr; }.qin-proof-row > div, .qin-proof-row > div + div { padding: 1rem 0; border-right: 0; border-bottom: 1px solid var(--qin-line); }.qin-proof-row > div:last-child{border-bottom:0}
  .qin-method { padding-block: 5.5rem; }.qin-pass-list { grid-template-columns: 1fr 1fr; }.qin-pass-list li { min-height: 10rem; }.qin-pass-list li > b { font-size: 5.8rem; }.qin-method-foot { align-items: start; flex-direction: column; }.qin-method-foot p { line-height: 1.8; }
  .qin-territory { padding-block: 3.4rem; }.qin-territory-atlas { padding-left: 0; }.qin-territory-atlas::before,.qin-territory-atlas article::before{display:none}.qin-territory-atlas article,.qin-territory-atlas .is-central { grid-template-columns: 3rem 1fr; min-height: 10rem; margin-left: 0; padding: 1rem; }.qin-territory-atlas article > b{display:none}.qin-territory-atlas article > span{font-size:.72rem}.qin-territory-atlas h3{font-size:1.02rem}.qin-territory-atlas article:hover{transform:none;box-shadow:none}
  .qin-services { padding-block: 3.4rem; }.qin-service-stack > a { grid-template-columns: 2rem 1fr auto; gap: .75rem; min-height: 7.25rem; padding-inline: .4rem; }.qin-service-stack p{max-width:15rem}.qin-service-stack > a > b { width: 2.7rem; height: 2.7rem; }.qin-service-stack > a:hover{padding-left:.4rem}
  .qin-news { padding-block: 3.4rem; }.qin-news .qin-section-head { gap: 1rem; }.qin-news-grid { grid-template-columns: 1fr; }.qin-news-card,.qin-news-skeleton { min-height: 15.5rem; }.qin-news-card h3{margin-top:2.5rem}
  .qin-contact { padding-block: 3.4rem; }.qin-contact-copy h2 { font-size: clamp(1.9rem,8.8vw,2.2rem); }.qin-contact-copy ul{grid-template-columns:1fr}.qin-contact-copy li,.qin-contact-copy li+li{padding:.85rem 0;border-right:0;border-bottom:1px solid rgba(255,247,232,.18)}.qin-contact-copy li:last-child{border-bottom:0}.qin-field-row{grid-template-columns:1fr}.qin-form-card{box-shadow:10px 10px 0 rgba(69,21,17,.22)}.qin-form-heading{grid-template-columns:1fr}.qin-form-heading small{align-self:auto}
}

@media (min-width: 901px) and (max-height: 830px) {
  .qin-hero,
  .qin-hero-shell { min-height: max(700px, calc(100svh - 69px)); }
  .qin-hero-grid { padding-block: 1.55rem; }
  .qin-hero h1 { margin-top: .9rem; }
  .qin-hero h1 span { font-size: clamp(2.85rem,3.8vw,4.15rem); }
  .qin-hero h1 strong { font-size: clamp(3.25rem,4.5vw,4.8rem); }
  .qin-hero h1 em { font-size: clamp(2.85rem,3.85vw,4.15rem); }
  .qin-hero-lead { margin-top: 1.05rem !important; line-height: 1.7; }
  .qin-hero-actions { margin-top: 1.1rem; }
  .qin-orbit-stage { min-height: 440px; }
  .qin-compass { width: min(390px,68%); }
  .qin-gate-stage { min-height: 440px; }
  .qin-gate-scene { height: 82%; }
  .qin-hero-regions > div { min-height: 5.5rem; padding-block: .9rem .75rem; }
}

@media (prefers-reduced-motion: reduce) {
  .qin-eyebrow, .qin-hero h1 span, .qin-hero h1 strong, .qin-hero h1 em, .qin-hero-lead, .qin-hero-actions, .qin-orbit-stage,
  .qin-orbit-live i, .qin-compass-sweep, .qin-compass-runner, .qin-node-answer::after, .qin-orbit-result > span i,
  .qin-gate-stage, .qin-gate-head span:last-child i, .qin-road-token, .qin-gate-result > span i, .qin-news-skeleton i { animation: none !important; }
}