@charset "UTF-8";
/* ==================================================================
   四时（season）主题样式表
   ------------------------------------------------------------------
   全部原创，零第三方依赖。

   组织顺序：
     01 时令氛围层        02 通用骨架（容器 / 区块头 / 徽标 / 按钮）
     03 头部与导航        04 搜索               05 季节切换器
     06 时令条            07 首屏（轮播 + 精选） 08 分类快捷入口
     09 文章列表          10 侧栏               11 分页
     12 文章页            13 作者页             14 归档 / 404
     15 评论              16 页脚               17 浮动件
     18 响应式            19 打印

   颜色全部来自 global.php 的 CSS 变量（--se-c1/c2/c3 / --se-soft /
   --se-deep / --se-a1 / --se-a2），本文件不出现任何硬编码色值，
   换季与明暗切换因此自动生效。
   ================================================================== */

/* ==================================================================
   01 时令氛围层
   固定铺满视口的装饰层。四季节形态不同：
     spring 花瓣 · summer 光斑 · autumn 落叶 · winter 雪花
   粒子只做 translate3d + rotate，走合成层，不触发重排。
   ================================================================== */

.se-ambient {
    position: fixed;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
    contain: strict;
}
.se-ambient > * { position: absolute; }

/* 顶层大光晕：颜色取当季主/辅色，移动极慢，制造"季节空气感" */
.se-aura {
    width: 46vw;
    height: 46vw;
    min-width: 300px;
    min-height: 300px;
    border-radius: 50%;
    filter: blur(var(--se-blur));
    opacity: .30;
    will-change: transform;
}
.se-aura-a {
    top: -14vw;
    left: -8vw;
    background: radial-gradient(circle at 40% 40%, var(--se-c1) 0%, transparent 68%);
    animation: seAuraA 34s ease-in-out infinite alternate;
}
.se-aura-b {
    top: 24vh;
    right: -12vw;
    background: radial-gradient(circle at 55% 45%, var(--se-c2) 0%, transparent 68%);
    animation: seAuraB 42s ease-in-out infinite alternate;
}
.se-aura-c {
    bottom: -18vw;
    left: 26vw;
    background: radial-gradient(circle at 50% 50%, var(--se-c3) 0%, transparent 70%);
    opacity: .22;
    animation: seAuraC 50s ease-in-out infinite alternate;
}
@keyframes seAuraA { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(9vw,7vh,0) scale(1.18); } }
@keyframes seAuraB { from { transform: translate3d(0,0,0) scale(1.1); } to { transform: translate3d(-11vw,10vh,0) scale(.92); } }
@keyframes seAuraC { from { transform: translate3d(0,0,0) scale(.95); } to { transform: translate3d(7vw,-9vh,0) scale(1.2); } }

/* 季节粒子：各自独立的横向漂移、时长、延迟、缩放 */
.se-part {
    top: -12vh;
    left: var(--px, 10%);
    width: var(--ps, 12px);
    height: var(--ps, 12px);
    opacity: 0;
    will-change: transform;
    animation: seFall var(--pd, 18s) linear infinite;
    animation-delay: var(--pdl, 0s);
}

@keyframes seFall {
    0%   { opacity: 0; transform: translate3d(0, 0, 0) rotate(0deg); }
    8%   { opacity: .9; }
    92%  { opacity: .75; }
    100% { opacity: 0; transform: translate3d(var(--pdx, 4vw), 124vh, 0) rotate(var(--prot, 320deg)); }
}

/* —— 春：花瓣（一端尖的椭圆） —— */
[data-season="spring"] .se-part {
    background: var(--se-c2);
    border-radius: 52% 4% 52% 52%;
    opacity: .0;
    box-shadow: inset -1px -1px 2px rgba(0,0,0,.06);
}
/* —— 夏：光斑（半透明圆，缓慢上下浮动） —— */
[data-season="summer"] .se-part {
    background: radial-gradient(circle at 35% 35%, rgba(255,255,255,.92) 0%, var(--se-c3) 45%, transparent 72%);
    border-radius: 50%;
    filter: blur(.4px);
    animation-name: seFloat;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
}
@keyframes seFloat {
    0%   { opacity: .12; transform: translate3d(0, 12vh, 0) scale(.9); }
    50%  { opacity: .55; }
    100% { opacity: .12; transform: translate3d(var(--pdx, 4vw), -14vh, 0) scale(1.15); }
}
/* —— 秋：落叶（对角的圆角方片） —— */
[data-season="autumn"] .se-part {
    background: linear-gradient(135deg, var(--se-c3) 0%, var(--se-c1) 100%);
    border-radius: 62% 6% 62% 6%;
}
/* —— 冬：雪花（三线六瓣）+ 细雪点 —— */
[data-season="winter"] .se-part {
    background: linear-gradient(180deg, #FFFFFF 0%, var(--se-c3) 100%);
    border-radius: 1px;
    opacity: 0;
}
[data-season="winter"] .se-part::before,
[data-season="winter"] .se-part::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: inherit;
    height: inherit;
    background: inherit;
    border-radius: inherit;
    transform: translateX(-50%) rotate(60deg);
}
[data-season="winter"] .se-part::after { transform: translateX(-50%) rotate(120deg); }

/* 小屏减半：粒子减到 5 个、去掉模糊，保证低端机流畅 */
@media (max-width: 640px) {
    .se-part:nth-child(n+6) { display: none; }
    .se-aura { filter: none; opacity: .18; }
}

/* 尊重系统偏好：关掉全部氛围动画 */
@media (prefers-reduced-motion: reduce) {
    .se-part, .se-aura { animation: none !important; display: none; }
}

/* 内容层压在氛围层之上 */
.se-header, .se-main, .se-footer, .se-top { position: relative; z-index: 1; }
.se-header { z-index: 60; }

/* ==================================================================
   02 通用骨架
   ================================================================== */

.se-wrap {
    width: 100%;
    max-width: var(--se-wrap);
    margin: 0 auto;
    padding: 0 20px;
}

.se-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 322px;
    gap: var(--se-gap);
    align-items: start;
    padding: 22px 0 40px;
}
.se-primary { min-width: 0; }
.se-side { min-width: 0; }

/* —— 图标 —— */
.se-ico {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: -.12em;
    fill: currentColor;
    flex: 0 0 auto;
}
.se-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

/* —— 区块 —— */
.se-sec { margin-bottom: 26px; }
.se-sec-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}
.se-sec-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: var(--se-f-t);
    min-width: 0;
}
.se-sec-title a { color: var(--se-title); }
.se-sec-title a:hover { color: var(--se-c1); }
/* 标题前的当季色块：春方 · 夏圆 · 秋叶 · 冬菱，形状随时令变化 */
.se-bar {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
    background: var(--se-grad);
    border-radius: 4px;
    transition: border-radius .3s ease, transform .3s ease;
}
[data-season="summer"] .se-bar { border-radius: 50%; }
[data-season="autumn"] .se-bar { border-radius: 62% 6% 62% 6%; }
[data-season="winter"] .se-bar { border-radius: 2px; transform: rotate(45deg); width: 12px; height: 12px; }

.se-sec-sub { font-size: var(--se-f-xs); color: var(--se-text3); flex: 0 0 auto; }
.se-sec-more {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--se-f-xs);
    color: var(--se-text2);
    flex: 0 0 auto;
}
.se-sec-more:hover { color: var(--se-c1); }
.se-sec-more .se-ico { transition: transform .18s ease; }
.se-sec-more:hover .se-ico { transform: translateX(3px); }

/* —— 徽标 / 药丸 —— */
.se-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 22px;
    padding: 0 9px;
    border-radius: var(--se-r-p);
    font-size: 12px;
    line-height: 1;
    background: var(--se-soft);
    color: var(--se-deep);
    white-space: nowrap;
}
.se-pill-grad {
    background: var(--se-grad);
    color: #fff;
}
.se-count-pill {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 10px;
    border-radius: var(--se-r-p);
    background: var(--se-soft);
    color: var(--se-deep);
    font-size: 12px;
    font-weight: 400;
}

/* —— 按钮 —— */
.se-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 38px;
    padding: 0 18px;
    border-radius: var(--se-r-p);
    background: var(--se-grad);
    color: #fff;
    font-size: var(--se-f);
    box-shadow: var(--se-glow-s);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.se-btn:hover { color: #fff; transform: translateY(-1px); box-shadow: var(--se-glow); filter: saturate(1.08); }
.se-btn-ghost {
    background: var(--se-card);
    color: var(--se-text);
    box-shadow: var(--se-sh-s);
}
.se-btn-ghost:hover { color: var(--se-c1); }

/* —— 分隔线 —— */
.se-hr { height: 1px; background: var(--se-line2); border: 0; margin: 18px 0; }

/* —— 空状态 —— */
.se-empty {
    padding: 54px 20px;
    text-align: center;
    background: var(--se-card);
    border-radius: var(--se-r);
    box-shadow: var(--se-sh-s);
}
.se-empty-ico {
    width: 62px;
    height: 62px;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: var(--se-grad-soft);
    color: var(--se-c1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}
.se-empty-t { font-size: var(--se-f-l); color: var(--se-title); margin-bottom: 6px; }
.se-empty-s { font-size: var(--se-f-xs); color: var(--se-text3); }

/* ==================================================================
   03 头部与导航
   注意：这里不能出现 overflow:hidden，否则季节切换器的浮层会被裁掉。
   ================================================================== */

.se-header {
    position: sticky;
    top: 0;
    z-index: 60;
    background: var(--se-glass);
    -webkit-backdrop-filter: saturate(180%) blur(16px);
    backdrop-filter: saturate(180%) blur(16px);
    transition: box-shadow .25s ease, background-color .25s ease;
}
.se-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: var(--se-line);
}
.se-header.se-stuck {
    box-shadow: var(--se-sh);
}
/* 顶部的季节色细条 */
.se-header::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    background: var(--se-grad-3);
    opacity: .9;
}

.se-header-inner {
    display: flex;
    align-items: center;
    gap: 14px;
    height: var(--se-head-h);
}

.se-logo {
    display: flex;
    align-items: center;
    gap: 9px;
    flex: 0 1 auto;
    min-width: 0;
}
.se-logo img {
    width: 110px;
    height: 35px;
    flex: 0 0 auto;
    border-radius: 10px;
}
.se-logo-txt {
    font-size: var(--se-f-l);
    font-weight: 600;
    color: var(--se-title);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.se-nav {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    justify-content: center;
}
.se-nav-list {
    display: flex;
    align-items: center;
    gap: 2px;
    min-width: 0;
}
.se-nav-list > li { position: relative; }
.se-nav-list > li > a {
    display: flex;
    align-items: center;
    height: 38px;
    padding: 0 13px;
    border-radius: var(--se-r-p);
    font-size: var(--se-f-m);
    color: var(--se-text);
    white-space: nowrap;
    position: relative;
}
.se-nav-list > li > a::after {
    content: "";
    position: absolute;
    left: 13px;
    right: 13px;
    bottom: 4px;
    height: 2px;
    border-radius: 2px;
    background: var(--se-grad);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .22s ease;
}
.se-nav-list > li > a:hover { color: var(--se-c1); background: var(--se-soft); }
.se-nav-list > li > a:hover::after,
.se-nav-list > li.se-current > a::after { transform: scaleX(1); }
.se-nav-list > li.se-current > a { color: var(--se-c1); font-weight: 500; }

/* 二级菜单 */
.se-nav-list li ul {
    position: absolute;
    left: 0;
    top: calc(100% + 6px);
    min-width: 168px;
    padding: 8px;
    background: var(--se-card);
    border-radius: var(--se-r);
    box-shadow: var(--se-sh-l);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s;
    z-index: 5;
}
.se-nav-list li:hover > ul { opacity: 1; visibility: visible; transform: translateY(0); }
.se-nav-list li ul li > a {
    display: block;
    padding: 8px 12px;
    border-radius: var(--se-r-s);
    font-size: var(--se-f);
    color: var(--se-text);
    white-space: nowrap;
}
.se-nav-list li ul li > a:hover { background: var(--se-soft); color: var(--se-c1); }

.se-head-act {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
}
.se-ico-btn {
    width: 36px;
    height: 36px;
    border-radius: var(--se-r-s);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--se-text2);
    font-size: 18px;
    transition: background-color .18s ease, color .18s ease;
}
.se-ico-btn:hover { background: var(--se-soft); color: var(--se-c1); }
.se-menu-btn { display: none; }
.se-ico-shut { display: none; }

/* 深色按钮：亮档显示月亮，深档显示太阳 */
.se-ico-sun { display: none; }
[data-tone="dark"] .se-ico-sun { display: inline-block; }
[data-tone="dark"] .se-ico-moon { display: none; }

/* ==================================================================
   05 季节切换器
   单个按钮 + 浮层选项，默认收起。浮层不参与文档流，不影响布局高度。
   ================================================================== */

.se-season { position: relative; flex: 0 0 auto; }

.se-season-btn {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 36px;
    padding: 0 12px 0 10px;
    border-radius: var(--se-r-p);
    background: var(--se-soft);
    color: var(--se-deep);
    font-size: var(--se-f);
    transition: box-shadow .18s ease, transform .18s ease;
}
.se-season-btn:hover { transform: translateY(-1px); box-shadow: var(--se-glow-s); }
.se-season-btn[aria-expanded="true"] { box-shadow: var(--se-ring); }

/* 三色小圆点，直观提示当前季节的配色 */
.se-season-ico { display: flex; gap: 2px; flex: 0 0 auto; }
.se-season-ico i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: block;
}
.se-season-ico i:nth-child(1) { background: var(--se-c1); }
.se-season-ico i:nth-child(2) { background: var(--se-c3); }
.se-season-ico i:nth-child(3) { background: var(--se-c2); }
.se-season-cur { font-weight: 500; white-space: nowrap; }

.se-season-menu {
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    width: 268px;
    padding: 8px;
    background: var(--se-card);
    border-radius: var(--se-r);
    box-shadow: var(--se-sh-l);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s;
    z-index: 20;
}
.se-season.se-open .se-season-menu { opacity: 1; visibility: visible; transform: translateY(0); }

.se-season-opt {
    display: flex;
    align-items: center;
    gap: 11px;
    width: 100%;
    padding: 10px 11px;
    border-radius: var(--se-r-s);
    text-align: left;
    transition: background-color .16s ease;
}
.se-season-opt:hover { background: var(--se-soft); }
.se-season-opt[aria-selected="true"] { background: var(--se-soft); }
.se-sw {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    flex: 0 0 auto;
    background: linear-gradient(135deg, var(--sw1) 0%, var(--sw2) 100%);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.35);
}
.se-season-opt-b { flex: 1 1 auto; min-width: 0; }
.se-season-opt-b b {
    display: block;
    font-size: var(--se-f);
    font-weight: 500;
    color: var(--se-title);
}
.se-season-opt-b em {
    display: block;
    font-size: 11.5px;
    font-style: normal;
    color: var(--se-text3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.se-season-tick {
    font-size: 16px;
    color: var(--se-c1);
    opacity: 0;
    flex: 0 0 auto;
}
.se-season-opt[aria-selected="true"] .se-season-tick { opacity: 1; }

.se-season-menu-foot {
    margin-top: 6px;
    padding: 9px 11px 3px;
    border-top: 1px solid var(--se-line2);
    font-size: 11.5px;
    color: var(--se-text3);
    line-height: 1.6;
}

/* ==================================================================
   06 时令条
   首页头部的单行季节提示。纯静态，不做动画，避免横向溢出风险。
   ================================================================== */

.se-almanac {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 12px 16px;
    margin-bottom: 18px;
    border-radius: var(--se-r);
    background: var(--se-card);
    box-shadow: var(--se-sh-s);
    position: relative;
    overflow: hidden;
}
.se-almanac::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--se-grad);
}
.se-almanac-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 24px;
    padding: 0 11px;
    border-radius: var(--se-r-p);
    background: var(--se-grad);
    color: #fff;
    font-size: 12.5px;
    flex: 0 0 auto;
}
.se-almanac-text {
    flex: 1 1 180px;
    min-width: 0;
    font-size: var(--se-f);
    color: var(--se-text2);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.se-almanac-meta {
    font-size: var(--se-f-xs);
    color: var(--se-text3);
    flex: 0 0 auto;
}

/* ==================================================================
   04 搜索
   ================================================================== */

.se-search {
    max-height: 0;
    overflow: hidden;
    border-top: 0 solid var(--se-line);
    transition: max-height .3s ease;
}
.se-search.se-open { max-height: 100px; border-top-width: 1px; }
.se-search-form {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 62px;
}
.se-search-ico { font-size: 18px; color: var(--se-text3); flex: 0 0 auto; }
.se-search-input {
    flex: 1 1 auto;
    min-width: 0;
    height: 40px;
    padding: 0 14px;
    border: 1px solid var(--se-line);
    border-radius: var(--se-r-p);
    background: var(--se-card);
    font-size: var(--se-f-m);
    transition: border-color .18s ease, box-shadow .18s ease;
}
.se-search-input:focus {
    outline: 0;
    border-color: var(--se-c1);
    box-shadow: var(--se-ring);
}
.se-search-submit {
    height: 40px;
    padding: 0 20px;
    border-radius: var(--se-r-p);
    background: var(--se-grad);
    color: #fff;
    font-size: var(--se-f);
    flex: 0 0 auto;
}
.se-search-submit:hover { filter: saturate(1.1); }

/* ==================================================================
   07 首屏：轮播 + 精选
   ================================================================== */

.se-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.85fr) minmax(0, 1fr);
    gap: 14px;
    margin-bottom: 18px;
}

.se-slider {
    position: relative;
    min-height: 322px;
    height: 100%;
    border-radius: var(--se-r-l);
    overflow: hidden;
    background: var(--se-card2);
    box-shadow: var(--se-sh);
}
.se-slide-track { position: absolute; inset: 0; }
.se-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity .55s ease;
}
/* 无 JS 兜底：首张常显 */
.se-slide:first-child { opacity: 1; }
.se-slider.se-ready .se-slide { opacity: 0; }
.se-slider.se-ready .se-slide.se-on { opacity: 1; }

.se-slide a { display: block; width: 100%; height: 100%; }
.se-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .8s ease;
}
.se-slide:hover img { transform: scale(1.04); }
.se-slide-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(10,14,20,0) 38%, rgba(10,14,20,.30) 62%, rgba(10,14,20,.80) 100%);
}
.se-slide-info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 22px 24px;
    color: #fff;
}
.se-slide-cat {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 10px;
    border-radius: var(--se-r-p);
    background: var(--se-grad);
    font-size: 12px;
    margin-bottom: 9px;
}
.se-slide-title {
    display: block;
    font-size: var(--se-f-h);
    font-weight: 600;
    line-height: 1.45;
    text-shadow: 0 2px 14px rgba(0,0,0,.35);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.se-slide-meta {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 10px;
    font-size: var(--se-f-xs);
    color: rgba(255,255,255,.86);
}
.se-slide-meta span { display: inline-flex; align-items: center; gap: 4px; }
.se-slide-meta .se-ico { font-size: 13px; }

.se-arrow {
    position: absolute;
    top: 50%;
    margin-top: -19px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255,255,255,.86);
    color: #1A1D24;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .22s ease, background-color .22s ease;
    z-index: 3;
}
.se-arrow::before {
    content: "";
    width: 9px;
    height: 9px;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
}
.se-arrow-prev { left: 14px; }
.se-arrow-prev::before { transform: rotate(45deg); margin-left: 3px; }
.se-arrow-next { right: 14px; }
.se-arrow-next::before { transform: rotate(-135deg); margin-right: 3px; }
.se-slider:hover .se-arrow { opacity: 1; }
.se-arrow:hover { background: #fff; }

.se-dots {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: flex;
    gap: 7px;
    z-index: 3;
}
.se-dots button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,.5);
    transition: width .25s ease, background-color .25s ease;
}
.se-dots button.se-on { width: 22px; border-radius: 4px; background: #fff; }

.se-hero-side {
    display: grid;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
}
.se-feat {
    position: relative;
    display: block;
    min-height: 150px;
    border-radius: var(--se-r);
    overflow: hidden;
    background: var(--se-card2);
    box-shadow: var(--se-sh-s);
}
.se-feat img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.se-feat:hover img { transform: scale(1.05); }
.se-feat-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(10,14,20,0) 34%, rgba(10,14,20,.74) 100%);
}
.se-feat-info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 14px 16px;
    color: #fff;
}
.se-feat-cat {
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0 9px;
    border-radius: var(--se-r-p);
    background: rgba(255,255,255,.92);
    color: var(--se-deep);
    font-size: 11.5px;
    margin-bottom: 7px;
}
.se-feat-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: var(--se-f-m);
    font-weight: 600;
    line-height: 1.5;
    text-shadow: 0 2px 10px rgba(0,0,0,.3);
}

/* ==================================================================
   08 分类快捷入口
   ================================================================== */

.se-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 22px;
}
.se-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 34px;
    padding: 0 15px;
    border-radius: var(--se-r-p);
    background: var(--se-card);
    font-size: var(--se-f);
    color: var(--se-text);
    box-shadow: var(--se-sh-s);
    position: relative;
    overflow: hidden;
    transition: color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.se-chip::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--se-grad);
    opacity: 0;
    transition: opacity .2s ease;
}
.se-chip > * { position: relative; z-index: 1; }
.se-chip em {
    font-style: normal;
    font-size: 11.5px;
    color: var(--se-text3);
    transition: color .2s ease;
}
.se-chip:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: var(--se-glow-s);
}
.se-chip:hover em { color: rgba(255,255,255,.85); }
.se-chip:hover::before { opacity: 1; }

/* ==================================================================
   09 文章列表
   ================================================================== */

.se-list { display: grid; gap: 14px; }

.se-item {
    display: grid;
    grid-template-columns: 218px minmax(0, 1fr);
    gap: 18px;
    padding: 16px;
    background: var(--se-card);
    border-radius: var(--se-r);
    box-shadow: var(--se-sh-s);
    transition: transform .22s ease, box-shadow .22s ease;
}
.se-item:hover { transform: translateY(-3px); box-shadow: var(--se-sh-l); }

.se-item-thumb {
    position: relative;
    display: block;
    border-radius: var(--se-r-s);
    overflow: hidden;
    aspect-ratio: 16 / 11;
    background: var(--se-card2);
}
.se-item-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.se-item:hover .se-item-thumb img { transform: scale(1.05); }
.se-item-cat {
    position: absolute;
    left: 9px;
    top: 9px;
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 10px;
    border-radius: var(--se-r-p);
    background: var(--se-grad);
    color: #fff;
    font-size: 11.5px;
    z-index: 1;
}

.se-item-body { display: flex; flex-direction: column; min-width: 0; }
.se-item-title {
    font-size: var(--se-f-l);
    line-height: 1.5;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.se-item-title a { color: var(--se-title); }
.se-item-title a:hover { color: var(--se-c1); }

.se-item-desc {
    font-size: var(--se-f);
    color: var(--se-text2);
    line-height: 1.72;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 12px;
}

.se-item-meta {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    font-size: var(--se-f-xs);
    color: var(--se-text3);
}
.se-item-meta span { display: inline-flex; align-items: center; gap: 4px; }
.se-item-meta .se-ico { font-size: 13px; }
.se-item-author {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--se-text2);
}
.se-item-author img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
    flex: 0 0 auto;
}

/* 首篇突出：整块换用渐变底边 + 标题加大 */
.se-item.se-lead { padding: 0; display: block; position: relative; overflow: hidden; border-radius: var(--se-r-l); }
.se-item.se-lead .se-lead-link { display: block; position: relative; min-height: 260px; }
/* 只命中封面本身，用 .se-lead-link > img 精确定位。
   切忌写成 .se-item.se-lead img —— 那会连作者头像一起命中，
   把 20px 的圆头像拉成 position:absolute inset:0，整张盖在封面图上。 */
.se-item.se-lead .se-lead-link > img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.se-item.se-lead .se-lead-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(10,14,20,0) 30%, rgba(10,14,20,.82) 100%);
}
.se-item.se-lead .se-lead-body {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 24px 26px;
    color: #fff;
}
.se-item.se-lead .se-lead-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: var(--se-f-h);
    font-weight: 600;
    line-height: 1.45;
    margin-bottom: 10px;
}
.se-item.se-lead .se-lead-desc {
    font-size: var(--se-f);
    color: rgba(255,255,255,.84);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 12px;
}
.se-item.se-lead .se-item-meta { color: rgba(255,255,255,.8); }
.se-item.se-lead .se-item-author { color: rgba(255,255,255,.86); }

/* 分类栏目标块：左大图 + 右列表 */
.se-block {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
    padding: 16px;
    background: var(--se-card);
    border-radius: var(--se-r-l);
    box-shadow: var(--se-sh-s);
}
.se-block-lead {
    position: relative;
    display: block;
    border-radius: var(--se-r);
    overflow: hidden;
    min-height: 250px;
    background: var(--se-card2);
}
.se-block-lead img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.se-block-lead:hover img { transform: scale(1.04); }
.se-block-lead-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(10,14,20,0) 36%, rgba(10,14,20,.78) 100%);
}
.se-block-lead-body {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 18px 20px;
    color: #fff;
}
.se-block-lead-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: var(--se-f-t);
    font-weight: 600;
    line-height: 1.48;
}
.se-block-lead-meta {
    display: flex;
    gap: 13px;
    margin-top: 8px;
    font-size: var(--se-f-xs);
    color: rgba(255,255,255,.82);
}
.se-block-lead-meta span { display: inline-flex; align-items: center; gap: 4px; }

.se-block-list { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.se-block-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: var(--se-r-s);
    transition: background-color .18s ease;
    min-width: 0;
}
.se-block-item:hover { background: var(--se-soft); }
.se-block-no {
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
    border-radius: 6px;
    background: var(--se-soft);
    color: var(--se-deep);
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.se-block-item:nth-child(1) .se-block-no,
.se-block-item:nth-child(2) .se-block-no,
.se-block-item:nth-child(3) .se-block-no {
    background: var(--se-grad);
    color: #fff;
}
.se-block-item-body { flex: 1 1 auto; min-width: 0; }
.se-block-item-title {
    font-size: var(--se-f-m);
    font-weight: 400;
    color: var(--se-title);
    line-height: 1.55;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.se-block-item:hover .se-block-item-title { color: var(--se-c1); }
.se-block-item-meta {
    display: flex;
    gap: 12px;
    margin-top: 4px;
    font-size: 11.5px;
    color: var(--se-text3);
}
.se-block-item-meta span { display: inline-flex; align-items: center; gap: 3px; }
.se-block-item-thumb {
    width: 76px;
    height: 52px;
    flex: 0 0 auto;
    border-radius: 7px;
    overflow: hidden;
    background: var(--se-card2);
}
.se-block-item-thumb img { width: 100%; height: 100%; object-fit: cover; }

/* ==================================================================
   10 侧栏
   注意：只用 position:sticky，绝不加 max-height / overflow-y，
   否则会变成内部滚动容器把内容腰斩。
   ================================================================== */

.se-side {
    position: sticky;
    top: calc(var(--se-head-h) + 18px);
    align-self: start;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.se-widget {
    background: var(--se-card);
    border-radius: var(--se-r);
    box-shadow: var(--se-sh-s);
    padding: 16px;
}
.se-widget-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 13px;
}
.se-widget-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--se-f-m);
}
.se-widget-ico { font-size: 15px; color: var(--se-c1); }
.se-widget-more { font-size: var(--se-f-xs); color: var(--se-text3); }
.se-widget-more:hover { color: var(--se-c1); }

/* 站点卡 */
.se-sitecard {
    border-radius: var(--se-r);
    overflow: hidden;
    box-shadow: var(--se-sh-s);
    background: var(--se-card);
}
.se-sitecard-cover {
    height: 74px;
    background: var(--se-grad-3);
    position: relative;
    overflow: hidden;
}
.se-sitecard-cover::after {
    content: "";
    position: absolute;
    right: -20px;
    top: -30px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: rgba(255,255,255,.18);
}
.se-sitecard-cover::before {
    content: "";
    position: absolute;
    right: 46px;
    bottom: -34px;
    width: 76px;
    height: 76px;
    border-radius: 62% 6% 62% 6%;
    background: rgba(255,255,255,.14);
}
.se-sitecard-body { padding: 0 16px 16px; text-align: center; }
.se-sitecard-avatar {
    width: 62px;
    height: 62px;
    margin: -31px auto 10px;
    border-radius: 18px;
    background: var(--se-card);
    padding: 3px;
    display: block;
    box-shadow: var(--se-sh-s);
    position: relative;
}
.se-sitecard-avatar img { width: 100%; height: 100%; border-radius: 15px; object-fit: cover; }
.se-sitecard-name { font-size: var(--se-f-l); margin-bottom: 4px; }
.se-sitecard-desc {
    font-size: var(--se-f-xs);
    color: var(--se-text3);
    margin-bottom: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.se-sitecard-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    padding-top: 12px;
    border-top: 1px solid var(--se-line2);
}
.se-sitecard-stats div { min-width: 0; }
.se-sitecard-stats b {
    display: block;
    font-size: var(--se-f-l);
    font-weight: 600;
    color: var(--se-title);
    line-height: 1.3;
}
.se-sitecard-stats span { font-size: 11.5px; color: var(--se-text3); }

/* 时令卡：本主题的特色组件 */
.se-almanac-card {
    background: var(--se-grad-soft);
    border-radius: var(--se-r);
    padding: 16px;
    box-shadow: var(--se-sh-s);
    position: relative;
    overflow: hidden;
}
.se-almanac-card::after {
    content: "";
    position: absolute;
    right: -26px;
    top: -26px;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background: rgba(var(--se-a1),.12);
}
.se-almanac-card-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 24px;
    padding: 0 11px;
    border-radius: var(--se-r-p);
    background: var(--se-grad);
    color: #fff;
    font-size: 12.5px;
    margin-bottom: 11px;
}
.se-almanac-card-term {
    font-size: var(--se-f-m);
    color: var(--se-title);
    font-weight: 500;
    margin-bottom: 5px;
    position: relative;
}
.se-almanac-card-sub {
    font-size: var(--se-f-xs);
    color: var(--se-text2);
    line-height: 1.7;
    margin-bottom: 12px;
    position: relative;
}
.se-almanac-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    position: relative;
}
.se-almanac-card-grid div {
    background: rgba(255,255,255,.62);
    border-radius: var(--se-r-s);
    padding: 9px 10px;
    min-width: 0;
}
[data-tone="dark"] .se-almanac-card-grid div { background: rgba(255,255,255,.06); }
.se-almanac-card-grid b {
    display: block;
    font-size: var(--se-f-l);
    font-weight: 600;
    color: var(--se-title);
    line-height: 1.25;
}
.se-almanac-card-grid span { font-size: 11.5px; color: var(--se-text3); }

/* 迷你文章列表（最新 / 热门） */
.se-mini { display: flex; flex-direction: column; gap: 2px; }
.se-mini-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 9px;
    border-radius: var(--se-r-s);
    transition: background-color .18s ease;
    min-width: 0;
}
.se-mini-item:hover { background: var(--se-soft); }
.se-mini-no {
    width: 21px;
    height: 21px;
    flex: 0 0 auto;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11.5px;
    background: var(--se-line2);
    color: var(--se-text2);
}
.se-mini-item:nth-child(1) .se-mini-no { background: var(--se-grad); color: #fff; }
.se-mini-item:nth-child(2) .se-mini-no { background: var(--se-c1); color: #fff; }
.se-mini-item:nth-child(3) .se-mini-no { background: var(--se-c3); color: #fff; }
.se-mini-thumb {
    width: 58px;
    height: 42px;
    flex: 0 0 auto;
    border-radius: 7px;
    overflow: hidden;
    background: var(--se-card2);
}
.se-mini-thumb img { width: 100%; height: 100%; object-fit: cover; }
.se-mini-body { flex: 1 1 auto; min-width: 0; }
.se-mini-title {
    font-size: var(--se-f);
    color: var(--se-title);
    line-height: 1.55;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.se-mini-item:hover .se-mini-title { color: var(--se-c1); }
.se-mini-meta {
    display: flex;
    gap: 10px;
    margin-top: 3px;
    font-size: 11px;
    color: var(--se-text3);
}
.se-mini-meta span { display: inline-flex; align-items: center; gap: 3px; }

/* 热评卡片 */
.se-pcard {
    display: flex;
    gap: 10px;
    padding: 11px;
    border-radius: var(--se-r-s);
    background: var(--se-card2);
    transition: background-color .18s ease, transform .18s ease;
}
.se-pcard + .se-pcard { margin-top: 8px; }
.se-pcard:hover { transform: translateX(3px); }
.se-pcard-av {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    flex: 0 0 auto;
    overflow: hidden;
    background: var(--se-line2);
}
.se-pcard-av img { width: 100%; height: 100%; object-fit: cover; }
.se-pcard-body { flex: 1 1 auto; min-width: 0; }
.se-pcard-title {
    font-size: var(--se-f);
    color: var(--se-title);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 5px;
}
.se-pcard-title:hover { color: var(--se-c1); }
.se-pcard-meta { font-size: 11px; color: var(--se-text3); }

/* 标签云 */
.se-tagcloud { display: flex; flex-wrap: wrap; gap: 8px; }
.se-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 30px;
    padding: 0 12px;
    border-radius: var(--se-r-p);
    background: var(--se-card2);
    color: var(--se-text2);
    font-size: var(--se-f-xs);
    transition: background-color .18s ease, color .18s ease, transform .18s ease;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.se-tag:hover { background: var(--se-soft); color: var(--se-deep); transform: translateY(-2px); }
.se-tag em { font-style: normal; font-size: 10.5px; color: var(--se-text3); }
.se-tag-lv1 { font-size: 11.5px; }
.se-tag-lv2 { font-size: 12.5px; }
.se-tag-lv3 { font-size: 13.5px; }
.se-tag-lv4 { font-size: 14.5px; color: var(--se-deep); }
.se-tag-lv5 { font-size: 15.5px; color: var(--se-deep); font-weight: 500; }

/* ==================================================================
   11 分页
   ================================================================== */

.se-pager {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-top: 22px;
}
.se-pager a,
.se-pager span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 11px;
    border-radius: var(--se-r-s);
    background: var(--se-card);
    color: var(--se-text);
    font-size: var(--se-f);
    box-shadow: var(--se-sh-s);
    transition: color .18s ease, background-color .18s ease, transform .18s ease;
}
.se-pager a:hover { color: #fff; background: var(--se-c1); transform: translateY(-2px); }
.se-pager .se-cur {
    background: var(--se-grad);
    color: #fff;
    box-shadow: var(--se-glow-s);
}

/* ==================================================================
   12 文章页
   ================================================================== */

.se-crumb {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: var(--se-f-xs);
    color: var(--se-text3);
    margin-bottom: 14px;
}
.se-crumb a { color: var(--se-text2); }
.se-crumb a:hover { color: var(--se-c1); }
.se-crumb i { font-style: normal; color: var(--se-text3); opacity: .6; }

.se-art {
    background: var(--se-card);
    border-radius: var(--se-r-l);
    box-shadow: var(--se-sh-s);
    padding: 26px 30px 30px;
}
.se-art-head { margin-bottom: 18px; }
.se-art-cat {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 11px;
    border-radius: var(--se-r-p);
    background: var(--se-grad);
    color: #fff;
    font-size: 12.5px;
    margin-bottom: 12px;
}
.se-art-title {
    font-size: var(--se-f-xh);
    line-height: 1.42;
    margin-bottom: 14px;
}
.se-art-meta {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    font-size: var(--se-f-xs);
    color: var(--se-text3);
    padding-bottom: 16px;
    border-bottom: 1px solid var(--se-line2);
}
.se-art-meta span { display: inline-flex; align-items: center; gap: 5px; }
.se-art-meta .se-ico { font-size: 14px; }
.se-art-author {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--se-text2);
}
.se-art-author img { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; }

.se-art-cover {
    margin: 18px 0 !important;
    border-radius: var(--se-r);
    overflow: hidden;
    display: block;
}
.se-art-cover img { width: 100%; height: auto; display: block; }

/* 目录 */
.se-toc {
    background: var(--se-grad-soft);
    border-radius: var(--se-r);
    padding: 14px 16px;
    margin: 18px 0 20px;
}
.se-toc-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}
.se-toc-bar {
    width: 13px;
    height: 13px;
    border-radius: 4px;
    background: var(--se-grad);
    flex: 0 0 auto;
}
.se-toc-t { font-size: var(--se-f-m); font-weight: 500; color: var(--se-title); flex: 1 1 auto; }
.se-toc-btn {
    font-size: var(--se-f-xs);
    color: var(--se-text2);
    padding: 3px 8px;
    border-radius: var(--se-r-s);
}
.se-toc-btn:hover { background: rgba(var(--se-a1),.12); color: var(--se-deep); }
.se-toc-body {
    list-style: none;
    counter-reset: setoc;
    max-height: 420px;
    overflow: hidden;
    transition: max-height .3s ease;
}
.se-toc.se-fold .se-toc-body { max-height: 0; }
.se-toc-i { counter-increment: setoc; }
.se-toc-i a {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 5px 0;
    font-size: var(--se-f);
    color: var(--se-text2);
    line-height: 1.6;
}
.se-toc-i a::before {
    content: counter(setoc, decimal-leading-zero);
    font-size: 11px;
    color: var(--se-c1);
    flex: 0 0 auto;
    font-variant-numeric: tabular-nums;
}
.se-toc-i a:hover { color: var(--se-c1); }
.se-toc-lv3 a { padding-left: 20px; font-size: var(--se-f-xs); }
.se-toc-lv3 a::before { opacity: .6; }

/* 正文排版 */
.se-content {
    font-size: var(--se-f-l);
    line-height: 1.95;
    color: var(--se-text);
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.se-content > * + * { margin-top: 18px; }
.se-content h2 {
    font-size: var(--se-f-t);
    margin-top: 34px;
    padding-left: 14px;
    position: relative;
    line-height: 1.5;
}
.se-content h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: .28em;
    bottom: .28em;
    width: 5px;
    border-radius: 3px;
    background: var(--se-grad-v);
}
.se-content h3 {
    font-size: var(--se-f-l);
    margin-top: 26px;
    padding-left: 12px;
    border-left: 3px solid var(--se-c3);
    line-height: 1.55;
}
.se-content h4 { font-size: var(--se-f-m); margin-top: 20px; }
.se-content p { margin: 0; }
.se-content a {
    color: var(--se-c1);
    border-bottom: 1px solid rgba(var(--se-a1),.4);
    padding-bottom: 1px;
}
.se-content a:hover { border-bottom-color: var(--se-c1); }
.se-content strong { color: var(--se-title); font-weight: 600; }
.se-content ul,
.se-content ol { padding-left: 24px; }
.se-content ul { list-style: none; }
.se-content ul li { position: relative; padding-left: 4px; }
.se-content ul li::before {
    content: "";
    position: absolute;
    left: -15px;
    top: .74em;
    width: 6px;
    height: 6px;
    border-radius: 62% 6% 62% 6%;
    background: var(--se-c1);
}
.se-content ol { list-style: decimal; }
.se-content ol li::marker { color: var(--se-c1); }
.se-content li + li { margin-top: 7px; }
.se-content img {
    border-radius: var(--se-r);
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.se-content blockquote {
    margin: 22px 0;
    padding: 14px 20px;
    background: var(--se-grad-soft);
    border-left: 4px solid var(--se-c1);
    border-radius: 0 var(--se-r-s) var(--se-r-s) 0;
    color: var(--se-text2);
}
.se-content blockquote > * + * { margin-top: 10px; }
.se-content code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    font-size: .9em;
    background: var(--se-soft);
    color: var(--se-deep);
    padding: 2px 6px;
    border-radius: 5px;
}
.se-content pre {
    background: #141821;
    color: #E3E8F0;
    padding: 16px 18px;
    border-radius: var(--se-r);
    overflow-x: auto;
    font-size: var(--se-f);
    line-height: 1.72;
}
.se-content pre code { background: none; color: inherit; padding: 0; font-size: inherit; }
.se-content table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--se-f);
    display: block;
    overflow-x: auto;
}
.se-content th,
.se-content td {
    border: 1px solid var(--se-line);
    padding: 9px 12px;
    text-align: left;
}
.se-content th { background: var(--se-soft); color: var(--se-title); font-weight: 500; }
.se-content hr { border: 0; height: 1px; background: var(--se-line2); margin: 26px 0; }
.se-content iframe { max-width: 100%; border-radius: var(--se-r); }

/* 标签 / 分享 */
.se-art-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 26px;
    padding-top: 18px;
    border-top: 1px solid var(--se-line2);
}
.se-art-tags { display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; }
.se-art-share { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.se-share-btn {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--se-card2);
    color: var(--se-text2);
    font-size: 16px;
    transition: background-color .18s ease, color .18s ease, transform .18s ease;
}
.se-share-btn:hover { color: #fff; background: var(--se-grad); transform: translateY(-2px); }

/* 上下篇 */
.se-navprev {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 22px;
}
.se-navprev a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: var(--se-card);
    border-radius: var(--se-r);
    box-shadow: var(--se-sh-s);
    min-width: 0;
    transition: transform .2s ease, box-shadow .2s ease;
}
.se-navprev a:hover { transform: translateY(-3px); box-shadow: var(--se-sh-l); }
.se-navprev-ico {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--se-soft);
    color: var(--se-deep);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: 15px;
}
.se-navprev-body { min-width: 0; }
.se-navprev-lab { font-size: 11.5px; color: var(--se-text3); display: block; margin-bottom: 3px; }
.se-navprev-t {
    font-size: var(--se-f);
    color: var(--se-title);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.55;
}
.se-navprev .se-next { text-align: right; flex-direction: row-reverse; }

/* 相关推荐：左缩略图 + 右标题/描述 + 底部作者与数据，逐条竖排 */
.se-related {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.se-rel {
    display: grid;
    grid-template-columns: 232px minmax(0, 1fr);
    gap: 18px;
    padding: 16px;
    background: var(--se-card);
    border-radius: var(--se-r);
    box-shadow: var(--se-sh-s);
    transition: transform .22s ease, box-shadow .22s ease;
}
.se-rel:hover { transform: translateY(-3px); box-shadow: var(--se-sh-l); }

.se-rel-thumb {
    position: relative;
    display: block;
    aspect-ratio: 16 / 11;
    border-radius: var(--se-r-s);
    overflow: hidden;
    background: var(--se-card2);
}
.se-rel-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.se-rel:hover .se-rel-thumb img { transform: scale(1.05); }
.se-rel-cat {
    position: absolute;
    left: 9px;
    top: 9px;
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 10px;
    border-radius: var(--se-r-p);
    background: var(--se-grad);
    color: #fff;
    font-size: 11.5px;
    z-index: 1;
    max-width: calc(100% - 18px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.se-rel-body { display: flex; flex-direction: column; min-width: 0; }
.se-rel-title {
    font-size: var(--se-f-l);
    line-height: 1.5;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.se-rel-title a { color: var(--se-title); }
.se-rel:hover .se-rel-title a { color: var(--se-c1); }

.se-rel-desc {
    font-size: var(--se-f);
    color: var(--se-text2);
    line-height: 1.72;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 12px;
}

.se-rel-meta {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    font-size: var(--se-f-xs);
    color: var(--se-text3);
}
.se-rel-meta-l {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.se-rel-meta-l img {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    object-fit: cover;
    flex: 0 0 auto;
}
.se-rel-meta-l b { font-weight: 400; color: var(--se-text2); }
.se-rel-meta-r { display: flex; align-items: center; gap: 14px; flex: 0 0 auto; }
.se-rel-meta-r span { display: inline-flex; align-items: center; gap: 4px; }
.se-rel-meta-r .se-ico { font-size: 13px; }

/* ==================================================================
   13 作者页
   ================================================================== */

.se-ahero {
    border-radius: var(--se-r-l);
    overflow: hidden;
    background: var(--se-card);
    box-shadow: var(--se-sh-s);
    margin-bottom: 18px;
}
.se-ahero-banner {
    height: 132px;
    background: var(--se-grad-3);
    position: relative;
    overflow: hidden;
}
.se-ahero-banner::after {
    content: "";
    position: absolute;
    right: -34px;
    top: -46px;
    width: 176px;
    height: 176px;
    border-radius: 50%;
    background: rgba(255,255,255,.16);
}
.se-ahero-banner::before {
    content: "";
    position: absolute;
    right: 120px;
    bottom: -56px;
    width: 120px;
    height: 120px;
    border-radius: 62% 6% 62% 6%;
    background: rgba(255,255,255,.12);
}
/* 作者头图区
   注意：banner 是 position:relative，而 CSS 绘制顺序里「定位元素」画在
   「静态块」之上。所以 .se-ahero-body 必须自己也定位并给 z-index，
   否则它的上半部分会被 banner 盖住（名字被头图压掉一半）。
   跨图效果由头像自身的负 margin-top 完成，不给整块加负 margin，
   这样姓名栏始终落在头图下沿以下，不会被遮挡。 */
.se-ahero-body {
    position: relative;
    z-index: 1;
    padding: 0 22px 20px;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    flex-wrap: wrap;
}
.se-ahero-av {
    width: 92px;
    height: 92px;
    margin-top: -48px;
    border-radius: 26px;
    padding: 4px;
    background: var(--se-card);
    box-shadow: var(--se-sh);
    flex: 0 0 auto;
}
.se-ahero-av img { width: 100%; height: 100%; border-radius: 22px; object-fit: cover; display: block; }
.se-ahero-info { flex: 1 1 220px; min-width: 0; padding-top: 14px; }
.se-ahero-name {
    font-size: var(--se-f-h);
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
    margin-bottom: 7px;
}
.se-ahero-name .se-pill { font-size: 11.5px; height: 21px; }
.se-ahero-intro {
    font-size: var(--se-f);
    color: var(--se-text2);
    line-height: 1.75;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.se-ahero-links { display: flex; gap: 9px; flex-wrap: wrap; flex: 0 0 auto; padding-top: 14px; }

.se-astats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 22px;
}
.se-astat {
    background: var(--se-card);
    border-radius: var(--se-r);
    padding: 16px;
    box-shadow: var(--se-sh-s);
    position: relative;
    overflow: hidden;
    min-width: 0;
}
.se-astat::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    background: var(--se-grad);
}
.se-astat:nth-child(2)::after { background: var(--se-c2); }
.se-astat:nth-child(3)::after { background: var(--se-c1); }
.se-astat:nth-child(4)::after { background: var(--se-c3); }
.se-astat b {
    display: block;
    font-size: var(--se-f-xh);
    font-weight: 600;
    color: var(--se-title);
    line-height: 1.25;
    margin-bottom: 3px;
}
.se-astat span { font-size: var(--se-f-xs); color: var(--se-text3); }

/* ==================================================================
   14 归档页 / 404
   ================================================================== */

.se-pagehead {
    background: var(--se-card);
    border-radius: var(--se-r-l);
    padding: 24px 26px;
    box-shadow: var(--se-sh-s);
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.se-pagehead::after {
    content: "";
    position: absolute;
    right: -40px;
    top: -50px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: var(--se-grad-soft);
}
.se-pagehead-t {
    font-size: var(--se-f-xh);
    margin-bottom: 8px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.se-pagehead-d {
    font-size: var(--se-f);
    color: var(--se-text2);
    line-height: 1.75;
    position: relative;
    max-width: 70ch;
}
.se-pagehead-cnt {
    font-size: var(--se-f-xs);
    color: var(--se-text3);
    margin-top: 10px;
    position: relative;
}

.se-404-num {
    font-size: clamp(74px, 16vw, 148px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: .02em;
    background: var(--se-grad-3);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    margin-bottom: 8px;
}

/* ==================================================================
   15 评论
   ================================================================== */

.se-cmt-wrap {
    background: var(--se-card);
    border-radius: var(--se-r-l);
    box-shadow: var(--se-sh-s);
    padding: 22px 26px 26px;
    margin-top: 22px;
}
.se-cmt-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--se-line2);
}
.se-cmt-head-t { font-size: var(--se-f-t); }
.se-cmt-list { display: block; }
.se-cmt-list li { list-style: none; }
.se-cmt-item {
    display: flex;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid var(--se-line2);
}
.se-cmt-item:last-child { border-bottom: 0; }
.se-cmt-av {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    flex: 0 0 auto;
    overflow: hidden;
    background: var(--se-line2);
}
.se-cmt-av img { width: 100%; height: 100%; object-fit: cover; }
.se-cmt-body { flex: 1 1 auto; min-width: 0; }
.se-cmt-top {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}
.se-cmt-name { font-size: var(--se-f); font-weight: 500; color: var(--se-title); }
.se-cmt-time { font-size: 11.5px; color: var(--se-text3); }
.se-cmt-reply {
    font-size: 11.5px;
    color: var(--se-text3);
    margin-left: auto;
    padding: 3px 9px;
    border-radius: var(--se-r-s);
    transition: background-color .18s ease, color .18s ease;
}
.se-cmt-reply:hover { background: var(--se-soft); color: var(--se-deep); }
.se-cmt-text { font-size: var(--se-f); line-height: 1.8; color: var(--se-text); }
.se-cmt-text img { border-radius: var(--se-r-s); }
.se-cmt-children {
    margin-top: 12px;
    padding-left: 14px;
    border-left: 2px solid var(--se-line2);
}
.se-cmt-children .se-cmt-item { padding: 10px 0; }

/* 评论表单 */
.se-cmtform { display: grid; gap: 12px; margin-top: 8px; }
.se-cmtform-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.se-cmtform input[type="text"],
.se-cmtform input[type="email"],
.se-cmtform input[type="url"],
.se-cmtform textarea {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--se-line);
    border-radius: var(--se-r-s);
    background: var(--se-card2);
    font-size: var(--se-f);
    transition: border-color .18s ease, box-shadow .18s ease;
    min-width: 0;
}
.se-cmtform textarea {
    min-height: 118px;
    resize: vertical;
    line-height: 1.75;
}
.se-cmtform input:focus,
.se-cmtform textarea:focus {
    outline: 0;
    border-color: var(--se-c1);
    box-shadow: var(--se-ring);
}
.se-cmtform-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.se-cmtform-tip { font-size: 11.5px; color: var(--se-text3); }
.se-cmtform-submit {
    height: 40px;
    padding: 0 26px;
    border-radius: var(--se-r-p);
    background: var(--se-grad);
    color: #fff;
    font-size: var(--se-f);
    box-shadow: var(--se-glow-s);
    transition: transform .18s ease, filter .18s ease;
}
.se-cmtform-submit:hover { transform: translateY(-1px); filter: saturate(1.08); }

/* ==================================================================
   16 页脚
   ================================================================== */

.se-footer {
    background: var(--se-card);
    border-top: 1px solid var(--se-line2);
    margin-top: 10px;
}
.se-footer-main {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) repeat(2, minmax(0, 1fr));
    gap: 26px;
    padding: 34px 0 26px;
}
.se-footer-brand { min-width: 0; }
.se-footer-logo {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 11px;
}
.se-footer-logo img { width: 32px; height: 32px; border-radius: 9px; }
.se-footer-logo b { font-size: var(--se-f-l); color: var(--se-title); }
.se-footer-desc {
    font-size: var(--se-f-xs);
    color: var(--se-text3);
    line-height: 1.8;
    max-width: 46ch;
}
.se-footer-season {
    margin-top: 13px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 28px;
    padding: 0 12px;
    border-radius: var(--se-r-p);
    background: var(--se-soft);
    color: var(--se-deep);
    font-size: 12px;
}
.se-footer-col-t {
    font-size: var(--se-f);
    font-weight: 500;
    color: var(--se-title);
    margin-bottom: 11px;
}
.se-footer-col ul { display: grid; gap: 8px; }
.se-footer-col a {
    font-size: var(--se-f-xs);
    color: var(--se-text2);
}
.se-footer-col a:hover { color: var(--se-c1); }
.se-footer-bottom {
    border-top: 1px solid var(--se-line2);
    padding: 16px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    font-size: var(--se-f-xs);
    color: var(--se-text3);
}
.se-footer-bottom a { color: var(--se-text2); }
.se-footer-bottom a:hover { color: var(--se-c1); }

/* ==================================================================
   17 浮动件
   ================================================================== */

.se-top {
    position: fixed;
    right: 22px;
    bottom: 26px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--se-card);
    color: var(--se-text2);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--se-sh);
    font-size: 18px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: opacity .25s ease, transform .25s ease, visibility .25s, background-color .2s ease, color .2s ease;
    z-index: 70;
}
.se-top.se-on { opacity: 1; visibility: visible; transform: translateY(0); }
.se-top:hover { background: var(--se-grad); color: #fff; transform: translateY(-3px); }

/* 无 JS 时隐藏需要脚本的浮动件 */
.se-nojs .se-top { display: none; }

/* 轻提示 */
.se-toast {
    position: fixed;
    left: 50%;
    top: 84px;
    transform: translate(-50%, -14px);
    padding: 10px 20px;
    border-radius: var(--se-r-p);
    background: var(--se-grad);
    color: #fff;
    font-size: var(--se-f);
    box-shadow: var(--se-sh-l);
    opacity: 0;
    visibility: hidden;
    transition: opacity .22s ease, transform .22s ease, visibility .22s;
    z-index: 90;
    pointer-events: none;
}
.se-toast.se-on { opacity: 1; visibility: visible; transform: translate(-50%, 0); }

/* 移动端遮罩 */
.se-mask {
    position: fixed;
    inset: 0;
    background: var(--se-mask);
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s;
    z-index: 80;
}
.se-mask.se-on { opacity: 1; visibility: visible; }

/* ==================================================================
   18 响应式
   断点：1080 侧栏收窄 · 992 侧栏下沉 · 860 导航抽屉 · 640 单栏紧凑
   ================================================================== */

@media (max-width: 1080px) {
    .se-layout { grid-template-columns: minmax(0, 1fr) 288px; }
    .se-rel { grid-template-columns: 200px minmax(0, 1fr); gap: 15px; }
}

@media (max-width: 992px) {
    .se-layout { grid-template-columns: minmax(0, 1fr); }
    .se-side { position: static; top: auto; }
    .se-block { grid-template-columns: minmax(0, 1fr); }
    .se-block-lead { min-height: 220px; }
    .se-footer-main { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}

@media (max-width: 860px) {
    .se-menu-btn { display: inline-flex; }
    .se-nav {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        width: 280px;
        max-width: 84vw;
        background: var(--se-card);
        box-shadow: var(--se-sh-l);
        padding: 18px 14px;
        transform: translateX(-102%);
        transition: transform .28s ease;
        z-index: 85;
        display: block;
        overflow-y: auto;
        justify-content: flex-start;
    }
    .se-nav.se-open { transform: translateX(0); }
    .se-nav-list { display: block; }
    .se-nav-list > li > a {
        height: auto;
        padding: 11px 12px;
        border-radius: var(--se-r-s);
        justify-content: space-between;
    }
    .se-nav-list > li > a::after { display: none; }
    .se-nav-list li ul {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        padding: 0 0 0 14px;
        min-width: 0;
        background: transparent;
    }
    .se-nav-list li:hover > ul { transform: none; }
    .se-header.se-nav-open .se-ico-open { display: none; }
    .se-header.se-nav-open .se-ico-shut { display: inline-block; }
    body.se-lock { overflow: hidden; }
    .se-astats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .se-art { padding: 20px 18px 22px; }
    .se-art-title { font-size: var(--se-f-h); }
}

@media (max-width: 768px) {
    .se-hero { grid-template-columns: minmax(0, 1fr); }
    .se-hero-side { grid-template-rows: none; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .se-feat { min-height: 128px; }
    .se-slider { min-height: 226px; }
    .se-item { grid-template-columns: 156px minmax(0, 1fr); gap: 14px; padding: 13px; }
    .se-item-title { font-size: var(--se-f-m); }
    .se-item-desc { -webkit-line-clamp: 2; font-size: var(--se-f-xs); }
    .se-navprev { grid-template-columns: minmax(0, 1fr); }
    .se-cmtform-row { grid-template-columns: minmax(0, 1fr); }
    .se-ahero-body { padding: 0 18px 18px; gap: 14px; }
    .se-ahero-av { width: 76px; height: 76px; border-radius: 22px; margin-top: -40px; }
    .se-ahero-av img { border-radius: 18px; }
    .se-ahero-info { padding-top: 12px; }
    .se-ahero-links { padding-top: 12px; }
    .se-rel { grid-template-columns: 170px minmax(0, 1fr); gap: 13px; padding: 13px; }
    .se-rel-title { font-size: var(--se-f-m); }
    .se-rel-desc { -webkit-line-clamp: 2; font-size: var(--se-f-xs); margin-bottom: 10px; }
    .se-footer-main { grid-template-columns: minmax(0, 1fr); gap: 22px; }
    .se-pagehead { padding: 20px 18px; }
    .se-pagehead-t { font-size: var(--se-f-h); }
    .se-block { padding: 13px; }
    .se-block-item-thumb { display: none; }
    .se-slide-info { padding: 16px 18px; }
    .se-slide-title { font-size: var(--se-f-t); }
    .se-slide-meta { gap: 10px; }
}

@media (max-width: 640px) {
    .se-wrap { padding: 0 14px; }
    :root { --se-head-h: 56px; }
    .se-logo-txt { font-size: var(--se-f-m); }
    .se-logo img { width: 30px; height: 30px; }
    .se-season-btn { padding: 0 10px; height: 34px; }
    .se-season-menu { width: 250px; }
    .se-ico-btn { width: 34px; height: 34px; font-size: 17px; }
    .se-almanac { padding: 10px 13px; gap: 9px; }
    .se-almanac-text { flex-basis: 100%; }
    .se-item { grid-template-columns: minmax(0, 1fr); }
    .se-item-thumb { aspect-ratio: 16 / 9; }
    .se-item.se-lead .se-lead-link { min-height: 200px; }
    .se-related { gap: 12px; }
    .se-rel { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 12px; }
    .se-rel-thumb { aspect-ratio: 16 / 9; }
    .se-rel-meta { gap: 10px; }
    .se-rel-meta-r { gap: 11px; }
    .se-art { padding: 18px 15px 20px; border-radius: var(--se-r); }
    .se-art-title { font-size: var(--se-f-t); }
    .se-art-meta { gap: 11px; }
    .se-content { font-size: var(--se-f-m); line-height: 1.9; }
    .se-cmt-wrap { padding: 18px 15px 20px; border-radius: var(--se-r); }
    .se-astats { gap: 10px; }
    .se-astat { padding: 13px; }
    .se-astat b { font-size: var(--se-f-h); }
    .se-top { right: 14px; bottom: 18px; width: 40px; height: 40px; }
    .se-crumb { font-size: 11.5px; }
    .se-chips { gap: 8px; }
    .se-chip { height: 32px; padding: 0 13px; font-size: var(--se-f-xs); }
}
@media (max-width: 420px) {
    .se-hero-side { grid-template-columns: minmax(0, 1fr); }
    .se-feat { min-height: 118px; }
    .se-sitecard-stats b { font-size: var(--se-f-m); }
}

/* ==================================================================
   19 打印
   ================================================================== */

@media print {
    .se-ambient, .se-header, .se-side, .se-footer, .se-top, .se-cmtform,
    .se-art-share, .se-related, .se-navprev, .se-almanac, .se-chips { display: none !important; }
    body { background: #fff; color: #000; }
    .se-layout { grid-template-columns: minmax(0, 1fr); padding: 0; }
    .se-art { box-shadow: none; padding: 0; }
    .se-content { font-size: 12pt; line-height: 1.7; }
    .se-content a { color: #000; border-bottom: 0; }
}