/* ===== longye.vip 产品门户专属组件（叠加于 vip.css 主站基础样式之上） ===== */

/* 导航内“产品门户”角标 */
.portal-tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;margin-left:8px;border-radius:6px;background:rgba(255,255,255,.16);color:#fff;font-size:12px;font-weight:600;letter-spacing:1px;vertical-align:middle;white-space:nowrap}
.site-header.scrolled .portal-tag{background:rgba(28,140,131,.12);color:var(--jade-d)}
.nav .ext{position:relative}
.nav .ext::after{content:"↗";font-size:11px;margin-left:3px;opacity:.7}

/* 跨站关系提示条（普通文档流，位于 hero 下） */
.cross-strip{background:var(--ink);color:#fff;padding:15px 0;font-size:14px}
.cross-strip .wrap{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cross-strip b{color:var(--gold-l);font-weight:600}
.cross-strip a{display:inline-flex;align-items:center;min-height:44px;color:var(--gold-l);font-weight:600;border-bottom:1px solid rgba(232,201,140,.55);white-space:nowrap}
/* 浅底区块中的专利/合规提示用深色字（主站 patent-note 默认按深底配色） */
.section:not(.ink) .patent-note{color:var(--t2)}
.section:not(.ink) .patent-note b{color:var(--jade-d)}

/* 四大场景卡 */
.scene-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.scene-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease);display:flex;flex-direction:column;gap:13px}
.scene-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.scene-ic{width:52px;height:52px;border-radius:13px;background:var(--jade-l);color:var(--jade-d);display:flex;align-items:center;justify-content:center}
.scene-ic svg{width:27px;height:27px}
.scene-card h3{font-size:20px}
.scene-card .pain{color:var(--t2);font-size:14.5px}
.scene-card .pain b{color:var(--flame-d);font-weight:600}
.scene-card .fit{font-size:14px;color:var(--t2);border-top:1px dashed var(--line);padding-top:13px;margin-top:auto}
.scene-card .fit a{color:var(--jade-d);font-weight:600}
.scene-card .scene-cta{margin-top:2px}

/* 技术参数合规表 */
.spec-wrap{overflow-x:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--line);background:#fff}
table.spec-table{width:100%;border-collapse:collapse;min-width:580px;background:#fff}
.spec-table th,.spec-table td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line);font-size:14.5px;vertical-align:top}
.spec-table thead th{background:var(--ink);color:#fff;font-weight:600;font-size:14px;letter-spacing:.5px}
.spec-table tbody tr:last-child td{border-bottom:none}
.spec-table td:first-child{font-weight:600;white-space:nowrap}
.spec-table .num{color:var(--jade-d);font-weight:700;white-space:nowrap}
.spec-note{font-size:13px;color:var(--t3);margin-top:14px;line-height:1.8}

/* 服务交付流程 */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 18px;text-align:center}
.step .n{width:44px;height:44px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,var(--jade),var(--jade-d));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}
.step h3{font-size:16px;margin-bottom:6px}
.step p{font-size:13.5px;color:var(--t2);line-height:1.7}

/* 信任徽章 */
.trust-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
.tb{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.tb svg{width:26px;height:26px;color:var(--jade-d);flex:0 0 26px}
.tb b{display:block;font-size:15px;margin-bottom:3px}
.tb span{font-size:13px;color:var(--t2);line-height:1.6}

/* 门户 hero 略矮，区别于主站全屏 */
.portal-hero{min-height:88vh}

@media(max-width:1024px){
  .scene-grid{gap:18px}
  .steps{grid-template-columns:repeat(3,1fr)}
  .trust-badges{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .scene-grid{grid-template-columns:1fr}
  .scene-card{padding:24px}
  .steps{grid-template-columns:repeat(2,1fr);gap:12px}
  .trust-badges{grid-template-columns:1fr}
  .cross-strip{font-size:13px}
  .portal-tag{height:20px;font-size:11px;padding:0 7px;margin-left:6px}
}

/* ===== 内页页头 ===== */
.page-head{position:relative;padding:168px 0 64px;background:linear-gradient(135deg,#10261f,#0d1b18 62%,#16211f);color:#fff;overflow:hidden}
.page-head::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(28,140,131,.26),transparent 55%);pointer-events:none}
.page-head .wrap{position:relative}
.crumb{font-size:13px;color:rgba(255,255,255,.62);margin-bottom:18px}
.crumb a{color:rgba(255,255,255,.8)}
.crumb a:hover{color:var(--gold-l)}
.crumb .sep{margin:0 8px;opacity:.5}
.page-head h1{font-size:42px;line-height:1.22;margin-bottom:14px}
.page-head .lead{max-width:780px;color:rgba(255,255,255,.8);font-size:16px;line-height:1.85}
@media (max-width:760px){.page-head{padding:120px 0 44px}.page-head h1{font-size:28px}.page-head .lead{font-size:14.5px}}

/* 产品详情行 */
.prod-row{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;margin-bottom:96px}
.prod-row.reverse .prod-media{order:2}
.prod-media{border-radius:18px;overflow:hidden;box-shadow:0 18px 44px rgba(13,27,24,.12);background:var(--mist)}
.prod-media img{display:block;width:100%;height:384px;object-fit:cover}
.prod-media.svg-media{display:flex;align-items:center;justify-content:center;min-height:384px;background:linear-gradient(135deg,#eef4f2,#dfecea)}
.prod-media.svg-media svg{width:150px;height:150px;color:var(--jade)}
.prod-info .prod-kicker{display:flex;align-items:center;gap:10px;color:var(--jade-d);font-weight:700;font-size:13px;letter-spacing:.12em;margin-bottom:12px}
.prod-info .prod-kicker .no{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--jade-l);color:var(--jade-d);font-size:14px;letter-spacing:0}
.prod-info h2{font-size:29px;line-height:1.3;margin-bottom:14px}
.prod-info .lead{color:var(--t2);font-size:15.5px;line-height:1.9;margin-bottom:20px}
.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px;margin-bottom:22px}
.feat{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.6;color:var(--t1)}
.feat svg{flex:0 0 18px;width:18px;height:18px;color:var(--jade);margin-top:2px}
.prod-foot .fit{font-size:13.5px;color:var(--t3);line-height:1.8;margin-bottom:14px}
.prod-foot .fit a,.scene-card .fit a{display:inline-block;margin:4px 6px 4px 0;padding:8px 13px;border-radius:999px;background:var(--jade-l);color:var(--jade-d);font-weight:600;font-size:13px;line-height:1.3}
.prod-note{font-size:12.5px;color:var(--t3);line-height:1.8;border-left:3px solid var(--gold);padding-left:12px;margin-top:6px}
@media (max-width:860px){.prod-row{grid-template-columns:1fr;gap:24px;margin-bottom:64px}.prod-row.reverse .prod-media{order:0}.prod-media img{height:238px}.prod-media.svg-media{min-height:220px}.prod-media.svg-media svg{width:96px;height:96px}.feat-grid{grid-template-columns:1fr}.prod-info h2{font-size:22px}}

/* 深色产品块（安全硬件盒） */
.prod-dark{border-radius:22px;padding:62px;margin:0 0 96px;background:linear-gradient(135deg,#16211f,#10261f);color:#fff;display:grid;grid-template-columns:.82fr 1.18fr;gap:48px;align-items:center}
.prod-dark .pd-ic{display:flex;align-items:center;justify-content:center}
.prod-dark .pd-ic svg{width:168px;height:168px;color:var(--gold-l)}
.prod-dark .prod-kicker{color:var(--gold-l)}
.prod-dark h2{color:#fff;font-size:28px;line-height:1.3;margin:10px 0 14px}
.prod-dark .lead{color:rgba(255,255,255,.82);font-size:15.5px;line-height:1.9;margin-bottom:20px}
.prod-dark .feat{color:rgba(255,255,255,.92)}
.prod-dark .feat svg{color:var(--gold-l)}
.prod-dark .prod-note{color:rgba(255,255,255,.66);border-left-color:var(--gold-l)}
@media (max-width:860px){.prod-dark{grid-template-columns:1fr;padding:34px 24px;gap:24px}.prod-dark .pd-ic svg{width:104px;height:104px}.prod-dark h2{font-size:22px}}

/* 场景痛点提示条 */
.pain-line{background:#fdf1e8;border-left:3px solid var(--flame);border-radius:0 10px 10px 0;padding:13px 16px;font-size:14px;color:var(--t2);line-height:1.8;margin-bottom:20px}
.pain-line b{color:var(--flame-d);font-weight:700}

/* 技术架构层级卡 */
.layer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.layer-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--jade);border-radius:var(--radius);padding:22px 18px}
.layer-card .ln{font-size:13px;color:var(--jade-d);font-weight:700;letter-spacing:.1em;margin-bottom:8px}
.layer-card h3{font-size:16px;margin-bottom:8px}
.layer-card p{font-size:13px;color:var(--t2);line-height:1.7}
@media (max-width:1024px){.layer-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.layer-grid{grid-template-columns:1fr}}

/* 服务流程纵向时间线 */
.flow{display:grid;grid-template-columns:1fr;gap:18px;counter-reset:flow}
.flow-item{display:grid;grid-template-columns:64px 1fr;gap:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px 28px;box-shadow:var(--shadow-sm)}
.flow-item .fn{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--jade),var(--jade-d));color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}
.flow-item h3{font-size:19px;margin-bottom:8px}
.flow-item p{font-size:14.5px;color:var(--t2);line-height:1.85;margin-bottom:10px}
.flow-item .deliver{font-size:13px;color:var(--jade-d);font-weight:600}
.flow-item .deliver span{display:inline-block;background:var(--jade-l);border-radius:999px;padding:5px 12px;margin:4px 6px 0 0;font-weight:600}
@media (max-width:600px){.flow-item{grid-template-columns:48px 1fr;gap:14px;padding:20px}.flow-item .fn{width:44px;height:44px;font-size:17px}}

/* 内页锚点偏移（fixed header） */
.prod-anchor{scroll-margin-top:96px}
@media (max-width:760px){.prod-anchor{scroll-margin-top:78px}}