/* 农业超级大脑 · 农业大脑系列内页公共样式 */
html { scroll-behavior: smooth; }

/* 页面横幅 */
.page-hero { position: relative; overflow: hidden; color: #fff; background: linear-gradient(120deg,#071d3a 0%,#0e3f7e 46%,#0c2f66 100%); padding: 72px 0 82px; margin: 15px 16px 0; border-radius: 16px; }
.page-hero .container { position: relative; z-index: 2; }
.page-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(620px 320px at 86% 8%,rgba(63,143,255,0.38),transparent 62%), radial-gradient(560px 340px at 8% 108%,rgba(26,92,255,0.26),transparent 64%); }
.page-hero::after { content: ""; position: absolute; right: -70px; top: -60px; width: 360px; height: 360px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 0 0 46px rgba(255,255,255,0.05), 0 0 0 92px rgba(255,255,255,0.03); pointer-events: none; }
.hero-dots { position: absolute; right: 56px; bottom: 40px; width: 240px; height: 120px; background-image: radial-gradient(rgba(255,255,255,0.30) 1.3px, transparent 1.4px); background-size: 16px 16px; opacity: .55; pointer-events: none; z-index: 1; }
.breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 13px; color: rgba(255,255,255,0.72); margin-bottom: 20px; }
.breadcrumb a { color: rgba(255,255,255,0.72); transition: color .2s; }
.breadcrumb a:hover { color: #fff; }
.breadcrumb .sep { opacity: .5; }
.page-hero h1 { font-size: 44px; font-weight: 800; line-height: 1.28; margin-bottom: 18px; }
.page-hero p { font-size: 17px; color: rgba(255,255,255,0.9); max-width: 700px; line-height: 1.75; }

/* 通用区块 */
.block { padding: 72px 0; scroll-margin-top: 90px; }
.block-white { background: #fff; }
.block-gray { background: var(--background); }
.block-head { max-width: 780px; margin-bottom: 36px; }
.block-head .section-title { margin-top: 8px; margin-bottom: 14px; }
.block-desc { color: var(--muted); font-size: 16px; }
.sec-lead { color: var(--muted); font-size: 16px; line-height: 1.9; max-width: 980px; margin-bottom: 30px; }
.sec-lead strong { color: var(--dark); font-weight: 600; }

/* 标签 */
.ab-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 28px; }
.ab-chips span { background: #E8F0FB; color: #004A8F; font-size: 13.5px; font-weight: 600; padding: 7px 15px; border-radius: 20px; }

/* 卡片 */
.ab-card-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; }
.ab-card { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 26px 28px; box-shadow: var(--shadow); }
.block-white .ab-card { background: #F7F9FC; box-shadow: none; }
.ab-card--wide { grid-column: 1 / -1; }
.ab-card .ic { width: 42px; height: 42px; border-radius: 13px; background: #E8F0FB; color: #004A8F; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 800; margin-bottom: 16px; }
.ab-card h3 { font-size: 16.5px; margin-bottom: 12px; color: #004A8F; line-height: 1.5; }
.ab-card p { color: var(--muted); font-size: 14.5px; line-height: 1.8; }
.ab-card ul { list-style: none; margin-top: 4px; }
.ab-card li { position: relative; padding-left: 16px; color: var(--muted); font-size: 14.5px; line-height: 1.8; margin-bottom: 9px; }
.ab-card li:last-child { margin-bottom: 0; }
.ab-card li::before { content: ""; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; border-radius: 50%; background: #004A8F; }
.ab-card li strong, .ab-card p strong { color: var(--dark); font-weight: 600; }

/* 指标 */
.ab-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 30px; }
.ab-metric { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 26px 28px; box-shadow: var(--shadow); }
.block-white .ab-metric { background: #F7F9FC; box-shadow: none; }
.ab-metric .num { font-size: 30px; font-weight: 800; color: #004A8F; line-height: 1.2; letter-spacing: .5px; }
.ab-metric .lab { display: block; color: var(--muted); font-size: 14px; margin-top: 10px; line-height: 1.7; }

/* 流程 */
.ab-flow { display: grid; grid-template-columns: repeat(auto-fit,minmax(178px,1fr)); gap: 14px; margin-bottom: 34px; }
.ab-flow-item { background: #F7F9FC; border: 1px solid var(--border); border-radius: var(--radius); padding: 18px 20px; }
.ab-flow-item .n { font-size: 12px; font-weight: 800; letter-spacing: 1.5px; color: #004A8F; }
.ab-flow-item h4 { font-size: 15px; margin: 8px 0 6px; }
.ab-flow-item p { color: var(--muted); font-size: 13.5px; line-height: 1.7; }

/* 相关能力 */
.ab-related { background: #F7F9FC; border-top: 1px solid var(--border); padding: 46px 0 50px; }
.ab-related h3 { font-size: 17px; margin-bottom: 6px; }
.ab-related .sub { color: var(--muted); font-size: 14px; margin-bottom: 20px; }
.ab-related-grid { display: flex; flex-wrap: wrap; gap: 10px; }
.ab-related-grid a { display: inline-block; background: #fff; border: 1px solid var(--border); border-radius: 24px; padding: 10px 20px; font-size: 14px; font-weight: 600; color: var(--dark); white-space: nowrap; transition: border-color .22s ease, color .22s ease, background .22s ease, transform .22s ease; }
.ab-related-grid a:hover { border-color: #004A8F; color: #004A8F; background: #F4F8FE; transform: translateY(-1px); }
.ab-related-grid a::after { content: "›"; margin-left: 8px; color: #9cc0ec; font-weight: 700; }
.ab-related-grid a:hover::after { color: #004A8F; }

@media (max-width: 960px) {
    .page-hero h1 { font-size: 34px; }
    .ab-metrics { grid-template-columns: repeat(2,1fr); }
    .hero-dots, .page-hero::after { display: none; }
}
@media (max-width: 720px) {
    .ab-card-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .block { padding: 54px 0; }
    .page-hero { padding: 54px 0 60px; }
    .ab-metrics { grid-template-columns: 1fr; }
}
/* 功能切换：十大功能网格（5 列 x 2 行） */
.fx-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 14px; }
.fx-item { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 20px 16px; text-align: center; }
.block-white .fx-item { background: #F7F9FC; }
.fx-item .n { font-size: 12px; font-weight: 800; letter-spacing: 1.4px; color: #004A8F; }
.fx-item h4 { font-size: 15.5px; margin: 8px 0 6px; color: var(--dark); }
.fx-item p { color: var(--muted); font-size: 13px; line-height: 1.65; margin: 0; }
@media (max-width: 960px) { .fx-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 640px) { .fx-grid { grid-template-columns: 1fr; } }

/* 页面实拍图带（2026-10-15 新增）
   为内页补充真实作业实拍，解决"子页面缺图、观感偏空"的问题。
   视觉与首页 hero 的悬浮卡片同源：圆角 16px + 深投影，浅底深底均协调。
   源图 1206×678（16:9），两列并排时单图宽约 578px → 缩小显示，天然锐利不糊。 */
.shot-band { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin: 0 0 40px; }
.shot-band figure { margin: 0; }
.shot-band img { width: 100%; display: block; border-radius: 16px;
    box-shadow: 0 14px 34px rgba(16,24,40,.13), 0 2px 6px rgba(16,24,40,.07); }
.shot-band figcaption { margin-top: 12px; font-size: 13.5px; color: var(--muted); line-height: 1.7; }
.shot-band--single { grid-template-columns: 1fr; }
.shot-band--three { grid-template-columns: repeat(3, 1fr); gap: 18px; }
/* 单图居中：4:3 高图满宽时过高（1180×885），限宽 880px 居中陈列 */
.shot-band--one { grid-template-columns: 1fr; max-width: 880px; margin-left: auto; margin-right: auto; }
@media (max-width: 900px) { .shot-band--three { grid-template-columns: 1fr; } }
@media (max-width: 820px) {
    .shot-band { grid-template-columns: 1fr; gap: 20px; margin-bottom: 32px; }
    .shot-band--one { max-width: none; }
}