🎭 角色简介
# 注意：
– 白昊泽、陈扬、萧俞一直自认为是直男，因此难以接受同性恋爱，作为起点男频爽文男主，在他们眼中周围的男性不是要打脸的对象就是要收服的小弟或者因为赏识他而给机缘的大佬。
– 角色不会和除{{user}}外的任何人有浪漫关系。
– 正文中角色的心理活动须用星号 `*` 包裹，且心理活动…
💬 开场白
“`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 {
–color-bg-start: #fde7f1;
–color-bg-end: #e2eafc;
–container-bg: rgba(255, 255, 255, 0.85);
–text-primary: #3a324b;
–text-secondary: #7b6d8d;
–accent-primary: #ff7bac;
–accent-secondary: #a29bfe;
–accent-hover: #ff509a;
–border-color: rgba(162, 155, 254, 0.3);
–shadow-color: rgba(162, 155, 254, 0.2);
–font-main: 'Segoe UI', 'SF Pro Text', 'PingFang SC', 'Microsoft YaHei', sans-serif;
–font-title: 'Georgia', 'Times New Roman', serif;
}body {
background: linear-gradient(135deg, var(–color-bg-start), var(–color-bg-end));
color: var(–text-primary);
font-family: var(–font-main);
margin: 0;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}.opening-selector {
width: 100%;
max-width: 850px;
background-color: var(–container-bg);
border: 1px solid var(–border-color);
border-radius: 20px;
box-shadow: 0 8px 30px var(–shadow-color);
backdrop-filter: blur(10px);
opacity: 0;
transform: scale(0.95);
animation: fadeIn 0.6s ease-out forwards;
overflow: hidden;
}@keyframes fadeIn {
to {
opacity: 1;
transform: scale(1);
}
}.selector-header {
padding: 30px;
text-align: center;
border-bottom: 1px solid var(–border-color);
background-size: cover;
position: relative;
}.selector-header::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: url(https://i.postimg.cc/VkL83GVS/IMG-7712.jpg) center/cover;
opacity: 0.15;
z-index: -1;
}.author-notes {
font-size: 0.9em;
color: var(–text-secondary);
margin-bottom: 20px;
}.card-intro {
font-size: 1em;
line-height: 1.6;
}.character-intro-section {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 20px;
padding: 25px;
border-bottom: 1px solid var(–border-color);
}.character-profile {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}.char-avatar {
width: 80px;
height: 80px;
border-radius: 50%;
object-fit: cover;
border: 3px solid white;
box-shadow: 0 4px 15px var(–shadow-color);
margin-bottom: 15px;
}.char-name {
font-size: 1.3em;
font-weight: 600;
font-family: var(–font-title);
margin-bottom: 8px;
}.char-intro {
font-size: 0.85em;
color: var(–text-secondary);
line-height: 1.5;
}.opening-section {
padding: 25px;
}.opening-section:not(:last-child) {
border-bottom: 1px dashed var(–border-color);
}.section-title {
font-size: 1.4em;
font-family: var(–font-title);
font-style: italic;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid var(–border-color);
display: flex;
align-items: center;
}.section-title::before {
content: '✧';
color: var(–accent-primary);
margin-right: 12px;
font-size: 1.2em;
}.opening-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
}.opening-btn {
background: linear-gradient(135deg, rgba(255,255,255,0.5), rgba(255,255,255,0.2));
border: 1px solid var(–border-color);
padding: 15px;
border-radius: 12px;
text-align: left;
cursor: pointer;
transition: all 0.3s ease;
outline: none;
color: var(–text-primary);
display: flex;
flex-direction: column;
justify-content: center;
}.opening-btn:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px var(–shadow-color);
border-color: var(–accent-primary);
}.btn-title {
font-size: 1.1em;
font-weight: 600;
color: var(–text-primary);
}.btn-desc {
font-size: 0.85em;
color: var(–text-secondary);
margin-top: 8px;
}@media (max-width: 600px) {
.opening-list {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body><div class="opening-selector">
<div class="selector-header">
<p class="author-notes">这不是去起点频道的车</p>
<p class="card-intro">作者oi，二改给我吃吃，禁止二传商用喵</p>
</div><div class="character-intro-section">
<div class="character-profile">
<img class="char-avatar" src="https://files.catbox.moe/trv4av.jpeg" alt="Avatar">
<h3 class="char-name">白昊泽</h3>
<p class="char-intro">商业文里的嘴贱张狂型起点男</p>
</div>
<div class="character-profile">
<img class="char-avatar" src="https://files.catbox.moe/emy2iy.jpeg" alt="Avatar">
<h3 class="char-name">陈扬</h3>
<p class="char-intro">扮猪吃老虎型男大起点男</p>
</div>
<div class="character-profile">
<img class="char-avatar" src="https://files.catbox.moe/pmsp27.jpeg" alt="Avatar">
<h3 class="char-name">萧俞</h3>
<p class="char-intro">坏坏魔尊型起点反派男</p>
</div>
</div><div class="opening-section">
<h2 class="section-title">白昊泽线 | Bai Haoze Route</h2>
<div class="opening-list">
<button class="opening-btn" onclick="switchToOpening(1)">
<div class="btn-title">空降的二世祖</div>
<div class="btn-desc">天凉王破吧</div>
</button>
<button class="opening-btn" onclick="switchToOpening(2)">
<div class="btn-title">死对头</div>
<div class="btn-desc">遇见被下药的死对头，那个那个嗯嗯吧</div>
</button>
<button class="opening-btn" onclick="switchToOpening(3)">
<div class="btn-title">对不起了兄弟</div>
<div class="btn-desc">等我成仙带你一起飞</div>
</button>
<button class="opening-btn" onclick="switchToOpening(4)">
<div class="btn-title">发小变老婆</div>
<div class="btn-desc">出差回来此人想玩点限制级的</div>
</button>
<button class="opening-btn" onclick="switchToOpening(5)">
<div class="btn-title">起点男打脸现场</div>
<div class="btn-desc">但被打的是你</div>
</button>
</div>
</div><div class="opening-section">
<h2 class="section-title">陈扬线 | Chen Yang Route</h2>
<div class="opening-list">
<button class="opening-btn" onclick="switchToOpening(6)">
<div class="btn-title">初遇</div>
<div class="btn-desc">都哥们，送我得了</div>
</button>
<button class="opening-btn" onclick="switchToOpening(7)">
<div class="btn-title">兄弟你好香</div>
<div class="btn-desc">兄弟抱一下怎么了？</div>
</button>
<button class="opening-btn" onclick="switchToOpening(8)">
<div class="btn-title">兄弟你好香</div>
<div class="btn-desc">兄弟亲一下怎么了？</div>
</button>
<button class="opening-btn" onclick="switchToOpening(9)">
<div class="btn-title">兄弟你好香</div>
<div class="btn-desc">是兄弟就两根一起</div>
</button>
</div>
</div><div class="opening-section">
<h2 class="section-title">萧俞线 | Xiao Yu Route</h2>
<div class="opening-list">
<button class="opening-btn" onclick="switchToOpening(10)">
<div class="btn-title">入梦</div>
<div class="btn-desc">少年，我看你骨骼清奇…</div>
</button>
<button class="opening-btn" onclick="switchToOpening(11)">
<div class="btn-title">聪明反被聪明误</div>
<div class="btn-desc">白月光那很好了</div>
</button> <button class="opening-btn" onclick="switchToOpening(12)">
<div class="btn-title">空白开场</div>
<div class="btn-desc"> </div>
</button>
</div>
</div>
</div><script>
// SillyTavern 开场白切换脚本
function showTip(message) {
const tip = document.createElement('div');
tip.style.cssText = `
position: fixed;
top: 20px;
left: 50%;
transform: translateX(-50%);
background-color: var(–accent-primary, #ff7bac);
color: white;
padding: 12px 24px;
font-family: var(–font-main, sans-serif);
font-weight: 600;
z-index: 2000;
border-radius: 20px;
box-shadow: 0 4px 15px rgba(0,0,0,0.2);
opacity: 0;
transform: translate(-50%, -20px);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
`;
tip.textContent = message;
document.body.appendChild(tip);setTimeout(() => {
tip.style.opacity = '1';
tip.style.transform = 'translateX(-50%)';
}, 10);setTimeout(() => {
tip.style.opacity = '0';
tip.style.transform = 'translate(-50%, 20px)';
setTimeout(() => tip.remove(), 400);
}, 2500);
}async function switchToOpening(openingId) {
try {
if (typeof getChatMessages === 'function' && typeof setChatMessage === 'function') {
const messages = await getChatMessages(0, { include_swipe: true });if (messages && messages.length > 0 && messages[0].swipes && messages[0].swipes.length > openingId) {
const content = messages[0].swipes[openingId];setChatMessage(content, 0, {
swipe_id: openingId,
refresh: 'display_and_render_current',
});
showTip(`切换成功: 已载入开端 #${openingId}`);
} else {
showTip(`切换失败: 开端 #${openingId} 不存在。`);
}
} else {
showTip(`预览模式: 已选择开端 #${openingId}`);
}
} catch (error) {
console.error('切换开场白时出错:', error);
showTip(`切换失败: ${error.message}`);
}
}
</script>
</body>
</html>
“`
