/* ============================================================
   archive.css — 学生学籍档案查询系统
   无相校规 · 官方档案系统(旧式)
   阶段:PHASE 05
   规格:900px 居中 / 表格 1px 实线 / 输入框 260px / 旧式灰色按钮
   配色:背景 #dedbd2 | 顶栏深蓝 #174a78 | 正文 #222222
   动画:仅查询延迟(无页面动画)
   ============================================================ */

body.archive-site {
    background-color: #dedbd2;
    font-size: 13px;
}

table.archive {
    width: 900px;
    margin: 12px auto 20px auto;
    border: 1px solid #999999;
    background-color: #fdfdfb;
}

table.archive td {
    border: 0;
    padding: 0;
}

/* ---- 顶栏 ---- */
.a-topbar {
    background-color: #174a78;
    color: #ffffff;
    padding: 10px 14px;
    border-bottom: 2px solid #0d3050;
}

.a-title {
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 2px;
}

.a-sub {
    font-size: 11px;
    color: #c9daf5;
    margin-top: 2px;
    letter-spacing: 1px;
}

/* ---- 导航条 ---- */
.a-nav {
    background-color: #eef2f8;
    border-bottom: 1px solid #999999;
    padding: 5px 10px;
    font-size: 12px;
}

.a-nav a {
    color: #174a78;
    text-decoration: none;
}

.a-nav a:hover {
    text-decoration: underline;
}

/* ---- 内容区 ---- */
.a-main {
    padding: 16px 18px 18px 18px;
}

/* ---- 查询表单 ---- */
.a-form {
    margin: 6px 0 12px 0;
}

.a-input {
    width: 260px;
    border: 1px solid #777777;
    padding: 4px 6px;
    font-family: "SimSun", "宋体", serif;
    font-size: 13px;
    background-color: #ffffff;
}

.btn-gray {
    display: inline-block;
    padding: 4px 16px;
    background-color: #d6d3ca;
    border: 1px solid #777777;
    color: #222222;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.6;
    cursor: pointer;
}

.btn-gray:hover {
    background-color: #c2beb2;
}

/* ---- 状态行 ---- */
.a-status {
    font-size: 12px;
    color: #333333;
    margin: 8px 0;
    min-height: 16px;
}

/* ---- 查询结果 ---- */
.a-result {
    margin: 8px 0;
    font-size: 13px;
}

.a-result a {
    color: #174a78;
}

/* ---- 档案表格 ---- */
table.a-table {
    width: 100%;
    border-collapse: collapse;
}

table.a-table th,
table.a-table td {
    border: 1px solid #999999;
    padding: 5px 9px;
    font-size: 13px;
}

table.a-table th {
    background-color: #e4e1d8;
    text-align: left;
    width: 140px;
}

/* ---- 档案附件 ---- */
.a-attach {
    border: 1px solid #999999;
    background-color: #f5f3ec;
    padding: 8px;
    margin: 10px 0;
    text-align: center;
}

.a-attach img {
    border: 1px solid #999999;
    padding: 3px;
    background-color: #ffffff;
}

.a-num {
    font-size: 11px;
    color: #888888;
    text-align: center;
    margin-bottom: 4px;
}

.a-cap {
    margin-top: 6px;
    font-size: 12px;
    color: #555555;
    text-align: center;
}

/* ---- 附件列表 ---- */
.a-list a {
    color: #174a78;
    text-decoration: none;
}

.a-list a:hover {
    text-decoration: underline;
}

/* ---- 系统维护信息 ---- */
.a-maintain {
    margin-top: 14px;
    border-top: 1px dashed #999999;
    padding-top: 8px;
    font-size: 11px;
    color: #777777;
}

/* ---- 页脚 ---- */
.a-footer {
    background-color: #efece4;
    border-top: 1px solid #999999;
    padding: 8px 6px;
    text-align: center;
    font-size: 11px;
    color: #555555;
}

/* ============================================================
   PHASE 06 — 校规档案(A4 文件模拟)
   无相校规 · 学校官网旧档案风格
   规格:800px 纸张(760~820)/ 宋体 13px / 1px 实线
   ============================================================ */

body.document-site {
    background-color: #dedbd2;
    font-size: 13px;
}

/* A4 纸张 */
.a4-wrap {
    width: 800px;
    margin: 14px auto 22px auto;
    background-color: #fdfdf9;
    border: 1px solid #999999;
    padding: 30px 38px 34px 38px;
}

/* 文件头 */
.a4-head {
    text-align: center;
    border-bottom: 2px solid #333333;
    padding-bottom: 10px;
    margin-bottom: 14px;
}

.a4-school {
    font-size: 14px;
    letter-spacing: 3px;
    color: #333333;
}

.a4-title {
    font-size: 18px;
    font-weight: bold;
    color: #222222;
    margin-top: 6px;
}

.a4-no {
    text-align: center;
    font-size: 12px;
    color: #555555;
    margin: 8px 0 12px 0;
}

.a4-body p {
    margin: 8px 0;
    line-height: 1.8;
}

/* 条文列表 */
.a4-item {
    padding: 5px 0;
    border-bottom: 1px dotted #cccccc;
    line-height: 1.7;
}

.a4-item a {
    color: #174a78;
}

/* 条文框(第十三条) */
.a4-clause {
    border: 1px solid #999999;
    background-color: #f7f5ef;
    padding: 14px 18px;
    margin: 12px 0;
    font-size: 14px;
    line-height: 1.9;
}

/* 文件信息表 */
table.a4-meta {
    width: 100%;
    border-collapse: collapse;
    margin: 12px 0;
}

table.a4-meta th,
table.a4-meta td {
    border: 1px solid #999999;
    padding: 5px 9px;
    font-size: 12px;
}

table.a4-meta th {
    background-color: #e4e1d8;
    text-align: left;
    width: 130px;
}

/* 维护备注 */
.a4-maintain {
    border: 1px dashed #999999;
    background-color: #f2efe7;
    padding: 8px 10px;
    margin: 12px 0;
    font-size: 12px;
    color: #555555;
}

/* 附件 */
.a4-img {
    border: 1px solid #999999;
    padding: 3px;
    background-color: #ffffff;
}

.a4-cap {
    margin-top: 4px;
    font-size: 11px;
    color: #666666;
    text-align: center;
}

/* 修订历史 */
.a4-hist {
    margin: 10px 0;
}

.a4-hist a {
    color: #174a78;
}

/* 页脚链接行 */
.a4-nav {
    margin-top: 18px;
    border-top: 1px solid #999999;
    padding-top: 10px;
    font-size: 12px;
}

.a4-nav a {
    color: #174a78;
}

/* ============================================================
   PHASE 07 — 地方志 / 无名碑 / 旧民俗(亮度略低)
   无相校规 · 旧档案风格,背景比前面阶段略暗
   规格:840px 居中 / 泛黄纸扫描件 / 1px 实线
   ============================================================ */

body.folklore-site {
    background-color: #d3cec0;   /* 较前阶段略暗 */
    font-size: 13px;
}

.f7-wrap {
    width: 840px;
    margin: 14px auto 22px auto;
    background-color: #f4f1e8;   /* 偏暗纸张 */
    border: 1px solid #8a8578;
    padding: 28px 34px 32px 34px;
}

.f7-head {
    text-align: center;
    border-bottom: 1px solid #8a8578;
    padding-bottom: 10px;
    margin-bottom: 14px;
}

.f7-title {
    font-size: 17px;
    font-weight: bold;
    color: #1f1f1f;
}

.f7-sub {
    font-size: 12px;
    color: #555555;
    margin-top: 4px;
}

.f7-body p {
    margin: 8px 0;
    line-height: 1.8;
    color: #262626;
}

/* 扫描件模拟(泛黄纸) */
.f7-scan {
    border: 1px solid #9a937f;
    background-color: #e8dfc8;
    padding: 10px;
    margin: 12px 0;
    text-align: center;
}

.f7-scan img {
    border: 1px solid #8a8578;
    background-color: #f7f2e2;
    padding: 3px;
}

.f7-cap {
    margin-top: 6px;
    font-size: 12px;
    color: #555555;
    text-align: center;
}

/* 志书/碑文摘录框 */
.f7-quote {
    border-left: 3px solid #6b6658;
    background-color: #ece7d8;
    padding: 10px 14px;
    margin: 10px 0;
    font-size: 13px;
    line-height: 1.9;
    color: #2b2b2b;
}

.f7-meta {
    font-size: 12px;
    color: #555555;
    margin: 6px 0;
}

.f7-nav {
    margin-top: 16px;
    border-top: 1px solid #8a8578;
    padding-top: 10px;
    font-size: 12px;
}

.f7-nav a {
    color: #1d3a5f;
}

/* ============================================================
   PHASE 09 — 校园生活证据(文件附件形式)
   无相校规 · 附件索引 + 记录页;夜间值班页亮度略降
   ============================================================ */

body.evidence-site {
    background-color: #dcd8ce;
    font-size: 13px;
}

.ev-wrap {
    width: 860px;
    margin: 14px auto 22px auto;
    background-color: #faf8f2;
    border: 1px solid #8a8578;
    padding: 24px 30px 28px 30px;
}

.ev-title {
    font-size: 17px;
    font-weight: bold;
    color: #1f1f1f;
    border-bottom: 1px solid #8a8578;
    padding-bottom: 8px;
    margin-bottom: 12px;
}

.ev-sub {
    font-size: 12px;
    color: #555555;
    margin-bottom: 10px;
}

/* 附件条目(文件打开 300-600ms 动画) */
.ev-item {
    border: 1px solid #999999;
    background-color: #f2efe6;
    margin: 8px 0;
}

.ev-item-head {
    padding: 7px 10px;
    cursor: pointer;
    font-size: 13px;
}

.ev-item-head a {
    color: #174a78;
    text-decoration: none;
}

.ev-item-head a:hover {
    text-decoration: underline;
}

.ev-item-body {
    border-top: 1px dashed #999999;
    padding: 10px 12px;
    font-size: 12px;
    line-height: 1.8;
    color: #333333;
    /* 文件打开:300~600ms 淡入 */
    opacity: 0;
    transition: opacity 0.45s ease;
}

.ev-item-body.open {
    opacity: 1;
}

.ev-item-body img {
    border: 1px solid #999999;
    padding: 3px;
    background: #ffffff;
}

.ev-cap {
    margin-top: 4px;
    font-size: 11px;
    color: #777777;
    text-align: center;
}

.ev-note {
    border-left: 3px solid #6b6658;
    background-color: #ece7d8;
    padding: 8px 12px;
    margin: 10px 0;
    font-size: 12px;
    color: #2b2b2b;
}

.ev-nav {
    margin-top: 14px;
    border-top: 1px solid #8a8578;
    padding-top: 10px;
    font-size: 12px;
}

.ev-nav a {
    color: #1d3a5f;
}

/* 夜间值班页:亮度略降 */
body.duty-site {
    background-color: #c6c1b2;
}

.duty-wrap {
    width: 860px;
    margin: 14px auto 22px auto;
    background-color: #f0ede2;
    border: 1px solid #77725f;
    padding: 24px 30px 28px 30px;
}

.duty-table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
}

.duty-table th,
.duty-table td {
    border: 1px solid #77725f;
    padding: 5px 8px;
    font-size: 12px;
}

.duty-table th {
    background-color: #ddd7c6;
}

.duty-alter {
    color: #666666;
    text-decoration: line-through;
}

.duty-new {
    color: #333333;
}

.duty-msg {
    border: 1px dashed #77725f;
    background-color: #e5dfcc;
    padding: 10px 14px;
    margin: 12px 0;
    font-size: 13px;
    line-height: 1.9;
    color: #2b2b2b;
}

/* ========== PHASE 10 跨年代照片考古 ========== */
.tl-site {
    background-color: #c8c2b0;
}
.tl-wrap {
    width: 900px;
    margin: 26px auto;
    background-color: #efe9d6;
    border: 1px solid #a89f86;
    padding: 22px 26px;
}
.tl-title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #333333;
    margin-bottom: 6px;
}
.tl-sub {
    font-size: 12px;
    text-align: center;
    color: #6b6553;
    margin-bottom: 16px;
}
.tl-stage {
    border: 1px solid #b3aa92;
    background-color: #f5f0e0;
    padding: 14px;
}
.tl-meta {
    font-size: 13px;
    color: #4a4536;
    border-bottom: 1px dashed #b3aa92;
    padding-bottom: 8px;
    margin-bottom: 10px;
    text-align: center;
}
.tl-meta b {
    color: #7a2f1d;
}
.tl-photo {
    text-align: center;
    min-height: 60px;
}
.tl-photo img {
    max-width: 820px;
    border: 1px solid #b3aa92;
    background-color: #ffffff;
}
.tl-note {
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.9;
    color: #333333;
    border-top: 1px dashed #b3aa92;
    padding-top: 10px;
}
.tl-btns {
    margin-top: 16px;
    text-align: center;
}
.tl-btn {
    display: inline-block;
    background-color: #d8d2bd;
    border: 1px solid #8f876f;
    color: #333333;
    padding: 6px 18px;
    margin: 0 6px;
    font-size: 13px;
    cursor: pointer;
    text-decoration: none;
    font-family: inherit;
    line-height: 1.4;
}
.tl-btn:hover {
    background-color: #cbc4ab;
}
.tl-btn[disabled] {
    color: #9a937f;
    cursor: default;
    background-color: #e5e0ce;
}
.tl-nav {
    margin-top: 14px;
    text-align: center;
    font-size: 12px;
}
.tl-nav a {
    color: #4a4536;
}
.tl-reg {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}
.tl-reg th,
.tl-reg td {
    border: 1px solid #b3aa92;
    padding: 6px 8px;
    font-size: 12px;
    text-align: left;
    vertical-align: middle;
}
.tl-reg th {
    background-color: #e2dcc6;
    color: #333333;
}
.tl-reg img {
    width: 110px;
    border: 1px solid #b3aa92;
    display: block;
}
.cmp-row {
    display: table;
    width: 100%;
    border-spacing: 12px 0;
    margin: 12px 0;
}
.cmp-col {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    text-align: center;
}
.cmp-col img {
    max-width: 380px;
    border: 1px solid #b3aa92;
    background-color: #ffffff;
}
.cmp-sel {
    font-size: 12px;
    margin-bottom: 6px;
}
.cmp-sel select {
    font-size: 12px;
    padding: 2px 4px;
    background-color: #f5f0e0;
    border: 1px solid #8f876f;
}
.obs-list {
    border: 1px dashed #8f876f;
    background-color: #e8e1cc;
    padding: 8px 14px;
    font-size: 13px;
    color: #4a4536;
    margin: 10px 0;
}
.cmp-form {
    margin-top: 12px;
}
.cmp-form input[type="text"] {
    width: 320px;
    font-size: 13px;
    padding: 4px 6px;
    border: 1px solid #8f876f;
    background-color: #f5f0e0;
    font-family: inherit;
}
.result-ok {
    border: 1px solid #7a6f4f;
    background-color: #e6dfc8;
    padding: 12px 16px;
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.9;
    color: #2f2a1c;
}
.result-no {
    border: 1px dashed #8f876f;
    background-color: #ece6d2;
    padding: 8px 14px;
    margin-top: 12px;
    font-size: 12px;
    color: #6b6553;
}

/* ========== PHASE 11 礼堂与307空间调查 ========== */
.sp-site {
    background-color: #d3cec0;
}
.sp-wrap {
    width: 900px;
    margin: 26px auto;
    background-color: #efe9d6;
    border: 1px solid #a89f86;
    padding: 22px 26px;
}
.sp-title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #333333;
    margin-bottom: 6px;
}
.sp-sub {
    font-size: 12px;
    text-align: center;
    color: #6b6553;
    margin-bottom: 16px;
}
.sp-photo {
    text-align: center;
    margin: 12px 0;
}
.sp-photo img {
    max-width: 800px;
    border: 1px solid #b3aa92;
    background-color: #ffffff;
}
.sp-note {
    font-size: 13px;
    line-height: 1.9;
    color: #333333;
    border-top: 1px dashed #b3aa92;
    border-bottom: 1px dashed #b3aa92;
    padding: 10px 0;
    margin: 12px 0;
}
/* 二维空间示意图(table 布局,禁止 3D) */
.map2d {
    margin: 16px auto 4px auto;
    border-collapse: collapse;
}
.map2d td {
    text-align: center;
    padding: 0;
}
.map-node {
    border: 1px solid #8f876f;
    background-color: #e6dfc8;
    padding: 8px 26px;
    font-size: 13px;
    color: #333333;
    line-height: 1.8;
}
.map-node a {
    color: #7a2f1d;
    text-decoration: none;
}
.map-node a:hover {
    text-decoration: underline;
}
.map-node.here {
    background-color: #d8d2bd;
    border: 2px solid #7a6f4f;
    font-weight: bold;
}
.map-node.locked-node {
    color: #7d7763;
    border-style: dashed;
}
.map-vert {
    font-size: 16px;
    color: #6b6553;
    line-height: 1;
    padding: 3px 0;
}
.map-side {
    font-size: 11px;
    color: #6b6553;
    text-align: center;
    margin-top: 4px;
}
.sp-nav {
    margin-top: 16px;
    text-align: center;
    font-size: 13px;
}
.sp-nav a {
    display: inline-block;
    background-color: #d8d2bd;
    border: 1px solid #8f876f;
    color: #333333;
    padding: 6px 18px;
    margin: 0 6px;
    font-size: 13px;
    text-decoration: none;
}
.sp-nav a:hover {
    background-color: #cbc4ab;
}
.sp-nav a.locked-btn {
    background-color: #cfc9b4;
    border-style: dashed;
    color: #7d7763;
}
.sp-nav a.locked-btn:hover {
    background-color: #c4bea6;
}
.lock-tip {
    border: 1px dashed #8f876f;
    background-color: #ece6d2;
    padding: 8px 14px;
    margin: 10px 0;
    font-size: 12px;
    color: #6b6553;
    line-height: 1.8;
    text-align: center;
}
/* 夜间 307:亮度 0.75~0.85,背景略偏蓝灰;不加入恐怖图片 */
.night-site {
    background-color: #aeb6c4;
}
.night-site .sp-wrap {
    background-color: #dfe3ea;
    border-color: #8b93a3;
}
.night-site .sp-photo img {
    filter: brightness(0.8);
    border-color: #7d8698;
}
.night-site .sp-note {
    color: #3c4250;
    border-color: #a9b1c0;
}
.night-site .sp-title {
    color: #3c4250;
}
.night-site .map-node {
    background-color: #d5dae3;
    border-color: #8b93a3;
}

/* ========== PHASE 12 地下档案与仪式空间 ========== */
/* 极简:页面更空、边框更少;背景 #d2d0c8;文字 #333 */
.bs-site {
    background-color: #d2d0c8;
}
.bs-wrap {
    width: 850px;
    margin: 30px auto;
    background-color: #d2d0c8;
    padding: 30px 20px;
}
.bs-title {
    font-size: 22px;
    text-align: center;
    color: #333333;
    margin-bottom: 18px;
    letter-spacing: 6px;
}
.bs-stage {
    text-align: center;
    min-height: 60px;
}
.bs-stage img {
    max-width: 780px;
    border: 0;
}
.bs-tag {
    font-size: 11px;
    color: #6b6759;
    text-align: center;
    margin-top: 6px;
}
.bs-line {
    font-size: 14px;
    color: #333333;
    line-height: 2.2;
    text-align: center;
    margin: 14px auto;
    max-width: 640px;
}
.bs-quote {
    font-size: 13px;
    color: #333333;
    line-height: 2.1;
    text-align: left;
    margin: 16px auto;
    max-width: 620px;
    padding: 12px 18px;
    background-color: rgba(0, 0, 0, 0.03);
}
.bs-nav {
    text-align: center;
    margin-top: 24px;
}
.bs-nav a {
    color: #333333;
    text-decoration: underline;
    font-size: 14px;
    padding: 6px 16px;
}
.bs-nav a:hover {
    background-color: rgba(0, 0, 0, 0.06);
}
/* 轻微呼吸:opacity 1 → 0.96 → 1,周期 6s */
@keyframes bs-breathe {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.96; }
}
.bs-breathe {
    animation: bs-breathe 6s ease-in-out infinite;
}
/* 极低透明度扫描线(固定覆盖层,不阻挡交互) */
.bs-scan {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    background: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.045) 0px, rgba(0, 0, 0, 0.045) 1px, transparent 1px, transparent 3px);
    opacity: 0.5;
}

/* ========== PHASE 14 毕业系统与三个结局 ========== */
/* 旧式毕业生档案系统:灰白背景、1px 实线表格、旧式灰色按钮 */
.grad-site {
    background-color: #e8e8e4;
}
.grad-wrap {
    width: 880px;
    margin: 28px auto;
    background-color: #f4f4f0;
    border: 1px solid #b9b9b1;
    padding: 24px 30px;
}
.grad-title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #333333;
    margin-bottom: 4px;
    letter-spacing: 4px;
}
.grad-sub {
    font-size: 12px;
    text-align: center;
    color: #6b6b63;
    margin-bottom: 16px;
}
.grad-photo {
    text-align: center;
    margin: 10px 0;
}
.grad-photo img {
    max-width: 480px;
    border: 1px solid #b9b9b1;
}
.grad-table {
    width: 100%;
    border-collapse: collapse;
    margin: 12px 0;
}
.grad-table th,
.grad-table td {
    border: 1px solid #999990;
    padding: 8px 14px;
    font-size: 14px;
    text-align: left;
}
.grad-table th {
    width: 130px;
    background-color: #e0e0da;
    color: #333333;
}
.grad-table td {
    color: #333333;
    background-color: #fafaf6;
}
.grad-actions {
    text-align: center;
    margin-top: 18px;
}
.grad-actions .btn-gray {
    display: inline-block;
    background-color: #d9d9d2;
    border: 1px solid #8f8f86;
    color: #333333;
    padding: 7px 22px;
    margin: 0 8px;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
}
.grad-actions .btn-gray:hover {
    background-color: #cbcbc2;
}
.grad-actions .btn-ghost {
    display: inline-block;
    background-color: #f4f4f0;
    border: 1px dashed #999990;
    color: #6b6b63;
    padding: 7px 22px;
    margin: 0 8px;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
}
.grad-actions .btn-ghost:hover {
    background-color: #e8e8e2;
}
.grad-note {
    font-size: 13px;
    line-height: 2;
    color: #333333;
    border-top: 1px solid #b9b9b1;
    margin-top: 18px;
    padding-top: 12px;
    text-align: center;
}
/* 结局步骤:依次出现 */
.g-step {
    font-size: 15px;
    color: #333333;
    text-align: center;
    margin: 10px auto;
    min-height: 24px;
    opacity: 0;
}
.g-step.on {
    opacity: 1;
    transition: opacity 0.8s ease;
}
.g-step .ok {
    color: #4a6b3a;
    font-weight: bold;
}
.g-step-final {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #333333;
    margin-top: 22px;
    opacity: 0;
}
.g-step-final.on {
    opacity: 1;
    transition: opacity 1s ease;
}
/* 完全静止:关闭所有动画与过渡 */
.still,
.still * {
    animation: none !important;
    transition: none !important;
}
/* 隐藏结局申请表:选项不可点击 */
.app-form {
    width: 100%;
    border-collapse: collapse;
    margin: 14px 0;
}
.app-form th,
.app-form td {
    border: 1px solid #999990;
    padding: 8px 14px;
    font-size: 14px;
    text-align: left;
}
.app-form th {
    width: 130px;
    background-color: #e0e0da;
}
.app-form .app-check {
    color: #55554d;
    font-size: 13px;
    padding: 3px 0;
}
.app-form .app-check.disabled {
    color: #8b8b80;
}

/* ========== NIGHT EASTER EGG(独立彩蛋,不影响主线) ========== */
/* 夜间彩蛋页:背景偏灰蓝,亮度 0.65~0.85 */
.night-egg {
    background-color: #aab3c2;
    filter: brightness(0.75);
}
.night-egg .grad-wrap {
    background-color: #c6cdd9;
    border-color: #8b93a3;
}
.night-egg .grad-title {
    color: #3c4250;
}
.night-egg .grad-sub {
    color: #6b7484;
}
.egg-photo {
    text-align: center;
    margin: 12px 0;
}
.egg-photo img {
    max-width: 520px;
    border: 1px solid #8b93a3;
    background-color: #dfe3ea;
}
.egg-note {
    font-size: 13px;
    line-height: 2.1;
    color: #3c4250;
    text-align: center;
    margin: 12px auto;
    max-width: 640px;
}
.egg-line {
    font-size: 14px;
    color: #3c4250;
    text-align: center;
    margin: 10px auto;
    max-width: 640px;
}
/* 轻微文字闪烁(幅度小,无 Jump Scare) */
.egg-flicker {
    animation: egg-flicker 4s ease-in-out infinite;
}
@keyframes egg-flicker {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.82; }
}
/* 隐藏链接:与正文同色,悬停才露出下划线 */
.egg-link {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
.egg-link:hover {
    text-decoration: underline;
}

/* ========== VIDEO EASTER EGG(WMP 时代播放器,独立彩蛋) ========== */
.vid-site {
    background-color: #d6d3cc;
}
.vid-wrap {
    width: 720px;
    margin: 28px auto;
    background-color: #ece9e2;
    border: 1px solid #a8a49a;
    padding: 20px 26px;
}
.vid-title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #333333;
    margin-bottom: 4px;
}
.vid-sub {
    font-size: 12px;
    text-align: center;
    color: #6b675e;
    margin-bottom: 14px;
}
/* 播放器主体:640×480 时代布局(视频区 640×400 + 控件条) */
.wmp-player {
    width: 640px;
    margin: 0 auto;
    background-color: #000000;
    border: 1px solid #77736a;
    font-family: Tahoma, '宋体', sans-serif;
}
.wmp-screen {
    position: relative;
    width: 640px;
    height: 400px;
    background-color: #000000;
    overflow: hidden;
}
.wmp-screen img {
    width: 640px;
    height: 400px;
    object-fit: cover;
    display: block;
}
/* CRT 扫描线:opacity 极低 */
.crt-scan {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0px, rgba(255, 255, 255, 0.05) 1px, transparent 1px, transparent 3px);
    opacity: 0.5;
}
/* 播放中画面轻微 brightness 变化 */
.wmp-screen img.playing {
    animation: crt-breathe 4s ease-in-out infinite;
}
@keyframes crt-breathe {
    0%, 100% { filter: brightness(1); }
    50% { filter: brightness(0.97); }
}
.wmp-controls {
    background-color: #3a3a3a;
    padding: 8px 12px;
    color: #d8d8d8;
    font-size: 12px;
}
.wmp-btn {
    background-color: #5a5a5a;
    border: 1px solid #777777;
    color: #eeeeee;
    font-size: 12px;
    padding: 3px 14px;
    margin-right: 8px;
    cursor: pointer;
    font-family: inherit;
}
.wmp-btn:hover {
    background-color: #6a6a6a;
}
.wmp-progress {
    position: relative;
    width: 320px;
    height: 14px;
    background-color: #202020;
    border: 1px solid #555555;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.wmp-progress .fill {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    background-color: #6fa8dc;
}
.wmp-time {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    color: #c8c8c8;
    font-size: 12px;
}
.wmp-meta {
    margin-top: 12px;
    font-size: 13px;
    color: #333333;
    text-align: center;
    line-height: 1.9;
}