/* 米米果科技官网改版视觉层：深海蓝底座 / 橙色行动 / 古铜金承接 / 暖白阅读 */
:root{
  --ink:#183247;--muted:#637789;--line:#e6ded2;--blue:#003366;--dark:#002744;
  --brand-orange:#ff7f11;--energy-orange:#ffb347;--deep-orange:#e65000;--copper-gold:#c09a5e;
  --bg:#f7f4ee;--surface:#fffdf9;--shadow:0 20px 55px rgba(0,51,102,.12);
}
body{background:var(--bg);color:var(--ink);font-family:"MiSans","MiMi","PingFang SC","Microsoft YaHei",sans-serif}
header{background:rgba(255,253,249,.94);border-bottom:1px solid rgba(230,222,210,.8);position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}
.nav{height:76px}.brand{gap:10px;color:var(--blue);letter-spacing:0}.brand-mark{width:42px;height:42px;border-radius:0;background:url('/assets/mimiguo-logo-icon.png') center/contain no-repeat!important}.brand-mark:after{display:none}
.brand-wordmark{width:150px;height:42px;background:url('/assets/mimiguo-logo-wordmark.png') center/contain no-repeat;display:block}.brand-wordmark strong,.brand-wordmark small{display:none}
.navlinks{gap:28px;color:#52616d;font-size:14px}.navlinks a,.mega-trigger{transition:color .2s ease}.navlinks a:hover,.navlinks a.active,.mega-col a:hover{color:var(--brand-orange)}
.navcta,.primary{background:var(--brand-orange);border-radius:9px;box-shadow:0 8px 20px rgba(255,127,17,.18);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.navcta:hover,.primary:hover{background:var(--deep-orange);transform:translateY(-2px);box-shadow:0 12px 26px rgba(230,80,0,.2)}
.mega-panel{top:33px;background:rgba(255,253,249,.98);border-color:#dfd2c1;box-shadow:0 22px 60px rgba(78,52,25,.14);border-radius:12px}.mega-col{border-color:#eadfce}.mega-col h4{color:var(--copper-gold)}
.hero,.page-hero{background:radial-gradient(circle at 88% 8%,rgba(255,127,17,.16),transparent 30%),linear-gradient(135deg,#fffaf2 0%,#f5efe5 56%,#fffdf9 100%)}
.hero{padding:88px 0 96px}.hero-grid{gap:72px}.eyebrow,.tag,.crumb a{color:var(--brand-orange)}.hero h1,.page-hero h1{color:var(--blue);letter-spacing:-.055em}.hero h1 em{color:var(--brand-orange)}.hero p,.section-head p,.feature p,.case-body p,.product p{color:var(--muted)}
.hero-panel{filter:drop-shadow(0 24px 32px rgba(0,51,102,.1))}.orbit{border-color:#d9c6a6;background:rgba(255,253,249,.7)}.screen{background:linear-gradient(145deg,#003366,#0b4d78);border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 60px rgba(0,51,102,.24)}.screen-line{background:#1c5278}.screen-cards .mini{background:linear-gradient(145deg,#0b547f,#123552);border-color:#467697}.screen-cards .mini:nth-child(2){background:linear-gradient(145deg,#b76e2b,#5c4329)}.float{background:var(--surface);border:1px solid #eadfce}.float b{color:var(--brand-orange)}
.stats{background:var(--surface);border-color:var(--line)}.stat{border-color:var(--line)}.stat strong{color:var(--blue)}.stat span{color:var(--muted)}
section{padding:84px 0}.section-head h2,.feature h2,.contact h2,.form-layout h2{color:var(--blue)}.card,.product,.case{background:var(--surface);border-color:var(--line);box-shadow:0 8px 28px rgba(78,52,25,.04)}.card:hover{border-color:#e8b16f;box-shadow:var(--shadow)}.icon{background:#fff0df;color:var(--deep-orange);border-radius:11px}.pill{background:#fff0df;color:var(--deep-orange)}
.muted-section,.products{background:#f1ece3}.dark{background:var(--blue)}.dark .card{background:#073f68;border-color:#285b7c}.dark .card p,.dark .section-head p{color:#b5cbd9}.dark .icon{background:#124f76;color:#ffcf8b}.dark .tag{color:var(--energy-orange)}
.feature-visual{background:linear-gradient(140deg,#003366,#0d4d78);box-shadow:var(--shadow)}.checklist li:before{background:var(--brand-orange)}.product.large,.product-card.primary-card{background:linear-gradient(135deg,#003366,#0b4d78)}.product.large p,.primary-card p{color:#c8dce9}.product.small{background:var(--surface)}
.case{overflow:hidden}.case-img{background:linear-gradient(135deg,#ffc46e,#e65000)}.case:nth-child(2) .case-img{background:linear-gradient(135deg,#e6d0a4,#c09a5e)}.case:nth-child(3) .case-img{background:linear-gradient(135deg,#b6c9d8,#003366)}.case-body{background:var(--surface);border-color:var(--line)}
.step{border-color:var(--brand-orange)}.step b{color:var(--brand-orange)}.cta{background:linear-gradient(125deg,#003366,#0b4d78);box-shadow:var(--shadow)}.cta .primary{background:var(--brand-orange);color:#fff}
.field input,.field select,.field textarea{background:var(--surface);border-color:var(--line)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-orange);box-shadow:0 0 0 3px #fff0df}.form-result{color:#4e8a74}
.footer{background:#002744;color:#b4c9d8}.footer .brand{color:#fff}.footer-row{border-color:#1c4a68}.copyright{color:#8eacbe}
@media(max-width:850px){header{position:relative}.nav{height:70px}.navlinks{background:var(--surface);border-color:var(--line)}.hero{padding:58px 0 70px}.hero-grid{gap:36px}.mega-panel{background:transparent}.navcta{display:none}}
@media(max-width:520px){.brand-mark{width:38px;height:38px}.brand-wordmark{width:136px;height:38px}.hero{padding:48px 0 58px}.hero h1{font-size:40px}.section-head h2{font-size:31px}.float{font-size:12px}.float b{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:0!important;animation:none!important}}

/* Shared website navigation polish: the same quiet type rhythm as the 3D homepage. */
header .navlinks{
  display:flex;
  align-items:center;
  gap:30px;
  font-family:"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;
  font-size:14px;
  font-weight:500;
  line-height:1;
  letter-spacing:.02em;
}
header .navlinks a,header .navlinks .mega-trigger{
  position:relative;
  color:#42566b;
  font:inherit;
  line-height:1;
  letter-spacing:.02em;
  text-decoration:none;
  transition:color 180ms ease,opacity 180ms ease;
}
header .navlinks a{padding:26px 0 24px}
header .navlinks .mega-trigger{padding:26px 0 24px;border:0;background:transparent}
header .navlinks a:hover,header .navlinks .mega-trigger:hover,header .navlinks a.active,header .navlinks .active-parent>.mega-trigger{color:#003366}
header .navlinks a.active,header .navlinks .active-parent>.mega-trigger{font-weight:600}
header .navlinks a.active:after,header .navlinks .active-parent>.mega-trigger:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:12px;
  width:22px;
  height:2px;
  transform:translateX(-50%);
  border-radius:999px;
  background:#FF7F11;
}
header .navlinks .mega-trigger:after{content:"⌄";position:static;display:inline-block;width:auto;height:auto;transform:none;background:none;border-radius:0;margin-left:5px;color:currentColor;font-size:11px}
header .navlinks .mega-panel{top:72px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(247,244,238,.97);border-color:rgba(192,154,94,.2);border-radius:16px;padding:24px 26px;box-shadow:0 22px 60px rgba(78,52,25,.14)}
header .navlinks .mega-col h4{color:#003366;font-size:15px;font-weight:600}
header .navlinks .mega-col a{color:#42566b;font-size:14px;font-weight:500;padding:6px 0}
header .navlinks .mega-col a:hover{color:#FF7F11}
@media(max-width:850px){
  header .navlinks{gap:12px}
  header .navlinks a,header .navlinks .mega-trigger{padding:14px 8px;font-size:14px}
  header .navlinks .mega-trigger:after{margin-left:5px}
  header .navlinks a.active:after,header .navlinks .active-parent>.mega-trigger:after{display:none}
}

/* Core entrance pages */
.home-hero{min-height:620px;display:flex;align-items:center}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:34px;color:var(--copper-gold);font-size:12px;letter-spacing:.04em}.hero-proof i{width:4px;height:4px;border-radius:50%;background:var(--brand-orange)}.live-dot{color:var(--energy-orange)}.screen-footer{position:absolute;left:22px;right:22px;bottom:18px;color:#83a9bf;font-size:10px;letter-spacing:.13em}.capability-grid .card{min-height:230px;display:flex;flex-direction:column}.card-link,.text-link{display:inline-block;color:var(--brand-orange);font-size:13px;font-weight:700;margin-top:auto;padding-top:20px}.light-link{color:var(--energy-orange)}.split-intro{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:end}.split-intro h2{color:#fff;font-size:clamp(32px,4vw,48px);line-height:1.18;margin:12px 0}.split-intro p{color:#bdd0dc;margin:0 0 22px}.dark-flow{display:flex;align-items:center;gap:18px;margin-top:68px;color:#d3e2e8}.dark-flow>div{display:flex;align-items:center;gap:12px;flex:1}.dark-flow b{color:var(--energy-orange);font-size:13px}.dark-flow span{font-size:14px}.dark-flow i{color:var(--copper-gold);font-style:normal}.product-index,.case-label{display:block;color:var(--copper-gold);font-size:11px;letter-spacing:.12em;font-weight:700;margin-bottom:18px}.product.large .product-index{color:var(--energy-orange)}.case-label{margin-bottom:10px;color:var(--brand-orange)}.case{display:block;transition:transform .2s ease,box-shadow .2s ease}.case:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
@media(max-width:850px){.home-hero{min-height:auto}.split-intro{grid-template-columns:1fr;gap:20px}.dark-flow{margin-top:42px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.dark-flow i{display:none}.hero-proof{flex-wrap:wrap}.product-grid{grid-template-columns:1fr}}
@media(max-width:520px){.hero-proof{font-size:11px;gap:8px}.dark-flow{grid-template-columns:1fr}.dark-flow>div{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12)}.split-intro h2{font-size:34px}}

/* Reference-inspired first screen: quiet canvas, strong type, precise orbit graphic. */
.announcement{height:38px;background:#050505;color:#fff;display:flex;align-items:center;justify-content:center;gap:16px;font-size:12px;position:relative}.announcement a{color:#fff;font-weight:700}.announcement button{position:absolute;right:18px;top:6px;border:0;background:none;color:#fff;font-size:22px;line-height:24px;cursor:pointer}.reference-hero{min-height:calc(100vh - 114px);padding:0!important;display:flex;align-items:center;background:#fbfaf8}.reference-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.reference-copy{padding:55px 0}.reference-copy .eyebrow{color:#2b2b2b;font-size:12px;letter-spacing:.18em}.reference-copy h1{font-family:Montserrat,Poppins,"Arial",sans-serif;font-size:clamp(68px,8vw,120px);font-weight:500;letter-spacing:-.08em;line-height:.95;margin:24px 0 18px;color:#050505}.reference-copy h2{font-size:clamp(28px,3.2vw,48px);line-height:1.15;letter-spacing:-.05em;color:#050505;margin:0 0 20px}.reference-copy p{font-size:15px;color:#5f6870;max-width:560px;margin:0}.reference-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.hero-black-button,.hero-outline-button{min-width:160px;padding:10px 18px;border-radius:6px;text-align:center;font-size:13px;line-height:1.5;transition:transform .2s,background .2s}.hero-black-button{background:#050505;color:#fff;border:1px solid #050505}.hero-outline-button{background:transparent;color:#111;border:1px solid #111}.hero-black-button:hover,.hero-outline-button:hover{transform:translateY(-2px)}.hero-black-button span,.hero-outline-button span{margin-left:10px}.planet-visual{position:relative;width:min(480px,100%);aspect-ratio:1;margin:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.05))}.planet-core{position:absolute;inset:18%;border:1px solid #8e8e8e;border-radius:50%;background:radial-gradient(circle at 28% 34%,rgba(192,154,94,.14),transparent 9%),radial-gradient(circle at 64% 58%,rgba(0,51,102,.06),transparent 17%);overflow:hidden}.planet-core:before,.planet-core:after{content:"";position:absolute;inset:-1px 28%;border:1px solid #d3d3d3;border-radius:50%}.planet-core:after{inset:28% -1px;border-radius:50%}.planet-ring{position:absolute;border:1px solid #d0d0d0;border-radius:50%;inset:14% 2%;transform:rotate(7deg)}.ring-b{inset:31% -8%;transform:rotate(-7deg)}.planet-orbit{position:absolute;left:5%;right:5%;top:48%;height:23%;border:1px solid #dadada;border-radius:50%;transform:rotate(3deg)}.orbit-b{top:42%;height:34%;transform:rotate(-7deg)}.planet-grid-dots{position:absolute;inset:25% 12%;opacity:.55;background-image:radial-gradient(#777 1px,transparent 1px);background-size:6px 6px;clip-path:polygon(0 22%,35% 0,49% 32%,32% 54%,14% 77%,0 58%)}.planet-dot{position:absolute;width:10px;height:10px;border:1px solid #333;background:var(--energy-orange);border-radius:50%;z-index:2}.dot-a{left:25%;top:40%;background:#78a9ba}.dot-b{left:56%;top:55%;background:#82ad81}.dot-c{left:76%;top:31%;background:#d49b62}.planet-line{position:absolute;height:1px;background:#888;transform-origin:left center;z-index:1}.line-a{width:35%;left:29%;top:43%;transform:rotate(26deg)}.line-b{width:27%;left:59%;top:56%;transform:rotate(-43deg)}.line-c{width:25%;left:57%;top:56%;transform:rotate(28deg)}
@media(max-width:850px){.announcement{padding:0 45px 0 15px;text-align:center;font-size:11px}.reference-hero{min-height:auto}.reference-hero-grid{grid-template-columns:1fr;gap:10px}.reference-copy{padding:66px 0 25px}.reference-copy h1{font-size:76px}.planet-visual{width:min(390px,90vw);margin:5px auto 35px}.reference-actions{gap:10px}.hero-black-button,.hero-outline-button{min-width:140px}}
@media(max-width:520px){.announcement{height:42px}.reference-copy h1{font-size:64px}.reference-copy h2{font-size:30px}.reference-copy p{font-size:14px}.reference-actions{display:grid;grid-template-columns:1fr 1fr}.hero-black-button,.hero-outline-button{min-width:0}.reference-actions .hero-black-button{grid-column:1/-1}}

/* Layered motion for the digital globe: orbit, latitude lines and nodes move at different speeds. */
@keyframes planet-spin-a{from{transform:rotate(7deg)}to{transform:rotate(367deg)}}@keyframes planet-spin-b{from{transform:rotate(-7deg)}to{transform:rotate(-367deg)}}@keyframes planet-spin-core{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}@keyframes planet-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,127,17,.18)}50%{box-shadow:0 0 0 8px rgba(255,127,17,0)}}
.planet-visual{perspective:900px}.planet-core{transform-style:preserve-3d;animation:planet-spin-core 34s linear infinite}.ring-a{animation:planet-spin-a 26s linear infinite}.ring-b{animation:planet-spin-b 34s linear infinite}.orbit-a{animation:planet-spin-a 21s linear infinite}.orbit-b{animation:planet-spin-b 29s linear infinite}.planet-dot{animation:planet-pulse 3.2s ease-in-out infinite}.dot-b{animation-delay:1.1s}.dot-c{animation-delay:2.1s}.planet-visual:hover .planet-core,.planet-visual:hover .planet-ring,.planet-visual:hover .planet-orbit{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.planet-core,.planet-ring,.planet-orbit,.planet-dot{animation:none!important}}

/* Final hero refinements requested by the brand review. */
.orbit-a{border:2px solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(90deg,var(--energy-orange),var(--brand-orange),var(--deep-orange),var(--energy-orange)) border-box;opacity:.95}
.planet-dot{background:var(--brand-orange)!important;border-color:var(--deep-orange);box-shadow:0 0 0 2px rgba(255,127,17,.12)}
.warm-accent{background:linear-gradient(135deg,var(--brand-orange),var(--deep-orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-outline-button{border-color:var(--copper-gold);color:var(--blue)}.hero-outline-button:hover{background:#fff8ec;border-color:var(--dark-gold)}
.hero-outline-button{border-color:#9b713b;color:#2f2923;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.navcta{border-radius:8px;background:linear-gradient(180deg,#ffb347 0%,#ff7f11 52%,#e65100 100%);box-shadow:0 6px 15px rgba(167,83,21,.2),inset 0 1px 0 rgba(255,255,255,.26)}.navcta:hover{background:linear-gradient(180deg,#ffbf63 0%,#f4770b 52%,#c94400 100%)}
.reference-copy h1,.reference-copy h2{color:#2f2923}.reference-copy p{color:#6d6256}
.announcement{background:linear-gradient(100deg,#c84316 0%,#e65100 42%,#ff7f11 100%)}
.hero-black-button{border-radius:4px}
.hero-outline-button{border-color:#c09a5e;color:#7d4e1e;background:#fffaf2}
.hero-outline-button:hover{border-color:var(--brand-orange);color:#fff;background:linear-gradient(135deg,var(--energy-orange) 0%,var(--brand-orange) 52%,var(--deep-orange) 100%);box-shadow:0 8px 18px rgba(230,80,0,.18)}

/* Hero concept: Earth orbiting a warm sun, with a dotted world map and technology nodes. */
.solar-visual{position:relative;width:min(520px,100%);aspect-ratio:1;margin:auto}.sun{position:absolute;left:50%;top:50%;width:42px;height:42px;margin:-21px;border-radius:50%;background:radial-gradient(circle,#ffd58c 0 18%,#ff9b2f 46%,#e65100 100%);box-shadow:0 0 0 10px rgba(255,127,17,.08),0 0 34px rgba(255,127,17,.38);z-index:2}.sun span{position:absolute;inset:-18px;border:1px solid rgba(192,154,94,.45);border-radius:50%;animation:sun-pulse 4s ease-in-out infinite}.solar-orbit{position:absolute;left:7%;right:7%;top:31%;height:38%;border:1px solid #c09a5e;border-radius:50%;transform:rotate(-12deg);opacity:.75}.orbit-tilt{left:0;right:0;top:38%;height:25%;transform:rotate(13deg);border-color:#e2c28c;opacity:.45}.earth-track{position:absolute;inset:0;animation:earth-revolution 18s linear infinite}.earth{position:absolute;left:70%;top:21%;width:190px;height:190px;border:1px solid #7d8990;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.85),transparent 14%),radial-gradient(circle at 35% 35%,#f5eee4 0%,#e5e9e4 48%,#c7d2d0 100%);box-shadow:inset -20px -18px 35px rgba(0,51,102,.12),0 10px 25px rgba(0,51,102,.08);overflow:hidden;transform:translate(-50%,-50%)}.earth:before,.earth:after{content:"";position:absolute;inset:0 27%;border:1px solid rgba(120,130,130,.22);border-radius:50%}.earth:after{inset:27% 0;border-radius:50%}.earth-map{position:absolute;inset:18% 8%;opacity:.7;background-image:radial-gradient(#536c70 1.4px,transparent 1.5px);background-size:7px 7px;clip-path:polygon(2% 22%,16% 11%,30% 16%,39% 8%,48% 20%,56% 16%,68% 25%,83% 16%,98% 25%,91% 39%,76% 43%,68% 55%,52% 48%,41% 65%,29% 58%,18% 74%,5% 60%,13% 43%,0 35%);animation:map-drift 20s linear infinite}.tech-node{position:absolute;width:9px;height:9px;border-radius:50%;background:#ff7f11;border:1px solid #e65100;box-shadow:0 0 0 3px rgba(255,127,17,.16),0 0 12px rgba(255,127,17,.55);z-index:3}.node-1{left:24%;top:39%}.node-2{left:45%;top:26%}.node-3{left:62%;top:48%}.node-4{left:35%;top:64%}.node-5{left:75%;top:34%}.tech-link{position:absolute;height:1px;background:linear-gradient(90deg,#ffb347,#e65100);transform-origin:left center;opacity:.8;z-index:2}.earth-link-1{left:27%;top:42%;width:22%;transform:rotate(-32deg)}.earth-link-2{left:46%;top:29%;width:24%;transform:rotate(28deg)}.earth-link-3{left:39%;top:65%;width:27%;transform:rotate(-18deg)}.solar-caption{position:absolute;left:0;right:0;bottom:9%;text-align:center;color:#8b642e;font-size:10px;letter-spacing:.16em}@keyframes earth-revolution{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes map-drift{from{transform:translateX(-7px)}to{transform:translateX(7px)}}@keyframes sun-pulse{0%,100%{transform:scale(.94);opacity:.45}50%{transform:scale(1.1);opacity:.95}}
@media(max-width:850px){.solar-visual{width:min(420px,94vw);margin:12px auto 28px}.earth{width:150px;height:150px}.solar-caption{bottom:5%;font-size:9px}}
@media(max-width:520px){.solar-visual{width:calc(100vw - 40px)}.earth{width:130px;height:130px}.tech-node{width:8px;height:8px}.solar-caption{letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){.earth-track,.earth-map,.sun span{animation:none!important}}

/* Final orbital logic: Earth stays centered and rotates slowly; the surrounding system revolves around it. */
@keyframes earth-slow-rotation{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes sun-around-earth{from{transform:rotate(0deg) translateY(-190px) rotate(0deg)}to{transform:rotate(360deg) translateY(-190px) rotate(-360deg)}}
.earth-track{inset:0;animation:none!important}.earth{left:50%;top:50%;animation:earth-slow-rotation 48s linear infinite}.sun{left:50%;top:50%;margin:-21px;animation:sun-around-earth 24s linear infinite}.solar-orbit{opacity:.68}.orbit-wide{border-color:#c09a5e}.orbit-tilt{border-color:#e2c28c}
@media(max-width:850px){.sun{animation-name:sun-around-earth;--orbit-radius:155px}.earth{animation-duration:52s}}
@media(prefers-reduced-motion:reduce){.earth,.sun,.earth-track{animation:none!important}}

/* Homepage hero artwork: approved Mr. Orange mascot. */
.solar-visual{background:url('/assets/mimiguo-mascot-transparent.png') center/contain no-repeat;filter:drop-shadow(0 22px 28px rgba(125,78,30,.16));animation:mascot-float 5.2s ease-in-out infinite;transform-origin:50% 78%;will-change:transform,filter}
.solar-visual>*{display:none!important}
@keyframes mascot-float{0%,100%{transform:translateY(0) rotate(-.25deg);filter:drop-shadow(0 22px 28px rgba(125,78,30,.14))}50%{transform:translateY(-10px) rotate(.35deg);filter:drop-shadow(0 30px 34px rgba(255,127,17,.22))}}
.solar-visual:hover{animation-play-state:paused;transform:translateY(-4px) scale(1.015)}
@media(max-width:850px){.solar-visual{width:min(420px,94vw);margin:12px auto 28px}}
@media(max-width:520px){.solar-visual{width:calc(100vw - 40px)}}
@media(prefers-reduced-motion:reduce){.solar-visual{animation:none!important;transform:none!important}}

/* Standard horizontal Logo: icon left, original wordmark right. */
.brand{gap:14px}
.brand-mark{width:46px;height:46px}
.brand-wordmark{width:146px;height:40px;transform:translateY(2px)}
@media(max-width:520px){.brand{gap:11px}.brand-mark{width:40px;height:40px}.brand-wordmark{width:132px;height:36px}}

/* Brand DNA page */
.design-hero{background:radial-gradient(circle at 86% 24%,rgba(255,127,17,.18),transparent 25%),linear-gradient(135deg,#fffaf2,#f4eadb 62%,#fffdf9)}
.design-hero h1{max-width:780px}.design-intro{background:var(--surface)}.design-intro-grid{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.design-intro h2{color:var(--blue);font-size:clamp(32px,4vw,48px);line-height:1.2;margin:12px 0 18px}.design-intro p{color:var(--muted);max-width:630px}.design-temperature{min-height:250px;border:1px solid #eadfce;border-radius:18px;background:radial-gradient(circle at 50% 45%,rgba(255,179,71,.32),transparent 30%),#fffaf2;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 45px rgba(78,52,25,.08)}.design-temperature strong{font-size:86px;line-height:1;color:var(--brand-orange);letter-spacing:-.06em}.design-temperature strong span{font-size:34px;vertical-align:top;margin-left:4px}.design-temperature small{margin-top:18px;color:var(--dark-gold);font-size:10px;letter-spacing:.14em;text-align:center}.dna-section{background:#f1ece3}.dna-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dna-card{min-height:290px;padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 8px 28px rgba(78,52,25,.04)}.dna-card-orange{background:linear-gradient(145deg,#fff7e9,#ffe1b0);border-color:#f0c27d}.dna-card-dark{background:linear-gradient(145deg,#003366,#0b4d78);border-color:#285b7c;color:#fff}.dna-card-gold{background:linear-gradient(145deg,#fffaf2,#ead7b5);border-color:#d7bb87}.dna-index{color:var(--dark-gold);font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:26px}.dna-card-dark .dna-index{color:var(--energy-orange)}.dna-card h3{font-size:30px;line-height:1.1;color:var(--blue);margin:0 0 16px}.dna-card-dark h3{color:#fff}.dna-card h3 small{display:block;color:var(--dark-gold);font-size:12px;font-weight:600;letter-spacing:.08em;margin-top:8px}.dna-card-dark h3 small{color:#b9d0dd}.dna-card>strong{display:block;color:var(--deep-orange);font-size:15px;margin-bottom:10px}.dna-card-dark>strong{color:var(--energy-orange)}.dna-card p{color:var(--muted);font-size:14px;margin:0}.dna-card-dark p{color:#c5d9e2}.design-method{background:var(--blue)}.design-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.design-method h2{color:#fff;font-size:clamp(32px,4vw,48px);line-height:1.2;margin:12px 0 18px}.design-method p{color:#b9ced9;max-width:520px;margin-bottom:26px}.method-list{border-top:1px solid #2d6280}.method-list>div{display:grid;grid-template-columns:42px 1fr;gap:4px 14px;padding:18px 0;border-bottom:1px solid #2d6280}.method-list b{grid-row:span 2;color:var(--energy-orange);font-size:13px}.method-list span{color:#fff;font-weight:700}.method-list i{color:#a9c2ce;font-size:13px;font-style:normal}
@media(max-width:850px){.design-intro-grid,.design-method-grid{grid-template-columns:1fr;gap:36px}.dna-grid{grid-template-columns:1fr 1fr}.design-temperature{min-height:210px}.design-method-grid{gap:44px}}
@media(max-width:520px){.dna-grid{grid-template-columns:1fr}.dna-card{min-height:auto}.design-temperature strong{font-size:72px}.method-list>div{grid-template-columns:34px 1fr}}

/* Final palette: warm white canvas, signature orange gradient, dark gold details. */
:root{--brand-orange:#ff7f11;--energy-orange:#ffb347;--deep-orange:#e65100;--dark-gold:#8b642e;--copper-gold:#c09a5e;--bg:#f8f4ed;--surface:#fffdf9}
body{background:var(--bg)}.hero,.page-hero{background:radial-gradient(circle at 88% 8%,rgba(255,127,17,.14),transparent 30%),linear-gradient(135deg,#fffaf2 0%,#f8f1e5 56%,#fffdf9 100%)}
.tag,.eyebrow,.card-link,.text-link,.case-label{color:var(--dark-gold)}.hero-black-button,.navcta,.primary{background:linear-gradient(135deg,var(--energy-orange) 0%,var(--brand-orange) 52%,var(--deep-orange) 100%);border-color:var(--brand-orange)}.hero-black-button:hover,.navcta:hover,.primary:hover{background:var(--deep-orange)}
.hero-outline-button,.outline{border-color:var(--dark-gold);color:var(--blue)}.hero-proof{color:var(--dark-gold)}.hero-proof i{background:var(--brand-orange)}.icon,.pill{background:#fff0df;color:var(--dark-gold)}.step{border-color:var(--brand-orange)}.step b{color:var(--dark-gold)}.mega-col h4{color:var(--dark-gold)}.case-label{color:var(--dark-gold)}.product-index{color:var(--dark-gold)}.product.large .product-index{color:var(--energy-orange)}

/* Product matrix: six independent products share one visual language. */
.product-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product-catalog-card{min-height:300px;display:flex;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 8px 28px rgba(78,52,25,.04);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.product-catalog-card:hover{transform:translateY(-4px);border-color:#e8b16f;box-shadow:var(--shadow)}
.product-catalog-card h3{margin:0 0 10px;color:var(--blue);font-size:23px}.product-catalog-card p{margin:0;color:var(--muted);font-size:14px}.product-catalog-feature{background:linear-gradient(145deg,#003366,#0b4d78);border-color:#285b7c}.product-catalog-feature h3,.product-catalog-dark h3{color:#fff}.product-catalog-feature p,.product-catalog-dark p{color:#c5d9e2}.product-catalog-dark{background:linear-gradient(145deg,#503b27,#8b642e);border-color:#b38a51}.product-catalog-card .product-index{margin-bottom:22px}.product-catalog-card .card-link{margin-top:auto}.product-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.product-tags span{padding:4px 9px;border:1px solid #e6c48c;border-radius:30px;color:var(--dark-gold);font-size:11px}.product-catalog-feature .product-tags span,.product-catalog-dark .product-tags span{border-color:rgba(255,255,255,.3);color:#ffe0a5}.product-catalog-card .card-link{padding-top:24px}
.active-parent>.mega-trigger{color:var(--brand-orange)}
@media(max-width:850px){.product-catalog{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.product-catalog{grid-template-columns:1fr}.product-catalog-card{min-height:250px}}

/* Contact page: warm footer and a small mascot accent; form layout stays unchanged. */
.contact-intro{position:relative;min-height:360px}.contact-intro h2 .warm-accent{color:var(--brand-orange)}
.contact-mascot{position:absolute;right:10px;bottom:-12px;width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(125,78,30,.16));animation:contact-mascot-float 4.8s ease-in-out infinite}
.footer{background:#fffdf9;color:#4e4a45;border-top:1px solid #e6ded2}.footer .brand{color:#183247}.footer .footer-row{border-color:#e6ded2}.footer .footer-links a{color:#4e4a45}.footer .footer-links a:hover{color:var(--brand-orange)}.footer .copyright{color:#7a7168}
.field input,.field select,.field textarea{border-color:var(--line);transition:border-color .2s ease,box-shadow .2s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-orange);box-shadow:0 0 0 3px rgba(255,127,17,.14)}
@keyframes contact-mascot-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}
@media(max-width:520px){.contact-intro{min-height:0;padding-bottom:105px}.contact-mascot{right:4px;bottom:0;width:92px;height:92px}}
@media(prefers-reduced-motion:reduce){.contact-mascot{animation:none}}

/* Case library layout: keep the three case cards aligned on desktop. */
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.case-grid .case{min-width:0}
.cta h2{color:#fff}
.cta p{color:#c5d9e2}
#history .feature-visual{background:url('/assets/mimiguo-technology-journey.png') center/cover no-repeat;min-height:290px;border:1px solid rgba(192,154,94,.32)}
.proof-strip{padding:24px 0;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.stats-grid .stat{min-width:0;padding:6px 24px;border-right:1px solid var(--line)}
.stats-grid .stat:first-child{padding-left:0}
.stats-grid .stat:last-child{border-right:0;padding-right:0}
.stats-grid .stat strong{display:block;color:var(--blue);font-size:20px;line-height:1.3}
.stats-grid .stat span{display:block;margin-top:4px;color:var(--muted);font-size:13px}
.product-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:stretch}
.product{border:1px solid var(--line);border-radius:16px;overflow:hidden}
.product.large{position:relative;min-height:430px;padding:30px;background:linear-gradient(145deg,#003366,#0b4d78);color:#fff;border-color:#285b7c}
.product.large h3{position:relative;z-index:1;margin:0 0 12px;color:#fff;font-size:28px}
.product.large p{position:relative;z-index:1;max-width:520px;color:#c5d9e2;font-size:15px}
.product.large .text-link{position:relative;z-index:1;color:var(--energy-orange)}
.product-stack{display:grid;grid-template-rows:1fr 1fr;gap:18px}
.product.small{min-height:206px;padding:26px;background:var(--surface);border:1px solid var(--line)}
.product.small h3{margin:0 0 10px;color:var(--blue);font-size:23px}
.product.small p{margin:0;color:var(--muted);font-size:14px}
.product.small .card-link{color:var(--dark-gold)}
.product-art{position:absolute;right:34px;bottom:28px;width:45%;height:48%;border:1px solid rgba(255,255,255,.2);border-radius:28px 28px 46% 46%;transform:rotate(-8deg);background:radial-gradient(circle at 58% 42%,rgba(255,179,71,.36),transparent 9%),linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,127,17,.08));box-shadow:inset 0 0 0 22px rgba(255,255,255,.03)}
.cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.cases .case{min-width:0}
@media(max-width:850px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stats-grid .stat,.stats-grid .stat:first-child,.stats-grid .stat:last-child{padding:8px 14px;border-right:0;border-bottom:1px solid var(--line)}.stats-grid .stat:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:520px){.stats-grid{gap:8px}.stats-grid .stat,.stats-grid .stat:first-child,.stats-grid .stat:last-child{padding:8px 6px}.stats-grid .stat strong{font-size:17px}.stats-grid .stat span{font-size:12px}}
@media(max-width:850px){.cases{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.cases{grid-template-columns:1fr}}
@media(max-width:850px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.case-grid{grid-template-columns:1fr}}

/* GitHub travel skills reference cards. */
.skill-resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.skill-resource-card{min-height:292px;display:flex;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 8px 28px rgba(78,52,25,.04)}.skill-resource-card h3{margin:10px 0;color:var(--blue);font-size:22px}.skill-resource-card p{margin:0;color:var(--muted);font-size:14px}.resource-label{color:var(--dark-gold);font-size:10px;font-weight:800;letter-spacing:.12em}.resource-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.resource-tags span{padding:4px 9px;border:1px solid #e6c48c;border-radius:20px;color:var(--dark-gold);font-size:11px}.skill-resource-card .card-link{margin-top:auto}.skill-resource-dark{background:linear-gradient(145deg,#003366,#0b4d78);border-color:#285b7c}.skill-resource-dark h3{color:#fff}.skill-resource-dark p{color:#c5d9e2}.skill-resource-dark .resource-label{color:var(--energy-orange)}.skill-resource-dark .resource-tags span{border-color:rgba(255,255,255,.28);color:#ffe0a5}.skill-resource-dark .card-link{color:var(--energy-orange)}
@media(max-width:850px){.skill-resource-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.skill-resource-grid{grid-template-columns:1fr}.skill-resource-card{min-height:250px}}

/* Canonical palette lock: this is the final authority for all redesigned pages. */
:root{
  --ink:#183247;--muted:#637789;--line:#e6ded2;--blue:#003366;--dark:#003366;
  --brand-orange:#FF7F11;--energy-orange:#FFB347;--deep-orange:#E65100;
  --copper-gold:#C09A5E;--dark-gold:#8B642E;--bg:#F7F4EE;--surface:#FFFDF9;
}
body{background:var(--bg);color:var(--ink)}
.reference-hero{background:var(--bg)}
.reference-copy .eyebrow{color:var(--dark-gold)}
.reference-copy h1,.reference-copy h2{color:var(--ink)}
.reference-copy p{color:var(--muted)}
.hero-black-button,.primary,.navcta{background:linear-gradient(135deg,var(--energy-orange) 0%,var(--brand-orange) 52%,var(--deep-orange) 100%);border-color:var(--brand-orange);color:#fff}
.hero-black-button:hover,.primary:hover,.navcta:hover{background:var(--deep-orange);color:#fff}
.hero-outline-button,.outline{background:var(--surface);border-color:var(--copper-gold);color:var(--blue)}
.hero-outline-button:hover,.outline:hover{background:linear-gradient(135deg,var(--energy-orange),var(--brand-orange),var(--deep-orange));border-color:var(--brand-orange);color:#fff}
.announcement{background:linear-gradient(100deg,#C84316 0%,var(--deep-orange) 42%,var(--brand-orange) 100%)}
.footer{background:var(--surface);color:#4E4A45;border-top-color:var(--line)}
.cta{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:42px 48px;border-radius:18px;background:linear-gradient(125deg,var(--blue),#0B4D78);box-shadow:0 20px 55px rgba(0,51,102,.12)}
.cta h2{margin:0 0 10px;color:#fff}
.cta p{margin:0;color:#C5D9E2}
.cta .primary{flex:0 0 auto}

/* Case cards: each business card has its own default visual rather than a flat color block. */
.cases .case-img,.case-grid .case-img{background-position:center;background-size:cover;background-repeat:no-repeat}
.cases .case:nth-child(1) .case-img,.case-grid .case:nth-child(1) .case-img{background-image:url('/assets/product-travel-default.png')}
.cases .case:nth-child(2) .case-img,.case-grid .case:nth-child(2) .case-img{background-image:url('/assets/product-operations-default.png')}
.cases .case:nth-child(3) .case-img,.case-grid .case:nth-child(3) .case-img{background-image:url('/assets/product-ai-default.png')}
.cases .case-smart-breeding .case-img,.case-grid .case-smart-breeding .case-img{background-image:url('/assets/cases/smart-breeding/dashboard-v3.png')}
@media(max-width:850px){.cta{align-items:flex-start;flex-direction:column;padding:34px 28px}}
@media(max-width:520px){.cta{padding:28px 22px}.cta .primary{width:100%;text-align:center}}

/* Homepage CTA: keep the content inside the warm-white page rhythm. */
.home-hero + .proof-strip + section,
.home-hero ~ section{min-width:0}
.cta{box-sizing:border-box;width:100%;min-height:236px;padding:42px 48px;overflow:hidden;border:1px solid rgba(192,154,94,.24);display:flex;align-items:center;justify-content:space-between;gap:32px}
.cta>div{min-width:0}.cta h2{max-width:680px;font-size:clamp(30px,3.4vw,42px);line-height:1.22;letter-spacing:-.03em}.cta p{max-width:560px;font-size:15px;line-height:1.8}.cta .primary{white-space:nowrap;flex:0 0 auto}
@media(max-width:850px){.cta{min-height:0;padding:34px 28px;align-items:flex-start;flex-direction:column}.cta .primary{align-self:stretch;text-align:center}}
@media(max-width:520px){.cta{padding:28px 22px;border-radius:14px}.cta h2{font-size:30px}.cta .primary{width:100%;white-space:normal}}

/* Final responsive polish: keep the mobile notice readable and the hero title within the type scale. */
.reference-copy h1{font-size:clamp(56px,7vw,88px)}
@media(max-width:850px){
  .announcement{height:auto;min-height:38px;padding:7px 45px 7px 15px;line-height:1.4}
}
@media(max-width:520px){.announcement{height:auto;min-height:42px}}

/* The CTA is a wrapped content module, so it must share the same 1180px rhythm as cards and sections. */
.wrap.cta{width:min(1180px,calc(100% - 44px))}
@media(max-width:520px){.wrap.cta{width:calc(100% - 30px)}}

/* Keep the CTA aligned with the same content rail as the case cards, even when legacy rules load before this file. */
.muted-section > .wrap.cta{width:calc(100% - 44px);max-width:1180px;margin-left:auto;margin-right:auto}
@media(max-width:520px){.muted-section > .wrap.cta{width:calc(100% - 30px)}}

/* Tone down the CTA contrast so the deep-sea blue sits naturally within the warm-white page. */
.muted-section{padding:64px 0;background:linear-gradient(180deg,#F3EEE5 0%,#EEE7DB 100%)}
.muted-section > .wrap.cta{background:linear-gradient(135deg,#003366 0%,#0B466A 58%,#165777 100%);border-color:rgba(192,154,94,.34);box-shadow:0 16px 38px rgba(0,51,102,.14)}
.muted-section .cta .primary{background:linear-gradient(135deg,#FFB347 0%,#FF7F11 58%,#E65100 100%);box-shadow:0 8px 18px rgba(230,81,0,.18)}
.muted-section .cta .primary:hover{background:#E65100}
@media(max-width:850px){.muted-section{padding:52px 0}}
@media(max-width:520px){.muted-section{padding:44px 0}}

/* Shared surface: footer and navigation menus use the same warm-white layer on every website page. */
.mega-panel,.footer{background:var(--surface)!important}
.footer{color:#4E4A45;border-top:1px solid var(--line)}
.footer .brand{color:var(--ink)}
.footer .footer-row{border-color:var(--line)}
.footer .footer-links a{color:#4E4A45}
.footer .footer-links a:hover{color:var(--brand-orange)}
.footer .copyright{color:#7A7168}

/* Quote assistant visual: generated workflow artwork sits inside the existing feature card. */
body:has(.crumb a[href="/products.html"]) .feature-visual{background-image:url('/assets/quote-workflow-visual.png');background-position:center;background-size:cover;background-repeat:no-repeat}
body:has(.crumb a[href="/products.html"]) .feature-visual:before,body:has(.crumb a[href="/products.html"]) .feature-visual:after{display:none}
/* V2.0 public-page token bridge. Original logos and customer brand assets retain their supplied colors. */
:root{--blue:#1F1F1F;--ink:#1F1F1F;--muted:#66727C;--line:#E6E0D8;--bg:#FFFDF9;--dark:#1F1F1F;--brand-orange:#FF8A00;--energy-orange:#FFB347;--deep-orange:#E65100;--copper-gold:#C09A5E;--cyan:#16856B;--mmg-agriculture:#5C8D3A;--surface:#FFFDF9}
body{background:#FFFDF9;color:#1F1F1F;font-family:"Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif}
.footer{background:#1F1F1F}.muted-section{background:#F3EFE7}.page-hero{background:linear-gradient(135deg,#FFFDF9,#F5F0E7 65%,#FFFDF9)}
.navlinks{font-weight:500;letter-spacing:.02em}.navlinks a.active:after{width:22px;height:2px;left:50%;right:auto;transform:translateX(-50%);border-radius:999px;background:#FF8A00}
.primary,.navcta{background:linear-gradient(135deg,#FFB347 0%,#FF8A00 100%);color:#1F1F1F;border-radius:8px}.primary:hover,.navcta:hover{background:#E65100;color:#FFFDF9}
.card,.product-card,.product-card.primary-card{border-radius:12px}.product-card.primary-card{background:#1F1F1F;color:#FFFDF9}.product-card.primary-card p{color:#eee8dc}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#FF8A00;box-shadow:0 0 0 3px #ff8a0026}