/* ===== REAL—EVA 双层阀口包装袋 单页 (lists_single_evabag.htm) ===== */
.eva-hero{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;color:#fff;background:#0a1830}
.eva-hero video,.eva-hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.eva-hero .mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--hero-ov),.92) 0%,rgba(var(--hero-ov),.78) 38%,rgba(var(--hero-ov),.25) 75%,rgba(var(--hero-ov),.45) 100%),linear-gradient(0deg,rgba(var(--hero-ov),.7),transparent 40%)}
.eva-hero .mask::after{content:"";position:absolute;inset:0;opacity:.18;background:repeating-linear-gradient(115deg,transparent 0 22px,rgba(255,255,255,.5) 22px 23px)}
.eva-hero .wrap{position:relative;z-index:2;width:100%}
.eva-hero .kicker{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.24em;color:var(--lane);font-weight:600}
.eva-hero .kicker::before{content:"";width:36px;height:3px;background:var(--lane)}
.eva-hero h1{font-size:54px;line-height:1.15;margin:18px 0 14px;letter-spacing:.02em}
.eva-hero h1 em{font-style:normal;color:var(--lane)}
.eva-hero p.sub{font-size:19px;color:#d6e2f2;max-width:620px}
.eva-hero .pts{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.eva-hero .pts span{padding:7px 16px;border:1px solid rgba(255,255,255,.3);border-radius:999px;font-size:14px;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.eva-hero .btns{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.eva-hero .live{position:absolute;right:24px;bottom:22px;z-index:2;font-size:12px;color:#cfd9e6;display:flex;align-items:center;gap:8px}
.eva-hero .live i{width:8px;height:8px;border-radius:50%;background:#ff4d4f;animation:evablink 1.4s infinite}
@keyframes evablink{50%{opacity:.25}}
.eva-hero .lane-b{position:absolute;left:0;right:0;bottom:0;height:6px;z-index:3;background:repeating-linear-gradient(90deg,var(--lane) 0 60px,transparent 60px 100px);animation:evalane 3s linear infinite}
@keyframes evalane{to{background-position:100px 0}}
.eva-sec{padding:80px 0}
.eva-sec.alt{background:var(--card,#fff)}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.vs .c{border-radius:var(--radius);padding:30px;border:1px solid var(--line);background:var(--card,#fff)}
.vs .c h3{font-size:19px;margin-bottom:16px}
.vs .c li{list-style:none;padding:10px 0 10px 30px;position:relative;border-top:1px dashed var(--line);color:var(--muted)}
.vs .c li:first-child{border-top:0}
.vs .c li::before{position:absolute;left:0;top:10px;font-weight:700}
.vs .bad li::before{content:"✕";color:#d4483b}
.vs .good{background:linear-gradient(135deg,var(--nav-bg),var(--brand));color:#fff;border:0}
[data-theme="light"] .vs .good{background:linear-gradient(135deg,#0d2b4e,#1467d8)}
.vs .good li{color:#e3ecf8;border-color:rgba(255,255,255,.18)}
.vs .good li::before{content:"✓";color:var(--lane)}
.vs .good li b{color:#fff}
.adv{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.adv .a{background:var(--card,#fff);border:1px solid var(--line);border-radius:var(--radius);padding:28px;transition:transform .3s var(--ease),box-shadow .3s}
.adv .a:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(10,24,48,.10)}
.adv .n{font-size:13px;font-weight:700;color:var(--brand);letter-spacing:.1em}
.adv h3{font-size:19px;margin:10px 0 8px}
.adv p{color:var(--muted);font-size:14.5px}
.adv .ic{width:48px;height:48px;border-radius:12px;background:var(--tag-bg);color:var(--brand);display:grid;place-items:center;margin-bottom:16px}
.adv .ic svg{width:26px;height:26px}
.struct{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center}
.struct .fig{background:var(--bg);border-radius:var(--radius);padding:24px;border:1px solid var(--line)}
.struct svg{width:100%;height:auto;display:block}
.struct ol{list-style:none;counter-reset:s}
.struct li{counter-increment:s;padding:16px 0 16px 56px;position:relative;border-bottom:1px solid var(--line)}
.struct li::before{content:counter(s);position:absolute;left:0;top:14px;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700}
.struct li b{display:block;font-size:17px;margin-bottom:2px}
.struct li span{color:var(--muted);font-size:14px}
.eva-note{color:var(--muted);font-size:13px}
.flow{stroke-dasharray:4 10;animation:evaflow 1.2s linear infinite}
@keyframes evaflow{to{stroke-dashoffset:-28}}
.spec{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch}
.spec table{width:100%;border-collapse:collapse;background:var(--card,#fff);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
.spec th,.spec td{padding:15px 20px;text-align:left;border-bottom:1px solid var(--line);font-size:15px}
.spec th{width:34%;background:var(--tag-bg);color:var(--tag);font-weight:600}
.spec tr:last-child th,.spec tr:last-child td{border-bottom:0}
.spec .ph{border-radius:var(--radius);overflow:hidden;position:relative;min-height:320px;background:#e9edf3}
.spec .ph img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.spec .ph figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 20px 16px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.65));font-size:14px}
.cases{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}
.cases figure{border-radius:var(--radius);overflow:hidden;background:#fff;border:1px solid var(--line);position:relative}
.cases img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.cases figure:hover img{transform:scale(1.03)}
.cases .r{display:grid;grid-template-rows:1fr auto;gap:22px}
.cases .note{background:var(--card,#fff);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.cases .note h3{font-size:18px;margin-bottom:8px}
.cases .note p{color:var(--muted);font-size:14.5px}
.tips{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 40px;counter-reset:t}
.tips div{counter-increment:t;display:flex;gap:16px;padding:16px 0;border-bottom:1px dashed var(--line)}
.tips div::before{content:counter(t,decimal-leading-zero);font-weight:800;font-size:22px;color:var(--lane);-webkit-text-stroke:1px var(--accent-d);line-height:1.2}
.cta-band{background:linear-gradient(135deg,var(--nav-bg),var(--ink));color:#fff;border-radius:18px;padding:44px 48px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;position:relative;overflow:hidden}
[data-theme="light"] .cta-band{background:linear-gradient(135deg,#0d2b4e,#1467d8)}
.cta-band::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;border:40px solid rgba(255,255,255,.05);pointer-events:none}
.cta-band .pat{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:var(--lane);border:1px solid rgba(255,196,0,.4);padding:5px 12px;border-radius:999px}
.cta-band h2{font-size:28px;margin:14px 0 8px}
.cta-band p{color:#c8d5e6}
.cta-band .btns{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){.eva-hero video{display:none}.flow,.eva-hero .lane-b{animation:none}}
@media (max-width:900px){
  .eva-hero{min-height:500px}
  .eva-hero h1{font-size:34px}.eva-hero p.sub{font-size:16px}
  .eva-hero .mask{background:linear-gradient(0deg,rgba(var(--hero-ov),.92) 10%,rgba(var(--hero-ov),.55) 100%)}
  .eva-sec{padding:56px 0}
  .vs,.struct,.spec,.cases,.tips{grid-template-columns:1fr}
  .struct{gap:24px}.spec .ph{min-height:240px}
  .adv{grid-template-columns:1fr 1fr;gap:14px}.adv .a{padding:20px}
  .cta-band{grid-template-columns:1fr;padding:32px 24px}
  .eva-hero .live{display:none}
}
@media (max-width:560px){.adv{grid-template-columns:1fr}.eva-hero h1{font-size:30px}.eva-hero .kicker{font-size:11px;letter-spacing:.08em}.eva-hero .kicker::before{width:22px}.eva-hero .pts span{font-size:13px;padding:6px 12px}}