/* 虎社長研究所首頁（life.hu688.com/），共用 style.css 的色票 */
.hub{--serif:"Noto Serif TC","Songti TC","PMingLiU",serif}
.hub main{padding-bottom:40px}
.hub-top{max-width:560px;margin:0 auto;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}
.hub-top-link{font-size:14px;font-weight:700;text-decoration:none}
.hub-hero figure{margin:0 -16px}
.hub-hero img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:0 0 28px 28px}
.hub-hero-txt{text-align:center;padding:22px 4px 0}
.hub-kicker{margin:0;font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--gold)}
.hub h1{font-family:var(--serif);font-weight:900;font-size:44px;line-height:1.15;margin:8px 0 10px;letter-spacing:.06em}
.hub .lead{font-size:16px;line-height:1.8;color:#4b5261;margin:0}
.hub-h2{font-family:var(--serif);font-weight:900;font-size:26px;margin:40px 2px 16px}
.hub-h2 small{display:block;font-size:13px;letter-spacing:.18em;color:var(--gold);margin-bottom:4px}
.hub-tools{display:grid;gap:14px}
.hub-tool{display:grid;text-decoration:none;color:var(--ink);background:#fffdf8;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 6px 20px rgba(28,34,48,.06);transition:transform .15s,box-shadow .15s}
.hub-tool:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(28,34,48,.12)}
.hub-tool-pic{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--cs,#e6eefb)}
.hub-tool-pic img{width:100%;height:100%;object-fit:cover}
.hub-tool-pic-char{display:flex;align-items:flex-end;justify-content:center;aspect-ratio:auto;height:170px}
.hub-tool-pic-char img{width:auto;height:160px;object-fit:contain}
.hub-tool-txt{display:block;padding:16px 18px 18px}
.hub-tool-txt small{display:block;font-size:12.5px;font-weight:700;color:var(--c,var(--blue));letter-spacing:.06em}
.hub-tool-txt b{display:block;font-family:var(--serif);font-weight:900;font-size:24px;margin:4px 0 6px}
.hub-tool-txt>span{display:block;font-size:14.5px;line-height:1.7;color:#4b5261}
.hub-tool-txt em{display:inline-block;margin-top:12px;font-style:normal;font-weight:700;color:#fff;background:var(--c,var(--blue));border-radius:99px;padding:7px 18px;font-size:14.5px}
.hub-about-box{background:#fffdf8;border:1px solid var(--line);border-radius:18px;padding:16px 18px}
.hub-about p{margin:0 0 10px;font-size:15px;line-height:1.85}
.hub-about p:last-child{margin-bottom:0}

@media (min-width:960px){
  .hub main,.hub-top,.hub .foot{max-width:1120px}
  .hub main{padding:0 32px 56px}
  .hub-top{padding:16px 32px}
  .hub-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:center;padding-top:12px}
  .hub-hero figure{margin:0}
  .hub-hero img{border-radius:32px}
  .hub-hero-txt{text-align:left;padding:0}
  .hub h1{font-size:64px}
  .hub .lead{font-size:17px}
  .hub-h2{font-size:32px;margin-top:64px}
  .hub-tools{grid-template-columns:1fr 1fr;gap:20px}
  .hub-tool-main{grid-column:1/-1;grid-template-columns:1.2fr 1fr;align-items:center}
  .hub-tool-main .hub-tool-pic{height:100%;aspect-ratio:auto}
  .hub-tool-main .hub-tool-txt{padding:32px 36px}
  .hub-tool-main .hub-tool-txt b{font-size:34px}
  .hub-about-box{max-width:820px;padding:22px 28px}
  .hub-about p{font-size:16px}
}