/* ===== 详情页与首页风格统一:居中红白logo + 红点鼠标跟随 ===== */
/* 页眉满宽 + 正文全宽左对齐,左边缘统一 clamp(24,5vw,80)=80(与首页各版块一致) */
.navbar .container{position:relative;max-width:none !important;padding:0 clamp(24px,5vw,80px) !important}
/* 详情页不需要汉堡菜单(移动端与居中logo重叠;导航靠logo回首页+页脚链接) */
.navbar .nav-toggle{display:none !important}
/* 回到顶部按钮 */
.rh-totop{position:fixed;right:26px;bottom:26px;width:48px;height:48px;border-radius:10px;background:rgba(237,35,74,.9);color:#fff;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s,transform .3s,background .2s;z-index:90;box-shadow:0 8px 24px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.rh-totop.on{opacity:1;visibility:visible;transform:none}
.rh-totop:hover{background:#ed234a}
.rh-totop svg{width:22px;height:22px}
@media(max-width:768px){.rh-totop{right:16px;bottom:16px;width:44px;height:44px}}
/* 详情页正文/页尾:全宽、左对齐、左边缘80(与页眉、首页版块对齐) */
.container{max-width:none !important;margin-left:0 !important;margin-right:0 !important;padding-left:clamp(24px,5vw,80px) !important;padding-right:clamp(24px,5vw,80px) !important}
/* 产品图文2列限宽,避免超宽屏过度拉伸 */
.pd{max-width:1560px}
/* 新闻文章:两栏版式(文字左 + 大图右,同一容器 .a-cols;标题/日期在上,返回在下) */
.article{max-width:none !important;margin-left:0 !important;margin-right:0 !important}
.article .a-date{font-size:13px !important;letter-spacing:.18em !important;color:#ed234a !important;margin-bottom:2px}
.article h1{font-size:clamp(26px,2.8vw,38px) !important;line-height:1.28 !important;margin:10px 0 24px !important;color:#fff !important}
/* 两栏:左=日期+标题+正文,右=大图;等高(stretch)+顶部对齐,图 cover 撑满=文字高度 */
.article .a-cols{display:flex;gap:clamp(36px,3.6vw,64px);align-items:flex-start}
.article .a-text{flex:1 1 0;min-width:0}
.article .a-figure{flex:1 1 0;min-width:0;margin:0}
.article .a-figure img{width:100%;height:auto;display:block;border:1px solid rgba(255,255,255,.1);border-radius:6px}
.article p{color:#c3cdd6 !important;font-size:16.5px !important;line-height:2 !important;margin-bottom:20px !important}
.article .a-text p:last-child{margin-bottom:0 !important}
.article p a{color:#ed234a}
.article .btn{margin-top:30px}
@media(max-width:820px){.article .a-cols{flex-direction:column;gap:22px}.article .a-figure{flex:none;width:100%;order:-1}}
.brand{position:absolute !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%);margin:0 !important;z-index:5}
.brand img{height:38px !important;width:auto !important}
.brand .brand-txt{display:none !important}
.nav-links{margin-left:auto}
@media(max-width:860px){.brand img{height:28px !important}}

/* 详情页 .reveal 滚动动画元素强制可见(观察器在移动端/截图不触发会留黑块) */
.reveal{opacity:1 !important;transform:none !important}

/* 红点光标(与首页 v13 一致) */
#rh-cursor{position:fixed;left:0;top:0;width:10px;height:10px;border-radius:50%;background:#ed234a;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);opacity:0}
@media(hover:none),(pointer:coarse){#rh-cursor{display:none}}

/* ===== 页眉左侧:公司全称 + 旺潮 logo(与首页一致) ===== */
.navbar .rh-corp{display:flex;align-items:center;gap:14px;z-index:6}
.rh-corp .rh-corp-name{color:#fff;font-size:15px;font-weight:600;letter-spacing:.06em;white-space:nowrap}
.rh-corp .rh-corp-div{width:1px;height:22px;background:rgba(255,255,255,.4)}
.rh-corp img{height:34px;width:auto;display:block}
@media(max-width:860px){.rh-corp .rh-corp-name,.rh-corp .rh-corp-div{display:none}.rh-corp img{height:26px}}

/* ===== 页尾:与首页"联系我们"区一致 ===== */
.pdf-foot{background:#0a0c0e;color:#fff;border-top:1px solid rgba(255,255,255,.06)}
/* 与首页"联系我们"区完全一致:满宽,横向 padding clamp(24,5vw,80),无最大宽限制(内容离边缘同首页) */
.pdf-foot-inner{max-width:none;margin:0;padding:clamp(56px,8vh,110px) clamp(24px,5vw,80px) clamp(40px,5vh,64px)}
.pdf-bottom{padding-left:clamp(24px,5vw,80px);padding-right:clamp(24px,5vw,80px)}
.pdf-k{font-size:13px;letter-spacing:.3em;color:#ed234a;text-transform:uppercase;margin-bottom:18px}
.pdf-k::before{content:'— '}
.pdf-h{font-family:'Bebas Neue','Oswald',sans-serif;font-size:clamp(34px,5vw,64px);font-weight:700;line-height:1.05;margin:0 0 20px}
.pdf-intro{color:#a3b1c0;max-width:560px;line-height:1.9;font-size:15px;margin:0 0 clamp(40px,5vh,64px)}
.pdf-grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,5vw,80px);align-items:start}
.pdf-info{display:flex;flex-direction:column;gap:clamp(20px,3vh,32px)}
.pdf-cap{font-size:12px;letter-spacing:.2em;color:#8a97a3;text-transform:uppercase;margin-bottom:8px}
.pdf-val{color:#e7edf2;line-height:1.7;font-size:15px}
.pdf-val a{color:#e7edf2;text-decoration:none}
.pdf-qr{width:100%;max-width:360px;border-radius:6px;display:block}
.pdf-form{display:flex;flex-direction:column;gap:18px}
.pdf-frow{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pdf-form input,.pdf-form textarea{background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.18);padding:14px 2px;color:#fff;font-size:15px;font-family:inherit;outline:none;width:100%}
.pdf-form input::placeholder,.pdf-form textarea::placeholder{color:#6b7884}
.pdf-form input:focus,.pdf-form textarea:focus{border-color:#ed234a}
.pdf-form button{align-self:flex-start;margin-top:8px;background:#ed234a;color:#fff;border:0;padding:16px 40px;font-size:15px;letter-spacing:.1em;cursor:pointer}
.pdf-bottom{border-top:1px solid rgba(255,255,255,.06);padding:clamp(20px,3vh,32px) clamp(24px,5vw,80px);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;color:#a3b1c0;font-size:13px;letter-spacing:.06em}
.pdf-bottom .pdf-brand{font-family:'Bebas Neue','Oswald',sans-serif;font-size:clamp(16px,1.8vw,20px);color:#fff;letter-spacing:.08em}
/* 底栏品牌字与首页一致(RONGHAI SEAFOOD) */
.f-bottom .f-brandmark{font-family:'Bebas Neue','Oswald',sans-serif;font-size:clamp(16px,1.8vw,20px);color:#fff;letter-spacing:.08em}
@media(max-width:860px){.pdf-grid{grid-template-columns:1fr;gap:36px}.pdf-frow{grid-template-columns:1fr}}

/* ===== 与首页统一:主色红 / 区块标题 Bebas700 / 导航 Oswald大写(仅产品详情页加载,不影响首页与其它静态页) ===== */
:root{--acc:#ed234a;--acc-d:#c91d3e;--blue:#ed234a;--blue-l:#f2536e;--accent:#ed234a}
*::selection{background:#ed234a !important;color:#fff !important}
*::-moz-selection{background:#ed234a !important;color:#fff !important}
.sec-head h2{font-family:'Bebas Neue','Oswald','Noto Sans SC',sans-serif;font-weight:700}
.nav-links>li>a{font-family:'Oswald','Noto Sans SC',sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}
.rh-corp .rh-corp-name{font-size:17.5px;font-family:'Oswald','Noto Sans SC',sans-serif;text-transform:uppercase}
.rh-corp .rh-corp-div{height:24px}
/* EN 切换按钮(与首页一致:红框红字 Oswald) */
.rh-en-toggle{margin-left:16px;border:1px solid rgba(237,35,74,.4);color:#ed234a;background:none;font-family:'Oswald','Noto Sans SC',sans-serif;font-size:12px;font-weight:500;letter-spacing:.6px;padding:6px 14px;text-transform:uppercase;transition:.2s;display:inline-block;white-space:nowrap}
.rh-en-toggle:hover{background:#ed234a;color:#fff;border-color:#ed234a}

/* ===== 详情页标题体系统一为「关于荣海」基准:标题56/Bebas/w700 · kicker 13/w500/mb24 · 正文16/lh1.75 ===== */
.page-hero .ph-t{font-family:'Bebas Neue','Oswald','Noto Sans SC',sans-serif !important;font-size:clamp(34px,4.4vw,56px) !important;font-weight:700 !important;line-height:1.1 !important;letter-spacing:-.03em !important}
.sec-head .kicker{font-family:'Oswald','Noto Sans SC',sans-serif !important;font-size:13px !important;font-weight:500 !important;letter-spacing:.05em !important;color:#ed234a !important;margin-bottom:24px !important}
.sec-head h2{font-family:'Bebas Neue','Oswald','Noto Sans SC',sans-serif !important;font-size:clamp(34px,4.4vw,56px) !important;font-weight:700 !important;line-height:1.1 !important;letter-spacing:-.03em !important}
.cta-band h2{font-family:'Bebas Neue','Oswald','Noto Sans SC',sans-serif !important;font-size:clamp(34px,4.4vw,56px) !important;font-weight:700 !important;line-height:1.1 !important;letter-spacing:-.03em !important}
.cta-band p{font-size:16px !important;line-height:1.75 !important;color:#a3b1c0 !important}

/* ===== 详情页公共照片模块:捕捞与加工 / 包装与运输 ===== */
.pd-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pd-gal figure{margin:0;overflow:hidden;aspect-ratio:4/3;background:#0e1216;border-radius:4px}
.pd-gal img{width:100%;height:100%;object-fit:cover;transition:transform .55s}
.pd-gal figure:hover img{transform:scale(1.05)}
.pd-gal-sec .sec-head+ .pd-gal{margin-top:4px}
@media(max-width:768px){.pd-gal{grid-template-columns:repeat(2,1fr);gap:10px}}