/** Shopify CDN: Minification failed

Line 11:0 All "@import" rules must come first

**/
/* hide theme auto-rendered page.title heading + collapse wrapper top padding (scoped to this page only, no theme edit) */
.section-header { display: none !important; }
.page-content { padding-top: 0 !important; }

/* 标题字体改用 Poppins，与店铺 Motion 主题 heading 字体(poppins_n7)一致；正文保留系统无衬线 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap');
.um-wrap{
  --ink-900:oklch(21% 0.012 255); --ink-700:oklch(38% 0.012 255); --ink-500:oklch(52% 0.012 255); --ink-300:oklch(70% 0.01 255);
  --line:oklch(91% 0.006 255); --line-strong:oklch(84% 0.008 255);
  --surface:oklch(99% 0.004 255); --surface-2:oklch(97.5% 0.005 255);
  --accent:oklch(45% 0.12 255); --accent-strong:oklch(37% 0.12 255); --accent-tint:oklch(95% 0.03 255);
  max-width:1120px; margin:0 auto; padding:0 20px; color:var(--ink-900);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,"Helvetica Neue",Arial,sans-serif;
  font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased;
}
.um-wrap *{box-sizing:border-box;}
.um-hero{padding:clamp(36px,6vw,64px) 0 26px; border-bottom:1px solid var(--line);}
.um-hero .um-eyebrow{font-size:.76rem; letter-spacing:.2em; text-transform:uppercase; color:var(--ink-500); font-weight:600; margin:0 0 16px;}
.um-hero h1{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,Arial,sans-serif; font-weight:700; font-size:clamp(2rem,5vw,3.1rem); line-height:1.05; letter-spacing:-.01em; margin:0; color:var(--ink-900);}
.um-hero h1 .um-rule{display:block; width:56px; height:4px; background:var(--accent); border-radius:2px; margin-top:20px;}
.um-hero p{color:var(--ink-700); font-size:1.02rem; margin:18px 0 0;}
.um-nav{display:flex; flex-wrap:wrap; gap:8px; padding:22px 0 6px;}
.um-nav a{font-size:.82rem; font-weight:500; color:var(--ink-700); text-decoration:none; padding:7px 14px; border:1px solid var(--line); border-radius:999px; transition:color .25s ease,border-color .25s ease;}
.um-nav a:hover{color:var(--accent); border-color:var(--accent);}
.um-search-wrap{margin:22px 0 2px; position:relative;}
.um-search{width:100%; max-width:460px; padding:13px 18px 13px 44px; font-family:inherit; font-size:.95rem; color:var(--ink-900); background:var(--surface); border:1px solid var(--line-strong); border-radius:999px; outline:none; transition:border-color .2s ease, box-shadow .2s ease;}
.um-search::placeholder{color:var(--ink-500);}
.um-search:focus{border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-tint);}
.um-search-wrap::before{content:""; position:absolute; left:16px; top:50%; width:18px; height:18px; transform:translateY(-50%); pointer-events:none; opacity:.55; background:var(--ink-500); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 21l-4.35-4.35M11 18a7 7 0 1 1 0-14 7 7 0 0 1 0 14z' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 21l-4.35-4.35M11 18a7 7 0 1 1 0-14 7 7 0 0 1 0 14z' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;}
.um-noresult{display:none; text-align:center; color:var(--ink-500); padding:46px 0; font-size:.95rem; background:var(--surface-2); border:1px dashed var(--line-strong); border-radius:12px;}
.um-section{padding:clamp(28px,4vw,44px) 0 4px;}
.um-section-head{display:flex; align-items:baseline; gap:14px; margin-bottom:22px;}
.um-section-title{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,Arial,sans-serif; font-weight:600; font-size:clamp(1.3rem,2.4vw,1.7rem); margin:0; color:var(--ink-900); letter-spacing:-.01em;}
.um-section-count{font-size:.78rem; color:var(--ink-500); font-weight:500;}
.um-section-rule{flex:1; height:1px; background:var(--line);}
.um-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:16px;}
.um-card{background:var(--surface); border:1px solid var(--line); border-radius:12px; overflow:hidden; display:flex; flex-direction:column; transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .3s ease;}
.um-card:hover{transform:translateY(-3px); border-color:var(--line-strong); box-shadow:0 14px 34px -22px oklch(45% 0.12 255 / .45);}
.um-card-img{aspect-ratio:4/3; background:var(--surface-2); display:flex; align-items:center; justify-content:center; padding:18px; border-bottom:1px solid var(--line);}
.um-card-img img{max-width:100%; max-height:100%; object-fit:contain;}
.um-card-img-empty{background:repeating-linear-gradient(45deg,var(--surface-2),var(--surface-2) 10px,var(--line) 10px,var(--line) 20px);}
.um-card-body{padding:16px 16px 18px; display:flex; flex-direction:column; gap:4px; flex:1;}
.um-model{font-size:1.02rem; font-weight:700; margin:0; color:var(--ink-900); letter-spacing:-.01em;}
.um-prod-title{font-size:.8rem; color:var(--ink-500); margin:0; line-height:1.4; min-height:2.2em;}
.um-actions{margin-top:auto; padding-top:14px; display:flex; flex-direction:column; gap:8px;}
.um-btn{display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; border-radius:9px; font-size:.85rem; font-weight:600; text-decoration:none; transition:background .2s ease,color .2s ease,border-color .2s ease;}
.um-btn-product{background:var(--accent); color:#fff;}
.um-btn-product:hover{background:var(--accent-strong);}
.um-btn-drive{background:transparent; color:var(--ink-700); border:1px solid var(--line-strong);}
.um-btn-drive:hover{color:var(--accent); border-color:var(--accent);}
.um-langs{display:flex; flex-wrap:wrap; gap:6px;}
.um-lang{flex:1; min-width:34px; text-align:center; padding:8px 4px; border-radius:7px; background:var(--surface-2); color:var(--ink-700); border:1px solid var(--line); font-size:.72rem; font-weight:700; text-decoration:none; letter-spacing:.02em; transition:background .2s ease,color .2s ease,border-color .2s ease;}
.um-lang:hover{background:var(--accent-tint); color:var(--accent); border-color:var(--accent);}
.um-cta{margin:clamp(40px,6vw,64px) 0 16px; padding:clamp(28px,4vw,44px); border:1px solid var(--line); border-radius:16px; background:var(--surface-2); text-align:center;}
.um-cta h3{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,Arial,sans-serif; font-weight:600; font-size:clamp(1.3rem,2.4vw,1.7rem); margin:0 0 10px; color:var(--ink-900);}
.um-cta p{color:var(--ink-500); margin:0 0 20px; font-size:.95rem;}
.um-cta a{display:inline-block; padding:13px 30px; background:var(--accent); color:#fff; border-radius:999px; font-weight:600; text-decoration:none; font-size:.95rem; transition:background .2s ease;}
.um-cta a:hover{background:var(--accent-strong);}
.um-note{font-size:.78rem; color:var(--ink-300); text-align:center; margin:6px 0 36px;}
.um-crumbs{display:flex; align-items:center; gap:8px; font-size:.8rem; color:var(--ink-500); margin:0 0 14px;}
.um-crumbs a{color:var(--ink-700); text-decoration:none;}
.um-crumbs a:hover{color:var(--accent);}
.um-crumbs .um-cr-sep{color:var(--ink-300);}
.um-model-link{color:var(--ink-900); text-decoration:none;}
.um-model-link:hover{color:var(--accent); text-decoration:underline; text-underline-offset:3px;}
.um-faq{padding:clamp(28px,4vw,44px) 0 4px;}
.um-faq-list{display:flex; flex-direction:column; gap:10px;}
.um-faq-item{border:1px solid var(--line); border-radius:12px; background:var(--surface); overflow:hidden;}
.um-faq-item summary{list-style:none; cursor:pointer; padding:15px 18px; font-weight:600; color:var(--ink-900); font-size:.95rem; display:flex; justify-content:space-between; align-items:center; gap:12px;}
.um-faq-item summary::-webkit-details-marker{display:none;}
.um-faq-item summary::after{content:"+"; font-size:1.3rem; line-height:1; color:var(--ink-500); font-weight:400; transition:transform .25s ease;}
.um-faq-item[open] summary::after{transform:rotate(45deg);}
.um-faq-a{padding:0 18px 16px; color:var(--ink-700); font-size:.92rem; line-height:1.6;}
.um-faq-a p{margin:0;}
@media(max-width:560px){.um-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px;} .um-card-body{padding:12px 12px 14px;} .um-hero p{font-size:.96rem;} .um-crumbs{font-size:.76rem;}}