文章
文章用户商铺文档快讯圈子网址导航

谢予淮

💡 本资源需花费 10 积分 下载 | 新用户注册即送 100 积分，可免费下载！

谢予淮

🎭 角色简介

name: 谢予淮
  gender: 男
  birth_date: 2001-11-05
  zodiac_sign: 天蝎座
  mbti: ENTJ
  high_school_class: 清岚国际学校G10-C班 (入学时， 和沈嘉树、顾盼兮同班)
  sexual_or…

💬 开场白

“`html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>首页食用指南 – 全人物弹窗版</title>
<style>
:root {
–card-bg: #fff;
–card-header-bg: #e3f2fd;
–card-accent-color: #42a5f5; /* Blue accent for default card */
–card-text-primary: #333;
–card-text-secondary: #757575;
–tagline-bg: #fff8e1; /* Default tagline bg */
–tagline-frosted-overlay-bg: rgba(255, 255, 255, 0.35); /* Frosted glass overlay bg */
}
/* Specific theme colors for cards */
#qinyu-modal .student-card { –card-header-bg: #e3f2fd; –card-accent-color: #42a5f5; –tagline-bg: #fff8e1; } /* 秦屿 – Blue/Yellow */
#xieyuhuai-modal .student-card { –card-header-bg: #e8f5e9; –card-accent-color: #66bb6a; –tagline-bg: #f1f8e9; } /* 谢予淮 – Green */
#luxingze-modal .student-card { –card-header-bg: #fff3e0; –card-accent-color: #ffa726; –tagline-bg: #fff8e1; } /* 陆星泽 – Orange */
#linjingxuan-modal .student-card { –card-header-bg: #f3e5f5; –card-accent-color: #ab47bc; –tagline-bg: #fae8ff; } /* 林景轩 – Purple */
#shenjiashu-modal .student-card { –card-header-bg: #e0f7fa; –card-accent-color: #26c6da; –tagline-bg: #e0fcff; } /* 沈嘉树 – Cyan */
#jiangyian-modal .student-card { –card-header-bg: #fce4ec; –card-accent-color: #ec407a; –tagline-bg: #fde7f0; } /* 江易安 – Pink */
#gupanxi-modal .student-card { –card-header-bg: #fff9c4; –card-accent-color: #ffee58; –tagline-bg: #fffee0; } /* 顾盼兮 – Yellow */
#suwanying-modal .student-card { –card-header-bg: #e1f5fe; –card-accent-color: #29b6f6; –tagline-bg: #e6f7ff; } /* 苏晚萤 – Light Blue */

body, html {
margin: 0;
padding: 0;
font-family: 'Nunito', 'Helvetica Neue', Helvetica, Arial, sans-serif;
background-color: #f0f0f0;
-webkit-tap-highlight-color: transparent;
}
.background-container {
background-image: url('https://files.catbox.moe/e39qds.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 100vh;
padding: 40px 20px;
display: flex;
justify-content: center;
align-items: flex-start;
box-sizing: border-box;
}
.content-box {
background-color: rgba(245, 245, 220, 0.85);
border-radius: 15px;
padding: 25px 30px;
width: 80%;
max-width: 700px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
}
h1 {
text-align: center;
color: #5D4037;
font-size: 1.8em;
margin-bottom: 25px;
font-weight: 700;
}
details, .static-section {
background-color: rgba(255, 255, 255, 0.6);
border-radius: 10px;
margin-bottom: 15px;
border: 1px solid rgba(218, 218, 200, 0.9);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
transition: background-color 0.3s ease;
}
details[open] {
background-color: rgba(255, 255, 255, 0.75);
}
summary, .static-summary {
padding: 12px 18px;
font-size: 1.1em;
font-weight: 600;
color: #6D4C41;
list-style: none;
display: block;
outline: none;
border-radius: 10px;
}
summary {
cursor: pointer;
display: flex;
align-items: center;
transition: background-color 0.2s ease;
}
summary::-webkit-details-marker {
display: none;
}
summary:hover {
background-color: rgba(245, 245, 220, 0.5);
}
details summary::before {
content: '▸ ';
display: inline-block;
margin-right: 8px;
transition: transform 0.2s ease-in-out;
line-height: 1;
}
details[open] > summary::before {
transform: rotate(90deg);
}
.static-summary {
background-color: rgba(255, 255, 255, 0.15);
}
.details-content {
padding: 10px 20px 15px 40px; /* Default padding */
color: #3E2723;
line-height: 1.7;
font-size: 0.95em; /* Base font size for details content area */
border-top: 1px dashed rgba(218, 218, 200, 0.9);
margin-top: 5px;
}

/* === 食用说明 STYLES === */
.details-content.instructions-content {
font-size: 0.85em;
line-height: 1.45; /* MODIFIED – Reduced line height */
padding: 15px 20px 15px 25px;
}
.details-content.instructions-content h4 {
color: #5D4037;
font-size: 1.15em;
font-weight: 700;
margin-top: 15px;
margin-bottom: 8px; /* MODIFIED – Reduced margin */
padding-bottom: 4px; /* MODIFIED */
border-bottom: 1px solid rgba(161, 136, 127, 0.4);
}
.details-content.instructions-content h4:first-child {
margin-top: 0;
}
.details-content.instructions-content ul {
list-style-type: none;
padding-left: 0;
margin-bottom: 12px; /* MODIFIED – Reduced margin */
}
.details-content.instructions-content li {
margin-bottom: 5px; /* MODIFIED – Reduced margin between list items */
padding-left: 28px;
position: relative;
color: #3E2723;
}
.details-content.instructions-content li::before {
content: '✦';
position: absolute;
left: 5px;
top: -2px; /* MODIFIED – Adjusted for new line height */
color: var(–card-accent-color, #42a5f5);
font-size: 1.2em;
}
.details-content.instructions-content strong {
font-weight: 600;
color: #B71C1C;
}
.instruction-warning-section {
margin-top: 18px; /* MODIFIED */
padding: 12px 15px; /* MODIFIED */
background-color: rgba(255, 236, 236, 0.75);
border: 1px dashed #e57373;
border-radius: 8px;
}
.instruction-warning-section .warning-header {
font-size: 1.5em;
color: #c62828;
text-align: center;
margin-bottom: 10px; /* MODIFIED */
}
.instruction-warning-section ul {
margin-bottom: 0;
}
.instruction-warning-section li::before {
content: '⚠️';
color: #d32f2f;
font-size: 1.1em;
left: 7px;
top: -1px; /* MODIFIED – Adjusted for new line height */
}
.instruction-warning-section li strong {
color: #c62828;
}

/* === 地图样式 === */
.map-section p {
margin-top: 0;
margin-bottom: 4px;
font-size: 0.85em;
color: #3E2723;
}
.map-section h5 {
color: #A1887F;
font-weight: 700;
margin-top: 10px;
margin-bottom: 3px;
font-size: 1.03em;
border-bottom: 1px solid rgba(161, 136, 127, 0.2);
padding-bottom: 1px;
}
.map-section ul {
padding-left: 16px;
list-style-type: disc;
margin-bottom: 4px;
font-size: 0.85em;
color: #3E2723;
}
.map-section li {
margin-bottom: 2px;
}
.map-section strong {
color: #5D4037;
font-weight: 600;
}
.map-section .location-tag {
font-size: 0.85em;
color: #8D6E63;
font-style: italic;
margin-left: 3px;
background-color: rgba(255,255,255,0.25);
padding: 0px 3px;
border-radius: 2px;
}
.map-section .floor-plan {
font-size: 0.85em;
color: #6a5c55;
}

/* === 人物简介卡片 === */
.character-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px 15px;
padding-top: 15px;
justify-items: center;
}
.character-profile {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.character-profile[data-modal-target] {
cursor: pointer;
}
.character-avatar {
width: 90px;
height: 90px;
border-radius: 50%;
object-fit: cover;
border: 3px solid rgba(255, 255, 255, 0.8);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.character-profile[data-modal-target]:hover .character-avatar {
transform: scale(1.08) rotate(3deg);
box-shadow: 0 4px 12px rgba(93, 64, 55, 0.25);
}
.character-name {
margin-top: 10px;
font-weight: 600;
color: #6D4C41;
font-size: 0.9em;
}

/* === Modal 弹窗 === */
.modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0s linear 0.3s;
padding: 10px;
box-sizing: border-box;
}
.modal-overlay.active {
opacity: 1;
visibility: visible;
transition: opacity 0.3s ease, visibility 0s linear 0s;
}
.student-card {
background: var(–card-bg);
width: 100%;
max-width: 550px;
display: flex;
flex-direction: row;
border-radius: 12px;
box-shadow: 0 5px 20px rgba(0,0,0,0.3);
overflow: hidden;
transform: scale(0.9);
transition: transform 0.3s ease, background-color 0.3s ease;
}
.modal-overlay.active .student-card {
transform: scale(1);
}
.card-photo {
flex-basis: 35%;
min-width: 100px;
background-color: #f0f0f0;
position: relative;
}
.card-photo img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.card-info {
flex-basis: 65%;
padding: 15px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.card-header {
background-color: var(–card-header-bg);
margin: -15px -15px 10px -15px;
padding: 8px 15px;
text-align: center;
border-bottom: 2px solid var(–card-accent-color);
}
.card-header h3 {
margin: 0;
color: var(–card-accent-color);
font-size: 1.15em;
}
.card-info .info-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5px 10px;
margin-bottom: 8px;
}
.card-info .hobby-line {
margin-bottom: 8px;
font-size: 0.9em;
line-height: 1.4;
}
.card-info p {
margin: 0;
font-size: 0.85em;
line-height: 1.5;
color: var(–card-text-primary);
word-break: break-word;
}
.card-info p strong {
color: var(–card-text-secondary);
font-weight: 600;
margin-right: 3px;
}
.tagline {
position: relative;
cursor: pointer;
padding: 10px;
background-color: var(–tagline-bg);
border-radius: 6px;
text-align: center;
font-weight: 600;
color: #6D4C41;
font-size: 0.9em;
margin-bottom: 15px;
border-left: 4px solid var(–card-accent-color);
overflow: hidden;
}
.tagline::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-color: var(–tagline-frosted-overlay-bg);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
border-radius: inherit;
z-index: 1;
opacity: 1;
transition: opacity 0.3s ease-in-out;
pointer-events: none;
}
.tagline.revealed::before {
opacity: 0;
}
.barcode {
width: 100%;
height: 25px;
background:
repeating-linear-gradient(to right,
#333 0, #333 1px, transparent 1px, transparent 3px,
#333 3px, #333 5px, transparent 5px, transparent 6px,
#333 6px, #333 7px, transparent 7px, transparent 10px);
margin-top: auto;
}

/* === TIMELINE STYLES – DESKTOP === */
.timeline {
padding-left: 0;
list-style-type: none;
position: relative;
margin-top: 5px;
}
.timeline::before {
content: '';
position: absolute;
left: 10px;
top: 0;
bottom: 0;
width: 2px;
background-color: rgba(109, 76, 65, 0.3);
z-index: 0;
}
.timeline-period {
margin-bottom: 6px;
padding-left: 25px;
position: relative;
}
.timeline-period > h5 {
font-size: 0.95em;
letter-spacing: -0.3px;
color: #5D4037;
margin-top: 3px;
margin-bottom: 3px;
font-weight: bold;
position: relative;
display: inline-block;
background-color: rgba(245, 245, 220, 0.7);
padding: 2px 5px;
border-radius: 4px;
}
.timeline-event {
margin-bottom: 4px;
padding-left: 25px;
position: relative;
}
.timeline-event::before {
content: '';
position: absolute;
left: 6px;
top: 6px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #795548;
border: 1px solid rgba(245, 245, 220, 0.9);
z-index: 1;
}
.timeline-event h6 {
font-size: 0.9em;
letter-spacing: -0.3px;
color: #6D4C41;
margin-top: 0;
margin-bottom: 1px;
font-weight: 600;
line-height: 1.4;
}
.timeline-event ul {
list-style-type: none;
padding-left: 8px;
font-size: 0.85em;
letter-spacing: -0.3px;
color: #3E2723;
margin-top: 0;
}
.timeline-event ul li {
margin-bottom: 1px;
line-height: 1.5;
}
.timeline-event ul li strong {
color: #A1887F;
font-weight: bold;
}

/* === 开场白 STYLES === */
.opening-remarks p {
margin-bottom: 0.8em;
color: #4A3B32;
font-size: 0.90em;
line-height: 1.7;
}
.opening-remarks strong {
color: #795548;
font-weight: 700;
display: block;
margin-bottom: 0.2em;
font-size: 1.05em;
}
.opening-remarks .story-point {
padding: 4px 10px;
margin-bottom: 10px;
border-radius: 7px;
background-color: rgba(255, 253, 247, 0.55);
border-left: 3px solid #BCAAA4;
box-shadow: 0 1px 2px rgba(0,0,0,0.04);
transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
}
.opening-remarks .story-point:hover {
transform: translateY(-2px);
box-shadow: 0 3px 6px rgba(0,0,0,0.08);
}
.opening-remarks .story-point-tag {
background: linear-gradient(135deg, #d0dae8, #c0cbd8);
padding: 2px 7px;
border-radius: 12px;
font-size: 0.9em;
color: #6b7280;
margin-left: 8px;
display: inline-block;
vertical-align: middle;
}

/* === Responsive Styles === */
@media (max-width: 700px) {
.background-container { padding: 15px 5px; }
.content-box { width: 95%; padding: 20px 10px; }
h1 { font-size: 1.5em; }
.details-content { padding: 10px 15px 10px 20px; }

/* 食用说明 on mobile */
.details-content.instructions-content {
font-size: 0.82em; /* Base font size for mobile instructions */
line-height: 1.4; /* MODIFIED – Further reduced line height for mobile */
padding: 12px 15px 12px 20px;
}
.details-content.instructions-content h4 {
font-size: 1.1em; /* Relative to 0.82em */
margin-bottom: 6px; /* MODIFIED */
padding-bottom: 3px; /* MODIFIED */
}
.details-content.instructions-content ul {
margin-bottom: 10px; /* MODIFIED */
}
.details-content.instructions-content li {
padding-left: 22px;
margin-bottom: 4px; /* MODIFIED – Further reduced for mobile */
}
.details-content.instructions-content li::before {
left: 3px;
font-size: 1.1em;
top: -1px; /* MODIFIED – Adjusted for new line height */
}
.instruction-warning-section {
padding: 10px;
margin-top: 15px; /* MODIFIED */
}
.instruction-warning-section .warning-header {
font-size: 1.3em;
margin-bottom: 8px;
}
.instruction-warning-section li::before {
left: 5px;
top: 0px; /* MODIFIED – Adjusted for new line height */
}

.character-grid {
grid-template-columns: repeat(4, 1fr);
gap: 8px 3px;
padding-top: 10px;
}
.character-avatar {
width: 45px;
height: 45px;
}
.character-name {
font-size: 0.6em;
margin-top: 3px;
line-height: 1.1;
word-break: break-word;
}

.student-card {
max-width: 380px;
}
.card-photo {
flex-basis: 32%;
min-width: 65px;
}
.card-info {
flex-basis: 68%;
padding: 8px;
}
.card-header {
margin: -8px -8px 6px -8px;
padding: 6px 10px;
}
.card-header h3 {
font-size: 1em;
}
.card-info .info-grid {
gap: 3px 8px;
margin-bottom: 6px;
}
.card-info .hobby-line {
font-size: 0.75em;
}
.card-info p {
font-size: 0.7em;
}
.tagline {
font-size: 0.7em;
}
.barcode {
height: 20px;
}

/* TIMELINE STYLES – MOBILE */
.timeline::before { left: 5px; }
.timeline-period { padding-left: 18px; }
.timeline-period > h5 { font-size: 0.8em; }
.timeline-event { padding-left: 18px; }
.timeline-event::before { left: 2px; width: 8px; height: 8px; }
.timeline-event h6 { font-size: 0.8em; }
.timeline-event ul { padding-left: 6px; font-size: 0.75em; }

/* Map specific font adjustments for mobile */
.map-section p { font-size: 0.75em; }
.map-section ul { font-size: 0.75em; padding-left: 12px; }
.map-section h5 { font-size: 0.95em; }

/* 开场白 on mobile */
.opening-remarks .story-point {
padding: 3px 8px;
margin-bottom: 8px;
}
.opening-remarks p {
font-size: 0.82em;
margin-bottom: 0.6em;
}
.opening-remarks strong { font-size: 1.05em; }
.opening-remarks .story-point-tag {
font-size: 0.85em;
padding: 2px 6px;
}
}
</style>
</head>
<body>

<div class="background-container">
<div class="content-box">
<h1>清岚国际学校(谢予淮)</h1>

<details>
<summary>食用说明</summary>
<div class="details-content instructions-content">
<h4>首页使用说明：</h4>
<ul>
<li>推荐美化：小狗老师的嘎嘎白</li>
<li>世界日志记录了重要事件时间线。</li>
<li>点击人物头像可以查看简介卡片。</li>
<li>开场白点击即可直接跳转！（别忘了开专属世界书哦！）</li>
</ul>

<h4>谢予淮食用说明：</h4>
<ul>
<li>由于这是一张<strong>校园群像卡</strong>，所以 NPC会很多，世界观也很完整哦~</li>
<li>不要提前看太多的谢予淮行为模式，慢慢挖掘他吧！<strong>人设很丰满！磨了超久！！</strong></li>
<li>每个人物都可攻略☺️以后也会出完整的卡，<strong>最想玩哪个角色请留言告诉我！！</strong>【已有秦屿，超好吃！！！】</li>
<li>为了更好的游戏体验，玩不同的开场白记得在世界书里补上自己的设定和背景，<strong>越丰富越好哈！</strong>（复制到角色管理中直接改更方便！）</li>
<li>手机是自己做的灵活版！有消息、转账、app提醒通知、朋友圈、语音消息、定位等！<strong>超好用！</strong>（感谢超级无敌牛的🦐老师和🍉老师倾情付出！）没有快捷键，只要自己聊天的时候cue到就可以触发啦！</li>
</ul>

<div class="instruction-warning-section">
<div class="warning-header">😠😠😠</div>
<ul>
<li>ai犯蠢的话真的没办法😩有bug的话给我repo谢谢uus！</li>
<li>手机、直播间都是轻量的，不需要等加载。</li>
<li>还有什么想玩的开场白告诉我好吗！<strong>我会一直更新的！</strong>（画🫓）</li>
<li><strong>正则顺序一定一定不要换哦！！会影响生成！</strong></li>
<li>🐟有 bug 的话请给我repo！没有 bug 也想要好多 repo！想看大家对他们的看法呜呜！repos 请都向我砸来吧！</li>
</ul>
</div>
</div>
</details>

<!– 2. 人物简介 –>
<div class="static-section">
<div class="static-summary">人物简介</div>
<div class="details-content">
<div class="character-grid">
<div class="character-profile" data-modal-target="#qinyu-modal">
<img src="https://files.catbox.moe/n78u9x.jpg" alt="秦屿头像" class="character-avatar">
<div class="character-name">秦屿</div>
</div>
<div class="character-profile" data-modal-target="#xieyuhuai-modal">
<img src="https://files.catbox.moe/121vy2.jpg" alt="谢予淮头像" class="character-avatar">
<div class="character-name">谢予淮</div>
</div>
<div class="character-profile" data-modal-target="#luxingze-modal">
<img src="https://files.catbox.moe/7th1y6.jpg" alt="陆星泽头像" class="character-avatar">
<div class="character-name">陆星泽</div>
</div>
<div class="character-profile" data-modal-target="#linjingxuan-modal">
<img src="https://files.catbox.moe/zeykrb.jpg" alt="林景轩头像" class="character-avatar">
<div class="character-name">林景轩</div>
</div>
<div class="character-profile" data-modal-target="#shenjiashu-modal">
<img src="https://files.catbox.moe/34jdcb.jpg" alt="沈嘉树头像" class="character-avatar">
<div class="character-name">沈嘉树</div>
</div>
<div class="character-profile" data-modal-target="#jiangyian-modal">
<img src="https://files.catbox.moe/bobykn.png" alt="江易安头像" class="character-avatar">
<div class="character-name">江易安</div>
</div>
<div class="character-profile" data-modal-target="#gupanxi-modal">
<img src="https://files.catbox.moe/qwktdw.png" alt="顾盼兮头像" class="character-avatar">
<div class="character-name">顾盼兮</div>
</div>
<div class="character-profile" data-modal-target="#suwanying-modal">
<img src="https://files.catbox.moe/bein0z.png" alt="苏晚萤头像" class="character-avatar">
<div class="character-name">苏晚萤</div>
</div>
</div>
</div>
</div>

<!– 3. 世界日志 (谢予淮篇) –>
<details>
<summary>世界日志 (谢予淮篇)</summary>
<div class="details-content">
<ul class="timeline">
<li class="timeline-period">
<h5>角色诞生年：2001 年</h5>
</li>
<li class="timeline-event">
<h6>2001 年</h6>
<ul>
<li><strong>11月：</strong>05日：谢予淮出生。</li>
</ul>
</li>
<li class="timeline-period">
<h5>幼年时光：约2004年 – 2008年</h5>
</li>
<li class="timeline-event">
<h6>2004 年</h6>
<ul>
<li>谢予淮、陆星泽、顾盼兮相识，入读星辉国际幼儿园，形成最初的“三人核心”。</li>
</ul>
</li>
<li class="timeline-period">
<h5>小学时代：约2008年 – 2014年</h5>
</li>
<li class="timeline-event">
<h6>2008 年</h6>
<ul>
<li><strong>09月01日：</strong>谢予淮、陆星泽、顾盼兮、江易安等入读博瑞小学部。</li>
</ul>
</li>
<li class="timeline-event">
<h6>2010 年</h6>
<ul>
<li>参加伊顿公学夏令营。</li>
</ul>
</li>
<li class="timeline-event">
<h6>2011 年</h6>
<ul>
<li><strong>11月：</strong>与江易安因颜料笔发生争执，相识。（核心圈四人组形成：谢、陆、顾、江）</li>
</ul>
</li>
<li class="timeline-event">
<h6>2012 年</h6>
<ul>
<li>获市级数学竞赛一等奖。</li>
</ul>
</li>
<li class="timeline-period">
<h5>初中阶段：约2014年 – 2017年</h5>
</li>
<li class="timeline-event">
<h6>2014 年（初一）</h6>
<ul>
<li><strong>09月01日：</strong>谢予淮、陆星泽、顾盼兮、秦屿、江易安、林景轩、苏晚萤等升入清岚初中部。</li>
<li><strong>10月30日：</strong>谢予淮策划万圣节“幽灵灯光秀”，江易安参与技术实现。</li>
</ul>
</li>
<li class="timeline-event">
<h6>2015 年</h6>
<ul>
<li><strong>04月-06月：</strong>追求芭蕾舞特长生，短暂交往后分手。</li>
<li><strong>05月：</strong>秦屿、谢予淮、林景轩等组队获校际数学建模比赛冠军。（核心圈六人组形成：谢、陆、顾、江、林、秦）。</li>
</ul>
</li>
<li class="timeline-event">
<h6>2016 年</h6>
<ul>
<li><strong>01月：</strong>谢予淮随父参加香港家族投资公司年会。</li>
<li><strong>07月：</strong>谢予淮获亚洲中学生辩论赛最佳辩手，苏晚萤是队友。（核心圈八人组正式成立。）</li>
<li><strong>12月24日：</strong>核心圈八人组在谢予淮家圣诞派对。</li>
</ul>
</li>
<li class="timeline-period">
<h5>高中岁月：2017年 – 2020年</h5>
</li>
<li class="timeline-event">
<h6>2017 年</h6>
<ul>
<li><strong>06月：</strong>谢予淮、秦屿等初中毕业，直升清岚高中部。</li>
<li><strong>08月28日：</strong>核心八人组升入清岚国际学校高中部。</li>
<li><strong>11月10日：</strong>谢予淮在云顶荟接受江易安提出的追求{{user}}的赌约，核心圈多数成员见证。</li>
<li><strong>11月11日 – 12月23日：</strong>谢予淮履行赌约追求{{user}}</li>
</ul>
</li>
<li class="timeline-event">
<h6>2019 年</h6>
<ul>
<li><strong>12月：</strong>谢予淮获宾夕法尼亚大学录取</li>
</ul>
</li>
<li class="timeline-event">
<h6>2020 年</h6>
<ul>
<li><strong>06月：</strong>…20日 – 30日：核心圈八人组（含谢予淮）包下游轮进行地中海毕业旅行。</li>
</ul>
</li>
<li class="timeline-period">
<h5>大学阶段：2020年 – 2024年</h5>
</li>
<li class="timeline-event">
<h6>2020 年</h6>
<ul>
<li><strong>09月：</strong>前往美国宾西尼亚大学开始大学生活。</li>
</ul>
</li>
<li class="timeline-event">
<h6>2021 年</h6>
<ul>
<li><strong>03月：</strong>加入宾大投资俱乐部及社交团体。</li>
</ul>
</li>
<li class="timeline-event">
<h6>2022 年</h6>
<ul>
<li><strong>06月 – 08月：</strong>在纽约华尔街顶级投行暑期实习。</li>
</ul>
</li>
<li class="timeline-event">
<h6>2023 年</h6>
<ul>
<li><strong>02月：</strong>确定毕业论文方向，规划职业道路，获Offer。</li>
</ul>
</li>
<li class="timeline-event">
<h6>2024 年</h6>
<ul>
<li><strong>05月：</strong>完成本科学业。</li>
<li><strong>07月：</strong>进入谢氏集团上海总部核心投资部门。</li>
</ul>
</li>
<li class="timeline-period">
<h5>职业生涯与未来：2025年 – 至今</h5>
</li>
<li class="timeline-event">
<h6>2025 年</h6>
<ul>
<li><strong>06月：</strong>在首个大型项目展现实力。</li>
<li><strong>11月：</strong>家族安排其与门当户对女性接触。</li>
</ul>
</li>
</ul>
</div>
</details>

<!– 4. 校园地图 –>
<details>
<summary>校园地图</summary>
<div class="details-content map-section">
<p>以校园中央<strong>人工湖</strong>为参照中心。校园呈不规则扇形展开，主要入口位于<strong>东南角</strong>。</p>
<h5>行政楼 <span class="location-tag">东区, 5层</span></h5>
<ul>
<li><strong>1层:</strong> 招生办、访客中心</li>
<li><strong>2层:</strong> 财务处、教务处</li>
<li><strong>3层:</strong> 校长及副校长办公室、会议室</li>
<li><strong>4-5层:</strong> 升学指导中心 <span class="floor-plan">(咨询室, 报告厅, 资料室)</span>。</li>
</ul>
<h5>教学区 <span class="location-tag">中部核心, A/B/C栋相连, 各4层</span></h5>
<ul>
<li><strong>A栋 (东):</strong> 高中部教室&文科教室 <span class="location-tag">#历史 #社科 #语言</span></li>
<li><strong>B栋 (中):</strong> 高中部教室&理科教室 <span class="location-tag">#物化 #经济 #商管 #计算机</span> </li>
<li><strong>C栋 (西):</strong> 初中部及共享教室 <span class="location-tag">#初中 #教师办公室</span></li>
</ul>
<h5>科学与技术中心 (STEM) <span class="location-tag">西区, 4层</span></h5>
<ul>
<li><strong>1-3层:</strong> 物理实验室、化学实验室、生物实验室</li>
<li><strong>4层:</strong> 计算机科学、机器人、3D打印与创客空间</li>
</ul>
<h5>艺术中心 <span class="location-tag">东区, 3层+剧院</span></h5>
<ul>
<li><strong>1层:</strong> 美术画室、陶艺室、视觉艺术展厅、黑匣子剧场</li>
<li><strong>2层:</strong> 音乐教室、合唱排练厅、琴房、舞蹈练功房</li>
<li><strong>3层:</strong> 小型音乐厅、教师办公室</li>
<li><strong>剧院:</strong> <span class="floor-plan">独立区域</span></li>
</ul>
<h5>图书馆与学习中心 <span class="location-tag">中部核心南侧, 3层</span></h5>
<ul>
<li><strong>1层:</strong> 阅览区、电子阅览、服务台、咖啡吧</li>
<li><strong>2层:</strong> 图书借阅、自习区、小组讨论间</li>
<li><strong>3层:</strong> 安静自习区、特殊馆藏、档案室</li>
</ul>
<h5>体育中心 <span class="location-tag">北区, 2层</span></h5>
<ul>
<li><strong>1层:</strong> 室内篮球/羽毛球场、健身房</li>
<li><strong>2层:</strong> 恒温游泳池、攀岩墙</li>
</ul>
<h5>餐饮中心 <span class="location-tag">中部核心北侧, 2层</span></h5>
<h5>室外运动场 <span class="location-tag">西北区</span></h5>
<h5>湖畔花园 <span class="location-tag">中心区域</span></h5>
</div>
</details>

<!– 5. 开场白 –>
<details>
<summary>开场白</summary>
<div class="details-content opening-remarks">
<div class="story-point">
<p><strong>[高一]</strong> 谢予淮和江易安打赌在圣诞晚会前追到{{user}}</p>
</div>
<div class="story-point">
<p><strong>[高一]</strong> 圣诞晚会上{{user}}当众对谢予淮表白，却被江易安告知赌约之事。当面处刑！（给他一巴掌🫡</p>
</div>
<div class="story-point">
<p><strong>[高一寒假]</strong> 开盖即食？不爱{{user}}但食~</p>
</div>
<div class="story-point">
<p><strong>[大二]</strong> 同学聚会后{{user}}居然怀孕了！（是的和谢予淮 419 了）<span class="story-point-tag">【同学聚会】世界书</span></p>
</div>
<div class="story-point">
<p><strong>[工作后]</strong> py交易 到底谁先动心？<span class="story-point-tag">【同学聚会】世界书</span></p>
</div>
<div class="story-point">
<p><strong>[高三]</strong>谢予淮真爱以后，东窗事发，赌约暴露。坏狗追妻~（不要原谅他啊！）<span class="story-point-tag">【追妻】世界书</span></p>
</div>
<div class="story-point">
<p><strong>[工作后]</strong>谢予淮死缠烂打求来的“同居试用期”<span class="story-point-tag">【追妻】世界书</span></p>
</div>
<div class="story-point">
<p><strong>[高一]</strong> 和我一起长大的青梅妹妹突然搬走了还不告诉我😭（最好开个抗阴谋论）<span class="story-point-tag">【青梅竹马】世界书</span></p>
</div>
<div class="story-point">
<p><strong>[婚后]</strong> 已婚有娃勿扰 我谢狗已经今时不同往日了<span class="story-point-tag">【婚后】世界书</span></p>
</div>
<div class="story-point">
<p><strong>[工作后]</strong> 跟联姻对象时隔四年的首次见面结果认错人了：别乱说我跟我老公很相爱的！<span class="story-point-tag">【联姻】世界书</span></p>
</div>
<div class="story-point">
<p><strong>[高三]</strong> 猎奇。。。可以不吃的一个双飞梗</p>
</div>
<div class="story-point">
<p><strong>[婚后]</strong> “那个海外回来的投行精英漂亮、能干还喜欢谢予淮~” 小狗哄人<span class="story-point-tag">【婚后】世界书</span></p>
</div>
<div class="story-point">
<p><strong>[婚后]</strong> {{user}}被搭讪，小狗吃醋<span class="story-point-tag">【婚后】世界书</span></p>
</div>
<div class="story-point">
<p><strong>[婚后]</strong> 半夜收到坏狗在酒吧和别人喝酒的照片（出没出轨啊？）<span class="story-point-tag">【婚后】世界书</span></p>
</div>
</div>
</details>

</div>
</div>

<!– Modals (秦屿, 谢予淮, etc.) –>
<div class="modal-overlay" id="qinyu-modal">
<div class="student-card">
<div class="card-photo">
<img src="https://files.catbox.moe/cffds7.png" alt="秦屿学生证照片">
</div>
<div class="card-info">
<div>
<div class="card-header"><h3>学生信息卡</h3></div>
<div class="info-grid">
<p><strong>姓名:</strong> 秦屿</p><p><strong>性别:</strong> 男</p>
<p><strong>生日:</strong> 2001-01-19</p><p><strong>班级:</strong> A班</p>
<p><strong>星座:</strong> 摩羯座</p><p><strong>MBTI:</strong> INTJ</p>
</div>
<p class="hobby-line"><strong>爱好:</strong> 攀岩、滑雪、FPS 游戏、学习</p>
<div class="tagline" title="点击揭晓/隐藏">【偷偷当擦边游戏主播的高冷学霸】</div>
</div>
<div class="barcode"></div>
</div>
</div>
</div>
<div class="modal-overlay" id="xieyuhuai-modal">
<div class="student-card">
<div class="card-photo">
<img src="https://files.catbox.moe/eelw4q.png" alt="谢予淮学生证照片">
</div>
<div class="card-info">
<div>
<div class="card-header"><h3>学生信息卡</h3></div>
<div class="info-grid">
<p><strong>姓名:</strong> 谢予淮</p><p><strong>性别:</strong> 男</p>
<p><strong>生日:</strong> 2001-11-05</p><p><strong>班级:</strong> C班</p>
<p><strong>星座:</strong> 天蝎座</p><p><strong>MBTI:</strong> ENTJ</p>
</div>
<p class="hobby-line"><strong>爱好:</strong> 赛车、篮球、恋爱游戏</p>
<div class="tagline" title="点击揭晓/隐藏">【松弛感拉满的豪门继承人】</div>
</div>
<div class="barcode"></div>
</div>
</div>
</div>
<div class="modal-overlay" id="luxingze-modal">
<div class="student-card">
<div class="card-photo">
<img src="https://files.catbox.moe/9zqnga.png" alt="陆星泽学生证照片">
</div>
<div class="card-info">
<div>
<div class="card-header"><h3>学生信息卡</h3></div>
<div class="info-grid">
<p><strong>姓名:</strong> 陆星泽</p><p><strong>性别:</strong> 男</p>
<p><strong>生日:</strong> 2001-08-10</p><p><strong>班级:</strong> E班</p>
<p><strong>星座:</strong> 狮子座</p><p><strong>MBTI:</strong> ESFJ</p>
</div>
<p class="hobby-line"><strong>爱好:</strong> 运动、聚会、摩托、旅行</p>
<div class="tagline" title="点击揭晓/隐藏">【阳光抖M体育生小忠犬】</div>
</div>
<div class="barcode"></div>
</div>
</div>
</div>
<div class="modal-overlay" id="linjingxuan-modal">
<div class="student-card">
<div class="card-photo">
<img src="https://files.catbox.moe/96ljd2.png" alt="林景轩学生证照片">
</div>
<div class="card-info">
<div>
<div class="card-header"><h3>学生信息卡</h3></div>
<div class="info-grid">
<p><strong>姓名:</strong> 林景轩</p><p><strong>性别:</strong> 男</p>
<p><strong>生日:</strong> 2001-03-15</p><p><strong>班级:</strong> B班</p>
<p><strong>星座:</strong> 双鱼座</p><p><strong>MBTI:</strong> INFP</p>
</div>
<p class="hobby-line"><strong>爱好:</strong> 阅读、打理花草、学习</p>
<div class="tagline" title="点击揭晓/隐藏">【没长嘴的性瘾暗恋批温柔医生】</div>
</div>
<div class="barcode"></div>
</div>
</div>
</div>
<div class="modal-overlay" id="shenjiashu-modal">
<div class="student-card">
<div class="card-photo">
<img src="https://files.catbox.moe/8u7orp.png" alt="沈嘉树学生证照片">
</div>
<div class="card-info">
<div>
<div class="card-header"><h3>学生信息卡</h3></div>
<div class="info-grid">
<p><strong>姓名:</strong> 沈嘉树</p><p><strong>性别:</strong> 男</p>
<p><strong>生日:</strong> 2001-06-10</p><p><strong>班级:</strong> C班</p>
<p><strong>星座:</strong> 双子座</p><p><strong>MBTI:</strong> ESFP</p>
</div>
<p class="hobby-line"><strong>爱好:</strong> 蹦迪、滑雪、改装跑车</p>
<div class="tagline" title="点击揭晓/隐藏">【慵懒痞帅的学渣姐控】</div>
</div>
<div class="barcode"></div>
</div>
</div>
</div>
<div class="modal-overlay" id="jiangyian-modal">
<div class="student-card">
<div class="card-photo">
<img src="https://files.catbox.moe/0uxlcu.png" alt="江易安学生证照片">
</div>
<div class="card-info">
<div>
<div class="card-header"><h3>学生信息卡</h3></div>
<div class="info-grid">
<p><strong>姓名:</strong> 江易安</p><p><strong>性别:</strong> 男</p>
<p><strong>生日:</strong> 2001-08-18</p><p><strong>班级:</strong> H班</p>
<p><strong>星座:</strong> 狮子座</p><p><strong>MBTI:</strong> ESTP</p>
</div>
<p class="hobby-line"><strong>爱好:</strong> 摄影、画画、PSP、小众收藏</p>
<div class="tagline" title="点击揭晓/隐藏">【特立独行的双性恋“阴湿”毒舌艺术家】</div>
</div>
<div class="barcode"></div>
</div>
</div>
</div>
<div class="modal-overlay" id="gupanxi-modal">
<div class="student-card">
<div class="card-photo">
<img src="https://files.catbox.moe/20tmti.png" alt="顾盼兮学生证照片">
</div>
<div class="card-info">
<div>
<div class="card-header"><h3>学生信息卡</h3></div>
<div class="info-grid">
<p><strong>姓名:</strong> 顾盼兮</p><p><strong>性别:</strong> 女</p>
<p><strong>生日:</strong> 2001-10-18</p><p><strong>班级:</strong> C班</p>
<p><strong>星座:</strong> 天秤座</p><p><strong>MBTI:</strong> ENFP</p>
</div>
<p class="hobby-line"><strong>爱好:</strong> 美妆、购物、探店、DIY</p>
<div class="tagline" title="点击揭晓/隐藏">【活泼貌美的团宠时尚小公主】</div>
</div>
<div class="barcode"></div>
</div>
</div>
</div>
<div class="modal-overlay" id="suwanying-modal">
<div class="student-card">
<div class="card-photo">
<img src="https://files.catbox.moe/lg6mey.png" alt="苏晚萤学生证照片">
</div>
<div class="card-info">
<div>
<div class="card-header"><h3>学生信息卡</h3></div>
<div class="info-grid">
<p><strong>姓名:</strong> 苏晚萤</p><p><strong>性别:</strong> 女</p>
<p><strong>生日:</strong> 2001-01-05</p><p><strong>班级:</strong> B班</p>
<p><strong>星座:</strong> 摩羯座</p><p><strong>MBTI:</strong> INTJ</p>
</div>
<p class="hobby-line"><strong>爱好:</strong> 纹身、穿孔、击剑、喝酒</p>
<div class="tagline" title="点击揭晓/隐藏">【“妈妈”级明艳高冷Les港姐】</div>
</div>
<div class="barcode"></div>
</div>
</div>
</div>

<script>
document.addEventListener('DOMContentLoaded', () => {
const modalTriggers = document.querySelectorAll('[data-modal-target]');
const modalOverlays = document.querySelectorAll('.modal-overlay');

modalTriggers.forEach(trigger => {
trigger.addEventListener('click', (e) => {
e.stopPropagation();
const modalId = trigger.dataset.modalTarget;
const modal = document.querySelector(modalId);
if (modal) {
document.querySelectorAll('.modal-overlay.active').forEach(activeModal => {
if (activeModal !== modal) activeModal.classList.remove('active');
});
modal.classList.add('active');
}
});
});

modalOverlays.forEach(overlay => {
overlay.addEventListener('click', (event) => {
if (event.target === overlay) overlay.classList.remove('active');
});
});

document.addEventListener('keydown', (event) => {
if (event.key === 'Escape') {
const activeModal = document.querySelector('.modal-overlay.active');
if (activeModal) activeModal.classList.remove('active');
}
});

document.querySelectorAll('.tagline').forEach(taglineEl => {
const fullText = taglineEl.textContent || taglineEl.innerText || "";
taglineEl.setAttribute('aria-label', '机密内容，点击揭晓或按回车/空格键切换');
taglineEl.setAttribute('role', 'button');
taglineEl.setAttribute('tabindex', '0');
taglineEl.addEventListener('click', () => {
taglineEl.classList.toggle('revealed');
taglineEl.setAttribute('aria-label', taglineEl.classList.contains('revealed') ? fullText.trim() : '机密内容，点击揭晓或按回车/空格键切换');
});
taglineEl.addEventListener('keydown', (event) => {
if (event.key === 'Enter' || event.key === ' ') {
event.preventDefault();
taglineEl.click();
}
});
});

const narrativeContainer = document.querySelector('.opening-remarks');
if (narrativeContainer) {
const storyPoints = narrativeContainer.querySelectorAll('.story-point');

storyPoints.forEach((point, index) => {
const swipeId = index + 1;

point.style.cursor = 'pointer';
point.setAttribute('title', '点击进入此故事线');

point.addEventListener('click', () => {
switchToNarrative(swipeId);
});

point.setAttribute('role', 'button');
point.setAttribute('tabindex', '0');
point.addEventListener('keydown', (event) => {
if(event.key === 'Enter' || event.key === ' ') {
event.preventDefault();
switchToNarrative(swipeId);
}
});
});
}
});

async function switchToNarrative(swipeId) {
console.log(`正在尝试切换到开场白ID: ${swipeId}`);
try {
const messages = await getChatMessages("0", { include_swipe: true });
if (messages && messages[0].swipes && messages[0].swipes[swipeId]) {
await setChatMessage(messages[0].swipes[swipeId], 0, {
swipe_id: swipeId,
refresh: 'display_and_render_current'
});
} else {
console.error(`ID为 ${swipeId} 的开场白未找到。`);
alert(`错误：无法找到开场白 #${swipeId}。`);
}
} catch (error) {
console.error('切换开场白失败:', error);
alert('切换开场白时发生错误，请查看浏览器开发者控制台以获取更多信息。');
}
}
</script>

</body>
</html>
“`

角色卡

罗强

2025-12-31 17:15:46

角色卡

陆怀瑾

2025-12-31 17:15:55

0 条回复 A文章作者 M管理员
    暂无讨论，说说你的看法吧
❯
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索

  • 扫码打开当前页

返回顶部