/* category.css（homeV2 2026-10-30）：七分类页。大留白 + 分类色带 + 期数计数。 */
.cat-page{max-width:1200px;margin:0 auto;padding:96px 20px 72px;}
.cat-head{text-align:center;margin-bottom:34px;}
.cat-head__eyebrow{font-size:11px;letter-spacing:.32em;color:#b9b9c4;font-weight:700;}
.cat-head__title{font-size:clamp(26px,4vw,40px);font-weight:800;letter-spacing:-.02em;margin:8px 0 6px;color:#141419;}
.cat-head__sub{font-size:13px;color:#8a8a96;margin:0;}
.cat-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));}
.cat-grid[hidden],.cat-flow[hidden]{display:none !important;}
.cat-tile{position:relative;display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #ececf1;
  border-radius:16px;padding:22px 20px 18px;cursor:pointer;text-align:left;font-family:inherit;
  overflow:hidden;transition:box-shadow .18s,transform .18s;}
.cat-tile:hover{box-shadow:0 10px 26px rgba(20,20,40,.10);transform:translateY(-2px);}
.cat-tile::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--cat-c,#888);}
.cat-tile__en{font-size:10px;letter-spacing:.22em;color:#a9a9b4;font-weight:700;}
.cat-tile__zh{font-size:20px;font-weight:800;color:#17171c;letter-spacing:-.01em;}
.cat-tile__foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;}
.cat-tile__count{font-size:11px;font-weight:700;color:var(--cat-c,#888);background:color-mix(in srgb,var(--cat-c,#888) 12%,#fff);border:1px solid color-mix(in srgb,var(--cat-c,#888) 26%,#fff);border-radius:999px;padding:2px 10px;}
.cat-tile__go{font-size:12px;color:#b9b9c4;}
.cat-tile--on{border-color:var(--cat-c,#888);box-shadow:0 8px 22px color-mix(in srgb,var(--cat-c,#888) 22%,transparent);}
.cat-tile--empty{opacity:.55;}
/* 筛选流：与首页同排版的期卡网格（.issue-grid/.issue-card 在 home.css？不——本页自载） */
.cat-flow{margin-top:8px;}
.cat-flow__bar{display:flex;align-items:center;gap:12px;margin:26px 0 16px;}
.cat-back{border:1px solid #e3e3ea;background:#fff;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;color:#3f3f46;cursor:pointer;font-family:inherit;}
.cat-back:hover{background:#f6f6f8;}
.cat-flow__name{font-size:17px;font-weight:800;color:#141419;}
.cat-flow__count{font-size:12px;color:#8a8a96;}
/* 期卡样式本页自载一份（与 home.css 同源同值，防跨页缺样式） */
.issue-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));}
.issue-card{position:relative;display:flex;flex-direction:column;aspect-ratio:600/820;width:100%;
  overflow:hidden;container-type:inline-size;background:#fff;border:1px solid #ececf1;border-radius:14px;
  color:#1a1a1a;text-decoration:none;box-shadow:0 1px 3px rgba(20,20,40,.05);transition:box-shadow .18s,transform .18s;}
.issue-card:hover{box-shadow:0 8px 22px rgba(20,20,40,.10);transform:translateY(-2px);}
.ic-head{display:flex;gap:6px;align-items:flex-start;padding:3.2% 3.2% 0;}
.ic-badge{flex:0 0 auto;width:9%;min-width:15px;aspect-ratio:1/1;border-radius:22%;background:#5b4bc4;color:#fff;
  font-weight:800;font-size:max(4.6cqw,9px);display:flex;align-items:center;justify-content:center;letter-spacing:.02em;}
.ic-titles{min-width:0;flex:1;}
.ic-tzh{font-size:max(6.9cqw,12px);font-weight:700;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.ic-ten{font-size:max(5.2cqw,10px);font-weight:600;color:#e11d48;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.ic-meta{display:flex;gap:4px;align-items:center;margin:2% 3.2% 0;padding:1.2% 2%;border-radius:8px;
  background:#f3eefe;color:#6d28d9;font-size:max(4.6cqw,10px);font-weight:600;white-space:nowrap;overflow:hidden;}
.ic-meta>span{overflow:hidden;text-overflow:ellipsis;min-width:0;}
.ic-meta__src{flex:1;text-align:center;}
.ic-body{flex:1;display:flex;margin:2% 3.2% 3.2%;min-height:0;}
.ic-left{flex:0 0 68%;min-width:0;display:flex;flex-direction:column;}
.ic-fig{width:100%;height:46%;border-radius:10px;overflow:hidden;background:#f2f0fa;}
.ic-fig__img{width:100%;height:100%;object-fit:cover;display:block;}
.ic-fig__ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#eef0ff 0%,#fdf0fa 100%);color:#b9b3e6;font-weight:800;font-size:max(8cqw,14px);letter-spacing:.08em;}
.ic-ph{margin-top:3%;font-size:max(5.5cqw,11px);line-height:1.9;overflow:hidden;min-height:0;}
.ic-u--kw{border-radius:4px;padding:0 2px;color:#1a1a1a !important;}
.ic-u__w{font-weight:600;}
.ic-u__ipa{font-style:normal;color:#8585a0;font-size:max(4.3cqw,9px);margin:0 3px 0 1px;display:inline-block;}
.ic-u__def{color:#6b6b7a;font-size:max(4.0cqw,9px);margin-right:5px;display:inline-block;}
.ic-ph-zh{margin-top:2%;color:#4b4b5a;font-size:max(4.6cqw,10px);line-height:1.7;}
.ic-sep{flex:0 0 0;width:0;margin:0 1%;border-left:1px dashed #d8dbe2;}
.ic-right{flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:4%;}
.ic-issue{align-self:center;background:#fff;border:1px solid #d9dce3;border-radius:999px;padding:1.2% 7%;
  font-size:max(5.0cqw,11px);font-weight:700;white-space:nowrap;}
.ic-tier{align-self:center;border-radius:999px;color:#fff;padding:1.2% 7%;font-size:max(4.8cqw,10px);font-weight:600;white-space:nowrap;}
.ic-words{flex:1;min-height:0;display:flex;flex-direction:column;gap:4%;overflow:hidden;}
.ic-word{border-radius:8px;padding:2% 5%;overflow:hidden;}
.ic-word__en{display:block;font-size:max(5.5cqw,11px);font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ic-word__ipa{display:block;font-style:normal;color:#5f5f6e;font-size:max(4.3cqw,9px);white-space:nowrap;overflow:hidden;}
.ic-word__zh{color:#3c3c46;font-size:max(4.5cqw,9px);line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.issue-end{text-align:center;color:#9a9aa5;font-size:12px;padding:28px 0 8px;}
@media (max-width:640px){
  .cat-page{padding:64px 12px 96px;}
  .cat-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .cat-tile{padding:16px 14px 14px;}
  .cat-tile__zh{font-size:17px;}
  .issue-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
}