@charset "utf-8";
/* tpl012 relayout —— 主题「绛帷影廊」
   深炭底 + 绛红（burgundy / crimson）单色系 + 顶部大 Hero 渐变横幅
   + 杂志式不对称网格（每栏首卡横跨两列）+ 列表页时间线 + 18px 大圆角 + 柔光阴影
   类名前缀 t12-。保留的旧钩子：.fundo / .topo-logo / #botao-menu / .botao-busca /
   #busca / #topo-menu（autoptimize.js 依赖，勿改名），其余旧类名一律不再使用，
   针对这些钩子的新样式一律用高特异性选择器覆盖旧表。 */

/* ---------- 令牌 ---------- */
:root {
    --t12-bg: #120c0e;
    --t12-bg2: #1a1114;
    --t12-card: #23161a;
    --t12-card2: #2c1c21;
    --t12-line: rgba(255, 214, 220, 0.09);
    --t12-line2: rgba(255, 214, 220, 0.16);
    --t12-red: #d33a52;
    --t12-red-deep: #8f1c30;
    --t12-red-lite: #ff8098;
    --t12-tx: #f4e8ea;
    --t12-tx2: #b39aa0;
    --t12-r: 18px;
    --t12-r-sm: 12px;
    --t12-shadow: 0 14px 34px rgba(0, 0, 0, 0.46);
    --t12-glow: 0 0 0 1px rgba(211, 58, 82, 0.34), 0 18px 44px rgba(143, 28, 48, 0.32);
    --t12-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Helvetica, Arial, sans-serif;
}

/* ---------- 基础 ---------- */
body.t12-body {
    margin: 0;
    padding: 0;
    height: auto;
    min-height: 100%;
    background: var(--t12-bg);
    color: var(--t12-tx);
    font-family: var(--t12-sans);
    font-size: 15px;
    line-height: 1.6;
    -webkit-text-size-adjust: 100%;
}

body.t12-body a {
    color: inherit;
    text-decoration: none;
}

body.t12-body a:hover {
    text-decoration: none;
    color: var(--t12-red-lite);
}

body.t12-body img {
    border: 0;
    max-width: 100%;
}

body.t12-body h1,
body.t12-body h2,
body.t12-body h3,
body.t12-body h4 {
    margin: 0;
    font-weight: 700;
    color: var(--t12-tx);
}

.t12-wrap {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* 广告位容器写在标签外面；无启用项时整块为空，不留死高度 */
.t12-ad {
    margin: 16px 0 0 0;
    line-height: 0;
    border-radius: var(--t12-r-sm);
    overflow: hidden;
}

/* 广告位无启用项时整块被替换成空串，容器彻底不占位 */
.t12-ad:empty,
.t12-icons:empty {
    display: none;
    margin: 0;
}

.t12-ad a {
    display: block;
}

/* type 1 广告的类名会被程序注入内联 height，用 object-fit 防止图片被拉伸 */
.t12-ad img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* ---------- 顶栏 ---------- */
body.t12-body .t12-topbar {
    position: sticky;
    top: 0;
    z-index: 900;
    background: rgba(18, 12, 14, 0.92);
    -webkit-backdrop-filter: saturate(140%) blur(10px);
    backdrop-filter: saturate(140%) blur(10px);
    border-bottom: 1px solid var(--t12-line);
}

body.t12-body .t12-topbar .t12-bar {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 66px;
    padding-top: 10px;
    padding-bottom: 10px;
}

body.t12-body .t12-topbar .topo-logo {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
    float: none;
    width: auto;
    padding: 0;
    margin: 0;
}

body.t12-body .t12-topbar .t12-logo {
    display: inline-block;
    padding: 0;
    height: auto;
    background: none;
    color: var(--t12-tx);
    font-size: 23px;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1.2;
    border-left: 4px solid var(--t12-red);
    padding-left: 10px;
    word-break: break-all;
}

/* 汉堡 / 放大镜按钮：#botao-menu 与 .botao-busca 由 autoptimize.js 绑定，勿改 */
body.t12-body .t12-topbar #botao-menu,
body.t12-body .t12-topbar .botao-busca {
    display: none;
    position: static;
    float: none;
    margin: 0;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--t12-line2);
    border-radius: 50%;
    background: var(--t12-card);
    color: var(--t12-tx);
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
}

/* autoptimize.js 点击后会把按钮内容换成 <i class="fa fa-bars"> / fa-close，
   本模板没有引入 Font Awesome，这里用字符补上图形 */
body.t12-body .t12-topbar #botao-menu i {
    font-style: normal;
}

body.t12-body .t12-topbar #botao-menu i.fa-bars:before {
    content: "\2630";
}

body.t12-body .t12-topbar #botao-menu i.fa-close:before {
    content: "\00D7";
}

body.t12-body .t12-topbar #botao-menu:hover,
body.t12-body .t12-topbar .botao-busca:hover {
    border-color: var(--t12-red);
    color: var(--t12-red-lite);
}

/* 搜索：#busca 由 mostraDiv('busca') 切换 inline display，勿改 id 与表单字段名 */
body.t12-body #busca {
    flex: 0 1 300px;
    max-width: 360px;
    margin: 0 0 0 auto;
}

body.t12-body #busca form {
    display: flex;
    align-items: center;
    background: var(--t12-card);
    border: 1px solid var(--t12-line2);
    border-radius: 999px;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

body.t12-body #busca input[type="text"] {
    flex: 1 1 auto;
    min-width: 0;
    height: 42px;
    padding: 0 8px 0 18px;
    border: 0;
    outline: none;
    background: transparent;
    color: var(--t12-tx);
    font-family: inherit;
    font-size: 14px;
    -webkit-appearance: none;
    appearance: none;
}

body.t12-body #busca .t12-sbtn {
    flex: 0 0 auto;
    height: 42px;
    padding: 0 20px;
    border: 0;
    background: linear-gradient(135deg, var(--t12-red), var(--t12-red-deep));
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

body.t12-body #busca .t12-sbtn:hover {
    filter: brightness(1.1);
}

/* ---------- 导航 ---------- */
body.t12-body #topo-menu {
    flex: 1 1 auto;
    min-width: 0;
    position: static;
    top: auto;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    background: none;
    overflow: visible;
}

body.t12-body #topo-menu ul.t12-navlist {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
}

body.t12-body #topo-menu ul.t12-navlist li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: none;
    width: auto;
}

body.t12-body #topo-menu ul.t12-navlist li a {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 8px 15px;
    border: 1px solid var(--t12-line);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.02);
    color: var(--t12-tx2);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    white-space: nowrap;
}

body.t12-body #topo-menu ul.t12-navlist li a:hover {
    border-color: var(--t12-red);
    background: rgba(211, 58, 82, 0.14);
    color: var(--t12-tx);
}

/* 手机端遮罩：JS 会 show()/hide() 它 */
body.t12-body .fundo {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 800;
    background: rgba(8, 5, 6, 0.72);
}

/* ---------- Hero 横幅 ---------- */
.t12-hero {
    position: relative;
    margin: 0;
    padding: 44px 0 34px;
    background:
        radial-gradient(1100px 320px at 12% -10%, rgba(211, 58, 82, .55), transparent 70%),
        linear-gradient(135deg, #8f1c30 0%, #3d0f19 52%, #180d10 100%);
    border-bottom: 1px solid var(--t12-line);
    overflow: hidden;
}

.t12-hero-in {
    position: relative;
    z-index: 2;
}

.t12-hero-tag {
    display: inline-block;
    padding: 4px 12px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    font-size: 12px;
    letter-spacing: .28em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .82);
}

.t12-hero h1,
.t12-hero .t12-hero-title {
    margin: 14px 0 8px;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 800;
    color: #fff;
    letter-spacing: .01em;
    word-break: break-all;
}

.t12-hero-desc {
    margin: 0 0 18px;
    max-width: 720px;
    font-size: 15px;
    color: rgba(255, 255, 255, .78);
}

/* 标签云：字号交替，营造云状层次 */
.t12-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    margin: 0;
    padding: 0;
}

.t12-cloud a {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(0, 0, 0, .3);
    border: 1px solid rgba(255, 255, 255, .16);
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
}

.t12-cloud a:nth-child(3n+1) {
    font-size: 16px;
    font-weight: 700;
}

.t12-cloud a:nth-child(5n+3) {
    font-size: 13px;
    color: rgba(255, 255, 255, .8);
}

.t12-cloud a:hover {
    background: #fff;
    color: var(--t12-red-deep);
    border-color: #fff;
}

/* 图标位（type 2 广告）：圆形头像式 */
.t12-icons {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 14px;
    margin: 22px 0 0;
}

.t12-icons > a {
    display: block;
    text-align: center;
    min-width: 0;
}

.t12-icons img {
    display: block;
    width: 62px;
    height: 62px;
    margin: 0 auto 8px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--t12-line2);
    background: var(--t12-card);
}

.t12-icons > a:hover img {
    border-color: var(--t12-red);
}

.t12-icons span {
    display: block;
    font-size: 12px;
    color: var(--t12-tx2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ---------- 区块与标题 ---------- */
.t12-main {
    padding: 6px 0 10px;
}

.t12-sec {
    margin: 34px 0;
}

.t12-sec-hd {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 18px;
}

.t12-sec-hd .t12-sec-bar {
    flex: 0 0 auto;
    width: 6px;
    height: 22px;
    border-radius: 3px;
    background: linear-gradient(180deg, var(--t12-red-lite), var(--t12-red-deep));
}

.t12-sec-hd h1,
.t12-sec-hd h2,
.t12-sec-hd h3 {
    font-size: 20px;
    line-height: 1.3;
    min-width: 0;
    word-break: break-all;
}

.t12-sec-hd h3 a,
.t12-sec-hd h2 a {
    color: inherit;
}

.t12-sec-hd .t12-more {
    margin-left: auto;
    flex: 0 0 auto;
    font-size: 13px;
    color: var(--t12-tx2);
    padding: 5px 14px;
    border: 1px solid var(--t12-line);
    border-radius: 999px;
    white-space: nowrap;
}

.t12-sec-hd .t12-more:hover {
    border-color: var(--t12-red);
    color: var(--t12-red-lite);
}

/* ---------- 杂志式不对称网格 ---------- */
.t12-mag {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.t12-mag > .t12-card:first-child {
    grid-column: span 2;
}

.t12-card {
    display: block;
    min-width: 0;
    background: var(--t12-card);
    border: 1px solid var(--t12-line);
    border-radius: var(--t12-r);
    overflow: hidden;
    box-shadow: var(--t12-shadow);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.t12-card:hover {
    transform: translateY(-4px);
    border-color: rgba(211, 58, 82, .5);
    box-shadow: var(--t12-glow);
}

.t12-card-fig {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: var(--t12-bg2);
}

.t12-card-fig img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.t12-card-fig .t12-play {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(18, 12, 14, .66);
    border: 1px solid rgba(255, 255, 255, .28);
    opacity: 0;
    transition: opacity .18s ease;
}

.t12-card-fig .t12-play:before {
    content: "";
    position: absolute;
    left: 13px;
    top: 10px;
    border-style: solid;
    border-width: 7px 0 7px 11px;
    border-color: transparent transparent transparent #fff;
}

.t12-card:hover .t12-card-fig .t12-play {
    opacity: 1;
}

.t12-card-bd {
    display: block;
    padding: 12px 14px 15px;
}

.t12-card-tt {
    display: block;
    font-size: 14px;
    line-height: 1.5;
    color: var(--t12-tx);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 3em;
}

.t12-mag > .t12-card:first-child .t12-card-tt {
    font-size: 17px;
    font-weight: 700;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

/* ---------- 时间线式列表 ---------- */
.t12-timeline {
    position: relative;
    margin: 0;
    padding: 4px 0 4px 26px;
}

.t12-timeline:before {
    content: "";
    position: absolute;
    left: 7px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, var(--t12-red), rgba(143, 28, 48, .12));
}

.t12-row {
    position: relative;
    display: flex;
    align-items: stretch;
    gap: 16px;
    padding: 12px;
    margin: 0 0 14px;
    background: var(--t12-card);
    border: 1px solid var(--t12-line);
    border-radius: var(--t12-r);
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.t12-row:before {
    content: "";
    position: absolute;
    left: -24px;
    top: 28px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--t12-bg);
    border: 3px solid var(--t12-red);
}

.t12-row:hover {
    transform: translateX(4px);
    border-color: rgba(211, 58, 82, .5);
    background: var(--t12-card2);
}

.t12-row-fig {
    flex: 0 0 232px;
    max-width: 40%;
    aspect-ratio: 16 / 9;
    border-radius: var(--t12-r-sm);
    overflow: hidden;
    background: var(--t12-bg2);
}

.t12-row-fig img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.t12-row-bd {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.t12-row-tt {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--t12-tx);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.t12-row-meta {
    font-size: 12px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--t12-tx2);
}

/* ---------- 分页 ---------- */
body.t12-body .t12-pager {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 28px 0 6px;
    padding: 0;
}

body.t12-body .t12-pager li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: none;
}

body.t12-body .t12-pager li a {
    display: inline-block;
    min-width: 42px;
    padding: 9px 14px;
    text-align: center;
    border: 1px solid var(--t12-line);
    border-radius: 999px;
    background: var(--t12-card);
    color: var(--t12-tx2);
    font-size: 14px;
}

body.t12-body .t12-pager li a:hover {
    border-color: var(--t12-red);
    color: var(--t12-tx);
}

body.t12-body .t12-pager li a.dqy {
    background: linear-gradient(135deg, var(--t12-red), var(--t12-red-deep));
    border-color: transparent;
    color: #fff;
    font-weight: 700;
}

/* ---------- 详情页 ---------- */
.t12-post {
    margin: 26px 0 0;
}

.t12-post-hd {
    margin: 0 0 16px;
}

.t12-post-hd h1 {
    font-size: 24px;
    line-height: 1.45;
    word-break: break-all;
}

.t12-post-hd .t12-post-sub {
    margin-top: 8px;
    font-size: 12px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--t12-tx2);
}

/* 播放器：外层只控制宽度 / 圆角 / 背景，不动程序输出的内部结构 */
.t12-stage {
    width: 100%;
    background: #000;
    border: 1px solid var(--t12-line2);
    border-radius: var(--t12-r);
    overflow: hidden;
    box-shadow: var(--t12-glow);
}

.t12-stage video,
.t12-stage iframe,
.t12-stage embed,
.t12-stage object {
    display: block;
    width: 100%;
    max-width: 100%;
}

.t12-panel {
    margin: 22px 0;
    padding: 20px;
    background: var(--t12-card);
    border: 1px solid var(--t12-line);
    border-radius: var(--t12-r);
}

.t12-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 6px;
}

.t12-fact {
    display: flex;
    align-items: baseline;
    gap: 10px;
    min-width: 0;
    padding: 10px 14px;
    background: rgba(0, 0, 0, .22);
    border-left: 3px solid var(--t12-red-deep);
    border-radius: 0 var(--t12-r-sm) var(--t12-r-sm) 0;
}

.t12-fact-k {
    flex: 0 0 auto;
    font-size: 13px;
    color: var(--t12-tx2);
}

.t12-fact-v {
    min-width: 0;
    font-size: 15px;
    font-weight: 700;
    word-break: break-all;
}

/* 磁力预览截图由程序输出，自带内联 width:24%;margin:0.5%（四张一行），
   这里只加边框圆角，不要设 display:block 或写死宽高，否则会打散版式 */
.t12-shots {
    margin: 16px 0 0;
    font-size: 0;
}

.t12-shots img {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    height: auto;
    border-radius: var(--t12-r-sm);
    border: 1px solid var(--t12-line);
    box-sizing: border-box;
}

.t12-acts {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 18px 0 0;
}

.t12-acts > div {
    display: inline-block;
}

.t12-btn {
    display: inline-block;
    padding: 11px 22px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--t12-red), var(--t12-red-deep));
    color: #fff;
    border: 1px solid transparent;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
}

.t12-btn:hover {
    filter: brightness(1.12);
    color: #fff;
}

.t12-btn-line {
    background: transparent;
    border-color: var(--t12-line2);
    color: var(--t12-tx);
}

.t12-btn-line:hover {
    border-color: var(--t12-red);
    color: var(--t12-red-lite);
    filter: none;
}

.t12-tip {
    margin: 16px 0 0;
    font-size: 13px;
    color: var(--t12-tx2);
}

.t12-tip a {
    color: var(--t12-red-lite);
    text-decoration: underline;
}

/* ---------- 页脚 ---------- */
.t12-foot {
    margin-top: 40px;
    border-top: 2px solid var(--t12-red-deep);
    background: var(--t12-bg2);
}

.t12-foot-in {
    padding: 30px 20px 34px;
}

.t12-foot-hd {
    font-size: 13px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--t12-tx2);
    margin: 0 0 14px;
}

body.t12-body .t12-foot-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    margin: 0 0 24px;
    padding: 0;
}

body.t12-body .t12-foot-links li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: none;
}

body.t12-body .t12-foot-links li a {
    display: inline-block;
    padding: 6px 14px;
    border: 1px solid var(--t12-line);
    border-radius: 999px;
    color: var(--t12-tx2);
    font-size: 13px;
}

body.t12-body .t12-foot-links li a:hover {
    border-color: var(--t12-red);
    color: var(--t12-tx);
}

.t12-foot-copy {
    padding-top: 18px;
    border-top: 1px solid var(--t12-line);
    font-size: 13px;
    line-height: 1.8;
    color: var(--t12-tx2);
}

/* ---------- 平板 ---------- */
@media (max-width: 1200px) {
    .t12-icons {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .t12-mag {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }

    .t12-mag > .t12-card:first-child {
        grid-column: span 3;
    }

    .t12-hero h1,
    .t12-hero .t12-hero-title {
        font-size: 30px;
    }

    .t12-icons {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .t12-row-fig {
        flex-basis: 190px;
    }
}

/* ---------- 手机 ---------- */
@media (max-width: 900px) {
    .t12-wrap {
        padding: 0 14px;
    }

    body.t12-body .t12-topbar .t12-bar {
        flex-wrap: wrap;
        gap: 10px;
        min-height: 0;
    }

    body.t12-body .t12-topbar .topo-logo {
        flex: 1 1 100%;
        justify-content: space-between;
    }

    body.t12-body .t12-topbar #botao-menu,
    body.t12-body .t12-topbar .botao-busca {
        display: inline-flex;
    }

    body.t12-body .t12-topbar .t12-logo {
        font-size: 19px;
    }

    /* 手机端搜索框与导航默认收起，由 JS 写内联 display 打开 */
    body.t12-body #busca {
        display: none;
        flex: 1 1 100%;
        max-width: none;
        margin: 0;
    }

    body.t12-body #topo-menu {
        display: none;
        flex: 1 1 100%;
    }

    body.t12-body #topo-menu ul.t12-navlist {
        gap: 8px;
    }

    body.t12-body #topo-menu ul.t12-navlist li {
        flex: 1 1 30%;
    }

    body.t12-body #topo-menu ul.t12-navlist li a {
        display: block;
        padding: 10px 6px;
        font-size: 13px;
    }

    .t12-hero {
        padding: 28px 0 24px;
    }

    .t12-hero h1,
    .t12-hero .t12-hero-title {
        font-size: 23px;
    }

    .t12-hero-desc {
        font-size: 14px;
        margin-bottom: 14px;
    }

    .t12-icons {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
    }

    .t12-icons img {
        width: 52px;
        height: 52px;
    }

    .t12-sec {
        margin: 24px 0;
    }

    .t12-sec-hd h1,
    .t12-sec-hd h2,
    .t12-sec-hd h3 {
        font-size: 17px;
    }

    .t12-mag {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .t12-mag > .t12-card:first-child {
        grid-column: span 2;
    }

    .t12-card {
        border-radius: 14px;
    }

    .t12-card-bd {
        padding: 10px 11px 12px;
    }

    .t12-card-tt {
        font-size: 13px;
    }

    .t12-mag > .t12-card:first-child .t12-card-tt {
        font-size: 15px;
    }

    .t12-timeline {
        padding-left: 0;
    }

    .t12-timeline:before {
        display: none;
    }

    .t12-row {
        flex-direction: column;
        gap: 10px;
        padding: 10px;
    }

    .t12-row:before {
        display: none;
    }

    .t12-row-fig {
        flex: 0 0 auto;
        max-width: none;
        width: 100%;
    }

    .t12-row-tt {
        font-size: 14px;
    }

    .t12-facts {
        grid-template-columns: minmax(0, 1fr);
    }

    .t12-panel {
        padding: 14px;
    }

    .t12-post-hd h1 {
        font-size: 19px;
    }

    .t12-btn {
        padding: 10px 16px;
        font-size: 14px;
    }
}

/* ---------- 全站原本没有定义过这两个类（规范 §3.8） ---------- */
}
}