:root{--yds-bg:#F8F7F3;--yds-white:#FFFFFF;--yds-ink:#3F3D39;--yds-ink-soft:#6D6A64;--yds-line:#E5E2DB;--yds-tint:#EEF1ED;--yds-radius:12px;--yds-container:1120px}.yds-container{max-width:var(--yds-container);margin:0 auto;padding:0 22px}.yds-eyebrow{display:inline-block;font-size:12px;letter-spacing:.1em;font-weight:500;color:var(--yds-ink);background:var(--yds-tint);padding:5px 12px;border-radius:3px;font-family:Noto Sans TC,sans-serif}.yds-h1{font-family:"Noto Serif TC",serif;font-weight:500;font-size:20px;line-height:1.5;margin:0;color:var(--yds-ink)}.yds-h2{font-family:"Noto Serif TC",serif;font-weight:500;font-size:18px;line-height:1.5;margin:0;color:var(--yds-ink)}.yds-body{font-family:Noto Sans TC,sans-serif;font-size:14px;line-height:1.9;color:var(--yds-ink-soft)}.yds-hero{height:210px;overflow:hidden;position:relative;background:var(--yds-bg)}.yds-hero img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.yds-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:20px 22px;background:linear-gradient(180deg,#0000 45%,#00000052)}.yds-hero-overlay .yds-eyebrow{background:#ffffffd9}.yds-hero-overlay .yds-h1{color:#fff;font-size:22px}.yds-hero-overlay .yds-lead{color:#ffffffeb;font-size:12px;margin-top:6px}.yds-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 26px;border-radius:999px;border:1px solid var(--yds-line);background:var(--yds-white);color:var(--yds-ink);font-family:Noto Sans TC,sans-serif;font-size:13px;font-weight:500;letter-spacing:.02em;text-decoration:none;transition:background .2s ease,border-color .2s ease}.yds-btn:hover{background:var(--yds-tint);border-color:var(--yds-ink-soft)}.yds-btn-dark{background:var(--yds-ink);color:#fff;border-color:var(--yds-ink)}.yds-btn-dark:hover{background:#2e2c29}.yds-card{background:var(--yds-white);border:1px solid var(--yds-line);border-radius:var(--yds-radius);padding:26px}@media(min-width:768px){.yds-h1{font-size:26px}.yds-h2{font-size:22px}.yds-hero{height:340px}.yds-hero-overlay{padding:36px 40px}.yds-hero-overlay .yds-h1{font-size:30px}.yds-hero-overlay .yds-lead{font-size:14px;margin-top:8px}}@media(min-width:1024px){.yds-h1{font-size:30px}.yds-h2{font-size:24px}.yds-hero{height:460px}.yds-hero-overlay{padding:48px 60px}.yds-hero-overlay .yds-h1{font-size:34px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/youi-design-system.css.map */