/* 科技感来自色彩、空间和装饰线条，不对应产品功能。 */
:root {
  --navy: #102b46;
  --deep: #0a2036;
  --ink: #17334c;
  --muted: #607588;
  --paper: #f6f9fc;
  --line: #dbe5ee;
  --ice: #eaf4fb;
  --blue: #338dc2;
}
.header { background: #f8fbfef2; border-bottom-color: #dce9f0; }
.brand small { color: #6c8194; }
.hero { position: relative; isolation: isolate; background: #eef6fd; color: var(--ink); }
.hero-grid { position: relative; z-index: 1; min-height: 720px; grid-template-columns: 1fr 1fr; padding-block: 75px 95px; }
.hero-copy { position: relative; z-index: 2; max-width: 550px; }
.hero .eyebrow { color: #426b8b; }
.status-dot { background: #479ed0; box-shadow: 0 0 0 5px #479ed012; }
h1 em { color: #3c789e; }
.hero-description { color: #294e6b; }
.hero-detail { color: #5d768b; }
.hero .text-link { color: #2e5876; border-bottom-color: #9db4c4; }
.hero-art { position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%; margin: 0; }
.hero-art::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,#f5f9fd 0%,#f5f9fdf0 24%,#f5f9fd80 45%,transparent 66%); }
.hero-art img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero-art picture { display: block; width: 100%; height: 100%; }
.scene-entry { margin-top: 22px; color: #365f7c; }
.partner-entry { display: table; margin: 24px 0; }
#navigation a[aria-current="page"] { color: #365f7c; text-decoration: underline; text-underline-offset: 7px; }
.hero-bottom { position: relative; z-index: 2; border-top-color: #a9c6da70; color: #617e94; }
.hero-bottom>span:last-child span { color: #4781aa; }
.button-gold { box-shadow: 0 5px 18px #82653d14; }
.value { background: #fff; }
.line-icon { stroke: #5685a5; }
.value-foot { color: #65839a; }
.product { background: radial-gradient(ellipse at 95% 0,#dceefa 0,transparent 45%),#eff5fa; }
.product-topic { background: #ffffffd9; border: 1px solid #d9e6ef; border-top: 2px solid #93bcd5; box-shadow: 0 12px 38px #325d7b06; }
.product-label { color: #4a7d9f; }
.product-context { color: #658099; }
.product-breeding { background: linear-gradient(130deg,#173c59,#0d243e); border-color: #34566f; border-top-color: var(--gold); }
.product-breeding p { color: #c2d2e1; }
.ai-section { position: relative; overflow: hidden; background: #112d48; color: white; border-color: #28435e; }
.ai-section::before { content: ''; pointer-events: none; position: absolute; inset: 0; background: radial-gradient(ellipse at 5% 90%,#3d98c431,transparent 55%),repeating-linear-gradient(120deg,transparent 0,transparent 100px,#9dcef207 101px,#9dcef207 102px); }
.ai-inner { position: relative; }
.ai-symbol { color: #94c7e6; }
.ai-copy .eyebrow { color: #9bc9e6; }
.ai-copy p:last-child, .ai-note { color: #c1d1df; }
.ai-note { border-color: #59758b; }
.scene-main { background: linear-gradient(130deg,#edf5fc,#f5f8fb); border: 1px solid #dce7ef; }
.pill { border-color: #b7cfe0; color: #4d7c9b; }
.day-flow { border-top-color: #ccdde9; }
.day-flow div>span,.day-flow>span { color: #6388a0; }
.partners { position: relative; isolation: isolate; background: radial-gradient(ellipse at top right,#225074 0,transparent 65%),#0e263e; }
.partners::before { content: ''; position: absolute; z-index: -1; inset: 0; opacity: .2; pointer-events: none; background-image: linear-gradient(#76b4df15 1px,transparent 1px),linear-gradient(90deg,#76b4df15 1px,transparent 1px); background-size: 70px 70px; }
.footer { background: #edf3f8; }
.footer-bottom { border-top-color: #d5e2ec; }
@media(min-width:1600px) { .hero-grid { min-height: 760px; } }
@media(max-width:1000px) {
  .hero-grid { min-height: 650px; }
  .hero-art img { object-position: 58% center; }
  .hero-art::after { background: linear-gradient(90deg,#f5f9fdfc,#f5f9fde8 33%,#f5f9fd55 72%,transparent); }
}
@media(max-width:800px) {
  .hero-grid { display: block; padding-top: 55px; padding-bottom: 370px; min-height: 0; }
  .hero-copy { max-width: 550px; }
  .hero-art { top: auto; height: 410px; }
  .hero-art img { object-position: 78% center; }
  .hero-art::after { background: linear-gradient(180deg,#eef6fd 0%,#eef6fd70 15%,transparent 40%); }
  .hero-bottom { background: #f5f9fdc7; }
}
@media(max-width:520px) {
  .hero-grid { padding-top: 42px; padding-bottom: 300px; }
  .hero-art { height: 345px; }
  .hero-art img { object-position: 73% center; }
  .hero-detail { max-width: 320px; }
}

/* 牧场自主销售的价值表达，不采用商城或商品列表布局。 */
.breeding-sales { background: #f9fbfe; border-bottom: 1px solid var(--line); }
.sales-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: end; margin-bottom: 52px; }
.sales-heading .eyebrow { color: #4a7d9f; }
.sales-intro { color: var(--muted); font-size: 15px; line-height: 1.95; }
.sales-intro p + p { margin-top: 14px; }
.sales-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid #b7cfe0; }
.sales-grid article { padding: 32px 28px 12px 0; }
.sales-grid article + article { padding-left: 28px; border-left: 1px solid var(--line); }
.sales-kicker { display: block; color: #63829a; font-size: 11px; letter-spacing: 2px; margin-bottom: 16px; }
.sales-grid h3 { font-size: 23px; font-weight: 550; margin-bottom: 18px; }
.sales-grid p { color: var(--muted); font-size: 14px; line-height: 2; }
.sales-closing { border-top: 1px solid var(--line); margin-top: 35px; padding-top: 25px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.sales-closing p { font-size: 14px; color: var(--muted); }
.sales-closing strong { color: var(--ink); font-weight: 500; }
.sales-closing a { flex-shrink: 0; color: #365f7c; }
@media (max-width: 800px) {
  .sales-heading { gap: 32px; }
  .sales-grid { grid-template-columns: 1fr; }
  .sales-grid article, .sales-grid article + article { padding: 28px 0; border-left: 0; border-bottom: 1px solid var(--line); }
  .sales-closing { margin-top: 0; border-top: 0; align-items: flex-start; flex-direction: column; }
}
@media (max-width: 520px) {
  .sales-heading { grid-template-columns: 1fr; gap: 24px; margin-bottom: 32px; }
  .sales-intro { font-size: 14px; }
  .sales-grid h3 { font-size: 23px; }
  .sales-closing strong { display: block; margin-top: 6px; }
}