:root {
  --ink: #0b1111;
  --paper: #fcfbf8;
  --teal: #3f7477;
  --orange: #e94a0a;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; color: var(--ink); background: var(--paper); font-family: Inter, Arial, sans-serif; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

.utility {
  --anno-h: calc(32px * var(--story-overlay-scale, 1));
  height: calc(32px * var(--story-overlay-scale, 1));
  padding: 0 clamp(24px, 4.8vw, 76px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--ink);
  color: #fff;
  font: 600 10px/1 Montserrat, sans-serif;
  letter-spacing: .12em;
}

/* ---------------------------------------------------------------------------
   顶部滚动公告（后台「顶部公告」维护，前台最多同时轮播 3 条）
   轨道末尾追加一条首项副本，动画到 -100% 时视觉上等于回到第一项，循环无跳帧
--------------------------------------------------------------------------- */
/* 靠左对齐（与原 .utility 的分列布局保持同一视觉起点：
   左内边距与页头导航一致）。用 .utility.utility-anno 提高优先级，
   避免被下面 760px 媒体查询里的 .utility{justify-content:center} 覆盖回去 */
.utility.utility-anno { justify-content: flex-start; overflow: hidden; }
.anno { position: relative; width: 100%; max-width: 760px; height: 100%; overflow: hidden; }
.anno-track { display: flex; flex-direction: column; will-change: transform; }
.anno[data-count="2"] .anno-track { animation: anno-roll-2 10s cubic-bezier(.65,0,.35,1) infinite; }
.anno[data-count="3"] .anno-track { animation: anno-roll-3 13s cubic-bezier(.65,0,.35,1) infinite; }
.anno:hover .anno-track, .anno:focus-within .anno-track { animation-play-state: paused; }
.anno-item {
  flex: 0 0 auto;
  height: var(--anno-h, 32px);
  line-height: var(--anno-h, 32px);
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.anno-item a { color: inherit; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.4); padding-bottom: 1px; }
.anno-item a:hover { border-bottom-color: #fff; }
@keyframes anno-roll-2 {
  0%, 32%   { transform: translateY(0); }
  38%, 64%  { transform: translateY(-33.3333%); }
  70%, 96%  { transform: translateY(-66.6667%); }
  100%      { transform: translateY(0); }
}
@keyframes anno-roll-3 {
  0%, 22%   { transform: translateY(0); }
  27%, 47%  { transform: translateY(-25%); }
  52%, 72%  { transform: translateY(-50%); }
  77%, 97%  { transform: translateY(-75%); }
  100%      { transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .anno-track { animation: none !important; }
}

.nav {
  height: 80px;
  padding: 0 clamp(24px, 4.8vw, 76px);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  background: var(--paper);
}
.brand { text-decoration: none; font-size: 27px; font-weight: 300; letter-spacing: .16em; }
.nav-links { display: flex; align-items: center; gap: clamp(28px, 4vw, 62px); }
.nav-links a { text-decoration: none; font: 500 15px/1 Montserrat, sans-serif; letter-spacing: .07em; transition: opacity .18s ease; }
.nav-links a:hover, .nav-links a[aria-current="page"] { opacity: .55; }
.nav-actions { justify-self: end; display: flex; gap: 22px; }
.icon-link { width: 22px; height: 22px; display: grid; place-items: center; text-decoration: none; font-size: 20px; }
.user-link svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cart-link{position:relative}
.cart-link svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cart-badge{position:absolute;top:-7px;right:-9px;min-width:16px;height:16px;padding:0 4px;background:#1d3a34;color:#fff;border-radius:999px;font:600 10px/16px Inter,Arial,sans-serif;text-align:center}
.utility span,.nav>.brand,.nav>.nav-links,.nav>.nav-actions,.site-footer>*{transform:scale(var(--story-overlay-scale,1))}.utility span:first-child,.nav>.brand,.site-footer>*{transform-origin:left center}.utility span:last-child,.nav>.nav-actions,.site-footer>.momoco-social{transform-origin:right center}.nav>.nav-links{transform-origin:center center}

.banner { position: relative; margin: 0; overflow: hidden; aspect-ratio: 3500 / 769; }
.banner-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.banner-copy { position: absolute; z-index: 2; left: 4.8%; top: 50%; transform: translateY(-50%); width: 35%; display: flex; flex-direction: column; align-items: flex-start; }
.banner-eyebrow { margin: 0 0 clamp(10px, 1.3vw, 24px); color: var(--accent); font: 600 clamp(10px, .86vw, 15px)/1 Montserrat, sans-serif; letter-spacing: .22em; }
.banner-title { margin: 0; color: var(--banner-title, var(--ink)); font-size: clamp(28px, 3vw, 58px); font-weight: 300; line-height: 1.07; letter-spacing: -.02em; }
.banner-title em { font-style: normal; color: var(--accent); }
.banner-lede { margin: clamp(12px, 1.5vw, 26px) 0 0; max-width: 24em; color: var(--banner-lede); font-size: clamp(11px, .86vw, 15px); line-height: 1.62; }
.banner-cta { margin-top: clamp(20px, 2.5vw, 44px); display: inline-block; padding: clamp(11px, .95vw, 17px) clamp(20px, 1.7vw, 30px); background: var(--accent); color: #fff; text-decoration: none; font: 600 clamp(10px, .78vw, 14px)/1 Montserrat, sans-serif; letter-spacing: .18em; transition: filter .2s ease, transform .2s ease; }
.banner-cta span { margin-left: .4em; }
.banner-cta:hover { filter: brightness(1.08); transform: translateY(-1px); }
.banner-pet-care { --accent: #3f7477; --banner-lede: #6f6a63; --banner-scrim: linear-gradient(90deg, rgba(246,241,234,.97) 0%, rgba(246,241,234,.9) 52%, rgba(246,241,234,0) 100%); }
.banner-smart-pet { --accent: #e94a0a; --banner-title: #fff; --banner-lede: rgba(255,255,255,.78); --banner-scrim: linear-gradient(90deg, rgba(18,20,22,.96) 0%, rgba(18,20,22,.86) 52%, rgba(18,20,22,0) 100%); }
.banner-smart-pet .banner-copy { width: 28%; }
.banner-pad-factory { --accent: #bd9254; --banner-lede: #7a756e; --banner-scrim: linear-gradient(90deg, rgba(246,243,238,.97) 0%, rgba(246,243,238,.9) 52%, rgba(246,243,238,0) 100%); }
.banner::after { content: ""; position: absolute; inset: 0; z-index: 1; background: var(--banner-scrim); opacity: 0; pointer-events: none; }
@media (hover:hover) and (pointer:fine){
  .home .banner-bg{transition:transform .5s cubic-bezier(.22,.61,.36,1),filter .5s ease;transform-origin:center center;will-change:transform}
  .home .banner:hover .banner-bg{transform:scale(1.02);filter:brightness(1.02)}
}

.mock-page { position: relative; width: 100%; max-width: 2048px; margin: 0 auto; background: #fff; line-height: 0; }
.mock-page > img { width: 100%; height: auto; display: block; }
.mock-nav { position: absolute; top: 1.7%; left: 33%; width: 38%; height: 3%; display: grid; grid-template-columns: repeat(4, 1fr); }
.mock-nav a { display: block; }
.back-chip { position: fixed; z-index: 20; right: 18px; bottom: 18px; padding: 11px 16px; border: 1px solid rgba(0,0,0,.14); background: rgba(255,255,255,.9); backdrop-filter: blur(8px); text-decoration: none; font: 600 11px Montserrat, sans-serif; letter-spacing: .08em; }
.floating-actions{position:fixed;z-index:30;right:20px;top:73%;display:grid;overflow:hidden;background:rgba(255,255,255,.96);border:1px solid #d9dfe0;border-radius:7px;box-shadow:0 7px 22px rgba(15,30,35,.12);transform:translateY(-50%);backdrop-filter:blur(8px)}.floating-actions a{width:62px;height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#3c494b;text-decoration:none;border-bottom:1px solid #d9dfe0;transition:background .18s,color .18s}.floating-actions a:last-child{border-bottom:0}.floating-actions a:hover{color:var(--teal);background:#f3f7f6}.floating-actions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.floating-actions span{font-size:11px}

.mobile-toggle { display: none; border: 0; background: transparent; font-size: 24px; }
.blank-page { min-height: calc(100vh - 112px); background:#fcfbf8; }
.about-page{background:#f7f1e8}.about-hero{position:relative;width:100%;line-height:0;overflow:hidden}.about-hero img{display:block;width:100%;height:auto}.about-hero::after{content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:57%;background:linear-gradient(90deg,#f3ece2 0%,#f3ece2 84%,rgba(243,236,226,.96) 91%,rgba(243,236,226,0) 100%)}.about-copy{position:absolute;z-index:2;left:4.6%;top:15.5%;width:46%;line-height:1.55;transform:scale(var(--story-overlay-scale,1));transform-origin:left top}.about-kicker{margin:0;color:#087a7b;font:600 24px/1 Montserrat,Arial,sans-serif;letter-spacing:.18em}.about-rule{display:block;width:68px;height:4px;margin:30px 0 42px;background:#087a7b}.about-copy h1{margin:0 0 38px;color:#202222;font:600 72px/1.15 Inter,Arial,sans-serif;letter-spacing:-.035em}.about-intro{max-width:760px;margin:0;color:#4d5354;font:400 24px/1.65 Inter,Arial,sans-serif}

.inner { background: #faf8f4; }
.visual-hero { line-height: 0; overflow: hidden; }
.visual-hero img { display: block; width: 100%; height: auto; }
.benefit-strip { position: relative; z-index: 3; width: min(90vw, 1400px); margin: -62px auto 0; padding: 28px 22px; display: grid; grid-template-columns: repeat(4,1fr); background: #fbfaf7; border: 1px solid #e5ded4; border-radius: 22px; box-shadow: 0 12px 32px rgba(30,30,30,.06); }
.benefit-strip.orange { grid-template-columns: repeat(5,1fr); }
.benefit-strip article { padding: 0 20px; text-align: center; border-right: 1px solid #ded8d0; }
.benefit-strip article:last-child { border: 0; }
.benefit-strip b { color: var(--teal); font-size: 26px; }
.benefit-strip.orange b { color: var(--orange); }
.benefit-strip h3 { margin: 10px 0 6px; font: 600 11px Montserrat,sans-serif; letter-spacing: .05em; }
.benefit-strip p { margin: 0; color: #585858; font-size: 12px; line-height: 1.5; }
.benefit-icon { width:54px; height:54px; object-fit:contain; display:block; margin:0 auto 8px; }
.pet-benefits { background:#fff; }
.benefit-image { position:relative;z-index:3;width:min(92vw,1600px);aspect-ratio:5.55/1;margin:-48px auto 0;overflow:hidden; }
.benefit-image img { display:block;width:100%;height:auto;transform:translateY(-24%); }
.section { width: min(92vw, 1400px); margin: 0 auto; padding: 76px 0; }
.section > h1, .devices > h1 { margin: 6px 0 14px; text-align: center; font-weight: 300; letter-spacing: .02em; }
.eyebrow { margin: 0 0 8px; color: var(--teal); text-align: center; font: 600 11px Montserrat,sans-serif; letter-spacing: .13em; }
.orange-text { color: var(--orange); }
.product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; }
.product-grid > * { min-width: 0; }
.product-card { container-type:inline-size; padding: 20px 14px; text-align: center; background: #fff; border: 1px solid #ece8e1; border-radius: 12px; }
.product-image { height: 290px; display: grid; place-items: center; overflow:visible; padding:8px; }
.product-image img { max-width: 100%; max-height: 100%; object-fit: contain; }
.product-card h2 { min-height: 24px; margin: 24px 0 14px; font-size: 16px; }
.product-card p { margin:0 0 12px;color: #686868; font-size: 12px; }
.product-card strong { display: block; margin: 8px 0 14px; font-size: 18px; }
.rating { margin:0 0 4px;color: #f58220; font-size: 13px; }.rating span{color:#666}
.buy-row { display: grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr); gap: 8px; justify-content: center; margin-top: 18px; }
.btn { padding: 11px 15px; border: 1px solid var(--teal); text-decoration: none; font: 600 9px Montserrat,sans-serif; letter-spacing: .04em; white-space: nowrap; }
.offer-price{display:block;width:100%;margin:12px 0 4px;text-align:center;font:600 20px/1.2 Inter,Arial,sans-serif}.feature-card .offer-price,.device-card .offer-price{margin-top:auto}.feature-card .offer-price+.buy-row,.device-card .offer-price+.buy-row{margin-top:10px}.smart-play-section .offer-price{margin-top:4px}
/* 价格+按钮一体化行：价格左、按钮右，避免价格孤零零悬浮 */
.price-buy{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px}
.price-buy .offer-price{width:auto;margin:0;text-align:left;font-size:22px;letter-spacing:.01em}
.price-buy .buy-slot{flex:1;min-width:210px}
.price-buy .buy-row{margin-top:0}
.smart-play-section .price-buy,.device-card .price-buy,.feature-card .price-buy{margin-top:auto;padding-top:20px}
/* 按钮恢复标准尺寸：覆盖 .device-card .btn 的压扁内边距，单按钮时不再被网格裁切 */
.price-buy .buy-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.price-buy .buy-row .btn{min-width:0;padding:12px 22px;font-size:12.5px;letter-spacing:.08em;white-space:nowrap;justify-content:center}
.btn.primary { color: #fff; background: var(--teal); }.btn.secondary{color:var(--teal);background:#fff}
.smart-page .btn.primary { background: var(--orange); border-color: var(--orange); }.smart-page .btn.secondary{color:#333;border-color:#bbb}
.smart-product-title{font-size:22px;line-height:1.25;letter-spacing:.1em}.smart-play-section{padding-bottom:38px}.smart-play-section + .devices{padding-top:38px}
.feature-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:28px; }
.feature-card { min-height:360px; display:grid; grid-template-columns:1.05fr .95fr; overflow:hidden; background:#fff; border:1px solid #ece5dc; border-radius:16px; }
.feature-card > img { width:100%;height:100%;object-fit:cover; }.feature-card > div{min-width:0;padding:34px 14px;display:flex;flex-direction:column}.feature-card h2{font-size:30px;font-weight:300}.feature-card li,.device-card li{margin:9px 0;font-size:13px}.feature-card .buy-row{margin-top:auto}.feature-card .btn{min-width:0;padding-inline:4px;text-align:center;font-size:11px}
.story { display:grid;grid-template-columns:42% 58%;align-items:center;background:#eee8df;overflow:hidden}.story>div{padding:55px 8vw}.story .eyebrow{text-align:left}.story h2{font-size:42px;font-weight:300}.story em,.factory-page em{color:var(--teal);font-style:normal}.story img{width:100%;height:380px;object-fit:cover;object-position:70% center}
.story-banner{position:relative;line-height:0}.story-banner img{display:block;width:100%;height:auto}.learn-button{display:inline-block;padding:15px 22px;color:#fff;background:var(--teal);text-decoration:none;font:600 16px/1 Montserrat,sans-serif;letter-spacing:.09em;line-height:1}
.pet-story-banner{position:relative;width:100%;line-height:0;overflow:hidden}.pet-story-banner>img{display:block;width:100%;height:auto}.pet-story-copy{position:absolute;left:8%;top:50%;width:520px;transform:translateY(-50%) scale(var(--story-overlay-scale,1));transform-origin:left center;line-height:1.45}.pet-story-copy .eyebrow{text-align:left;font-size:16px}.pet-story-copy h2{margin:12px 0 22px;font-size:48px;font-weight:300;line-height:1.14}.pet-story-copy em{color:var(--teal);font-style:normal}.pet-story-copy>p:not(.eyebrow){margin:0 0 28px;font-size:16px;line-height:1.65}
.pet-care-page .products{padding-bottom:38px}.pet-care-page .products + .section{padding-top:38px}
.split { display:grid;grid-template-columns:1.1fr .9fr;gap:0;align-items:stretch}.split>img{width:100%;height:100%;object-fit:cover}.split>div{padding:56px;background:#fff;border:1px solid #e5ded4}.split .eyebrow{text-align:left}.split h1{text-align:left;font-size:44px;font-weight:300}.split p{line-height:1.7}.mini-points{display:flex;gap:24px;margin:30px 0;font-size:12px;font-weight:600}
.devices{text-align:center}.devices>p{color:#666}.device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:30px;text-align:left;align-items:stretch}.device-card{min-height:500px;display:grid;grid-template-columns:1.15fr .85fr;align-items:stretch;background:#fff;border:1px solid #e5ded4;border-radius:16px;overflow:hidden}.device-card>div:first-child{min-width:0;padding:36px 20px;display:flex;flex-direction:column}.device-card .eyebrow{text-align:left}.device-card h2{font-size:32px;font-weight:300}.device-card .buy-row{margin-top:auto}.device-card .btn{min-width:0;padding-inline:5px;text-align:center;font-size:13px}.device-card>img{width:100%;height:100%;max-height:390px;align-self:center;object-fit:contain}.asset-needed{height:100%;display:grid;place-content:center;text-align:center;background:linear-gradient(145deg,#292d2d,#0f1111);color:white}.asset-needed span{font:600 18px Montserrat;letter-spacing:.15em}.asset-needed small{margin-top:12px;color:#aaa}
.heart{width:min(92vw,1400px);margin:0 auto 70px;padding:75px;background:linear-gradient(100deg,#ede7df,#faf8f4);border-radius:18px}.heart .eyebrow{text-align:left}.heart h2{font-size:38px;font-weight:300}.heart p{max-width:760px;line-height:1.7}
.oem-grid{display:grid;grid-template-columns:repeat(9,1fr);margin-top:34px;padding:10px;background:#f0ede7;border:1px solid #e2ddd4;border-radius:8px;overflow:hidden}.oem-grid article{min-height:110px;padding:18px 8px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;border-right:1px solid #d8d3cb}.oem-grid article:last-child{border:0}.oem-grid b{color:var(--teal);font-size:22px}.oem-grid span{font-size:12px}
.process-flow{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);align-items:center;gap:12px;margin:34px 0}.process-flow article{min-height:166px;padding:26px 18px;display:grid;align-content:center;text-align:center;background:#fff;border:1px solid #d9e2e2;border-radius:10px;box-shadow:3px 5px 0 #9eb4b5}.process-flow h2{margin:0 0 22px;color:#17344a;font:700 28px/1.15 Montserrat,Arial,sans-serif}.process-flow p{margin:0;color:#5c6c75;line-height:1.45}.process-arrow{position:relative;width:42px;height:40px;background:#08aaa4;clip-path:polygon(0 0,65% 0,100% 50%,65% 100%,0 100%,35% 50%)}
.factory-split{display:grid;grid-template-columns:32% 68%;gap:34px}.factory-split .eyebrow{text-align:left}.factory-split h1{text-align:left;font-size:42px}.factory-split p{line-height:1.7}.stats{display:flex;gap:28px;margin-top:40px}.stats b{color:var(--teal);font-size:22px}.stats span{display:block;margin-top:6px;color:#333;font-size:10px}.factory-gallery{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(3,150px);gap:10px}.factory-gallery img{width:100%;height:100%;object-fit:cover}.factory-gallery .large{grid-row:1/4}.certificates{text-align:center}.certificates>img{width:100%;margin-top:30px}.market-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.market-grid article{padding:34px;background:#f4f5f3;border:1px solid #dfe4e2;border-radius:16px}.market-grid .market-visual{padding:0;overflow:hidden;background:#f8f5f0}.market-visual img{display:block;width:100%;height:100%;object-fit:cover}.market-grid .eyebrow{text-align:left}.market-grid h2{font-weight:300}.market-map{margin-top:30px;padding:24px;color:white;background:#17344a;text-align:center;font-size:12px;letter-spacing:.06em}.market-map i{color:#4bc1bd}.brand-boxes{display:grid!important;grid-template-columns:repeat(4,1fr);gap:10px!important;margin-top:30px}.brand-boxes>div{height:105px;padding:10px;display:grid!important;place-items:center;background:white;border:1px solid #ddd}.brand-boxes img{display:block;max-width:100%;max-height:82px;object-fit:contain}.brands{text-align:center}.brands>img{width:100%;margin-top:28px}.site-footer{padding:48px clamp(28px,6vw,100px);display:grid;grid-template-columns:2fr repeat(3,1fr);gap:34px;color:#fff;background:#151919}.site-footer .brand{color:#fff}.site-footer div{display:flex;flex-direction:column;gap:8px}.site-footer b{font:600 10px Montserrat;letter-spacing:.1em}.site-footer a:not(.brand){color:#bbb;text-decoration:none;font-size:12px}.site-footer small{grid-column:1/-1;color:#777}.momoco-footer{min-height:170px;grid-template-columns:1fr auto;align-items:center}.momoco-footer .footer-left{height:auto;display:flex;flex-direction:column;justify-content:flex-start;gap:12px}.momoco-footer .footer-left small{margin-top:0}.momoco-social{align-items:center!important;justify-self:end}.momoco-social>img{width:128px;height:78px;object-fit:contain;filter:brightness(0) invert(1)}.social-icons{flex-direction:row!important;gap:16px!important}.social-icons a{width:24px;height:24px;color:#fff!important;text-decoration:none}.social-icons svg{display:block;width:24px;height:24px;fill:currentColor}

.smart-story-banner{position:relative;width:100%;line-height:0;overflow:hidden}.smart-story-banner img{display:block;width:100%;height:auto}.smart-story-copy{position:absolute;left:8%;top:50%;width:560px;transform:translateY(-50%) scale(var(--story-overlay-scale,1));transform-origin:left center;line-height:1.45}.smart-story-copy .eyebrow{text-align:left;font-size:16px}.smart-story-copy h2{margin:10px 0 16px;font-size:48px;font-weight:300;line-height:1.12}.smart-story-copy>p:not(.eyebrow){margin:0 0 24px;font-size:16px;line-height:1.65}.smart-learn-button{display:inline-block;padding:15px 22px;color:#fff;background:var(--orange);text-decoration:none;font:600 16px/1 Montserrat,sans-serif;letter-spacing:.09em}.momoco-social>.whaleon-mark{width:180px;height:112px;filter:none}.factory-mark{color:#fff;font-size:24px;font-weight:300;letter-spacing:.18em}

.company-glance,.manufacturing,.quality-assurance{padding-top:38px}.company-glance>h1,.manufacturing>h1,.quality-assurance>h1{margin:0 0 24px;text-align:left;font-size:34px;font-weight:300;letter-spacing:.02em}.glance-intro{display:grid;grid-template-columns:1fr 1.35fr;gap:40px;padding:24px 30px;background:#fff;border:1px solid #dfe4e2;border-radius:8px;box-shadow:0 2px 5px rgba(20,40,45,.07)}.glance-intro h2{margin:0;font-size:22px}.glance-intro p{margin:0;color:#536169;line-height:1.55}.glance-content{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;margin-top:28px;align-items:stretch}.glance-photos{display:grid;grid-template-columns:1fr 1fr;gap:18px}.glance-photos figure,.manufacturing figure{position:relative;margin:0;overflow:hidden}.glance-photos figure{display:flex;flex-direction:column}.glance-photos img{display:block;width:100%;height:235px;object-fit:cover}.glance-photos figcaption{position:static;padding:14px 4px 0;color:#16384a;background:transparent;font:600 11px Montserrat;letter-spacing:.05em}.glance-side{display:flex;flex-direction:column}.glance-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1}.glance-facts b{display:grid;place-items:center;padding:18px;text-align:center;color:#13a7a1;background:#f0f6f5;border:1px solid #d9e5e3;border-radius:8px;box-shadow:2px 3px 4px rgba(20,40,45,.07)}.glance-tagline{margin:14px 0 0;text-align:center;color:#0ca39d;font:600 11px Montserrat;letter-spacing:.1em}.manufacturing-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:stretch}.manufacturing figure img{display:block;width:100%;height:520px;object-fit:cover}.manufacturing figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 30px;color:#fff;background:rgba(10,43,62,.9)}.manufacturing figcaption strong,.manufacturing figcaption span{display:block}.manufacturing figcaption strong{font-size:20px}.manufacturing figcaption span{margin-top:14px;font-size:12px}.capability-list{display:grid;grid-template-rows:repeat(4,1fr);gap:16px;height:100%}.capability-list article{min-height:0;padding:24px 22px;display:flex;flex-direction:row;align-items:center;gap:20px;background:#fff;border:1px solid #dbe3e3;border-radius:8px;box-shadow:2px 3px 4px rgba(20,40,45,.08)}.capability-list article>b{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;color:#fff;background:#20aaa6;border-radius:50%;font-size:12px}.capability-list h3{margin:0 0 7px;font-size:17px}.capability-list p{margin:0;color:#657078;font-size:12px;line-height:1.45}.quality-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:40px}.quality-scene>img,.quality-docs>img{display:block;width:100%;object-fit:cover}.quality-scene>img{height:330px}.quality-scene>div{margin-top:24px;padding:24px;background:#f0f6f5;border:1px solid #d9e5e3;border-radius:8px}.quality-scene h2{margin:0 0 12px;font-size:18px}.quality-scene p{margin:0;color:#58676e;font-size:12px;line-height:1.5}.quality-docs>img{height:350px;object-fit:contain}.quality-points{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;margin-top:24px}.quality-points span{display:grid;grid-template-columns:90px 1fr;align-items:center;font-size:11px}.quality-points b{color:#0ca39d;font:600 9px Montserrat;letter-spacing:.1em}.market-section>h1{margin:6px 0 28px;text-align:center;font-weight:300}.market-section .market-grid{width:100%;margin:0}.brand-market{display:flex;flex-direction:column;justify-content:center}.brand-boxes>div{height:128px;background:transparent;border:0}.brand-boxes img{max-height:72px}.brand-boxes span{color:#222;font:600 11px Montserrat;text-align:center}.brands>h1{margin:0;font-size:34px;font-weight:300}.brands>p{margin:12px 0 0;color:#5e6668;font-size:14px}

.factory-page .section{padding:42px 0}.factory-section-heading{margin:0 0 26px}.factory-section-heading h1{margin:0;font-size:34px;font-weight:300;letter-spacing:.02em}.factory-section-heading p{margin:10px 0 0;color:#596467;font-size:16px;line-height:1.55}.company-glance .glance-content{margin-top:0}.company-glance .glance-facts b{color:#109e99;background:#fff;font-size:16px;line-height:1.3}.company-glance .glance-photos img{height:260px}.company-glance .glance-photos figcaption{line-height:1.4}.company-glance .glance-tagline{line-height:1.4}.manufacturing-layout figure{height:100%}.manufacturing-layout figure img{height:100%;min-height:520px}.capability-list article{padding:26px 24px}.capability-list article>b{font-size:16px}.capability-list h3{font-size:18px}.sales-regions{overflow:hidden;border-radius:10px;background:#fff}.sales-regions img{display:block;width:100%;height:auto}.own-brand-heading{margin:34px 0 22px;text-align:center}.own-brand-heading h2{margin:8px 0 0;font-size:16px;font-weight:400}.brand-experience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.brand-experience-grid article{min-height:390px;padding:28px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid #dce3e3;border-radius:10px;box-shadow:2px 3px 5px rgba(20,40,45,.08)}.brand-experience-grid img{width:100%;height:120px;object-fit:contain;margin-bottom:22px}.brand-experience-grid article>b{width:80%;padding:10px 8px;color:#fff;background:#229e9b;border-radius:6px;font:600 16px Montserrat;letter-spacing:.1em}.brand-experience-grid article:nth-child(2)>b,.brand-experience-grid article:nth-child(3)>b{background:#2d7c91}.brand-experience-grid h3{margin:24px 0 12px;font-size:20px}.brand-experience-grid p{margin:0;color:#5c6a70;line-height:1.55}.brands>p{font-size:16px}.factory-page p,.factory-page span,.factory-page figcaption,.factory-page p.eyebrow,.factory-page .quality-points b,.factory-page .oem-grid span{font-size:16px}

.factory-page .glance-photos{grid-template-columns:repeat(4,1fr);gap:18px}.factory-page .glance-photos img{height:220px}.factory-page .glance-facts{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px}.factory-page .glance-facts b{min-height:112px}.factory-page .glance-tagline{margin-top:20px}.certificate-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;align-items:start}.certificate-grid figure{margin:0;text-align:center}.certificate-grid>figure>img{display:block;width:100%;height:285px;object-fit:contain;background:#fff;border:1px solid #e1d9ce;box-shadow:0 10px 22px rgba(40,35,28,.08)}.certificate-reflection{height:24px;margin:4px 10px 0;overflow:hidden;opacity:.13;transform:scaleY(-1);transform-origin:center}.certificate-reflection img{display:block;width:100%;height:120px;object-fit:cover;object-position:top;mask-image:linear-gradient(to bottom,transparent,black);-webkit-mask-image:linear-gradient(to bottom,transparent,black)}.certificate-grid figcaption{margin-top:12px;line-height:1.4}.factory-page .glance-photos figcaption{font-size:16px}

.factory-page .glance-photos figcaption{font-family:Inter,Arial,sans-serif;font-weight:400;letter-spacing:0;color:#596467}.certificate-grid>figure>img{height:auto;object-fit:initial}.brand-experience-grid article:nth-child(1) img,.brand-experience-grid article:nth-child(3) img{transform:scale(1.45)}.brand-experience-grid article:nth-child(4) img{transform:scale(1.55)}

main p,main li,main figcaption,main .eyebrow,main .btn,main .benefit-strip h3,main .product-card h2,main .rating,main .mini-points span,main .oem-grid span,.site-footer a:not(.brand),.site-footer b,.site-footer small{font-size:16px}.pet-care-page .benefit-strip p,.pet-care-page .product-card p,.pet-care-page .feature-card li,.pet-care-page .feature-card p,.smart-page .split p,.smart-page .devices>p,.smart-page .device-card li,.smart-page .device-card p{font-size:16px}.pet-care-page .product-card{display:flex;flex-direction:column;overflow:hidden}.pet-care-page .product-image{height:290px;overflow:visible;padding:8px}.pet-care-page .product-card h2{min-height:24px;margin:24px 0 14px;line-height:1.35}.pet-care-page .product-card p{margin:0 0 12px}.pet-care-page .product-card .rating{margin:0 0 4px}.pet-care-page .product-card strong{margin:8px 0 14px}.pet-care-page .product-card>.buy-row{margin-top:auto}.pet-care-page .product-card .btn{min-width:0;padding:11px 4px;text-align:center;overflow:visible;text-overflow:clip;font-size:11px;letter-spacing:0}.pet-care-page .feature-card>img{object-fit:cover;object-position:center;background:#fff}.brand-experience-grid article:nth-child(1) img,.brand-experience-grid article:nth-child(3) img{transform:translateY(16px) scale(1.45)}

.product-image,.feature-product-image,.smart-product-image,.device-product-image{display:block;text-decoration:none;overflow:hidden}.product-image img,.feature-product-image img,.smart-product-image img,.device-product-image img{transition:transform .3s ease}.product-image:hover img,.feature-product-image:hover img,.smart-product-image:hover img,.device-product-image:hover img{transform:scale(1.025)}
.feature-product-image{min-width:0;height:100%;background:#fff}.feature-product-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.smart-product-image{min-width:0;height:100%}.smart-product-image img{display:block;width:100%;height:100%;object-fit:cover}.device-product-image{width:100%;height:100%;align-self:center}.device-product-image img{display:block;width:100%;height:100%;max-height:390px;object-fit:contain}
.product-detail-page{background:#faf8f4;padding-bottom:72px}.product-breadcrumb{width:min(92vw,1420px);margin:0 auto;padding:28px 0 18px}.product-breadcrumb a{color:#4e686a;text-decoration:none;font:600 13px Montserrat,Arial,sans-serif;letter-spacing:.08em}.product-detail-hero{width:min(92vw,1420px);margin:0 auto;padding:30px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:54px;background:#fff;border:1px solid #e5ded4;border-radius:16px}.product-gallery{min-width:0}.product-main-image{aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;background:#fff}.product-main-image img{display:block;width:100%;height:100%;object-fit:contain}.product-thumbnails{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}.product-thumb{aspect-ratio:1/1;padding:4px;overflow:hidden;background:#fff;border:1px solid #ddd7cf;cursor:pointer}.product-thumb.active{border:2px solid var(--teal)}.product-thumb img{display:block;width:100%;height:100%;object-fit:cover}.product-summary{padding:18px 12px}.product-brand{margin:0 0 14px;color:var(--teal);font:600 14px Montserrat,Arial,sans-serif;letter-spacing:.14em}.product-summary h1{margin:0 0 20px;font-size:36px;font-weight:400;line-height:1.25}.product-detail-rating{margin:0 0 16px;color:#f17816;font-size:18px}.product-detail-rating span{margin-left:10px;color:#647072;font-size:14px}.product-detail-price{margin:0 0 24px!important;font-size:30px!important;font-weight:600}.product-summary ul{margin:0;padding-left:22px}.product-summary li{margin:0 0 13px;color:#334144;line-height:1.55}.product-purchase{display:grid;grid-template-columns:100px 1fr 1fr;gap:12px;margin-top:30px}.product-purchase label{display:grid;gap:6px;color:#657072;font-size:12px}.product-purchase input{width:100%;height:48px;padding:0 12px;border:1px solid #bcc8c8;background:#fff;font-size:16px}.product-purchase button{min-height:48px;padding:12px 15px;border:1px solid var(--teal);font:600 13px Montserrat,Arial,sans-serif;letter-spacing:.06em;cursor:pointer}.add-cart-button{color:#fff;background:var(--teal)}.buy-now-button{color:var(--teal);background:#fff}.commerce-note{margin:16px 0 0!important;color:#788183;font-size:12px!important;line-height:1.5}.amazon-detail-btn{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:12px 22px;border:1.5px solid #ff9900;border-radius:6px;background:#fff;color:#232f3e;text-decoration:none;font:700 13px Montserrat,Arial,sans-serif;letter-spacing:.04em;transition:background .2s,color .2s}.amazon-detail-btn:hover{background:#ff9900;color:#fff}.aplus-section{width:min(92vw,1420px);margin:54px auto 0;text-align:center}.aplus-section h2{margin:8px 0 30px;font-size:36px;font-weight:300}.aplus-gallery{display:grid;gap:22px}.aplus-gallery img{display:block;width:100%;height:auto;background:#fff;border-radius:8px}

@media (max-width:1350px) and (min-width:761px){.pet-care-page .product-grid{grid-template-columns:repeat(2,1fr)}.pet-care-page .feature-grid{grid-template-columns:1fr}.pet-care-page .product-image{height:300px}.pet-care-page .feature-card{grid-template-columns:1fr 1fr}.pet-care-page .feature-card>img{max-height:440px}}

@container (max-width:330px){.product-card .buy-row{grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr)}}

@media (max-width:1100px){.process-flow{grid-template-columns:1fr}.process-flow .process-arrow{width:34px;margin:auto;transform:rotate(90deg)}.process-flow article{min-height:150px}.oem-grid{grid-template-columns:repeat(3,1fr)}}

.site-footer{padding-top:calc(48px * var(--story-overlay-scale,1));padding-bottom:calc(48px * var(--story-overlay-scale,1))}.momoco-footer{min-height:calc(170px * var(--story-overlay-scale,1))}

@media (max-width: 760px) {
  .utility { --anno-h: calc(28px * var(--story-overlay-scale,1)); height: calc(28px * var(--story-overlay-scale,1)); justify-content: center; font-size: 8px; }
  .utility:not(.utility-anno) span:last-child { display: none; }
  .nav { height: 66px; grid-template-columns: 1fr auto; }
  .brand { font-size: 21px; }
  .nav-links { position: absolute; z-index: 10; top: 94px; left: 0; right: 0; padding: 22px; display: none; flex-direction: column; background: var(--paper); }
  .nav-links.open { display: flex; }
  .nav-actions { display: none; }
  .about-hero{min-height:720px;background:#f3ece2}.about-hero img{position:absolute;right:-55%;width:auto;height:100%;max-width:none;opacity:.32}.about-hero::after{width:100%;background:rgba(243,236,226,.72)}.about-copy{left:7%;top:9%;width:86%}.about-kicker{font-size:18px}.about-rule{margin:22px 0 30px}.about-copy h1{font-size:38px}.about-intro{font-size:24px;line-height:1.55}
  .floating-actions{right:10px;top:auto;bottom:18px;grid-template-columns:repeat(2,1fr);transform:none}.floating-actions a{width:58px;height:58px;border-bottom:0;border-right:1px solid #d9dfe0}.floating-actions a:last-child{border-right:0}.floating-actions span{font-size:10px}
  .mobile-toggle { display: block; }
  .banner{aspect-ratio:auto;min-height:clamp(380px,104vw,520px)}
  .banner-bg{object-position:74% center}
  .banner::after{opacity:1}
  .banner-copy{left:0;top:0;width:100%;height:100%;transform:none;padding:38px 24px 34px;justify-content:center;align-items:flex-start}
  .banner-smart-pet .banner-copy{width:100%}
  .banner-title{font-size:clamp(26px,7.4vw,38px);line-height:1.12}
  .banner-eyebrow{margin-bottom:14px;font-size:11px;letter-spacing:.2em}
  .banner-lede{font-size:13px;line-height:1.6;max-width:15em}
  .banner-cta{margin-top:24px;padding:13px 20px;font-size:11px}
  .banner-pet-care::after,.banner-pad-factory::after{background:linear-gradient(100deg,rgba(246,241,234,.96) 0%,rgba(246,241,234,.92) 52%,rgba(246,241,234,.5) 100%)}
  .banner-smart-pet::after{background:linear-gradient(100deg,rgba(18,20,22,.95) 0%,rgba(18,20,22,.88) 52%,rgba(18,20,22,.45) 100%)}
  .mock-page { min-width: 760px; transform-origin: top left; }
  .mock-shell { overflow-x: auto; }
  .benefit-strip,.benefit-strip.orange{width:92vw;margin:-18px auto 0;padding:18px 10px;grid-template-columns:repeat(2,1fr);border-radius:14px}.benefit-strip article{padding:12px;border-right:0;border-bottom:1px solid #ddd}.product-grid,.feature-grid,.device-grid,.market-grid{grid-template-columns:1fr}.feature-card,.device-card,.split,.story,.factory-split{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-image{height:180px}.buy-row{grid-template-columns:1fr}.oem-grid{grid-template-columns:repeat(3,1fr)}.process-flow{grid-template-columns:1fr}.process-flow .process-arrow{width:34px;margin:auto;transform:rotate(90deg)}.factory-gallery{grid-template-rows:repeat(3,110px)}.site-footer{grid-template-columns:1fr 1fr}.section{padding:48px 0}.heart{padding:36px 24px}.story img{height:260px}
  .benefit-image{width:100%;margin:-12px auto 0;aspect-ratio:5.2/1}.product-card h2{margin-top:24px}.pet-care-page .products{padding-bottom:24px}.pet-care-page .products + .section{padding-top:24px}.momoco-footer{grid-template-columns:1fr}.momoco-social{justify-self:start}.momoco-footer .footer-left small{margin-top:24px}
  .pet-story-banner,.smart-story-banner{min-height:430px;background:#eee7dc}.pet-story-banner>img,.smart-story-banner img{position:absolute;right:0;width:auto;height:100%;max-width:none;opacity:.42}.pet-story-copy,.smart-story-copy{left:7%;top:50%;width:86%}.pet-story-copy h2,.smart-story-copy h2{font-size:30px}.momoco-social>.whaleon-mark{width:150px;height:94px}
  .glance-intro,.glance-content,.manufacturing-layout,.quality-layout{grid-template-columns:1fr}.glance-photos,.glance-facts,.quality-points,.factory-page .glance-photos,.factory-page .glance-facts{grid-template-columns:1fr 1fr}.manufacturing figure img{height:360px;min-height:360px}.brand-boxes,.brand-experience-grid{grid-template-columns:1fr 1fr}.factory-section-heading h1{font-size:30px}.certificate-grid{grid-template-columns:1fr 1fr}.nav-links a{font-size:15px}
  .product-detail-hero{width:94vw;padding:16px;grid-template-columns:1fr;gap:24px}.product-summary{padding:8px 2px}.product-summary h1{font-size:28px}.product-thumbnails{grid-template-columns:repeat(4,1fr)}.product-purchase{grid-template-columns:1fr}.aplus-section{width:94vw}.aplus-section h2{font-size:30px}.smart-product-image{min-height:300px}.device-product-image{min-height:280px}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; animation: none !important; }
}

/* ---- 第一批：信任徽标条 ---- */
.trust-strip{display:flex;justify-content:center;gap:clamp(14px,2.5vw,34px);flex-wrap:wrap;padding:clamp(22px,3vw,34px) 5vw;border-top:1px solid #eee7dc;border-bottom:1px solid #eee7dc;background:#faf8f4}
.trust-strip .t-item,.detail-badges .t-item{display:inline-flex;align-items:center;gap:8px;font:600 11.5px/1 Montserrat,Arial,sans-serif;letter-spacing:.08em;color:#3c3a37;text-transform:uppercase}
.trust-strip .t-item svg,.detail-badges .t-item svg{width:17px;height:17px;color:#3f7477;flex:none}
.detail-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.detail-badges .t-item{border:1px solid #e4ded3;border-radius:30px;padding:8px 13px;background:#fff}

/* ---- 方案A 深色经典电商底栏（SPA footer 升级 2026-10-24） ---- */
.site-footer.f-new{background:#0b1111;padding:50px clamp(28px,6vw,90px) 0;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:30px}
.site-footer.f-new .f-brand{display:flex;flex-direction:column;gap:0}
.site-footer.f-new .f-brand .brand{font-size:19px;letter-spacing:.14em}
.site-footer.f-new .f-brand p{margin:10px 0 16px;font-size:12.5px;line-height:1.7;color:#9aa39f;max-width:30em}
.f-social{display:flex;gap:9px}
.f-social a{width:28px;height:28px;border:1px solid #3a4443;border-radius:50%;display:grid;place-items:center;color:#cfd6d2;transition:border-color .2s}
.f-social a:hover{border-color:#7d8784}
.f-social svg{width:13px;height:13px;fill:currentColor;display:block}
.site-footer.f-new b{font:600 10px Montserrat,Arial,sans-serif;letter-spacing:.14em;color:#7d8784;margin-bottom:2px}
.site-footer.f-new a:not(.brand):not(.f-social a){color:#c4cbc7;text-decoration:none;font-size:12.5px;padding:3.5px 0}
.site-footer.f-new a:not(.brand):not(.f-social a):hover{color:#fff}
.site-footer.f-new .f-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #2a3433;margin-top:8px;padding:14px 0 18px}
.pay-badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.pay-badge{background:#fcfbf8;color:#0b1111;border-radius:3px;padding:3px 9px;font:500 10px Inter,Arial,sans-serif;letter-spacing:.03em}
.pay-badge.dark{background:#1a2663;color:#fff}
.pay-badge.blue{background:#2557a7;color:#fff}
.site-footer.f-new .f-legal{font-size:11.5px;color:#7d8784}
@media(max-width:900px){.site-footer.f-new{grid-template-columns:1fr 1fr}.site-footer.f-new .f-brand{grid-column:1/-1}}

/* ---- 底栏方向修复：压过旧 .site-footer div 的 column 规则 ---- */
.site-footer.f-new .f-social{display:flex;flex-direction:row;gap:9px}
.site-footer.f-new .f-bottom{flex-direction:row;align-items:center}
.site-footer.f-new .f-bottom .pay-badges{flex-direction:row;align-items:center}
.site-footer.f-new .f-bottom .f-legal{flex:none}
