/* Joyful Month × 不是中藥 itsherbs.com · 合作空间 · 共用样式 */

@font-face{font-family:"HOS";src:url(fonts/hos-300.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"HOS";src:url(fonts/hos-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"HOS";src:url(fonts/hos-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"HOS";src:url(fonts/hos-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"HOS";src:url(fonts/hos-900.woff2) format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:"Switzer";src:url(fonts/switzer-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Switzer";src:url(fonts/switzer-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Switzer";src:url(fonts/switzer-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Switzer";src:url(fonts/switzer-800.woff2) format("woff2");font-weight:800 900;font-display:swap}

:root{
  --paper:#f5eed7;      /* itsherbs 米 */
  --paper-2:#faf6ea;
  --card:#fffdf8;
  --ink:#241a11;
  --brown:#5a3c1e;      /* itsherbs 深棕 */
  --muted:#6f5f4d;
  --taupe:#998675;      /* Joyful 金棕 */
  --taupe-2:#cdbda7;
  --line:rgba(90,60,30,.16);
  --line-2:rgba(90,60,30,.08);
  --red:#c80f14;        /* itsherbs 红 · 只做点缀 */
  --night:#241a11;
  --night-2:#3b2c1f;
  --moon:#f3e6c4;
  --ok:#3f7a4a;
  --amber:#b7791f;
  --font:"Switzer","HOS",-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
a{color:inherit}
:focus-visible{outline:2px solid var(--taupe);outline-offset:3px;border-radius:4px}

.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
@media (max-width:760px){.wrap{padding:0 16px}}

.tp{text-wrap:pretty}
.tb{text-wrap:balance}

/* 设计样板提示条 */
.ribbon{background:var(--ink);color:var(--moon);font-size:13px;letter-spacing:.04em;text-align:center;padding:7px 16px}
.ribbon b{font-weight:700;color:#fff}

/* 小标签 */
.kicker{font-family:"Switzer",var(--font);font-size:13px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe)}

/* 按钮 */
.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;border-radius:999px;font-size:15px;font-weight:700;letter-spacing:.02em;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn-ink{background:var(--ink);color:var(--paper)}
.btn-ink:hover{background:var(--brown);box-shadow:0 8px 24px rgba(36,26,17,.18)}
.btn-line{border:1px solid var(--line);background:var(--card);color:var(--ink)}
.btn-line:hover{border-color:var(--taupe)}
.btn-sm{height:38px;padding:0 16px;font-size:14px}
.btn-block{width:100%}

/* 中 / EN 切换 */
.lang{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--card)}
.lang button{height:30px;min-width:40px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:700;color:var(--muted)}
.lang button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}

/* 联名标志 */
.cobrand{display:flex;align-items:center;gap:14px;min-width:0}
.cobrand .jm{width:38px;height:38px;object-fit:contain}
.cobrand .jm-name{display:flex;flex-direction:column;line-height:1.15}
.cobrand .jm-name b{font-family:"Switzer",var(--font);font-weight:800;font-size:15px;letter-spacing:.14em}
.cobrand .jm-name span{font-size:13px;color:var(--muted);letter-spacing:.06em}
.cobrand .x{font-family:"Switzer",var(--font);font-weight:400;font-size:18px;color:var(--taupe)}
.cobrand .ih{height:30px;width:auto}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}