/* Irivi · static/app/home.css（REFACTOR_PLAN 3.2 首页）
   对照 design/ui-2026-10-21/home/home.html；令牌来自 static/app/base.css。竖屏（max-aspect-ratio:1/1）为手机版。
   旧 discover_layout.css 不再对首页加载（base.html 只对 search 加载）。 */
html body main#discoverMain{max-width:1280px;padding:20px 32px 64px}
html body #discoverMain>.page-header{display:none}
html body .home{color:var(--ink)}
html body .home a{color:inherit;text-decoration:none}
html body .home :is(h1,h2,h3,p){margin:0}
html body .home :is(a,button):focus-visible{outline:2px solid var(--brand);outline-offset:2px}

/* 顶栏搜索框（只在首页 / 搜索 / 排行榜） */
html body #nav .home-search{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:var(--r-pill);background:#fff;color:var(--ink-3);box-sizing:border-box}
html body #nav .home-search svg,html body .home-msearch svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round}
html body #nav .home-search input,html body .home-msearch input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;padding:0;font:inherit;font-size:14px;color:var(--ink);box-shadow:none}
html body #nav .home-search:focus-within{box-shadow:0 0 0 2px rgba(255,255,255,.9),var(--topbar-shadow)}
html body .home-msearch{display:none}

/* 横幅区：左大图轮播 + 右三张功能横幅（主次约 7:3） */
html body .home-hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px}
html body .home-carousel{position:relative;height:452px;border-radius:var(--r-lg);overflow:hidden;background:#2B2238;isolation:isolate}
html body .home-slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity var(--t-slow) var(--ease-out),visibility 0s linear var(--t-slow)}
html body .home-slide.is-on{opacity:1;visibility:visible;transition:opacity var(--t-slow) var(--ease-out)}
html body .home-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
html body .home-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,14,34,.62),rgba(20,14,34,.1) 55%,transparent)}
html body .home-slide-skeleton .irivi-skeleton{position:absolute;inset:0;border-radius:0;background:linear-gradient(90deg,#3A2F4A 0,#4A3D5E 40%,#3A2F4A 80%);background-size:300% 100%}
html body .home-slide-copy{position:absolute;z-index:1;left:40px;bottom:40px;right:40px;color:#fff}
html body .home-slide-label{display:inline-block;font-size:13px;font-weight:800;background:var(--cyan);color:var(--ink);padding:3px 10px;border-radius:var(--r-xs)}
html body .home-slide .brand-title{margin-top:14px;font-size:52px;line-height:1.12;color:#fff}
html body .home-slide .brand-title em{color:var(--candy)}
html body .home-slide-copy>p{margin-top:10px;font-size:15px;opacity:.92;max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .home-slide-go{display:inline-flex;align-items:center;gap:6px;margin-top:18px;height:42px;padding:0 20px;border-radius:var(--r-pill);background:#fff;color:var(--ink);font-weight:800;transition:transform var(--t-fast) var(--ease-out)}
html body .home-slide-go::after{content:"→"}
html body .home-slide:hover .home-slide-go{transform:translateY(-1px)}
html body .home-dots{position:absolute;z-index:2;right:24px;bottom:22px;display:flex;gap:6px}
html body .home-dots button{width:8px;height:8px;padding:0;border:0;border-radius:4px;background:rgba(255,255,255,.5);cursor:pointer;transition:width var(--t-base) var(--ease-out),background-color var(--t-base)}
html body .home-dots button.is-on{width:22px;background:#fff}
html body .home-slide.is-empty{background:linear-gradient(135deg,#3A2F4A,#5A2FC4)}
html body .home-slide.is-empty::after{display:none}

html body .home-banners{display:grid;grid-template-rows:repeat(3,1fr);gap:14px}
/* 精选加载失败或没有图片：轮播整块隐藏，三张功能横幅横排占满（H5 支付审核 2026-10-29） */
html body .home-hero.is-no-feature{grid-template-columns:minmax(0,1fr)}
html body .home-hero.is-no-feature .home-carousel{display:none}
html body .home-hero.is-no-feature .home-banners{grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr))}
html body .home-hero.is-no-feature .home-banner{min-height:150px}
html body .home-banner{position:relative;display:flex;flex-direction:column;justify-content:center;padding:18px 20px;border-radius:var(--r-md);overflow:hidden;transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-base) var(--ease-out)}
html body .home-banner:hover{transform:translateY(-1px);box-shadow:var(--shadow-card)}
html body .home-banner-tag{position:absolute;left:20px;top:14px;font-size:11px;font-weight:900;padding:1px 8px;border-radius:var(--r-xs)}
html body .home-banner-text{position:relative;z-index:1;max-width:200px;margin-top:10px}
html body .home-banner strong{display:block;font-size:26px;line-height:1.15;font-weight:900}
html body .home-banner small{display:block;font-size:13px;margin-top:6px;font-weight:600;line-height:1.45}
html body .home-banner.is-color{background:var(--cyan);color:var(--ink)}
html body .home-banner.is-color .home-banner-tag{background:rgba(36,33,42,.16);color:var(--ink)}
html body .home-swatch{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:grid;grid-template-columns:repeat(2,34px);gap:6px}
html body .home-swatch i{height:34px;border-radius:var(--r-xs);border:2px solid #fff}
html body .home-swatch i:first-child{grid-column:span 2;height:40px;background:linear-gradient(135deg,#F7B6C6,#B9A3D8 60%,#5B4A6E)}
html body .home-banner.is-queue{background:var(--candy);color:var(--ink)}
html body .home-banner.is-queue .home-banner-tag{background:#fff;color:var(--pink)}
html body .home-stack{position:absolute;right:22px;top:16px;width:92px;height:110px}
html body .home-stack i{position:absolute;width:72px;height:96px;border-radius:var(--r-xs);border:3px solid #fff;background:linear-gradient(160deg,#FFE3EA,#F5A3B8);box-shadow:0 6px 14px rgba(120,30,60,.25)}
html body .home-stack i:first-child{left:0;top:8px;transform:rotate(-8deg)}
html body .home-stack i:last-child{left:20px;top:4px;transform:rotate(6deg);background:linear-gradient(160deg,#fff,#FFD0DC)}
html body .home-banner.is-creator{background:var(--iris);color:#fff}
html body .home-banner.is-creator .home-banner-tag{background:var(--candy);color:var(--ink)}
html body .home-banner-mark{position:absolute;right:-6px;bottom:-26px;font-size:120px;font-weight:900;line-height:1;color:rgba(255,255,255,.12)}

/* 公告一行 + 语言（没有有效公告时只有语言入口） */
html body .home-ticker{display:flex;align-items:center;gap:20px;margin-top:16px;padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-2);min-width:0}
html body .home-ticker-item{display:flex;align-items:center;gap:8px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .home-pending{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:var(--r-xs);background:#ECEAF0;color:var(--ink-3);font-size:11px;font-weight:900;font-style:normal;white-space:nowrap}
html body .home-lang{flex:none;margin-left:auto}
html body .home-ticker-item>em{flex:none}
html body .home-ticker-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #discoverLanguage .irivi-select{min-width:96px}
/* 公告轮播（负责人 2026-10-31，static/app/home-notices.js）：一次一条，上滑切换；点一条弹小弹窗 */
html body .home-notices{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
html body .home-notice-badge{display:inline-flex;align-items:center;height:20px;padding:0 8px;flex:none;border-radius:var(--r-xs);background:var(--brand);color:#fff;font-size:11px;font-weight:900;white-space:nowrap}
html body .home-notice-track{position:relative;flex:1;min-width:0;height:26px;overflow:hidden}
html body .home .home-notice{position:absolute;inset:0;display:flex;align-items:center;gap:10px;width:100%;padding:0 2px;border:0;background:none;font:inherit;font-size:13px;color:var(--ink-2);text-align:left;cursor:pointer;opacity:0;transform:translateY(100%);pointer-events:none;transition:transform .42s var(--ease-out),opacity .42s var(--ease-out)}
html body .home .home-notice.is-on{opacity:1;transform:none;pointer-events:auto}
html body .home .home-notice.is-out{opacity:0;transform:translateY(-100%)}
html body .home .home-notice:focus-visible{outline-offset:-2px;border-radius:var(--r-xs)}
html body .home-notice time{flex:none;color:var(--ink-3);font-variant-numeric:tabular-nums}
html body .home-notice-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-weight:700}
html body .home-notice:hover .home-notice-title{color:var(--brand)}
html body .home-notice-count{flex:none;font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}
html body .home-notice-count b{font-weight:800;color:var(--ink-2)}
html body .home-notice-next{display:grid;place-items:center;width:26px;height:26px;flex:none;padding:0;border:0;border-radius:50%;background:var(--soft);color:var(--ink-2);cursor:pointer}
html body .home-notice-next:hover{color:var(--brand)}
html body .home-notice-next svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
html body .home-notice-dialog .home-notice-dialog-icon{background:var(--brand)}
html body .home-notice-dialog .home-notice-dialog-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html body .home-notice-dialog .pt-ui-dialog-title{overflow-wrap:anywhere}
html body .home-notice-dialog-time{display:block;margin-top:2px;font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}
html body .home-notice-dialog-body{max-height:min(56vh,420px);overflow:auto}
html body .home-notice-dialog-body[hidden]{display:none}
@media (prefers-reduced-motion:reduce){html body .home .home-notice{transition:none}}

/* 区块标题：品牌色点题 */
html body .home-sh{display:flex;align-items:baseline;gap:14px;margin:44px 0 16px;min-width:0}
html body .home-sh h2{font-size:24px;font-weight:900;white-space:nowrap}
html body .home-sh h2 b{color:var(--brand);font-weight:900}
html body .home-more{margin-left:auto;padding:0;border:0;background:none;font:inherit;font-size:13px;color:var(--ink-2);cursor:pointer;white-space:nowrap}
html body .home-more:hover{color:var(--brand)}
html body .home-more[hidden]{display:none}
html body .home-sh .home-pending{margin-left:auto;align-self:center}
html body .home-status{margin:16px 0 0;color:var(--ink-3);font-size:13px}
html body .home-status:empty{display:none}

/* 精选 Tag：6 张带图卡片，底边一条分类色 */
html body .home-tags{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;--c:var(--brand)}
html body .home-tag{display:block;min-width:0}
html body .home-tag-img{position:relative;display:block;aspect-ratio:3/4;border-radius:var(--r-sm);overflow:hidden;background:#E4E1E8}
html body .home-tag-img.is-blank{background:linear-gradient(160deg,#F1ECFC,#E4E1E8)}
html body .home-tag-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--t-slow) var(--ease-out)}
html body .home-tag:hover .home-tag-img img{transform:scale(1.03)}
html body .home-tag-bar{position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--c)}
html body .home-tag strong{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:15px;font-weight:800;min-width:0}
html body .home-tag strong i{width:8px;height:8px;border-radius:50%;background:var(--c);flex:none}
html body .home-tag-name{min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;word-break:break-all}
html body .home-tag small{display:block;min-height:18px;font-size:12px;color:var(--ink-3)}

/* 推荐创作者 + 本周热点：同一行各占一半 */
html body .home-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
/* 只有推荐创作者一栏（本周热点没有真实内容时不渲染）：创作者横排三列，招募条在下方通栏 */
html body .home-duo.is-single{grid-template-columns:minmax(0,1fr)}
html body .home-duo.is-single .home-creators{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
/* 三张横排时不放大第一位（负责人 10-31：三张卡头像、名字、缩略图要在同一高度）；.is-lead 放大只用于竖排 */
html body .home-duo.is-single .home-creator{align-content:flex-start}
html body .home-duo.is-single .home-creator.is-lead .home-creator-av{width:44px;height:44px;font-size:17px}
html body .home-creators{display:grid;gap:10px}
html body .home-creator{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;padding:14px 16px;border-radius:var(--r-md);background:var(--soft)}
html body .home-creator-av{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;overflow:hidden;background:var(--candy);color:var(--ink);font-size:17px;font-weight:900}
html body .home-creator.is-lead .home-creator-av{width:56px;height:56px;font-size:20px}
html body .home-creator-av img{width:100%;height:100%;object-fit:cover}
html body .home-creator-name{display:block;min-width:0;flex:1}
html body .home-creator-name strong{display:block;font-size:16px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .home-creator-name small{font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}
html body .home-follow{height:32px;padding:0 16px;border:0;background:var(--brand);color:#fff;cursor:pointer;flex:none}
html body .home-follow.is-following{background:#fff;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}
html body .home-creator-works{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%}
html body .home-creator-works>*{display:block;aspect-ratio:1;border-radius:var(--r-xs);overflow:hidden;background:#E4E1E8}
html body .home-creator-works img{width:100%;height:100%;object-fit:cover;display:block}
html body .home-creator.is-placeholder{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
html body .home-creator.is-placeholder .home-creator-av{background:var(--soft);color:var(--ink-3)}
html body .home-join{display:flex;align-items:center;gap:14px;margin-top:12px;padding:16px 20px;border-radius:var(--r-md);background:#FFF1F4}
html body .home-join strong{display:block;font-size:16px;font-weight:800}
html body .home-join small{font-size:13px;color:var(--ink-2)}
html body .home-join .btn{margin-left:auto;height:36px;display:inline-flex;align-items:center;padding:0 18px;background:var(--pink);color:#fff;flex:none}
html body .home-hot-empty{display:flex;align-items:center;gap:16px;padding:22px 20px;border-radius:var(--r-md);background:var(--soft);color:var(--ink-2)}
html body .home-hot-empty strong{display:block;font-size:15px;font-weight:800;color:var(--ink)}
html body .home-hot-empty p{font-size:13px;margin-top:4px}
html body .home-hot-icon{display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:var(--r-md);background:#fff;color:var(--brand)}
html body .home-hot-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
/* 本周热点（负责人 2026-10-31）：第一篇封面 + 标题 + 摘要，其余一行一篇；对照定稿 .hot1 / .hl */
html body .home-hot-lead{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;align-items:center;min-width:0}
html body .home-hot-cover{display:grid;place-items:center;aspect-ratio:4/3;border-radius:var(--r-sm);overflow:hidden;background:#E4E1E8;color:var(--brand)}
html body .home-hot-cover.is-blank{background:linear-gradient(150deg,#F1ECFC,#FFE4EC)}
html body .home-hot-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--t-slow) var(--ease-out)}
html body .home-hot-lead:hover .home-hot-cover img{transform:scale(1.03)}
html body .home-hot-cover svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
html body .home-hot-copy{display:grid;gap:6px;min-width:0}
html body .home-hot-copy time{font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}
html body .home-hot-copy strong{font-size:17px;font-weight:800;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
html body .home-hot-copy small{font-size:13px;line-height:1.6;color:var(--ink-2);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
html body .home-hot-lead:hover strong,html body .home-hot-list a:hover strong{color:var(--brand)}
html body .home-hot-list{list-style:none;margin:14px 0 0;padding:0;border-top:1px solid var(--line)}
html body .home-hot-list a{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);min-width:0}
html body .home-hot-thumb{width:48px;height:36px;flex:none;border-radius:6px;object-fit:cover;background:#E4E1E8}
html body .home-hot-thumb.is-blank{background:linear-gradient(150deg,#F1ECFC,#FFE4EC)}
html body .home-hot-list strong{flex:1;min-width:0;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .home-hot-list time{flex:none;font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}

/* 为你推荐：标签切换 + 均衡瀑布流（布局由 home_balanced_masonry.js 计算） */
html body .home-tabs{display:flex;gap:18px;margin-left:12px}
html body .home-tabs button{padding:0 0 6px;border:0;background:none;font:inherit;font-size:15px;font-weight:700;color:var(--ink-3);cursor:pointer;transition:color var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out);white-space:nowrap}
html body .home-tabs button.is-on{color:var(--ink);font-weight:800;box-shadow:inset 0 -3px 0 var(--brand)}
html body .home-grid{display:grid;column-gap:12px;row-gap:0;align-items:start;--home-min-card:220px}
html body .home-grid[hidden]{display:none}
html body .home-card{min-width:0;padding-bottom:16px;box-sizing:border-box}
html body .home-card-media{position:relative;border-radius:var(--r-sm);overflow:hidden;background:#E4E1E8}
html body .home-card-link{display:block}
html body .home-card-link img{display:block;width:100%;height:auto;object-fit:cover;transition:transform var(--t-slow) var(--ease-out)}
html body .home-card-link:hover img{transform:scale(1.02)}
html body .home-card .discover-image-failed{min-height:120px}
html body .home-like{position:absolute;right:8px;bottom:8px;width:32px;height:32px}
html body .home-like svg{width:17px;height:17px}
html body .home-card-meta{display:flex;gap:6px;height:20px;margin-top:6px;overflow:hidden;font-size:12px;font-weight:700;line-height:20px;white-space:nowrap}
html body .home-card-meta a{color:var(--brand)}
html body .home-card-meta span{color:var(--ink-3)}
html body .home-empty{display:grid;gap:4px;justify-items:center;padding:48px 16px;border-radius:var(--r-md);background:var(--soft);text-align:center;color:var(--ink-2);font-size:13px}
html body .home-empty strong{font-size:16px;color:var(--ink)}
html body .home-empty[hidden]{display:none}
html body .home-section[hidden],html body .home-carousel[hidden]{display:none}

/* 竖屏 = 手机版 */
@media (max-aspect-ratio:1/1){
  html body main#discoverMain{padding:12px 12px calc(32px + var(--tabbar-h) + var(--safe-bottom))}
  html body .home-msearch{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;margin-bottom:12px;border-radius:var(--r-pill);background:var(--soft);color:var(--ink-3)}
  html body .home-hero{grid-template-columns:minmax(0,1fr);gap:10px}
  html body .home-carousel{height:300px;border-radius:var(--r-md)}
  html body .home-slide-copy{left:20px;bottom:22px;right:20px}
  html body .home-slide .brand-title{font-size:32px}
  html body .home-slide-copy>p{font-size:13px}
  html body .home-slide-go{height:36px;margin-top:12px}
  html body .home-dots{right:16px;bottom:16px}
  /* 功能横幅横向滑动，一屏露出一张半（§9.1：左右各留 16px、吸附时也留 16px；松手吸附到最近一张，最后一张贴右） */
  html body .home-banners{grid-template-rows:none;grid-auto-flow:column;grid-auto-columns:62%;gap:10px;overflow-x:auto;scrollbar-width:none;margin:0 -12px;padding-inline:16px;scroll-padding-inline:16px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}
  html body .home-banners::-webkit-scrollbar{display:none}
  html body .home-banner{height:104px;padding:30px 14px 10px;justify-content:flex-start;border-radius:var(--r-sm);scroll-snap-align:start}
  html body .home-banner:last-child{scroll-snap-align:end}
  html body .home-banner-tag{left:14px;top:10px;font-size:10px}
  html body .home-banner-text{max-width:150px;margin-top:0}
  html body .home-banner strong{font-size:17px}
  html body .home-banner small{font-size:11px;margin-top:3px;line-height:1.4}
  html body .home-swatch{right:10px;grid-template-columns:repeat(2,22px);gap:4px}
  html body .home-swatch i{height:22px;border-width:1.5px}html body .home-swatch i:first-child{height:24px}
  html body .home-stack{right:10px;top:12px;width:62px;height:80px}
  html body .home-stack i{width:48px;height:64px;border-width:2px}
  html body .home-banner-mark{font-size:80px;bottom:-18px}
  html body .home-ticker{margin-top:12px;font-size:12px;gap:10px}
  html body .home-sh{margin:28px 0 12px;gap:10px}
  html body .home-sh h2{font-size:20px}
  html body .home-tabs{margin-left:2px;gap:12px}
  html body .home-tabs button{font-size:14px}
  html body .home-tags{display:flex;overflow-x:auto;scrollbar-width:none;margin:0 -12px;padding:0 12px}
  html body .home-tags::-webkit-scrollbar{display:none}
  html body .home-tag{flex:0 0 120px}
  html body .home-duo{grid-template-columns:minmax(0,1fr);gap:0}
  html body .home-duo.is-single .home-creators{grid-template-columns:minmax(0,1fr)}
  html body .home-hot-lead{grid-template-columns:120px minmax(0,1fr);gap:12px}
  html body .home-hot-copy strong{font-size:15px}
  html body .home-hot-copy small{-webkit-line-clamp:2}
  html body .home-notices{gap:8px}
  html body .home .home-notice{font-size:12px;gap:8px}
  html body .home-notice-count,html body .home-notice time{display:none}
  html body .home-hero.is-no-feature .home-banners{grid-template-columns:none}
  html body .home-hero.is-no-feature .home-banner{min-height:0}
  html body .home-grid{column-gap:8px;--home-min-card:150px}
  html body .home-card{padding-bottom:12px}
  html body .home-card-meta{display:none}
  html body .home-like{width:30px;height:30px;right:6px;bottom:6px}
}
/* 2026-11-01（负责人：轮播右下角的点在白色图上看不见）：圆点放进半透明深色小胶囊里，任何底色上都看得清 */
html body .home-dots{padding:6px 9px;border-radius:999px;background:rgba(20,16,28,.38);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center}
html body .home-dots button{background:rgba(255,255,255,.55)}
html body .home-dots button.is-on{background:#fff}
