/* 双语切换：纯 CSS `:lang`，零 JS 监听语言 */ .vz-zh{display:none!important} .vz-en{display:inline!important} html:lang(zh-CN) .vz-zh{display:inline!important} html:lang(zh-CN) .vz-en{display:none!important} /* ===== 位置：main 转 flex 列，用 order 把精选区排到「我们能做什么」section 正前方 ===== DOM 上精选区 append 在 main 末尾（React reconcile 最安全），视觉顺序由 order 决定。 #volga-feat 是
，不参与 section 的 nth-of-type 计数。 order 由 JS placeFeatBeforeWeCanDo() 动态计算（=「我们能做什么」section 的 order - 1）， 页面结构变化也稳；CSS 里写死的 order:35 仅作为「目标尚未渲染」时的兜底。 */ main{display:flex!important;flex-direction:column!important} main > section{order:60} main > section:nth-of-type(1){order:10} main > section:nth-of-type(2){order:20} main > section:nth-of-type(3){order:30} main > #volga-feat{order:35} main > section:nth-of-type(4){order:40} main > section:nth-of-type(5){order:50} main > section:nth-of-type(n+6){order:60} /* ===== 精选资讯区 ===== */ #volga-feat{position:relative;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:#f6f8fb;border-top:1px solid #e6ebf2;border-bottom:1px solid #e6ebf2;padding:38px 0 46px;overflow:hidden;width:100%} #volga-feat .vf-head{max-width:1200px;margin:0 auto 18px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px} #volga-feat .vf-head h2{margin:0;font-size:22px;color:#0f1f33;display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.3px} #volga-feat .vf-dot{width:10px;height:10px;border-radius:50%;background:#c9a24b;box-shadow:0 0 0 4px rgba(201,162,75,.20);flex:none} #volga-feat .vf-more{color:#1565c0;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap} #volga-feat .vf-more:hover{text-decoration:underline} /* 跑马灯视口 + 轨道：卡片渲染两遍，translateX(-50%) 无缝循环。 用 margin-right 代替 gap，保证 -50% 位移与一轮内容宽度完全相等（gap 会差半格产生跳动）。 */ #volga-feat .vf-viewport{max-width:1200px;margin:0 auto;padding:0 20px;overflow:hidden} #volga-feat .vf-track{display:flex;width:max-content;animation:vfScroll 40s linear infinite;will-change:transform} #volga-feat .vf-viewport:hover .vf-track{animation-play-state:paused} @keyframes vfScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}} #volga-feat .vf-card{width:300px;flex:none;margin-right:16px;background:#fff;border:1px solid #e9eef5;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(15,31,51,.06);cursor:pointer;transition:transform .2s,box-shadow .2s;text-decoration:none;display:block;color:inherit} #volga-feat .vf-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(15,31,51,.12)} #volga-feat .vf-cover{height:160px;position:relative;overflow:hidden;background-color:#16324f} #volga-feat .vf-cover .vf-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;image-rendering:auto} #volga-feat .vf-cover .vf-emoji{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-size:54px;z-index:2;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))} #volga-feat .vf-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,31,51,.32) 0%,rgba(15,31,51,0) 40%);pointer-events:none} #volga-feat .vf-cat{position:absolute;left:10px;top:10px;background:rgba(15,31,51,.72);color:#fff;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;z-index:2} #volga-feat .vf-body{padding:13px 15px 16px} #volga-feat .vf-title{font-size:15px;font-weight:700;color:#16263f;line-height:1.4;margin:0 0 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #volga-feat .vf-sum{font-size:13px;color:#5b6b7d;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} @media(max-width:560px){#volga-feat{padding:30px 0 36px}#volga-feat .vf-card{width:240px}#volga-feat .vf-cover{height:130px}} /* 系统开启「减少动态效果」时停用自动滚动，改为可手动横滑 */ @media(prefers-reduced-motion:reduce){#volga-feat .vf-track{animation:none}#volga-feat .vf-viewport{overflow-x:auto}} /* （「物流资讯中心」独立按钮已移除：用户要的是把精选滚动窗口移到该位置， 由 JS placeFeatBeforeWeCanDo() 动态排序实现，无需此处样式） */ /* ===== Hero 区运踪查询栏（v15）：absolute 钉在文档里第一页 CTA 下方，随页面滚走、绝不钉屏、绝不漂 ===== 用户要的是"在第一页那个位置(CTA下方)、看得见、往下滚就跟着页面走掉、绝不漂"。 - position:absolute + 文档坐标（top = CTA底部 + scrollY），位置钉在文档固定一处，随页面自然滚走（不在屏幕钉死）； - top/left/width 由 JS 在首屏算一次 + 语言切换算一次（绝不滚动重算）→ 不漂； - 外观（底色/圆角/阴影）在此处；定位几何在 volga-inject.js。 */ /* Hero 下方「运单号输入框 + 查询按钮」静态表单（文档流内、随页面滚动、不悬浮） */ .vz-track-wrap{display:inline-block;text-align:left;margin-top:18px;z-index:5} #volga-hero-track{display:inline-flex;align-items:center;gap:8px;background:#fff;padding:5px;border-radius:10px;box-shadow:0 8px 24px rgba(15,38,74,.18);font-family:inherit} #volga-hero-track .vz-track-input{border:0;outline:0;background:transparent;color:#0B1F3A;font-size:14px;font-weight:500;padding:9px 12px;font-family:inherit;width:240px;max-width:56vw} #volga-hero-track .vz-track-input::placeholder{color:#9aa6b8;font-weight:400} #volga-hero-track .vz-track-btn{display:inline-flex;align-items:center;justify-content:center;background:#1E5BFF;color:#fff;border:0;border-radius:8px;padding:9px 22px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .2s ease} #volga-hero-track .vz-track-btn:hover{background:#1746d6} @media(max-width:600px){#volga-hero-track .vz-track-input{width:150px;padding:8px 10px}#volga-hero-track .vz-track-btn{padding:8px 16px}} /* ===== 主页留言区（v13：CTA 区下方、