/* ════════════════════════════════════════════════════════════════════ reel — 光影周刊 · The Cinema Gazette Editorial broadsheet / dark warm-ink / cinnabar 印章红 / serif display 与 new1(fc- 亮色珊瑚圆角玻璃) / yuan(c- 紫星轨) 全维度正交： 暗色 · 朱砂 · 衬线 · 锋利小圆角 · 哑光纸张。零 web-font，纯 CSS。 核心区块用 figure/figcaption/dl/aside/ol/nav/article —— 不用 div+section 堆叠。 ════════════════════════════════════════════════════════════════════ */ :root { /* —— 纸与墨 / ink & paper —— */ --gazette-ink: #14110c; /* 页面底色：暖墨黑 */ --gazette-ink-2: #1c1710; /* 抬升面板 */ --gazette-ink-3: #251e15; /* 卡片 */ --gazette-ink-4: #2f2719; /* 卡片悬停 */ --gazette-paper: #ece2cf; /* 正文：羊皮纸米 */ --gazette-paper-2: #b6ab94; /* 次级文字 */ --gazette-paper-3: #7a715e; /* 弱化文字 / 齿孔 */ /* —— 印章红 / cinnabar accent (主) —— */ --gazette-cinnabar: #d8463a; --gazette-cinnabar-2: #ef5d4e; /* hover */ --gazette-cinnabar-dim: rgba(216,70,58,.13); --gazette-cinnabar-glow:rgba(216,70,58,.30); /* —— 暗金描边 / gilt rule (极克制，仅点缀) —— */ --gazette-gilt: #c9a24a; /* —— 线 / rules —— */ --gazette-rule: rgba(236,226,207,.10); --gazette-rule-strong: rgba(236,226,207,.24); /* —— 形 / shape —— */ --gazette-radius: 3px; --gazette-radius-lg:6px; --gazette-container:1180px; --gazette-gutter: 26px; /* —— 字 / typography —— */ --gazette-serif: "Source Han Serif SC","Noto Serif SC","Songti SC","STSong","SimSun",Georgia,"Times New Roman",serif; --gazette-sans: "PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",-apple-system,"Segoe UI",sans-serif; --gazette-mono: ui-monospace,"SF Mono","JetBrains Mono","Courier New",monospace; } /* ═════════════ Reset ═════════════ */ *,*::before,*::after{margin:0;padding:0;box-sizing:border-box} html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth} body{ font-family:var(--gazette-sans); line-height:1.65; color:var(--gazette-paper); background:var(--gazette-ink); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; /* 哑光纸纹 + 暗角，给「深夜放映室」氛围，零图 */ background-image: radial-gradient(120% 80% at 50% -10%, rgba(216,70,58,.05), transparent 60%), radial-gradient(100% 60% at 50% 120%, rgba(0,0,0,.5), transparent 70%); background-attachment:fixed; } a{color:var(--gazette-paper);text-decoration:none;transition:color .18s ease,opacity .18s ease} a:hover{color:var(--gazette-cinnabar-2)} img{max-width:100%;height:auto;display:block} ul,ol{list-style:none} h1,h2,h3,h4{font-family:var(--gazette-serif);font-weight:700;color:var(--gazette-paper);line-height:1.18;letter-spacing:.005em} input,button{font:inherit;color:inherit} :focus-visible{outline:2px solid var(--gazette-cinnabar);outline-offset:2px} /* 报刊双线分隔 —— signature 装饰 */ .rule-double{border:0;border-top:1px solid var(--gazette-rule-strong); border-bottom:1px solid var(--gazette-rule);height:4px;background:transparent} .rule-hair{border:0;border-top:1px solid var(--gazette-rule)} /* ═════════════ Masthead / 刊头（替代 new1 header.fc-top-bar 三层 div） ═════════════ */ .masthead{ position:sticky;top:0;z-index:50; background:rgba(20,17,12,.86); -webkit-backdrop-filter:saturate(120%) blur(8px); backdrop-filter:saturate(120%) blur(8px); border-bottom:1px solid var(--gazette-rule-strong); box-shadow:0 1px 0 var(--gazette-rule) inset; } .masthead__inner{ max-width:var(--gazette-container);margin:0 auto;padding:0 18px; display:flex;align-items:center;gap:18px;height:58px; } /* 刊头 logo：图标+文字（SVG 矢量），承袭 reel 朱砂报头 */ .masthead__brand{ display:inline-flex;align-items:center;flex-shrink:0;line-height:0; } .masthead__brand img{height:38px;width:auto;display:block} @media(max-width:560px){.masthead__brand img{height:30px}} /* 主导航：横向滚（移动端无 JS），分隔点像目录 */ .masthead__nav{ display:flex;align-items:center;gap:0;flex:1 1 auto; overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none; mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent); } .masthead__nav::-webkit-scrollbar{display:none} .masthead__nav a{ position:relative;padding:6px 13px;font-size:14.5px;font-weight:500; color:var(--gazette-paper-2);white-space:nowrap; } .masthead__nav a + a::before{ content:"·";position:absolute;left:-2px;top:50%;transform:translateY(-50%); color:var(--gazette-paper-3);font-weight:700; } .masthead__nav a:hover{color:var(--gazette-paper)} .masthead__nav a[aria-current="page"]{color:var(--gazette-cinnabar-2)} /* 搜索：极简下划线输入，无 JS */ .masthead__query{display:flex;align-items:center;gap:8px;flex-shrink:0; border-bottom:1px solid var(--gazette-rule-strong);padding-bottom:4px;transition:border-color .2s} .masthead__query:focus-within{border-bottom-color:var(--gazette-cinnabar)} .masthead__query input{ width:120px;background:transparent;border:0;outline:0;font-size:13.5px; color:var(--gazette-paper);padding:2px 0; } .masthead__query input::placeholder{color:var(--gazette-paper-3)} .masthead__query button{ background:transparent;border:0;cursor:pointer;color:var(--gazette-cinnabar); font-size:13px;letter-spacing:.1em;font-weight:700;padding:2px 0; } .masthead__query button:hover{color:var(--gazette-cinnabar-2)} /* ═════════════ Stage / 版面容器 ═════════════ */ .stage{max-width:var(--gazette-container);margin:0 auto;padding:30px 18px 56px} /* 「本期」语义容器 —— 替代 new1 的 main.fc-container 单层 */ .issue{display:flex;flex-direction:column;gap:46px} /* 刊头：日期行 + 大标题 H1 */ .issue__mast{padding-bottom:18px;border-bottom:1px solid var(--gazette-rule-strong);position:relative} .issue__mast::after{content:"";position:absolute;left:0;bottom:-2px;width:72px;height:3px;background:var(--gazette-cinnabar)} .issue__dateline{font-family:var(--gazette-mono);font-size:11.5px;letter-spacing:.14em; color:var(--gazette-paper-3);margin-bottom:10px;text-transform:uppercase} .issue__title{font-size:32px;font-weight:900;letter-spacing:.01em;line-height:1.18} .issue__title-sub{font-family:var(--gazette-sans);font-weight:500;font-size:15px;letter-spacing:.02em; color:var(--gazette-paper-3);vertical-align:6px} /* —— 报眼 kicker（small-caps 朱砂）—— 复用工具类 —— */ .kicker{ display:inline-block;font-family:var(--gazette-sans);font-size:11px;font-weight:700; letter-spacing:.26em;text-transform:uppercase;color:var(--gazette-cinnabar); margin-bottom:12px; } .kicker::after{content:"";display:inline-block;width:0;height:1px;margin-left:10px; vertical-align:middle;background:var(--gazette-cinnabar);transition:width .4s ease} .column:hover .kicker::after,.feature-spotlight:hover .kicker::after{width:46px} /* ═════════════ Feature Spotlight / 头条放映（替代 div.fc-slider，无 JS） ═════════════ */ .feature-spotlight{ display:grid;grid-template-columns:1.05fr 1fr;gap:0; background:var(--gazette-ink-2);border:1px solid var(--gazette-rule); border-radius:var(--gazette-radius-lg);overflow:hidden;position:relative; } .feature-spotlight::before{ /* 朱砂「放映中」邮戳 */ content:"NOW SHOWING";position:absolute;top:16px;left:16px;z-index:3; font-family:var(--gazette-mono);font-size:10px;font-weight:700;letter-spacing:.2em; color:var(--gazette-ink);background:var(--gazette-cinnabar); padding:4px 9px;border-radius:2px;transform:rotate(-3deg); box-shadow:0 4px 14px var(--gazette-cinnabar-glow); } .feature-spotlight__poster{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--gazette-ink-3)} .feature-spotlight__poster img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .6s ease} .feature-spotlight:hover .feature-spotlight__poster img{transform:scale(1.04);filter:saturate(1.08)} .feature-spotlight__caption{padding:30px 30px 28px;display:flex;flex-direction:column;justify-content:center} .feature-spotlight__title{font-size:30px;margin-bottom:14px} .feature-spotlight__title a{color:var(--gazette-paper)} .feature-spotlight__title a:hover{color:var(--gazette-cinnabar-2)} /* 头条元信息：definition list（语义正交于 new1 的 div.fc-video-meta） */ .spotlight-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-bottom:16px;padding:14px 0; border-top:1px solid var(--gazette-rule);border-bottom:1px solid var(--gazette-rule)} .spotlight-meta div{display:flex;align-items:baseline;gap:7px} .spotlight-meta dt{font-family:var(--gazette-sans);font-size:11px;letter-spacing:.16em; text-transform:uppercase;color:var(--gazette-paper-3)} .spotlight-meta dd{font-size:14px;color:var(--gazette-paper);font-weight:600} .spotlight-meta dd.is-score{font-family:var(--gazette-serif);color:var(--gazette-cinnabar);font-size:18px} .feature-spotlight__lede{ font-family:var(--gazette-serif);font-size:15.5px;line-height:1.75;color:var(--gazette-paper-2); margin-bottom:22px; } .feature-spotlight__lede::first-letter{ /* 报刊首字下沉 signature */ font-size:46px;font-weight:900;float:left;line-height:.82;padding:6px 10px 0 0; color:var(--gazette-cinnabar); } .feature-spotlight__cta{ align-self:flex-start;display:inline-flex;align-items:center;gap:9px; padding:11px 22px;font-size:14px;font-weight:700;letter-spacing:.04em; color:var(--gazette-paper);border:1px solid var(--gazette-cinnabar);border-radius:var(--gazette-radius); background:var(--gazette-cinnabar-dim);transition:.2s; } .feature-spotlight__cta::after{content:"▸";color:var(--gazette-cinnabar);transition:transform .2s} .feature-spotlight__cta:hover{background:var(--gazette-cinnabar);color:var(--gazette-ink);border-color:var(--gazette-cinnabar)} .feature-spotlight__cta:hover::after{color:var(--gazette-ink);transform:translateX(3px)} /* ═════════════ Leaderboard / 本周热播榜（aside + ol，正交于 new1 的 div 网格） ═════════════ */ .leaderboard{ background:linear-gradient(180deg,var(--gazette-ink-2),var(--gazette-ink)); border:1px solid var(--gazette-rule);border-radius:var(--gazette-radius-lg);padding:24px 24px 12px; } .leaderboard__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px} .leaderboard__head h2{font-size:20px} .leaderboard__head small{font-family:var(--gazette-mono);font-size:11px;color:var(--gazette-paper-3);letter-spacing:.1em} /* 名次用 CSS counter 生成，源码里不出现 01..10 数字节点 —— 更抗指纹 */ .leaderboard__list{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;counter-reset:rank} .leaderboard__item{counter-increment:rank;border-bottom:1px solid var(--gazette-rule)} .leaderboard__item > a{display:flex;align-items:center;gap:13px;padding:11px 4px} .leaderboard__item > a::before{ content:counter(rank,decimal-leading-zero); font-family:var(--gazette-serif);font-weight:900;font-size:23px;line-height:1; color:var(--gazette-paper-3);min-width:30px;text-align:center;font-variant-numeric:tabular-nums; } .leaderboard__item:nth-child(-n+3) > a::before{color:var(--gazette-cinnabar)} .leaderboard__thumb{width:42px;height:58px;flex-shrink:0;border-radius:2px;overflow:hidden;background:var(--gazette-ink-3)} .leaderboard__thumb img{width:100%;height:100%;object-fit:cover} .leaderboard__body{min-width:0} .leaderboard__name{font-family:var(--gazette-sans);font-size:14.5px;font-weight:600;color:var(--gazette-paper); white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block} .leaderboard__note{font-size:12px;color:var(--gazette-paper-3)} .leaderboard__item a:hover .leaderboard__name{color:var(--gazette-cinnabar-2)} /* ═════════════ Editorial Note / 编者按（article + 首字下沉，替代 section.fc-intro） ═════════════ */ .editorial-note{ border-left:3px solid var(--gazette-cinnabar);padding:6px 0 6px 26px;max-width:820px; } .editorial-note__title{font-size:13px;letter-spacing:.24em;text-transform:uppercase; color:var(--gazette-cinnabar);font-family:var(--gazette-sans);margin-bottom:14px;font-weight:700} .editorial-note p{font-family:var(--gazette-serif);font-size:16px;line-height:1.9;color:var(--gazette-paper-2);margin-bottom:14px} .editorial-note p:first-of-type::first-letter{font-size:52px;font-weight:900;float:left;line-height:.8; padding:8px 12px 0 0;color:var(--gazette-paper);font-family:var(--gazette-serif)} .editorial-note dfn{font-style:normal;color:var(--gazette-paper);font-weight:700} .editorial-note__sig{display:block;margin-top:18px;font-family:var(--gazette-serif);font-style:italic; font-size:14px;color:var(--gazette-paper-3)} /* ═════════════ Column / 专栏（section > header + 主体，替代 section+div.fc-rail） ═════════════ */ .column__head{ display:flex;align-items:baseline;justify-content:space-between;gap:14px; padding-bottom:12px;margin-bottom:20px;border-bottom:1px solid var(--gazette-rule-strong); position:relative; } .column__head::after{content:"";position:absolute;left:0;bottom:-1px;width:64px;height:2px;background:var(--gazette-cinnabar)} .column__title{font-size:22px} .column__title a{color:var(--gazette-paper)} .column__title a:hover{color:var(--gazette-cinnabar-2)} .column__more{font-size:12.5px;letter-spacing:.06em;color:var(--gazette-paper-3); font-family:var(--gazette-sans);font-weight:600;white-space:nowrap} .column__more::after{content:" ›";color:var(--gazette-cinnabar)} .column__more:hover{color:var(--gazette-cinnabar-2)} /* —— 胶片带 reel-strip：横向 scroll-snap（纯 CSS，替代 JS slider）+ 齿孔 motif —— */ .reel-strip{ position:relative;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none; padding:16px 4px 18px; background: radial-gradient(circle, var(--gazette-paper-3) 1.4px, transparent 1.9px) 0 3px/15px 12px repeat-x, radial-gradient(circle, var(--gazette-paper-3) 1.4px, transparent 1.9px) 0 calc(100% - 9px)/15px 12px repeat-x; scroll-snap-type:x proximity; } .reel-strip::-webkit-scrollbar{display:none} .reel-strip__track{display:flex;gap:16px;width:max-content} .reel-strip__track > *{scroll-snap-align:start} /* —— 网格 reel-grid：用于分类专栏，与 strip 子容器类型不同（div 网格 vs ul 轨道） —— */ .reel-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px 16px} /* ═════════════ Reel Card / 胶片卡（figure + figcaption + dl，正交于 article.fc-video-item） ═════════════ */ .reel-card{ background:var(--gazette-ink-2);border:1px solid var(--gazette-rule); border-radius:var(--gazette-radius);overflow:hidden;display:flex;flex-direction:column; transition:transform .25s ease,border-color .25s ease,background .25s ease; } .reel-card:hover{transform:translateY(-3px);border-color:var(--gazette-rule-strong);background:var(--gazette-ink-3)} .reel-card__poster{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--gazette-ink-3)} .reel-card__poster img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease} .reel-card:hover .reel-card__poster img{transform:scale(1.05)} .reel-card__badge{ position:absolute;top:8px;left:8px;font-family:var(--gazette-sans);font-size:11px;font-weight:700; color:var(--gazette-ink);background:var(--gazette-gilt);padding:2px 7px;border-radius:2px; box-shadow:0 2px 6px rgba(0,0,0,.4);max-width:calc(100% - 16px); white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .reel-card__score{ position:absolute;bottom:8px;right:8px;font-family:var(--gazette-serif);font-weight:900;font-size:15px; color:var(--gazette-cinnabar);background:rgba(20,17,12,.78);padding:1px 7px;border-radius:2px; -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } .reel-card__body{padding:11px 12px 13px;display:flex;flex-direction:column;gap:7px;flex:1} .reel-card__name{font-family:var(--gazette-sans);font-size:14.5px;font-weight:600;line-height:1.3;color:var(--gazette-paper)} .reel-card__name a{color:inherit;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .reel-card:hover .reel-card__name a{color:var(--gazette-cinnabar-2)} /* 卡片元信息 dl：dt 仅留给读屏/爬虫(sr-only)，视觉只显示值并用·分隔 —— 正交于 new1 的 div.fc-video-meta */ .reel-card__meta{display:flex;flex-wrap:wrap;align-items:baseline;margin-top:auto} .reel-card__meta > div{display:inline-flex;align-items:baseline} .reel-card__meta > div + div::before{content:"·";color:var(--gazette-paper-3);margin:0 7px} .reel-card__meta dt{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden; clip:rect(0,0,0,0);white-space:nowrap;border:0} .reel-card__meta dd{font-size:12.5px;color:var(--gazette-paper-2)} .reel-card__blurb{font-size:12.5px;line-height:1.55;color:var(--gazette-paper-3); display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} /* strip 里的卡片更窄：隐藏 blurb，紧凑 */ .reel-strip .reel-card{width:158px;flex-shrink:0} .reel-strip .reel-card__blurb{display:none} /* ═════════════ Friend Dock / 友情影院（nav + ul，替代 div.fc-friend-links） ═════════════ */ .friend-dock{border-top:1px solid var(--gazette-rule-strong);padding-top:22px} .friend-dock__title{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--gazette-paper-3); font-family:var(--gazette-sans);font-weight:700;margin-bottom:12px} .friend-dock__list{display:flex;flex-wrap:wrap;gap:10px 20px} .friend-dock__list a{font-size:13px;color:var(--gazette-paper-2);border-bottom:1px dotted var(--gazette-paper-3);padding-bottom:1px} .friend-dock__list a:hover{color:var(--gazette-cinnabar-2);border-bottom-color:var(--gazette-cinnabar)} /* ═════════════ Colophon / 版权页（footer，替代 footer.fc-footer 四层 div） ═════════════ */ .colophon{ border-top:3px double var(--gazette-rule-strong);margin-top:24px; background:var(--gazette-ink);padding:34px 18px 30px; } .colophon__inner{max-width:var(--gazette-container);margin:0 auto} .colophon__brand{font-family:var(--gazette-serif);font-weight:900;font-size:19px;color:var(--gazette-paper); margin-bottom:14px;display:inline-flex;align-items:baseline;gap:8px} .colophon__brand b{color:var(--gazette-cinnabar)} .colophon__nav{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:16px} .colophon__nav a{font-size:13px;color:var(--gazette-paper-2)} .colophon__nav a:hover{color:var(--gazette-cinnabar-2)} .colophon__desc{font-family:var(--gazette-serif);font-size:13.5px;line-height:1.8;color:var(--gazette-paper-3); max-width:760px;margin-bottom:14px} .colophon__sitemap{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:18px} .colophon__sitemap a{font-family:var(--gazette-mono);font-size:11.5px;letter-spacing:.04em;color:var(--gazette-paper-3); border:1px solid var(--gazette-rule);padding:3px 9px;border-radius:2px} .colophon__sitemap a:hover{color:var(--gazette-cinnabar);border-color:var(--gazette-cinnabar-dim)} .colophon__imprint{display:block;font-family:var(--gazette-sans);font-size:12px;letter-spacing:.06em; color:var(--gazette-paper-3);padding-top:14px;border-top:1px solid var(--gazette-rule)} .colophon__imprint b{color:var(--gazette-paper-2);font-weight:600} /* ═════════════ 内页 / Inner Pages ═════════════ */ /* —— 面包屑 trail（nav>ol，置于顶部；替代 new1 的 nav.fc-breadcrumb 裸链）—— */ .trail{max-width:var(--gazette-container);margin:0 auto;padding:16px 18px 0} .trail ol{display:flex;flex-wrap:wrap;align-items:center;font-family:var(--gazette-sans);font-size:12.5px;color:var(--gazette-paper-3)} .trail li{display:inline-flex;align-items:center} .trail li + li::before{content:"›";margin:0 9px;color:var(--gazette-paper-3)} .trail li[aria-current="page"]{color:var(--gazette-paper);font-weight:600} .trail a{color:var(--gazette-paper-2)} .trail a:hover{color:var(--gazette-cinnabar-2)} /* —— 列表/栏目页大标题 list-title —— */ .list-title{max-width:var(--gazette-container);margin:0 auto;padding:10px 18px 20px;font-size:28px} .list-title small{display:block;font-family:var(--gazette-sans);font-weight:500;font-size:13px;color:var(--gazette-paper-3);letter-spacing:.04em;margin-top:6px} /* —— 详情页 dispatch —— */ .dispatch{max-width:var(--gazette-container);margin:0 auto;padding:24px 18px 54px;display:flex;flex-direction:column;gap:38px} .brief{display:grid;grid-template-columns:230px 1fr;gap:32px;align-items:start} .brief__poster{margin:0} .brief__poster img{width:100%;border-radius:var(--gazette-radius);border:1px solid var(--gazette-rule);box-shadow:0 16px 44px rgba(0,0,0,.55)} .brief__head{min-width:0} .brief__title{font-size:34px;margin:6px 0 16px;line-height:1.15} .brief__score{display:inline-flex;align-items:baseline;gap:5px;font-family:var(--gazette-serif); border:1px solid var(--gazette-cinnabar);background:var(--gazette-cinnabar-dim);padding:4px 14px;border-radius:var(--gazette-radius);margin-bottom:18px} .brief__score b{font-size:26px;font-weight:900;line-height:1;color:var(--gazette-cinnabar)} .brief__score small{font-family:var(--gazette-sans);font-size:11px;color:var(--gazette-paper-3);letter-spacing:.12em} .brief__meta{display:flex;flex-wrap:wrap;gap:10px 28px;margin-bottom:20px} .brief__meta > div{display:flex;align-items:baseline;gap:8px} .brief__meta dt,.credits dt,.play-meta dt{font-family:var(--gazette-sans);font-size:11px;letter-spacing:.12em;color:var(--gazette-paper-3);text-transform:uppercase} .brief__meta dd,.credits dd,.play-meta dd{font-size:14px;color:var(--gazette-paper)} .brief__meta dd a,.credits dd a{color:var(--gazette-paper);border-bottom:1px dotted var(--gazette-rule-strong)} .brief__meta dd a:hover,.credits dd a:hover{color:var(--gazette-cinnabar-2)} .brief__cta{display:inline-flex;align-items:center;gap:9px;padding:12px 30px;font-weight:700;font-size:15px; color:var(--gazette-ink);background:var(--gazette-cinnabar);border-radius:var(--gazette-radius);transition:.2s} .brief__cta:hover{background:var(--gazette-cinnabar-2);color:var(--gazette-ink);transform:translateY(-1px)} .brief__cta::after{content:"▸"} /* —— 详情双栏：正文 + aside 相关（相关推荐移至侧栏