/* ===== AI水产原料雷达 设计令牌 v2 ===== */
:root{
  --bg-page:#0B1220; --bg-card:#111A2E; --bg-inset:#0E1626; --line:rgba(255,255,255,.08);
  --t1:rgba(255,255,255,.92); --t2:rgba(255,255,255,.62); --t3:rgba(255,255,255,.42); --t4:rgba(255,255,255,.28);
  --mackerel:#6EC6FF; --sardine:#FFB74D; --horse:#9EB3A0; --ref:#8A9BB0; --pointer:#FFF;
  --good:#3EC98F; --neutral:#8A9BB0; --caution:#E8A33D; --danger:#E05D5D;
  --fs-hero:30px; --fs-h1:22px; --fs-h2:15px; --fs-h3:13px; --fs-num2:18px;
  --fs-body:13px; --fs-aux:12px; --fs-note:11px; --fs-en:10.5px;
  --sp1:4px; --sp2:8px; --sp3:12px; --sp4:16px; --sp5:20px; --sp6:24px; --sp7:32px;
}
@media(min-width:768px){
  :root{ --fs-hero:36px; --fs-h1:28px; --fs-h2:16px; --fs-h3:14px; --fs-num2:20px; --fs-body:14px; --fs-aux:12.5px; }
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--bg-page); color:var(--t1);
  font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:var(--fs-body); line-height:1.55; font-style:normal;
}
.num, .fs-hero, .fs-num2{font-variant-numeric:tabular-nums}

/* ===== 文字梯队 ===== */
.fs-hero{font-size:var(--fs-hero);font-weight:700;color:var(--t1);line-height:1.15}
.fs-h1{font-size:var(--fs-h1);font-weight:700;color:var(--t1)}
.fs-h2{font-size:var(--fs-h2);font-weight:600;color:var(--t1)}
.fs-h3{font-size:var(--fs-h3);font-weight:600;color:var(--t1)}
.fs-num2{font-size:var(--fs-num2);font-weight:600;color:var(--t1)}
.fs-body{font-size:var(--fs-body);font-weight:400;color:var(--t1)}
.fs-aux{font-size:var(--fs-aux);font-weight:400;color:var(--t2)}
.fs-note{font-size:var(--fs-note);font-weight:400;color:var(--t3)}
.fs-en{font-size:var(--fs-en);font-weight:500;color:var(--t3);text-transform:uppercase;letter-spacing:.08em}

/* ===== 布局骨架 ===== */
.container{max-width:1200px;margin:0 auto;padding:0 var(--sp4)}
.view{display:none;padding-bottom:88px}
.view.on{display:block}
@media(min-width:768px){ .view{padding-bottom:var(--sp7)} }

/* ===== 页头 ===== */
.head{padding:var(--sp5) 0 var(--sp4)}
.head-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp3)}
.brand{display:flex;flex-direction:column;gap:2px}
.brand .sub{margin-top:2px}
.live{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-note);color:var(--good);white-space:nowrap}
.pulse{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 0 rgba(62,201,143,.5);animation:pl 2s infinite}
@keyframes pl{70%{box-shadow:0 0 0 7px rgba(62,201,143,0)}100%{box-shadow:0 0 0 0 rgba(62,201,143,0)}}
.radar{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);position:relative;overflow:hidden;background:var(--bg-inset)}
.radar::before{content:"";position:absolute;inset:0;background:conic-gradient(from 0deg,rgba(110,198,255,.45),transparent 70deg,transparent);animation:sw 3.2s linear infinite}
@keyframes sw{to{transform:rotate(360deg)}}
.powered{font-size:var(--fs-note);color:var(--t4);text-align:right;margin-top:6px}
.poweredby{text-align:right;font-size:14px;font-weight:600;color:rgba(255,255,255,.92);
  padding-top:var(--sp4);letter-spacing:.02em}
.poweredby sup{font-size:.62em;font-weight:400;margin-left:1px}

/* ===== 里程碑条 ===== */
.milestone{display:flex;align-items:stretch;
  background:var(--bg-inset);border:1px solid var(--line);border-radius:10px;
  padding:var(--sp3) 0;margin-bottom:var(--sp5)}
.ms{flex:1;text-align:center;padding:0 4px}
.ms+.ms{border-left:1px solid var(--line)}
.ms-v{display:block;font-size:14px;font-weight:600;color:var(--t1);font-variant-numeric:tabular-nums}
.ms-l{display:block;font-size:var(--fs-note);color:var(--t3);margin-top:3px}

/* ===== 卡片解剖（固定槽位） ===== */
.card{background:var(--bg-card);border:1px solid var(--line);border-radius:12px;
  padding:var(--sp4);margin-bottom:var(--sp5)}
.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp2);margin-bottom:var(--sp3)}
.card-title{display:flex;align-items:baseline;gap:6px}
.card-asof{flex:none}
.card-main{margin-bottom:var(--sp2)}
.card-note{color:var(--t2)}
@media(min-width:768px){ .card{padding:var(--sp5)} }

/* 口径上标编号 */
.sup{display:inline-flex;align-items:center;justify-content:center;min-width:15px;height:15px;
  border-radius:8px;border:1px solid var(--line);color:var(--t3);font-size:9.5px;
  text-decoration:none;vertical-align:super;margin-left:2px;padding:0 3px}
.sup:hover{color:var(--mackerel);border-color:var(--mackerel)}

/* ===== 板块分区标题 ===== */
.zone{margin:var(--sp6) 0 var(--sp3);display:flex;align-items:baseline;gap:var(--sp2);
  border-top:1px solid var(--line);padding-top:var(--sp4)}
.zone .z-no{color:var(--t4);font-size:var(--fs-note);font-weight:600}
.zone .z-en{margin-left:auto}

/* ===== 标签/徽章 ===== */
.chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);
  border-radius:8px;padding:3px 9px;font-size:var(--fs-note);color:var(--t2);white-space:nowrap}
.chip b{color:var(--t1);font-weight:600}
.tag{display:inline-block;border-radius:5px;padding:1px 6px;font-size:var(--fs-note);font-weight:500}
.tag-species{background:rgba(110,198,255,.12);color:var(--mackerel)}
.tag-dest{background:rgba(255,183,77,.12);color:var(--sardine)}
.tag-freight{background:rgba(158,179,160,.14);color:var(--horse)}
.tag-policy{background:rgba(224,93,93,.12);color:var(--danger)}
.tag-dim{opacity:.55}
.arrow-up{color:var(--caution)} .arrow-down{color:var(--good)} .arrow-flat{color:var(--t3)}

/* ===== 三鱼对比条（绝对价 + 近三年位置轨） ===== */
.fishbar{display:flex;flex-direction:column;gap:var(--sp5)}
.fishbar .row2{display:flex;flex-direction:column}
.fishbar .r1{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.fishbar .fname{font-size:var(--fs-aux);color:var(--t2)}
.fishbar .track{height:14px;background:var(--bg-inset);border-radius:7px;overflow:hidden}
.fishbar .fill{height:100%;border-radius:7px}
.fishbar .val{font-size:var(--fs-aux);font-weight:600;color:var(--t1);text-align:right}
.fishbar .val small{color:var(--t3);font-weight:400}
.fishbar .row2.lead .val{color:var(--pointer)}
.fishbar .row2.lead .fname{color:var(--t1)}
.rangetrack{position:relative;height:4px;border-radius:2px;margin-top:7px;
  background:linear-gradient(90deg,rgba(62,201,143,.35),rgba(138,155,176,.25) 50%,rgba(232,163,61,.35))}
.rangetrack .dot{position:absolute;top:50%;width:9px;height:9px;border-radius:50%;
  background:var(--pointer);border:2px solid var(--bg-page);transform:translate(-50%,-50%);
  box-shadow:0 0 4px rgba(255,255,255,.35)}
.rangemeta{display:flex;justify-content:space-between;margin-top:5px;font-size:var(--fs-note);color:var(--t3)}
.rangemeta b{font-weight:600}

/* ===== 采购窗口轨道（与位置轨同一语言，右为有利） ===== */
.pwitrack{position:relative;height:8px;border-radius:4px;
  background:linear-gradient(90deg,rgba(232,163,61,.4),rgba(138,155,176,.3) 50%,rgba(62,201,143,.4))}
.pwidot{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;
  background:var(--pointer);border:2px solid var(--bg-page);transform:translate(-50%,-50%);
  box-shadow:0 0 5px rgba(255,255,255,.4)}
.pwizones{display:flex;margin-top:5px}
.pwizones span{flex:1;text-align:center;font-size:var(--fs-note);color:var(--t3)}
.pwizones span:first-child{text-align:left}
.pwizones span:last-child{text-align:right;color:var(--good)}
.aiblock{border-top:1px solid var(--line);margin-top:var(--sp4);padding-top:var(--sp4)}
.aititle{display:flex;align-items:center;gap:6px;font-size:var(--fs-h3);font-weight:600;
  color:var(--t1);margin-bottom:var(--sp2);letter-spacing:.02em}
.ailist{list-style:none;counter-reset:ai;margin:8px 0 0;padding:0}
.ailist li{counter-increment:ai;position:relative;padding-left:22px;
  font-size:var(--fs-body);color:var(--t2);line-height:1.65;margin-bottom:5px}
.ailist li:last-child{margin-bottom:0}
.ailist li::before{content:counter(ai) ".";position:absolute;left:2px;top:0;
  font-size:var(--fs-aux);font-weight:600;color:var(--mackerel)}
.ailist.small li{font-size:var(--fs-note);color:var(--t3);line-height:1.55;margin-bottom:2px;padding-left:18px}
.ailist.small li::before{font-size:var(--fs-note);color:var(--t3)}

/* ===== 汇率条 ===== */
.fxstrip{display:flex;gap:var(--sp2);overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.fxstrip::-webkit-scrollbar{display:none}
.fxchip{flex:none;display:flex;flex-direction:column;gap:1px;background:var(--bg-inset);
  border:1px solid var(--line);border-radius:9px;padding:7px 12px;min-width:104px}
.fxchip .pair{font-size:var(--fs-note);color:var(--t3)}
.fxchip .cname{font-size:var(--fs-note);color:var(--t2);margin-top:-1px}
.fxchip .rate{font-size:var(--fs-aux);font-weight:600;color:var(--t1)}
.fxchip .chg{font-size:var(--fs-note)}

/* ===== 新闻行 ===== */
.newsrow{display:flex;flex-direction:column;gap:4px;padding:var(--sp3) 0;border-top:1px solid var(--line)}
.newsrow:first-child{border-top:none;padding-top:0}
.newsrow .nt{color:var(--t1)}
.newsrow .nm{display:flex;gap:var(--sp2);align-items:center;flex-wrap:wrap}

/* ===== 时间轴 ===== */
.tl{position:relative;padding-left:18px}
.tl::before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:1px;background:var(--line)}
.tl .ev{position:relative;padding:0 0 var(--sp4) var(--sp3)}
.tl .ev::before{content:"";position:absolute;left:-17px;top:6px;width:7px;height:7px;border-radius:50%;background:var(--ref)}
.tl .ev .ed{font-size:var(--fs-note);color:var(--t3)}

/* ===== 小矩阵表 ===== */
.kv{display:grid;grid-template-columns:auto 1fr auto;gap:6px var(--sp3);align-items:baseline}
.kv .k{color:var(--t2);font-size:var(--fs-aux)}
.kv .v{color:var(--t1);font-size:var(--fs-aux);font-weight:600;text-align:right}

/* ===== 图表容器 ===== */
.chart{width:100%;height:230px}
@media(min-width:768px){ .chart{height:310px} }
.chart-note{display:flex;justify-content:space-between;align-items:baseline;margin-top:var(--sp2)}

/* ===== 切换器 ===== */
.seg{display:inline-flex;background:var(--bg-inset);border:1px solid var(--line);border-radius:9px;padding:2px;gap:2px}
.seg button{border:none;background:transparent;color:var(--t3);font-size:var(--fs-note);
  padding:5px 12px;border-radius:7px;cursor:pointer;font-family:inherit;min-height:32px}
.seg button.on{background:var(--bg-card);color:var(--t1);font-weight:600}

/* ===== 网格（桌面双列） ===== */
.grid{display:grid;grid-template-columns:1fr;gap:0}
@media(min-width:768px){
  .grid.g2{grid-template-columns:1fr 1fr;gap:var(--sp5)}
  .grid.g3{grid-template-columns:1fr 1fr 1fr;gap:var(--sp5)}
  .grid .card{margin-bottom:0}
  .grid + .grid{margin-top:var(--sp5)}
}

/* ===== 导航 ===== */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;
  background:rgba(11,18,32,.94);backdrop-filter:blur(10px);border-top:1px solid var(--line)}
.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;
  padding:9px 0 10px;color:var(--t3);text-decoration:none;font-size:var(--fs-note);min-height:44px}
.tabbar a.on{color:var(--mackerel)}
.tabbar svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.topnav{display:none}
@media(min-width:768px){
  .tabbar{display:none}
  .topnav{display:flex;gap:var(--sp2);border-bottom:1px solid var(--line);
    position:sticky;top:0;background:rgba(11,18,32,.94);backdrop-filter:blur(10px);z-index:50}
  .topnav a{padding:12px 18px;color:var(--t3);text-decoration:none;font-size:var(--fs-aux);border-bottom:2px solid transparent;min-height:44px}
  .topnav a.on{color:var(--t1);border-bottom-color:var(--mackerel);font-weight:600}
}

/* ===== 页脚 ===== */
.foot{border-top:1px solid var(--line);padding:var(--sp4) 0;margin-top:var(--sp5);
  display:flex;justify-content:space-between;align-items:center;gap:var(--sp3)}
.foot a{color:var(--t3);text-decoration:none;font-size:var(--fs-note)}
.foot a:hover{color:var(--mackerel)}
.slogan{text-align:center;color:var(--t3);font-size:var(--fs-note);letter-spacing:.5em;text-indent:.5em;
  padding:var(--sp4) 0 var(--sp3);opacity:.85}

/* ===== 表单 ===== */
.frow{margin-bottom:var(--sp3)}
.flabel{display:block;font-size:var(--fs-note);color:var(--t2);margin-bottom:4px}
.finput{width:100%;box-sizing:border-box;background:var(--bg-inset);border:1px solid var(--line);
  border-radius:8px;padding:10px 12px;color:var(--t1);font-size:var(--fs-body);font-family:inherit}
.finput::placeholder{color:var(--t3)}
.finput:focus{outline:none;border-color:var(--mackerel)}
textarea.finput{min-height:96px;resize:vertical}
.qrbox{width:180px;height:180px;margin:6px auto 0;border:1.5px dashed var(--line);border-radius:12px;
  display:flex;align-items:center;justify-content:center;color:var(--t3);font-size:var(--fs-note)}
.qrimg{display:block;margin:var(--sp5) auto 0;width:min(64vw,280px);border-radius:12px}

/* ===== 授权门 ===== */
.gate{max-width:400px;margin:0 auto;padding:64px 0 var(--sp5)}
body.gate .tabbar,body.gate .topnav{display:none}

/* ===== 报告排版 ===== */
.report h3{margin:var(--sp4) 0 var(--sp2)}
.report p{margin-bottom:var(--sp2);color:var(--t2)}
.report p.lead{color:var(--t1)}
.report .rfoot{margin-top:var(--sp4);padding-top:var(--sp3);border-top:1px solid var(--line)}
details{border:1px solid var(--line);border-radius:10px;background:var(--bg-inset)}
summary{cursor:pointer;padding:var(--sp3) var(--sp4);color:var(--t2);font-size:var(--fs-aux);min-height:44px}
details .inner{padding:0 var(--sp4) var(--sp4)}
.arch-row{display:flex;justify-content:space-between;gap:var(--sp3);padding:7px 0;border-top:1px solid var(--line);font-size:var(--fs-aux)}
.arch-row:first-child{border-top:none}
.arch-row .d{color:var(--t1);font-weight:600;flex:none}
.arch-row .s{color:var(--t3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 统计行：左列定宽成格，中列跨行对齐（竞争烈度/同行出口） */
.statrows .arch-row{display:grid;grid-template-columns:5em 1fr auto}

/* 注册表 */
.reg-row{display:grid;grid-template-columns:26px 1fr;gap:var(--sp3);padding:var(--sp3) 0;border-top:1px solid var(--line)}
.reg-row:first-child{border-top:none}
.reg-no{color:var(--t3);font-weight:600}
.reg-name{color:var(--t1);font-weight:600;font-size:var(--fs-aux)}
.reg-meta{color:var(--t3);font-size:var(--fs-note);margin-top:2px}
.reg-body{color:var(--t2);font-size:var(--fs-aux);margin-top:3px}
.rolebadge{display:inline-block;border-radius:5px;padding:0 6px;font-size:var(--fs-note);margin-left:6px;
  background:rgba(110,198,255,.1);color:var(--mackerel)}

/* 跳转链接 */
.golink{display:inline-flex;align-items:center;gap:4px;color:var(--mackerel);font-size:var(--fs-aux);
  text-decoration:none;margin-top:var(--sp2)}
.golink:hover{text-decoration:underline}

/* CTA */
.cta{display:flex;flex-direction:column;gap:var(--sp3)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  border-radius:10px;background:var(--mackerel);color:#0B1220;font-weight:600;font-size:var(--fs-body);
  text-decoration:none;padding:0 var(--sp5);border:none;cursor:pointer;font-family:inherit}
.cta .btn.ghost,.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--t1)}

.hr{height:1px;background:var(--line);margin:var(--sp4) 0}
.empty{color:var(--t3);text-align:center;padding:var(--sp5) 0}

/* 转化条 / 复选 / 转发图 */
.ctabar{display:flex;justify-content:space-between;align-items:center;gap:var(--sp3);
  border:1px solid rgba(110,198,255,.35);background:rgba(110,198,255,.07);border-radius:12px;
  padding:14px var(--sp4);margin-bottom:var(--sp5);text-decoration:none;color:var(--t1);
  font-size:var(--fs-body);font-weight:600}
.ctabar .num{color:var(--mackerel);font-weight:500;font-size:var(--fs-aux)}
.checks{display:flex;gap:var(--sp4);flex-wrap:wrap}
.checks label{display:flex;align-items:center;gap:6px;font-size:var(--fs-aux);color:var(--t2)}
.checks input{accent-color:var(--mackerel);width:15px;height:15px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.shareov{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:99;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:12px;padding:24px}
.shareov img{max-width:100%;max-height:78vh;border-radius:12px}

/* ===== 服务内容与资费页 ===== */
.svc{padding:10px 0;border-bottom:1px solid var(--line)}
.svc:last-of-type{border-bottom:none;padding-bottom:2px}
.svc-t{border-left:2px solid var(--mackerel);padding-left:10px}
.hl-band{margin-top:12px;background:rgba(110,198,255,.08);border:1px solid rgba(110,198,255,.22);border-radius:10px;padding:10px 12px;font-size:var(--fs-aux);color:var(--t1);line-height:1.6}
.hl-band b{color:var(--mackerel)}
.p-table{width:100%;border-collapse:collapse;font-size:var(--fs-body)}
.p-table th{font-size:var(--fs-note);color:var(--t3);font-weight:400;text-align:left;padding:0 0 6px;border-bottom:1px solid var(--line)}
.p-table td{padding:9px 0;border-bottom:1px solid var(--line);color:var(--t1)}
.p-table tr:last-child td{border-bottom:none}
.p-table th:last-child,.p-table td.p-price{text-align:right}
.p-price{font-weight:700;color:var(--mackerel);font-variant-numeric:tabular-nums;white-space:nowrap}
.p-price span{font-size:var(--fs-note);color:var(--t3);font-weight:400}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:var(--fs-aux);color:var(--t2);background:var(--bg-inset)}

/* ===== 源健康自检灯 ===== */
.hdot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;flex:none;align-self:center}
.h-ok{background:#34d399;box-shadow:0 0 5px rgba(52,211,153,.45)}
.h-fail{background:#f87171;box-shadow:0 0 6px rgba(248,113,113,.6)}
.h-unknown{background:var(--t3)}

/* 关于我们 · 公司介绍 */
.about-p{margin:0;line-height:1.9}
.about-rows{margin-top:var(--sp4);border-top:1px solid rgba(255,255,255,.08);padding-top:var(--sp3);display:flex;flex-direction:column;gap:var(--sp2)}
.about-row{display:flex;gap:var(--sp3);align-items:baseline}
.about-k{flex:none;color:var(--t3);font-size:13px}
.about-v{color:var(--t1);font-size:14px;font-weight:600}