窥视之瘾，我有二十个美女/帅哥租户，房间里装满了针孔摄像头

/* ═══════ 全局情趣粉配色变量 ═══════ */
:root{
  --pk-bg:#fff0f5;
  --pk-main:#ff8fb1;
  --pk-deep:#e75480;
  --pk-soft:#ffd6e7;
  --pk-line:#ffb3d1;
  --pk-text:#5a2a3d;
  --pk-shadow:rgba(231,84,128,.25);
}

/* ═══════ 一、介绍页样式 ═══════ */
.peek-intro{
  max-width:640px;margin:0 auto;padding:16px;
  font-family:"PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--pk-text);
  background:linear-gradient(160deg,#fff5f9,#ffe4ef);
  border-radius:20px;
  box-shadow:0 8px 30px var(--pk-shadow);
}
.pi-header{text-align:center;padding:10px 0 4px}
.pi-header h1{
  font-size:1.6em;margin:0;
  background:linear-gradient(90deg,var(--pk-deep),var(--pk-main));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.pi-sub{color:var(--pk-main);font-size:.9em;letter-spacing:2px;margin:6px 0 0}

.pi-tabs{display:flex;gap:8px;margin:16px 0;justify-content:center}
.pi-tab{
  flex:1;padding:10px 4px;border:none;border-radius:14px;
  background:var(--pk-soft);color:var(--pk-deep);font-size:.95em;
  font-weight:bold;cursor:pointer;transition:.25s;
}
.pi-tab:hover{background:var(--pk-line)}
.pi-tab.active{
  background:linear-gradient(90deg,var(--pk-main),var(--pk-deep));
  color:#fff;box-shadow:0 4px 12px var(--pk-shadow);
}

.pi-page{display:none;animation:piFade .4s}
.pi-page.active{display:block}
@keyframes piFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.pi-card{
  background:#fff;border:2px solid var(--pk-line);
  border-radius:16px;padding:18px;line-height:1.8;
}
.pi-card h2{color:var(--pk-deep);margin-top:0;border-bottom:2px dashed var(--pk-line);padding-bottom:8px}
.pi-quote{
  text-align:center;font-style:italic;color:var(--pk-main);
  margin-top:14px;padding:10px;background:var(--pk-bg);border-radius:12px;
}
.pi-list{list-style:none;padding:0}
.pi-list li{
  padding:10px 12px;margin:8px 0;background:var(--pk-bg);
  border-left:4px solid var(--pk-main);border-radius:8px;
}

/* 表单 */
.pi-form label{display:block;margin:14px 0;font-weight:bold;color:var(--pk-deep)}
.pi-form input[type="text"],.pi-form textarea{
  width:100%;box-sizing:border-box;margin-top:6px;padding:10px;
  border:2px solid var(--pk-line);border-radius:10px;
  background:#fff8fb;color:var(--pk-text);font-size:.95em;font-weight:normal;
  outline:none;transition:.2s;
}
.pi-form input:focus,.pi-form textarea:focus{
  border-color:var(--pk-main);box-shadow:0 0 0 3px var(--pk-soft);
}
.pi-radio{display:flex;gap:16px;margin-top:6px;font-weight:normal}
.pi-radio label{display:flex;align-items:center;gap:4px;margin:0;color:var(--pk-text)}

/* 预览 */
.pi-preview{margin-top:16px;border:2px dashed var(--pk-main);border-radius:12px;overflow:hidden}
.pi-preview-title{background:var(--pk-soft);color:var(--pk-deep);padding:8px 12px;font-weight:bold}
#pcOutput{
  margin:0;padding:12px;background:#fff8fb;white-space:pre-wrap;
  word-break:break-all;font-family:inherit;font-size:.9em;line-height:1.7;color:var(--pk-text);
}

/* 按钮 */
.pi-btns{display:flex;gap:12px;margin-top:18px}
.pi-btns button{
  flex:1;padding:14px;border:none;border-radius:14px;
  font-size:1em;font-weight:bold;cursor:pointer;transition:.25s;color:#fff;
}
.pi-copy{background:linear-gradient(90deg,var(--pk-main),var(--pk-line))}
.pi-start{background:linear-gradient(90deg,var(--pk-deep),var(--pk-main))}
.pi-btns button:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--pk-shadow)}
.pi-btns button:active{transform:translateY(0)}

/* ═══════ 二、对话界面美化 ═══════ */

/* 正文/消息气泡 */
.mes_text{
  background:linear-gradient(160deg,#fff8fb,#ffeef5)!important;
  border:1px solid var(--pk-line)!important;
  border-radius:16px!important;
  padding:14px 16px!important;
  line-height:1.85!important;
  color:var(--pk-text)!important;
  box-shadow:0 2px 10px var(--pk-shadow)!important;
}

/* 玩家输入框 */
#send_textarea,textarea#send_textarea{
  background:#fff8fb!important;
  border:2px solid var(--pk-line)!important;
  border-radius:14px!important;
  color:var(--pk-text)!important;
  padding:10px 14px!important;
}
#send_textarea:focus{
  border-color:var(--pk-main)!important;
  box-shadow:0 0 0 3px var(--pk-soft)!important;
}

/* 发送区背景 */
#send_form,.send_form{
  background:linear-gradient(90deg,#ffeef5,#ffe4ef)!important;
  border-top:2px solid var(--pk-line)!important;
}

/* ═══════ 三、状态栏（details折叠框）美化 ═══════ */
details{
  background:linear-gradient(160deg,#fff5f9,#ffe8f1)!important;
  border:2px solid var(--pk-line)!important;
  border-radius:14px!important;
  margin:10px 0!important;
  padding:4px 12px!important;
  box-shadow:0 3px 12px var(--pk-shadow)!important;
}
details summary{
  cursor:pointer;font-weight:bold;color:var(--pk-deep)!important;
  padding:8px 4px;list-style:none;
  background:linear-gradient(90deg,var(--pk-soft),transparent);
  border-radius:8px;
}
details summary::-webkit-details-marker{display:none}
details summary::before{content:"💗 ";}
details[open] summary{
  border-bottom:2px dashed var(--pk-line);margin-bottom:8px;
}

/* 状态栏内的框线/引用块 */
.mes_text blockquote,details blockquote{
  border-left:4px solid var(--pk-main)!important;
  background:var(--pk-bg)!important;
  border-radius:8px!important;
  padding:8px 12px!important;
  color:var(--pk-text)!important;
}

/* 状态栏内代码块（ASCII边框状态栏） */
details pre,.mes_text pre{
  background:#fff8fb!important;
  border:1px solid var(--pk-line)!important;
  border-radius:10px!important;
  color:var(--pk-deep)!important;
  padding:10px!important;
}

/* 分隔线 */
.mes_text hr{
  border:none;height:2px;
  background:linear-gradient(90deg,transparent,var(--pk-main),transparent)!important;
}

/* 加粗强调文字 */
.mes_text strong,.mes_text b{color:var(--pk-deep)!important}

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