【大世界】硬核末日废土生存手册

/* ============================================ */
/* ===== 废土牛皮纸风格 · 整合版 v4.2 ========= */
/* ===== 全局行距统一·1.7舒适阅读版 ========== */
/* ============================================ */

/* ============ 1. 全局楷书字体 ============ */
.rp-topbar,.rp-frame,.rp-status,.rp-narrative,
.rp-topbar *,.rp-status *,.rp-narrative *{
  font-family:"KaiTi","STKaiti","楷体","Kaiti SC",serif!important;
  letter-spacing:0.5px;
}

/* ============ 2. 顶部"当前情况" · 牛皮纸残页 ============ */
.rp-topbar{
  margin:8px 0;padding:4px 8px;
  border:1px solid #6b4423;border-radius:2px;
  background:
    radial-gradient(ellipse at 30% 40%,rgba(139,90,43,0.18) 0%,transparent 45%),
    radial-gradient(ellipse at 75% 65%,rgba(101,67,33,0.22) 0%,transparent 50%),
    linear-gradient(135deg,#e8d5a8 0%,#d4b88a 50%,#c4a574 100%);
  box-shadow:
    inset 0 0 40px rgba(101,67,33,0.45),
    inset 0 0 6px rgba(60,30,10,0.5),
    0 4px 12px rgba(0,0,0,0.6),
    0 0 0 4px rgba(40,25,10,0.55),
    0 0 0 5px #d4a23a;
  position:relative;overflow:hidden;
}
.rp-topbar summary{
  padding:8px 14px;cursor:pointer;list-style:none;
  color:#5a2a08;font-weight:bold;letter-spacing:2px;
  text-shadow:0 1px 0 rgba(255,240,200,0.4);
  border-bottom:1px dashed rgba(90,42,8,0.4);
  background:linear-gradient(90deg,rgba(212,162,58,0.25),transparent);
}
.rp-topbar summary::-webkit-details-marker{display:none;}
.rp-topbar summary::before{content:'▶ ';transition:transform 0.3s;display:inline-block;color:#a02020;}
.rp-topbar details[open] summary::before{content:'▼ ';}
.rp-topbar p{
  margin:6px 14px;color:#2a1a08;font-size:14px;
  text-shadow:0 1px 0 rgba(255,240,200,0.4);
}

/* ============ 3. 正文框 · 战前牛皮手稿（最高级·金边）============ */
.rp-frame{
  margin:14px 0;padding:24px 22px 28px;position:relative;
  background:
    radial-gradient(ellipse at 20% 30%,rgba(139,90,43,0.15) 0%,transparent 40%),
    radial-gradient(ellipse at 80% 70%,rgba(101,67,33,0.2) 0%,transparent 45%),
    radial-gradient(circle at 70% 20%,rgba(80,40,10,0.25) 0%,transparent 8%),
    linear-gradient(135deg,#e8d5a8 0%,#d4b88a 50%,#c4a574 100%);
  border:1px solid #6b4423;border-radius:2px;
  box-shadow:
    inset 0 0 60px rgba(101,67,33,0.4),
    inset 0 0 8px rgba(60,30,10,0.5),
    0 6px 20px rgba(0,0,0,0.7),
    0 0 0 6px rgba(40,25,10,0.6),
    0 0 0 7px #d4a23a;
}
.rp-tag{
  display:inline-block;padding:3px 12px;margin-bottom:14px;
  background:#2a1810;color:#d4a23a;font-size:12px;letter-spacing:3px;
  border:1px dashed #d4a23a;transform:rotate(-1.5deg);
  box-shadow:2px 2px 0 rgba(0,0,0,0.3);
}
.rp-narrative{color:#2a1a08;line-height:1.7;font-size:16px;text-shadow:0 1px 0 rgba(255,240,200,0.4);}
.rp-narrative p{margin:10px 0;text-indent:2em;}
.rp-stamp{
  position:absolute;right:18px;bottom:14px;
  padding:6px 14px;color:#a02020;font-weight:bold;font-size:13px;letter-spacing:2px;
  border:2px solid #a02020;border-radius:50px;
  transform:rotate(-12deg);opacity:0.55;
  text-shadow:0 0 2px rgba(160,32,32,0.5);
}

/* ============ 4. 状态栏外壳 · 完全透明（拆除外框）============ */
.rp-status{
  margin:14px 0;padding:0;
  background:none;border:none;box-shadow:none;
}

/* ============ 5. 状态栏内的 details · 独立小档案纸（次级）============ */
.rp-status details{
  margin:10px 0;padding:0;
  border:1px solid #6b4423;border-radius:2px;
  background:
    radial-gradient(ellipse at 25% 35%,rgba(139,90,43,0.14) 0%,transparent 45%),
    linear-gradient(135deg,#e8d5a8 0%,#d4b88a 50%,#c4a574 100%);
  box-shadow:
    inset 0 0 30px rgba(101,67,33,0.35),
    inset 0 0 4px rgba(60,30,10,0.4),
    0 3px 10px rgba(0,0,0,0.5),
    0 0 0 3px rgba(40,25,10,0.55),
    0 0 0 4px #d4a23a;
  overflow:hidden;
}
.rp-status summary{
  padding:9px 14px;cursor:pointer;list-style:none;
  color:#5a2a08;font-weight:bold;font-size:15px;letter-spacing:2px;
  text-shadow:0 1px 0 rgba(255,240,200,0.5);
  background:linear-gradient(90deg,rgba(212,162,58,0.4),rgba(212,162,58,0.1) 60%,transparent);
  border-bottom:1px dashed rgba(90,42,8,0.4);
  position:relative;
}
.rp-status summary::-webkit-details-marker{display:none;}
.rp-status summary::after{
  content:'☢';float:right;color:#a02020;opacity:0.55;
  transition:transform 0.4s;
}
.rp-status details[open] summary::after{transform:rotate(180deg);opacity:0.9;}
.rp-status summary:hover{background:linear-gradient(90deg,rgba(255,140,26,0.35),transparent);}
.rp-status details>p,.rp-status details>table{
  margin:6px 14px;color:#2a1a08;font-size:14px;line-height:1.7;
  text-shadow:0 1px 0 rgba(255,240,200,0.3);
}

/* ============ 6. 小标题 / 提示 ============ */
.rp-section{
  color:#a02020!important;font-weight:bold;
  border-left:3px solid #a02020;padding-left:8px!important;
  margin:12px 14px 6px!important;
  text-shadow:0 1px 0 rgba(255,240,200,0.4);
}
.rp-tip{color:#6b4423!important;font-size:13px!important;font-style:italic;}

/* ============ 7. 血条（垂直紧凑·状态下置版 v2）============ */
.rp-hp{
  display:block;
  margin:3px 14px 6px!important;
  padding:0;
  font-size:14px;color:#2a1a08;
  line-height:1.3;
}
.rp-hp-row{
  display:flex;
  align-items:center;
  gap:10px;
}
.rp-hp-label{
  display:inline-block;
  width:48px;
  font-weight:bold;letter-spacing:1px;
  text-shadow:0 1px 0 rgba(255,240,200,0.5);
  flex-shrink:0;
}
.rp-bar{
  position:relative;
  display:inline-block;
  width:220px;height:18px;
  background:#3a0a0a;
  border:1px solid #6b1010;
  border-radius:2px;
  box-shadow:
    inset 0 0 6px rgba(0,0,0,0.8),
    inset 0 1px 0 rgba(255,255,255,0.05),
    0 0 0 1px rgba(40,10,10,0.6);
  overflow:hidden;
  flex-shrink:0;
}
.rp-bar-fill{
  display:block;height:100%;
  background:linear-gradient(90deg,#6a0808 0%,#a01818 30%,#d42020 60%,#ff3838 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,180,180,0.35),
    inset 0 -1px 2px rgba(0,0,0,0.4),
    0 0 8px rgba(212,32,32,0.55);
  transition:width 0.4s ease;
}
.rp-bar-text{
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:bold;
  color:#fff5e6;
  letter-spacing:1px;
  text-shadow:
    0 0 3px rgba(0,0,0,0.95),
    1px 1px 0 rgba(0,0,0,0.8),
    -1px -1px 0 rgba(0,0,0,0.6);
  font-family:"KaiTi","STKaiti","楷体",serif;
  pointer-events:none;
  z-index:2;
}
.rp-hp-status{
  display:block;
  margin:1px 0 0 58px;
  padding:0;
  color:#6b2020;
  font-style:italic;
  font-size:12px;
  letter-spacing:0.3px;
  text-shadow:0 1px 0 rgba(255,240,200,0.4);
  line-height:1.2;
}
.rp-hp-status::before{
  content:'└ ';
  color:#8b5a2b;
  font-style:normal;
  margin-right:2px;
}

/* ============ 8. NPC好感 / 内心独白 ============ */
.rp-fav{color:#a02060!important;}
.rp-fav b{color:#d4204a;text-shadow:0 1px 0 rgba(255,240,200,0.4);padding:0 4px;}
.rp-inner{
  color:#1a4a8a!important;font-style:italic;
  border-left:2px dashed #4a6fa0;padding-left:10px!important;
  background:rgba(255,240,200,0.4);margin:6px 14px!important;
}

/* ============ 9. 记忆表格 ============ */
.rp-mem{
  width:calc(100% - 28px);margin:8px 14px;border-collapse:collapse;
  background:rgba(255,240,200,0.4);border:1px solid #6b4423;font-size:13px;
}
.rp-mem th{
  background:linear-gradient(180deg,#8b5a2b,#6b4423);color:#f5e6c8;
  padding:6px 8px;border:1px solid #3a2410;text-shadow:1px 1px 0 #000;
}
.rp-mem td{color:#2a1a08;padding:6px 8px;border:1px solid #8b5a2b;line-height:1.7;}
.rp-mem tr:hover td{background:rgba(212,162,58,0.25);}

/* ============================================ */
/* ===== 平台UI层 · 废土全覆盖 ================ */
/* ============================================ */

textarea,input[type="text"],input[type="search"],[contenteditable="true"]{
  font-family:"KaiTi","STKaiti","楷体",serif!important;
  background:linear-gradient(135deg,#e8d5a8 0%,#d4b88a 50%,#c4a574 100%)!important;
  color:#2a1a08!important;border:1px solid #6b4423!important;border-radius:3px!important;
  box-shadow:inset 0 0 20px rgba(101,67,33,0.35),0 0 0 3px rgba(40,25,10,0.5),0 0 0 4px #d4a23a,0 3px 8px rgba(0,0,0,0.5)!important;
  caret-color:#a02020!important;
}
textarea:focus,input:focus,[contenteditable="true"]:focus{
  outline:none!important;
  box-shadow:inset 0 0 20px rgba(101,67,33,0.35),0 0 0 3px rgba(40,25,10,0.5),0 0 0 4px #ff8c1a,0 0 16px rgba(255,140,26,0.55)!important;
}

button,[role="button"],[class*="btn"],[class*="Btn"],[class*="Button"]{
  font-family:"KaiTi",serif!important;
  background:linear-gradient(180deg,#3a2a14,#2a1d10)!important;color:#f0c050!important;
  border:1px solid #d4a23a!important;border-radius:3px!important;
  text-shadow:1px 1px 0 #000,0 0 4px rgba(240,192,80,0.4)!important;letter-spacing:1px!important;
  box-shadow:inset 0 1px 0 rgba(255,200,100,0.2),inset 0 -1px 4px rgba(0,0,0,0.5),0 2px 5px rgba(0,0,0,0.6)!important;
  transition:all 0.25s!important;
}
button:hover,[role="button"]:hover,[class*="btn"]:hover,[class*="Button"]:hover{
  background:linear-gradient(180deg,#5a4020,#3a2a14)!important;color:#ff8c1a!important;border-color:#ff8c1a!important;
  box-shadow:0 0 14px rgba(255,140,26,0.6),0 2px 5px rgba(0,0,0,0.6)!important;transform:translateY(-1px);
}
button:active{transform:translateY(1px)!important;}
button:hover svg,[role="button"]:hover svg{filter:drop-shadow(0 0 6px #ff8c1a)!important;}

[class*="toolbar"],[class*="Toolbar"],[class*="footer"],[class*="Footer"],
[class*="action-bar"],[class*="actionBar"],[class*="bottom-bar"],[class*="bottomBar"]{
  background:linear-gradient(180deg,#251810,#1a1208)!important;
  border-top:2px solid #d4a23a!important;
  box-shadow:0 -3px 10px rgba(0,0,0,0.6)!important;
}

[class*="comment"],[class*="Comment"],[class*="reply"],[class*="Reply"],
[class*="card"],[class*="Card"],[class*="mod"],[class*="Mod"]{
  background:linear-gradient(135deg,#2a1d10,#1f1408)!important;
  border:1px solid #5a4020!important;border-radius:4px!important;color:#e8d5a8!important;
  box-shadow:inset 0 0 18px rgba(0,0,0,0.5),0 2px 6px rgba(0,0,0,0.55),0 0 0 1px rgba(212,162,58,0.4)!important;
}
[class*="comment"]:hover,[class*="card"]:hover,[class*="mod"]:hover{
  border-color:#d4a23a!important;
  box-shadow:0 4px 14px rgba(255,140,26,0.35),0 0 0 1px #ff8c1a!important;
}
[class*="username"],[class*="userName"],[class*="nickname"],[class*="nickName"],
[class*="author"],[class*="Author"]{color:#f0c050!important;text-shadow:0 0 4px rgba(240,192,80,0.4)!important;font-weight:bold;}
[class*="time"],[class*="Time"],[class*="date"],[class*="Date"]{color:#8b6f4a!important;font-size:12px!important;font-style:italic;}

[class*="header"],[class*="Header"],[class*="navbar"],[class*="NavBar"]{
  background:linear-gradient(180deg,#3a2a14,#251810)!important;
  border-bottom:2px solid #d4a23a!important;color:#f0c050!important;
  box-shadow:0 3px 10px rgba(0,0,0,0.6)!important;
}
[class*="header"] *,[class*="navbar"] *{color:#f0c050!important;}

[class*="modal"],[class*="Modal"],[class*="dialog"],[class*="Dialog"],
[class*="popup"],[class*="Popup"],[class*="drawer"],[class*="Drawer"]{
  background:linear-gradient(135deg,#2a1d10,#1a1208)!important;
  border:2px solid #d4a23a!important;
  box-shadow:0 0 0 4px rgba(40,25,10,0.7),0 10px 40px rgba(0,0,0,0.85)!important;color:#e8d5a8!important;
}

[class*="badge"],[class*="Badge"]{
  background:linear-gradient(180deg,#a02020,#6a1010)!important;color:#f5e6c8!important;
  border:1px solid #d4a23a!important;text-shadow:1px 1px 0 #000!important;
  box-shadow:0 0 6px rgba(160,32,32,0.5)!important;
}

a,a *{color:#ff8c1a!important;text-decoration:none!important;}
a:hover{color:#ffb060!important;text-shadow:0 0 8px rgba(255,140,26,0.6)!important;}
[class*="like"],[class*="Like"],[class*="favor"],[class*="Favor"],
[class*="star"],[class*="Star"],[class*="heart"],[class*="Heart"]{color:#ff3060!important;}

::-webkit-scrollbar{width:9px;height:9px;}
::-webkit-scrollbar-track{background:#1a1208;}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4a23a,#6b4423);border-radius:4px;border:1px solid #2a1d10;}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff8c1a,#a02020);}
::selection{background:#ff8c1a!important;color:#1a1208!important;}

本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。