【重制版】我那个沙雕萝莉老妹

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700;900&family=Ma+Shan+Zheng&display=swap');
ai{
  display:block;
  position:relative;
  font-family:'Noto Sans SC',sans-serif;
  color:#111;
  background:#fff;
  max-width:100%;
  overflow-x:hidden;
  padding:0 0 20px 0;
  background-image:radial-gradient(circle,#ddd .4px,transparent .4px);
  background-size:14px 14px;
}

/* ══════════ 场景信息区 sc ══════════ */
ai sc{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto auto auto;
  gap:0;
  border:2.5px solid #111;
  border-radius:6px;
  margin:0 0 14px 0;
  padding:10px 14px 8px;
  background:#fff;
  position:relative;
  box-shadow:3px 3px 0 #ccc;
}
ai sc::before{
  content:'';
  position:absolute;
  top:-6px;left:20px;
  width:40px;height:10px;
  background:#fff;
  border:2px solid #111;
  clip-path:polygon(0 100%,10% 0,90% 0,100% 100%);
}
ai sc::after{
  content:'';
  position:absolute;
  bottom:-6px;right:20px;
  width:40px;height:10px;
  background:#fff;
  border:2px solid #111;
  clip-path:polygon(0 0,10% 100%,90% 100%,100% 0);
}
ai sc t{
  display:block;
  grid-column:1/-1;
  text-align:center;
  font-size:20px;
  font-weight:900;
  letter-spacing:2px;
  padding:2px 0 8px;
  border-bottom:2px solid #111;
  margin-bottom:8px;
  color:#111;
}
ai sc t::before{
  content:'';
  display:inline-block;
  width:6px;height:6px;
  border:2px solid #111;
  border-radius:50%;
  margin-right:8px;
  vertical-align:middle;
  background:#fff;
}
ai sc t::after{
  content:'';
  display:inline-block;
  width:6px;height:6px;
  border:2px solid #111;
  border-radius:50%;
  margin-left:8px;
  vertical-align:middle;
  background:#fff;
}
ai sc d{
  display:flex;
  justify-content:space-between;
  grid-column:1/-1;
  font-size:13px;
}
ai sc d i{
  font-style:normal;
  font-weight:700;
}
ai sc d b{
  font-weight:700;
}
ai sc > p{
  grid-column:1/-1;
  text-align:center;
  font-size:12px;
  color:#555;
  margin:6px 0 2px;
  font-style:italic;
  border-top:1px dashed #aaa;
  padding-top:6px;
}
ai sc small{
  grid-column:1/-1;
  text-align:right;
  font-size:10px;
  color:#999;
}

/* ══════════ 折叠区 details/summary ══════════ */
ai > details{
  border:2.5px solid #111;
  border-radius:4px;
  margin:0 0 14px 0;
  background:#fff;
  box-shadow:3px 3px 0 #ccc;
}
ai > details > summary{
  font-weight:900;
  font-size:15px;
  padding:8px 12px;
  cursor:pointer;
  background:#fff;
  color:#111;
  border-bottom:2px solid #111;
  border-radius:2px 2px 0 0;
  letter-spacing:1px;
  list-style:none;
  position:relative;
  transition:background .15s ease;
}
ai > details > summary::-webkit-details-marker{display:none}
ai > details > summary::before{
  content:'▸ ';
  font-size:14px;
}
ai > details[open] > summary::before{
  content:'▾ ';
}
ai > details > summary:hover{
  background:#f5f5f5;
}
ai > details[open] > summary{
  border-bottom:2px solid #111;
}
ai tc{
  display:block;
  padding:10px 12px;
  font-size:13px;
  line-height:1.7;
  color:#333;
  white-space:pre-wrap;
}

/* ══════════ 正文 article ══════════ */
ai article{
  border-left:3px solid #111;
  margin:0 0 14px 0;
  padding:12px 14px;
  background:#fff;
  position:relative;
  line-height:1.9;
  font-size:15px;
}
ai article::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  background:
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 28px,
      #eee 28px,
      #eee 29px
    );
  pointer-events:none;
  opacity:.35;
}
ai article p{
  margin:0 0 12px 0;
  text-indent:2em;
  position:relative;
  z-index:1;
}
ai article p:first-child::first-letter{
  font-size:2.2em;
  font-weight:900;
  float:left;
  line-height:1;
  margin:4px 6px 0 0;
  border:2.5px solid #111;
  padding:2px 6px;
  background:#fff;
  color:#111;
}

/* ══════════ 手机悬浮窗 ph ══════════ */
ai ph{
  display:block;
  position:fixed;
  right:6px;
  top:50%;
  transform:translateY(-50%);
  width:230px;
  max-height:58vh;
  overflow-y:auto;
  overflow-x:hidden;
  background:#fff;
  border:2.5px solid #111;
  border-radius:22px;
  box-shadow:4px 4px 0 #ccc;
  z-index:999;
  padding:0 0 8px;
  scrollbar-width:thin;
  scrollbar-color:#bbb transparent;
  color:#111;
}
ai ph::-webkit-scrollbar{width:3px}
ai ph::-webkit-scrollbar-thumb{background:#bbb;border-radius:3px}
ai ph::before{
  content:'';
  display:block;
  width:60px;
  height:5px;
  border:2px solid #111;
  background:#fff;
  border-radius:4px;
  margin:10px auto 4px;
}
ai ph::after{
  content:'';
  display:block;
  width:28px;
  height:28px;
  border:2px solid #111;
  border-radius:50%;
  margin:6px auto 4px;
  background:#fff;
  position:sticky;
  bottom:4px;
}
ai ph h3{
  display:block;
  text-align:center;
  font-size:14px;
  margin:0;
  padding:2px 0 6px;
  border-bottom:2px solid #111;
  color:#111;
}

/* ── app 通用容器 ── */
ai ph app{
  display:block;
  padding:6px 10px 8px;
  border-bottom:1px dashed #ccc;
}
ai ph app:last-of-type{border-bottom:none}

/* ── app 标题标签 ── */
ai ph app h4{
  display:inline-block;
  font-size:10px;
  font-weight:900;
  margin:0 0 6px;
  padding:2px 8px;
  background:#fff;
  color:#111;
  border:2px solid #111;
  border-radius:3px;
  letter-spacing:1px;
}

/* ══════════ 手机消息气泡 · 通用基础 ══════════ */
ai ph app d{
  display:block;
  font-size:11px;
  line-height:1.5;
  padding:5px 9px;
  margin:5px 0;
  background:#f8f8f8;
  border-radius:10px 10px 10px 2px;
  position:relative;
  border:1.5px solid #e0e0e0;
  color:#222;
  word-wrap:break-word;
  overflow-wrap:break-word;
  white-space:normal;
}

/* ── 群聊气泡 · 左侧小竖条 ── */
ai ph app d[g="群聊"]{
  background:#f6f6f6;
  border-color:#ddd;
  border-left:3px solid #999;
  border-radius:2px 10px 10px 2px;
  padding-left:10px;
}
ai ph app d[g="群聊"]::before{
  content:'👥';
  position:absolute;
  top:-1px;
  right:6px;
  font-size:8px;
  opacity:.4;
}

/* ── 私聊气泡 · 右侧对齐 + 深色底 ── */
ai ph app d[g="私聊"]{
  background:#eef2f5;
  border-color:#c8d8e4;
  border-radius:10px 10px 2px 10px;
  margin-left:16px;
  text-align:right;
}
ai ph app d[g="私聊"]::after{
  content:'';
  position:absolute;
  right:-4px;
  bottom:5px;
  width:7px;
  height:7px;
  background:#eef2f5;
  border-right:1.5px solid #c8d8e4;
  border-bottom:1.5px solid #c8d8e4;
  transform:rotate(-45deg) skew(-8deg,-8deg);
}

/* ── QQ空间气泡 · 虚线边框 + 星标 ── */
ai ph app d[g="空间"]{
  background:#fefcf7;
  border:1.5px dashed #d4c9a8;
  border-radius:4px;
  padding:6px 9px 6px 22px;
  margin:5px 0;
  font-style:italic;
  color:#555;
}
ai ph app d[g="空间"]::before{
  content:'✦';
  position:absolute;
  left:7px;
  top:50%;
  transform:translateY(-50%);
  font-size:10px;
  color:#c4b078;
  font-style:normal;
}

/* ── 微博热搜 · 火焰标 ── */
ai ph app d[g="热搜"]{
  background:#fff8f6;
  border-color:#e8c8c0;
  border-left:3px solid #cc7755;
  border-radius:2px 10px 10px 2px;
  padding-left:22px;
}
ai ph app d[g="热搜"]::before{
  content:'🔥';
  position:absolute;
  left:5px;
  top:50%;
  transform:translateY(-50%);
  font-size:10px;
}

/* ── 微博评论 · 引用线 ── */
ai ph app d[g="评论"]{
  background:#f9f9fc;
  border-color:#d8d8e8;
  border-radius:4px;
  padding:6px 9px 6px 12px;
  position:relative;
  margin-left:8px;
}
ai ph app d[g="评论"]::before{
  content:'';
  position:absolute;
  left:0;
  top:4px;
  bottom:4px;
  width:2.5px;
  background:linear-gradient(180deg,#aaa,#ddd);
  border-radius:2px;
}

/* ── 系统通知 · 居中灰色胶囊 ── */
ai ph app d[g="通知"]{
  background:#f0f0f0;
  border:1px solid #ddd;
  border-radius:20px;
  text-align:center;
  font-size:10px;
  color:#888;
  padding:4px 12px;
  margin:4px auto;
  max-width:90%;
  font-style:normal;
}
ai ph app d[g="通知"]::before{
  content:none;
}

/* ══════════ 冰箱贴 memo ══════════ */
ai memo{
  display:block;
  position:relative;
  background:#fff;
  border:2.5px solid #111;
  border-radius:3px;
  margin:14px 0;
  padding:34px 24px 28px;
  box-shadow:3px 3px 0 #ccc;
  min-height:150px;
  transform:rotate(-1deg);
  overflow:hidden;
  color:#333;
}
ai memo::before{
  content:'';
  position:absolute;
  top:-2px;
  left:50%;
  transform:translateX(-50%);
  width:48px;
  height:16px;
  background:#fff;
  border:2px solid #111;
  border-radius:0 0 6px 6px;
  border-top:none;
  z-index:3;
}
ai memo::after{
  content:'📌';
  position:absolute;
  top:-10px;
  left:50%;
  transform:translateX(-50%);
  font-size:16px;
  z-index:4;
}
ai memo img{
  position:absolute;
  left:-8px;
  bottom:-8px;
  width:72px;
  height:auto;
  opacity:.12;
  filter:grayscale(100%) contrast(2.5);
  transform:rotate(5deg);
  pointer-events:none;
  z-index:0;
}
ai memo div{
  text-align:center;
  position:relative;
  z-index:1;
  padding:0 10px;
}

/* ── 陈霖的冰箱贴文字 ── */
ai memo div p{
  font-family:'Ma Shan Zheng','Segoe Script','Comic Sans MS',cursive;
  font-size:16px;
  color:#333;
  margin:6px 0;
  line-height:1.7;
  display:block;
  visibility:visible;
}
ai memo div p:not(.player):first-of-type{
  transform:rotate(.8deg);
  margin-left:8px;
}
ai memo div p:not(.player):nth-of-type(2){
  transform:rotate(-1.2deg);
  margin-right:5px;
}
ai memo div p:not(.player):nth-of-type(3){
  transform:rotate(.5deg);
  margin-left:-3px;
}

/* ── 陈霖署名 ── */
ai memo sign{
  display:block;
  text-align:right;
  font-family:'Ma Shan Zheng','Segoe Script',cursive;
  font-size:17px;
  font-style:italic;
  color:#555;
  margin-top:12px;
  padding-right:12px;
  transform:rotate(-2deg);
  position:relative;
  z-index:1;
  visibility:visible;
}

/* ══════════ 冰箱贴 · 玩家便签样式（双贴模式） ══════════ */
ai memo div p.player{
  font-family:'Ma Shan Zheng','Segoe Script','Comic Sans MS',cursive;
  font-size:15px;
  color:#3a5068;
  background:
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 23px,
      #d5dce4 23px,
      #d5dce4 24px
    );
  background-color:#eef2f5;
  border:none;
  border-left:3px solid #7a9bb5;
  border-radius:0;
  padding:10px 14px 10px 16px;
  margin:4px 0 6px;
  transform:rotate(1.2deg);
  position:relative;
  line-height:1.7;
  text-align:left;
  letter-spacing:.6px;
  box-shadow:1px 1px 4px rgba(0,0,0,.06);
}
ai memo div p.player::before{
  content:'';
  position:absolute;
  top:-7px;
  right:20px;
  width:44px;
  height:12px;
  background:rgba(122,155,181,.25);
  border:none;
  border-radius:1px;
  transform:rotate(-3deg);
}
ai memo div p.player::after{
  content:'〰';
  position:absolute;
  bottom:2px;
  right:8px;
  font-size:10px;
  color:rgba(58,80,104,.15);
  pointer-events:none;
}
ai memo div sign.player{
  display:block;
  text-align:right;
  font-family:'Ma Shan Zheng','Segoe Script',cursive;
  font-size:15px;
  font-style:italic;
  color:#5a7a94;
  margin:2px 0 14px;
  padding:0 16px 12px 0;
  border-bottom:1px dashed #b0c4d4;
  transform:rotate(.8deg);
  letter-spacing:.5px;
  position:relative;
}
ai memo div sign.player::before{
  content:'——';
  margin-right:2px;
  color:#8aa4b8;
  font-style:normal;
}

/* ══════════ 角色状态区 cp ══════════ */
ai cp{
  display:block;
  padding:8px 12px 10px;
}
ai cp f{
  display:block;
  font-weight:900;
  font-size:14px;
  margin:10px 0 4px;
  padding:2px 0;
  border-bottom:2px solid #111;
  position:relative;
}
ai cp f::after{
  content:'';
  position:absolute;
  bottom:-2px;
  left:0;
  width:30px;
  height:2px;
  background:#999;
}
ai cp d{
  display:block;
  font-size:13px;
  line-height:1.7;
  padding:2px 0 2px 14px;
  position:relative;
  border-left:1.5px solid #ddd;
  margin:2px 0;
}
ai cp d::before{
  content:'';
  position:absolute;
  left:-4px;
  top:9px;
  width:6px;
  height:6px;
  border:1.5px solid #111;
  border-radius:50%;
  background:#fff;
}

/* ══════════ 选项区 opt ══════════ */
ai opt{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:14px 0 0;
}
ai opt d{
  display:block;
  border:2.5px solid #111;
  border-radius:4px;
  padding:10px 14px;
  font-size:13px;
  font-weight:700;
  line-height:1.5;
  background:#fff;
  cursor:pointer;
  transition:all .15s ease;
  position:relative;
  box-shadow:3px 3px 0 #ccc;
}
ai opt d:ho

/* 预览已截断；下载 CSS 可查看完整内容。 */

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