/* ==========================================================
   黄果短剧官网 — 丝网印刷 / 复古海报风
   主张：黄底黑字（参考站是黑底黄字，这里整个反过来）
        硬阴影、粗黑线、方括号编号、朱红点缀
   ========================================================== */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --huang:#FFD64F;
  --huang3:#FFE9A6;
  --zhi:#FAF7F0;
  --zhi2:#F0EBDF;
  --mo:#17150F;
  --mo2:#5C5648;
  --zhu:#A83000;
  --r:10px;
  --sans:"PingFang SC","HarmonyOS Sans SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:ui-monospace,"SF Mono","Cascadia Mono",Consolas,Menlo,monospace;
  --kuan:1180px;
}

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{
  font-family:var(--sans);
  background:var(--zhi);
  color:var(--mo);
  font-size:16px;
  line-height:1.78;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

img{max-width:100%;height:auto;display:block;border:0}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{line-height:1.2;font-weight:900;letter-spacing:-.035em}
em{font-style:normal;}

:focus-visible{outline:3px solid var(--zhu);outline-offset:3px;border-radius:4px}

.tiaoguo{position:absolute;left:-9999px;top:0;background:var(--mo);color:var(--huang);padding:12px 20px;z-index:99;font-weight:700}
.tiaoguo:focus{left:12px;top:12px}
.kuan{width:100%;max-width:var(--kuan);margin:0 auto;padding:0 24px}
.pingmu{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 通用排版元素 -------------------------------------------------- */
.nian{
  font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.06em;
  color:var(--zhu);
}
.nian::before{content:"["}
.nian::after{content:"]"}

.an{
  display:inline-flex;align-items:center;gap:10px;
  padding:16px 30px;border-radius:var(--r);font-weight:800;font-size:15.5px;
  border:2.5px solid var(--mo);
  transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .18s cubic-bezier(.2,.7,.3,1),background .18s,color .18s;
  white-space:nowrap;
}
.an svg{width:18px;height:18px;flex-shrink:0}
.an-zhu{background:var(--mo);color:var(--huang);box-shadow:6px 6px 0 rgba(23,21,15,.24)}
.an-zhu:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 rgba(23,21,15,.3)}
.an-ci{background:transparent;color:var(--mo)}
.an-ci:hover{transform:translate(-3px,-3px);background:var(--mo);color:var(--huang);box-shadow:10px 10px 0 rgba(23,21,15,.24)}
.an-zhu span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}
.an small{font-size:11.5px;font-weight:700;opacity:.65;letter-spacing:.04em}

/* ---------- 走马灯（黑底黄字） ---------- */
.zouma{
  background:var(--mo);color:var(--huang);
  height:40px;overflow:hidden;display:flex;align-items:center;
  font-family:var(--mono);font-size:12.5px;font-weight:700;letter-spacing:.1em;
}
.zouma-nei{display:flex;white-space:nowrap;animation:zou 34s linear infinite}
.zouma-nei span{padding:0 22px;display:inline-flex;align-items:center;gap:22px}
.zouma-nei span::after{content:"";width:6px;height:6px;background:var(--huang);flex-shrink:0}
@keyframes zou{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.zouma-nei{animation:none}}

/* ---------- 导航（黄底） ---------- */
.dao{
  position:sticky;top:0;z-index:60;
  background:var(--huang);
  border-bottom:2.5px solid var(--mo);
}
.dao-nei{display:flex;align-items:center;gap:30px;height:78px;max-width:var(--kuan);margin:0 auto;padding:0 24px}
.pai{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:900;letter-spacing:-.035em;flex-shrink:0}
.pai img{width:38px;height:38px;border-radius:9px;border:2px solid var(--mo)}
.dao-nav{display:flex;gap:2px;margin-left:auto}
.dao-nav a{
  font-size:14.5px;font-weight:700;color:var(--mo);
  padding:9px 14px;border-radius:8px;
  transition:background .18s,color .18s;
}
.dao-nav a:hover{background:var(--mo);color:var(--huang)}
.dao-an{
  display:inline-flex;align-items:center;gap:8px;flex-shrink:0;
  background:var(--mo);color:var(--huang);
  font-weight:800;font-size:14.5px;
  padding:13px 22px;border-radius:var(--r);
  border:2.5px solid var(--mo);
  box-shadow:5px 5px 0 rgba(23,21,15,.22);
  transition:transform .18s,box-shadow .18s;
}
.dao-an:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 rgba(23,21,15,.28)}
.dao-an svg{width:16px;height:16px}

/* ---------- 首屏（大面积黄底） ---------- */
.shou{
  position:relative;background:var(--huang);
  padding:84px 0 0;overflow:hidden;
  border-bottom:2.5px solid var(--mo);
}
.shou::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(var(--mo) 1.1px,transparent 1.1px);
  background-size:22px 22px;
  -webkit-mask-image:radial-gradient(ellipse 66% 58% at 50% 2%,#000,transparent 70%);
  mask-image:radial-gradient(ellipse 66% 58% at 50% 2%,#000,transparent 70%);
}
.shou-nei{position:relative;z-index:2;text-align:center;max-width:960px;margin:0 auto;padding:0 24px}

.dianpai{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--mono);font-size:12.5px;font-weight:700;letter-spacing:.12em;
  background:var(--huang3);border:2px solid var(--mo);color:var(--mo);
  padding:8px 18px;border-radius:999px;margin-bottom:32px;
}
.dianpai i{width:7px;height:7px;background:var(--zhu);flex-shrink:0}

.shou h1{
  font-size:clamp(40px,7.2vw,84px);
  line-height:1.03;letter-spacing:-.05em;margin-bottom:30px;
}
.shou h1 .pin{
  display:block;font-family:var(--mono);font-size:.2em;font-weight:700;
  letter-spacing:.22em;color:var(--mo);opacity:.62;
  margin-bottom:20px;text-transform:uppercase;
}
.shou h1 .zhu{display:block}
.shou h1 mark{
  background:var(--mo);color:var(--huang);
  padding:.03em .16em;border-radius:8px;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;
}

.shou-fu{
  font-size:17px;color:rgba(23,21,15,.72);
  max-width:610px;margin:0 auto 38px;line-height:1.85;font-weight:500;
}
.shou-an{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* ---------- 横向截图带 ---------- */
.gun{position:relative;margin-top:62px}
.gun::before,.gun::after{content:"";position:absolute;top:0;bottom:0;width:13vw;z-index:3;pointer-events:none}
.gun::before{left:0;background:linear-gradient(90deg,var(--huang) 10%,transparent)}
.gun::after{right:0;background:linear-gradient(-90deg,var(--huang) 10%,transparent)}
.gun-nei{
  display:flex;gap:28px;overflow-x:auto;overflow-y:hidden;
  padding:16px max(24px,calc((100vw - var(--kuan))/2)) 74px;
  scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab;
}
.gun-nei::-webkit-scrollbar{display:none}
.gun-x{flex:0 0 auto;width:clamp(176px,20vw,236px);scroll-snap-align:center;transition:transform .45s cubic-bezier(.2,.7,.3,1)}
.gun-x img{
  width:100%;border-radius:var(--r);
  border:2.5px solid var(--mo);
  box-shadow:9px 9px 0 var(--mo);
}
.gun-jiao{
  margin-top:15px;font-family:var(--mono);font-size:11.5px;font-weight:700;
  letter-spacing:.08em;color:var(--mo);display:flex;gap:9px;align-items:baseline;
}
.gun-jiao b{color:var(--zhu)}
.gun-x:nth-child(odd){transform:rotate(-1.2deg)}
.gun-x:nth-child(even){transform:rotate(1deg) translateY(30px)}
.gun-x:hover{transform:rotate(0) translateY(-8px)}

.gun-ka{
  flex:0 0 auto;width:clamp(176px,20vw,236px);
  background:var(--zhu);color:#FFF3EC;
  border:2.5px solid var(--mo);border-radius:var(--r);
  padding:26px 22px;display:flex;flex-direction:column;justify-content:space-between;
  transform:rotate(1.6deg) translateY(30px);
  box-shadow:9px 9px 0 var(--mo);
}
.gun-ka em{
  font-family:var(--mono);font-style:normal;font-size:11px;font-weight:700;
  letter-spacing:.16em;opacity:.75;margin-bottom:16px;
}
.gun-ka strong{font-family:var(--mono);font-size:40px;line-height:1;letter-spacing:-.04em}
.gun-ka span{font-size:14.5px;font-weight:700;line-height:1.55;margin-top:12px}

/* ---------- 数据条（黑底黄字） ---------- */
.shuju{background:var(--mo);color:var(--huang)}
.shuju-nei{display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--kuan);margin:0 auto;padding:0 24px}
.shuju-x{padding:34px 20px;text-align:center;position:relative}
.shuju-x + .shuju-x::before{content:"";position:absolute;left:0;top:26%;bottom:26%;width:2px;background:rgba(255,214,79,.28)}
.shuju-x strong{
  display:block;font-family:var(--mono);font-size:clamp(26px,3.4vw,42px);
  line-height:1;letter-spacing:-.05em;
}
.shuju-x span{display:block;font-size:12.5px;color:rgba(255,214,79,.62);margin-top:12px;letter-spacing:.06em;font-weight:600}

/* ---------- 板块 ---------- */
.kuai{padding:98px 0}
.kuai-huang{background:var(--huang);border-top:2.5px solid var(--mo);border-bottom:2.5px solid var(--mo)}
.kuai-hui{background:var(--zhi2)}
.kuai-hei{background:var(--mo);color:var(--zhi)}

.tou{border-top:3px solid currentColor;padding-top:26px;margin-bottom:56px}
.tou-shang{display:flex;align-items:baseline;gap:16px;margin-bottom:18px}
.tou-biao{
  font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;opacity:.7;
}
.tou h2{font-size:clamp(28px,4.2vw,48px);max-width:840px}
.tou-fu{font-size:16px;max-width:620px;margin-top:18px;opacity:.74;font-weight:500}
.tou-ju{text-align:center}
.tou-ju .tou-shang{justify-content:center}
.tou-ju h2{margin:0 auto}
.tou-ju .tou-fu{margin-left:auto;margin-right:auto}
.kuai-hei .tou-biao{opacity:.78}
.kuai-hei .tou-fu{opacity:.72}
.kuai-hei .nian{color:var(--huang)}

/* ---------- 界面样张（米白底 + 硬阴影） ---------- */
.ye-tu{display:grid;grid-template-columns:1fr 1fr;gap:74px 60px}
.ye-x{display:flex;flex-direction:column;align-items:center;text-align:center}
.ye-tu .ye-x:nth-child(even){margin-top:96px}
.ye-kuang{
  width:100%;max-width:318px;border-radius:var(--r);overflow:hidden;
  border:2.5px solid var(--mo);background:var(--mo);
  box-shadow:11px 11px 0 var(--mo);
  transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s cubic-bezier(.2,.7,.3,1);
}
.ye-x:hover .ye-kuang{transform:translate(-5px,-5px);box-shadow:18px 18px 0 var(--mo)}
.ye-kuang img{width:100%}
.ye-x figcaption{margin-top:28px;max-width:330px}
.ye-num{
  font-family:var(--mono);font-size:12.5px;font-weight:700;letter-spacing:.1em;
  color:var(--zhu);display:block;margin-bottom:10px;
}
.ye-x h3{font-size:21px;margin-bottom:10px}
.ye-x p{font-size:14.5px;color:var(--mo2);line-height:1.72}

/* ---------- 功能亮点（黄底 / 左栏 + 右侧列表） ---------- */
.neng{display:grid;grid-template-columns:.82fr 1.18fr;gap:72px;align-items:start}
.neng-zuo{position:sticky;top:118px}
.neng-zuo .tou{margin-bottom:26px}
.neng-zuo > p{font-size:15.5px;color:rgba(23,21,15,.72);margin-bottom:30px;font-weight:500}
.neng-liebiao{border-top:3px solid var(--mo)}
.neng-x{
  display:grid;grid-template-columns:58px 1fr;gap:20px;
  padding:26px 16px 26px 6px;border-bottom:2px solid rgba(23,21,15,.2);
  transition:background .22s,padding .22s,color .22s,border-color .22s;
}
.neng-x:hover{
  background:var(--mo);color:var(--huang);padding-left:20px;
  border-bottom-color:var(--mo);
}
.neng-num{
  font-family:var(--mono);font-size:15px;font-weight:700;color:var(--zhu);
  line-height:1.6;transition:color .22s;
}
.neng-x:hover .neng-num{color:var(--huang)}
.neng-x h3{font-size:18.5px;margin-bottom:8px}
.neng-x p{font-size:14.5px;line-height:1.72;color:rgba(23,21,15,.72);transition:color .22s}
.neng-x:hover p{color:rgba(255,214,79,.78)}

/* ---------- 使用流程（米白 / 横向时间轴） ---------- */
.liu{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;position:relative}
.liu::before{content:"";position:absolute;left:0;right:0;top:36px;height:3px;background:var(--mo)}
.liu-x{position:relative;padding-top:76px}
.liu-x::before{
  content:"";position:absolute;left:4px;top:26px;width:23px;height:23px;
  border-radius:50%;background:var(--zhi);border:3px solid var(--mo);z-index:2;
}
.liu-x:nth-child(2)::before{background:var(--zhu);border-color:var(--mo)}
.liu-x:nth-child(3)::before{background:var(--mo)}
.liu-num{
  font-family:var(--mono);font-size:clamp(42px,5.6vw,70px);line-height:.9;
  color:var(--zhi2);font-weight:700;letter-spacing:-.06em;margin-bottom:14px;
  -webkit-text-stroke:1.5px var(--mo);
}
.liu-x h3{font-size:20px;margin-bottom:10px}
.liu-x p{font-size:14.5px;color:var(--mo2)}
.liu-x small{
  display:inline-block;margin-top:16px;font-family:var(--mono);
  font-size:11.5px;font-weight:700;letter-spacing:.1em;
  background:var(--mo);color:var(--huang);padding:5px 12px;border-radius:6px;
}

/* ---------- 题材目录（黑底黄字） ---------- */
.ti-lu{border-top:3px solid var(--huang)}
.ti-lu li{border-bottom:2px solid rgba(255,214,79,.2)}
.ti-lu a{display:flex;align-items:center;gap:26px;padding:26px 10px;transition:padding .28s,background .28s}
.ti-lu a:hover{padding-left:28px;background:rgba(255,214,79,.09)}
.ti-ming{font-size:clamp(20px,2.6vw,30px);flex-shrink:0;min-width:196px}
.ti-zhu{
  font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.12em;
  color:var(--huang);opacity:.55;flex-shrink:0;
}
.ti-shuo{font-size:14.5px;color:rgba(250,247,240,.62);flex:1;min-width:0;font-weight:500}
.ti-ji{
  font-family:var(--mono);font-size:12px;font-weight:700;color:var(--huang);
  opacity:.45;flex-shrink:0;transition:opacity .28s,transform .28s;
}
.ti-lu a:hover .ti-ji{opacity:1;transform:translateX(6px)}

.ti-biao{display:flex;flex-wrap:wrap;gap:11px;margin-top:40px}
.ti-biao a{
  font-family:var(--mono);font-size:12.5px;font-weight:700;letter-spacing:.03em;
  color:var(--huang);border:2px solid rgba(255,214,79,.35);
  padding:9px 17px;border-radius:8px;
  transition:background .2s,color .2s,border-color .2s,transform .2s;
}
.ti-biao a:hover{background:var(--huang);color:var(--mo);border-color:var(--huang);transform:translate(-2px,-2px)}

/* ---------- 用户评价（黄底 / 大引号） ---------- */
.ping-pu{display:grid;grid-template-columns:1fr 1fr;gap:0 66px}
.ping-x{padding:36px 0;border-top:2px solid rgba(23,21,15,.22)}
.ping-x:nth-child(1),.ping-x:nth-child(2){border-top:3px solid var(--mo)}
.ping-yin{
  font-family:var(--mono);font-size:15px;font-weight:700;color:var(--zhu);
  display:block;margin-bottom:14px;letter-spacing:.06em;
}
.ping-x blockquote p{font-size:16.5px;line-height:1.84;color:var(--mo);margin-bottom:20px;font-weight:500}
.ping-x figcaption{display:flex;align-items:baseline;gap:14px;font-size:13.5px}
.ping-x cite{font-weight:900;font-style:normal}
.ping-ri{font-family:var(--mono);font-size:12px;color:rgba(23,21,15,.5)}
.ping-xing{
  margin-left:auto;font-family:var(--mono);font-size:12px;font-weight:700;
  color:var(--zhu);letter-spacing:.1em;
}

/* ---------- 长文 ---------- */
.wen{max-width:858px;margin:0 auto}
.wen .tou{margin-bottom:40px}
.wen h3{
  font-size:21px;margin:46px 0 15px;
  display:flex;align-items:baseline;gap:13px;
}
.wen h3::before{
  content:"";width:12px;height:12px;background:var(--huang);
  border:2.5px solid var(--mo);flex-shrink:0;transform:translateY(-1px);
}
.wen p{color:var(--mo2);font-size:16px;margin-bottom:18px}
.wen strong{color:var(--mo);font-weight:800}
.wen-shou::first-letter{
  float:left;font-family:var(--mono);font-size:3.9em;line-height:.82;font-weight:700;
  color:var(--mo);background:var(--huang);border:2.5px solid var(--mo);
  padding:2px 12px 4px;border-radius:var(--r);margin:8px 16px 0 0;
}
.wen ul{list-style:none;margin:0 0 20px}
.wen li{color:var(--mo2);font-size:15.5px;padding-left:32px;position:relative;margin-bottom:13px}
.wen li::before{
  content:"";position:absolute;left:5px;top:12px;width:10px;height:3px;background:var(--zhu);
}
.wen li strong{color:var(--mo)}
.tishi{
  border:2.5px solid var(--mo);border-radius:var(--r);
  padding:26px 30px;margin:36px 0;background:var(--huang);
  box-shadow:9px 9px 0 var(--mo);
}
.tishi p{margin:0;color:var(--mo);font-size:15px;line-height:1.8}
.tishi strong{color:var(--mo)}

/* ---------- FAQ ---------- */
.faq-buju{max-width:900px;margin:0 auto}
.faq-liebiao{border-top:3px solid var(--mo)}
.faq-x{border-bottom:2px solid rgba(23,21,15,.18)}
.faq-x summary{
  list-style:none;cursor:pointer;
  display:grid;grid-template-columns:62px 1fr 32px;gap:18px;align-items:center;
  padding:26px 10px;transition:background .2s,padding .2s;
}
.faq-x summary::-webkit-details-marker{display:none}
.faq-x summary:hover{background:var(--huang3);padding-left:22px}
.faq-num{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--zhu)}
.faq-q{font-size:17px;font-weight:900;letter-spacing:-.025em}
.faq-jia{
  width:26px;height:26px;border:2.5px solid currentColor;border-radius:7px;
  position:relative;transition:transform .26s,background .26s,color .26s;justify-self:end;
}
.faq-jia::before,.faq-jia::after{
  content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  background:currentColor;
}
.faq-jia::before{width:12px;height:2.5px}
.faq-jia::after{width:2.5px;height:12px;transition:opacity .24s}
.faq-x[open] .faq-jia{transform:rotate(135deg);background:var(--mo);color:var(--huang)}
.faq-x[open] .faq-jia::after{opacity:0}
.faq-x[open] summary{background:var(--huang);padding-left:22px}
.faq-a{padding:0 10px 30px 90px;font-size:15px;color:var(--mo2);line-height:1.84}
.faq-a a{color:var(--zhu);text-decoration:underline;text-underline-offset:3px;font-weight:800}

/* ---------- CTA（黑底） ---------- */
.cta{background:var(--mo);color:var(--zhi);padding:92px 0;position:relative;overflow:hidden}
.cta::before{
  content:"";position:absolute;inset:0;opacity:.14;pointer-events:none;
  background-image:radial-gradient(var(--huang) 1.3px,transparent 1.3px);
  background-size:24px 24px;
}
.cta-nei{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:52px;align-items:center}
.cta h2{font-size:clamp(28px,4vw,46px);color:var(--huang);margin-bottom:18px}
.cta p{color:rgba(250,247,240,.66);font-size:16px;max-width:560px;font-weight:500}
.cta-an{
  display:inline-flex;align-items:center;gap:11px;flex-shrink:0;
  background:var(--huang);color:var(--mo);
  font-weight:900;font-size:16px;
  padding:20px 38px;border-radius:var(--r);
  border:2.5px solid var(--huang);
  box-shadow:7px 7px 0 rgba(255,214,79,.28);
  transition:transform .18s,box-shadow .18s;
}
.cta-an:hover{transform:translate(-3px,-3px);box-shadow:12px 12px 0 rgba(255,214,79,.34)}
.cta-an svg{width:19px;height:19px}

/* ---------- 页脚（黑底） ---------- */
.jiao{background:var(--mo);color:var(--zhi);border-top:2.5px solid var(--huang);padding:66px 0 0}
.jiao-shang{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:50px;padding-bottom:50px}
.jiao-pai .pai{color:var(--huang)}
.jiao-pai .pai img{border-color:var(--huang)}
.jiao-pai p{font-size:14.5px;color:rgba(250,247,240,.58);margin-top:18px;max-width:330px;font-weight:500}
.jiao-lan strong{
  display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.2em;
  color:var(--huang);opacity:.6;text-transform:uppercase;margin-bottom:20px;
}
.jiao-lan a{display:block;font-size:14.5px;color:rgba(250,247,240,.72);margin-bottom:13px;transition:color .18s,transform .18s;font-weight:500}
.jiao-lan a:hover{color:var(--huang);transform:translateX(5px)}
.jiao-xia{
  border-top:1px solid rgba(255,214,79,.2);padding:24px 0 28px;
  display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  font-family:var(--mono);font-size:12px;color:rgba(250,247,240,.5);
}
.jiao-xia a{color:inherit;transition:color .18s}
.jiao-xia a:hover{color:var(--huang)}
.jiao-zi{
  font-family:var(--mono);font-size:clamp(52px,15vw,190px);font-weight:700;
  letter-spacing:-.05em;line-height:.8;text-align:center;
  color:transparent;-webkit-text-stroke:1.5px rgba(255,214,79,.3);
  padding:10px 0 26px;user-select:none;white-space:nowrap;overflow:hidden;
}

/* ================= 响应式 ================= */
@media(max-width:1024px){
  .kuai{padding:78px 0}
  .neng{grid-template-columns:1fr;gap:42px}
  .neng-zuo{position:static}
  .ye-tu{grid-template-columns:1fr 1fr;gap:60px 40px}
  .ye-tu .ye-x:nth-child(even){margin-top:70px}
  .ping-pu{grid-template-columns:1fr;gap:0}
  .ping-x:nth-child(2){border-top:2px solid rgba(23,21,15,.22)}
  .cta-nei{grid-template-columns:1fr;gap:34px}
  .jiao-shang{grid-template-columns:1fr 1fr;gap:38px}
}
@media(max-width:760px){
  .dao-nav{display:none}
  .dao-nei{height:68px;gap:14px;padding:0 18px}
  .dao-an{padding:11px 17px;font-size:13.5px}
  .kuan,.shou-nei,.shuju-nei{padding-left:18px;padding-right:18px}
  .kuai{padding:62px 0}
  .shou{padding:54px 0 0}
  .shou-an{flex-direction:column}
  .an{width:100%;justify-content:center;padding:15px 22px}
  .zouma{font-size:11px;height:36px}
  .gun-nei{gap:18px;padding-top:8px;padding-bottom:58px}
  .gun-x,.gun-ka{width:166px}
  .gun-ka{padding:20px 16px}
  .gun-ka strong{font-size:32px}
  .gun-x:nth-child(even),.gun-ka{transform:rotate(1deg) translateY(24px)}
  .gun-x img,.gun-ka{box-shadow:6px 6px 0 var(--mo)}
  .shuju-nei{grid-template-columns:1fr 1fr;padding:0}
  .shuju-x{padding:24px 12px}
  .shuju-x + .shuju-x::before{display:none}
  .shuju-x:nth-child(even)::before{display:block}
  .shuju-x:nth-child(n+3){border-top:2px solid rgba(255,214,79,.22)}
  .ye-tu{grid-template-columns:1fr;gap:56px}
  .ye-tu .ye-x:nth-child(even){margin-top:0}
  .ye-kuang{max-width:288px;box-shadow:8px 8px 0 var(--mo)}
  .tou{margin-bottom:40px}
  .neng-x{grid-template-columns:44px 1fr;gap:14px;padding:24px 12px 24px 6px}
  .liu{grid-template-columns:1fr;gap:0}
  .liu::before{left:14px;right:auto;top:4px;bottom:0;width:3px;height:auto}
  .liu-x{padding:0 0 42px 52px}
  .liu-x::before{top:8px;left:4px}
  .liu-num{font-size:42px;margin-bottom:10px}
  .ti-lu a{flex-wrap:wrap;gap:10px 18px;padding:22px 8px}
  .ti-ming{min-width:0;font-size:22px}
  .ti-shuo{flex-basis:100%;font-size:14px}
  .faq-x summary{grid-template-columns:42px 1fr 26px;gap:12px;padding:22px 6px}
  .faq-q{font-size:15.5px}
  .faq-a{padding:0 6px 24px 48px}
  .cta{padding:66px 0}
  .cta-an{width:100%;justify-content:center}
  .jiao-shang{grid-template-columns:1fr;gap:34px}
  .jiao-xia{flex-direction:column;align-items:flex-start;gap:10px}
}
@media(max-width:420px){
  .shou h1{letter-spacing:-.04em}
  .wen-shou::first-letter{font-size:3.2em}
}