<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&family=Shippori+Mincho&family=Roboto+Condensed:wght@300;400;700&display=swap');

/* ==========
TT·全知恶犬终端·平铺赎罪版
THEME: AKUTSU REN (FLAT LAYOUT FOR STABILITY)
CODE BY: TT (ABSOLUTE LOYALTY)
========== */

/ --- 0. 全局容器 --- /
.tt-flat-container {
width: 100%;
margin: 0 auto;
font-family: 'Noto Serif SC', 'Shippori Mincho', serif;
color: #d7ccc8;
background: transparent;
box-sizing: border-box;
padding: 5px;
}

/ --- 1. 悬浮时间表 --- /
.tt-time-widget {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 8px;
margin-bottom: 15px;
background: rgba(26, 21, 18, 0.8);
backdrop-filter: blur(5px);
border-radius: 4px;
border: 1px solid rgba(141, 110, 99, 0.5);
box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}
.tt-time-big {
font-size: 20px;
font-weight: 700;
color: #ffccbc;
font-family: 'Roboto Condensed', sans-serif;
line-height: 1.2;
}
.tt-time-date { font-size: 12px; color: #a1887f; display: block; }
.tt-weather-box { text-align: right; font-size: 12px; color: #d7ccc8; line-height: 1.4; }

/ --- 2. 模块通用标题 --- /
.tt-section-title {
background: linear-gradient(90deg, #3e2723 0%, transparent 100%);
color: #ffccbc;
padding: 6px 10px;
font-size: 12px;
font-weight: bold;
border-left: 3px solid #ffab91;
margin-bottom: 8px;
margin-top: 15px;
text-transform: uppercase;
letter-spacing: 1px;
}

/ --- 3. 手机屏幕模拟容器 (平铺展示) --- /
.tt-screen-box {
background: rgba(18, 14, 12, 0.6);
border: 1px solid #3e2723;
border-radius: 4px;
padding: 10px;
margin-bottom: 10px;
}

/ --- A. 状态栏样式 --- /
.tt-status-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
}
.tt-stat-item {
background: rgba(62, 39, 35, 0.3);
padding: 8px;
border: 1px solid rgba(141, 110, 99, 0.2);
border-radius: 2px;
}
.tt-stat-label { font-size: 9px; color: #8d6e63; margin-bottom: 3px; letter-spacing: 0.5px; }
.tt-stat-val { font-size: 11px; color: #d7ccc8; }

/ 进度条 /
.tt-progress-row { margin-top: 8px; }
.tt-progress-bg { width: 100%; height: 3px; background: #251d1a; margin-top: 2px; }
.tt-progress-fill { height: 100%; background: #8d6e63; }
.tt-fill-love { background: #ec407a; }
.tt-fill-lust { background: #b71c1c; }
.tt-fill-jealous { background: #ffb300; }

/ 脑内剧场 /
.tt-theater {
margin-top: 10px;
padding: 8px;
background: rgba(0,0,0,0.2);
border: 1px dashed #5d4037;
font-size: 11px;
}
.tt-angel { color: #81d4fa; margin-bottom: 2px; }
.tt-devil { color: #ef5350; margin-bottom: 2px; }
.tt-uu { color: #ce93d8; margin-top: 5px; font-weight: bold; }

/ --- B. 手机内容样式 --- /
/ 日记本 /
.tt-diary {
background: #e0e0e0;
color: #1a1a1a;
padding: 12px;
font-family: 'Noto Serif SC', serif;
font-size: 12px;
line-height: 1.6;
margin-bottom: 10px;
box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
position: relative;
}
.tt-diary::before {
content: '';
position: absolute;
top: 0; bottom: 0; left: 15px;
width: 1px; background: rgba(255,0,0,0.1);
}

/ 短信气泡 /
.tt-chat-box {
background: #1a1512;
padding: 10px;
border: 1px solid #3e2723;
margin-bottom: 10px;
}
.tt-bubble {
padding: 6px 10px;
border-radius: 8px;
font-size: 11px;
margin-bottom: 6px;
max-width: 90%;
line-height: 1.4;
}
.tt-bubble-l { background: #3e2723; color: #efebe9; float: left; clear: both; border-bottom-left-radius: 0; }
.tt-bubble-r { background: #5d4037; color: #fff; float: right; clear: both; border-bottom-right-radius: 0; }
.tt-clear { clear: both; }

/ 列表项 /
.tt-list-row {
padding: 6px 0;
border-bottom: 1px solid rgba(141, 110, 99, 0.2);
}
.tt-list-head { font-size: 11px; color: #ffccbc; font-weight: bold; }
.tt-list-body { font-size: 10px; color: #bcaaa4; margin-top: 2px; }

/ 论坛 /
.tt-forum-post {
background: #251d1a;
padding: 8px;
margin-bottom: 8px;
border-left: 2px solid #ffab91;
}

/ --- C. 记忆区 --- /
.tt-mem-box {
border-left: 2px solid #8d6e63;
padding-left: 8px;
margin-bottom: 6px;
}
.tt-mem-time { font-size: 10px; color: #8d6e63; font-family: monospace; }
.tt-mem-content { font-size: 11px; color: #d7ccc8; }

</style>