<style>@import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@400;700&family=Long+Cang&display=swap');

/* --- 核心变量定义 --- */
:root {
    --zhou-gold: #d4af37;          /* 正统土豪金 */
    --zhou-gold-dim: #8a7020;      /* 暗金 */
    --zhou-black: #1a1a1a;         /* 煤炭黑 */
    --zhou-paper: #f4f1ea;         /* 宣纸白 */
    --zhou-red: #b22222;          /* 批注红 */
    --zhou-wood: #2a1d15;          /* 红木色 */
    --font-title: 'Ma Shan Zheng', cursive;
    --font-body: 'Noto Serif SC', serif;
    --font-hand: 'Long Cang', cursive;
}/* --- 主容器 --- */
.zhou-container {
    width: 100%;
    max-width: 600px;
    margin: 20px auto;
    font-family: var(--font-body);
    background-color: #0f0f0f;
    padding: 15px;
    box-sizing: border-box;
    border: 1px solid #333;
    color: #ccc;
}/* --- 1. 名片翻转区 (Flip Card) --- */
.card-scene {
    width: 100%;
    height: 320px;
    perspective: 1000px;
    margin-bottom: 20px;
    position: relative;
}.card-object {
    width: 100%;
    height: 100%;
    position: relative;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    cursor: pointer;
}.card-scene:active .card-object, .card-scene:hover .card-object {
    transform: rotateY(180deg);
}.card-face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border: 2px solid var(--zhou-gold);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.8);
}/* 正面样式 */
.card-front {
    background: linear-gradient(135deg, #1c1c1c 0%, #000000 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}.card-front::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: repeating-linear-gradient(45deg, rgba(212,175,55,0.05) 0px, rgba(212,175,55,0.05) 1px, transparent 1px, transparent 10px);
    pointer-events: none;
}.front-logo {
    font-size: 12px;
    letter-spacing: 4px;
    color: var(--zhou-gold);
    opacity: 0.6;
    margin-bottom: 20px;
    text-transform: uppercase;
}.front-name {
    font-family: var(--font-title);
    font-size: 56px;
    background: linear-gradient(45deg, #bf953f, #fcf6ba, #b38728, #fbf5b7);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin: 0;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.8);
}.front-title {
    font-size: 16px;
    color: #ccc;
    margin-top: 10px;
    letter-spacing: 2px;
    border-top: 1px solid var(--zhou-gold-dim);
    padding-top: 10px;
}.flip-hint {
    position: absolute;
    bottom: 15px;
    font-size: 10px;
    color: #555;
    animation: blink 2s infinite;
}/* 背面样式 */
.card-back {
    background: #111;
    transform: rotateY(180deg);
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}.info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    color: #e0e0e0;
    font-size: 13px;
    border: 1px solid #333;
    padding: 15px;
    background: rgba(255,255,255,0.02);
}.info-item span:first-child {
    color: var(--zhou-gold-dim);
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}.info-item span:last-child {
    font-weight: bold;
    font-size: 14px;
}/* --- 2. 铁柱OS便签 --- */
.tiezhu-os {
    position: relative;
    width: 90%;
    margin: -15px auto 20px auto;
    background: #fdfbf3;
    padding: 10px 15px;
    transform: rotate(-2deg);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    z-index: 10;
    border-left: 4px solid var(--zhou-red);
}.tiezhu-os::before {
    content: "老板心里话：";
    display: block;
    font-size: 10px;
    color: #999;
    margin-bottom: 2px;
}.tiezhu-text {
    font-family: var(--font-hand);
    color: #333;
    font-size: 16px;
    line-height: 1.4;
}/* --- 3. 人物百科 --- */
.baike-section {
    background: #1a1a1a;
    border: 1px solid #333;
    padding: 15px;
    margin-bottom: 20px;
}.baike-header {
    border-bottom: 2px solid #333;
    padding-bottom: 8px;
    margin-bottom: 10px;
    display: flex;
    align-items: baseline;
}.baike-title {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-right: 10px;
}.baike-sub {
    font-size: 12px;
    color: #666;
}.baike-content {
    font-size: 13px;
    color: #ccc;
    line-height: 1.8;
    text-align: justify;
}.baike-tag {
    display: inline-block;
    background: rgba(212,175,55,0.1);
    color: var(--zhou-gold);
    padding: 2px 6px;
    border-radius: 2px;
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 5px;
}.relation-box {
    border:1px solid #444; 
    padding:5px 10px; 
    display: inline-block;
    transition: all 0.3s;
}.relation-special {
    border-color: var(--zhou-gold-dim);
    background: rgba(212,175,55,0.05);
}/* --- 4. 办公室布局图 + 大师建议 --- */
.office-map-container {
    background: #0a0a0a;
    padding: 15px;
    border: 1px solid var(--zhou-gold-dim);
    margin-bottom: 20px;
    position: relative;
}.map-title {
    text-align: center;
    color: var(--zhou-gold);
    font-family: var(--font-title);
    margin-bottom: 15px;
    font-size: 18px;
}.office-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 30px 50px 50px 50px 30px;
    gap: 5px;
    border: 4px solid #444; /* 墙体 */
    padding: 5px;
    position: relative;
    background: #111;
}/* 窗户 */
.office-grid::before {
    content: "";
    position: absolute;
    top: -4px; left: 20%; right: 20%; height: 4px;
    background: #87CEEB;
    box-shadow: 0 0 10px rgba(135, 206, 235, 0.3);
    z-index: 2;
}.furniture {
    background: #222;
    border: 1px solid #555;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #aaa;
    text-align: center;
    position: relative;
}/* 布局定位 */
.painting-wall { grid-column: 2 / 5; grid-row: 1 / 2; border:none; color: var(--zhou-gold); font-family: var(--font-title); background: transparent; }.desk-area { grid-column: 2 / 5; grid-row: 2 / 4; background: var(--zhou-wood); border-color: #8b4513; display:flex; flex-direction:column;}.fishtank { grid-column: 5 / 6; grid-row: 2 / 3; background: rgba(0,100,255,0.1); border-color: #00bfff; }.god-statue { grid-column: 5 / 6; grid-row: 1 / 2; color: var(--zhou-red); }.sofa-area { grid-column: 2 / 5; grid-row: 4 / 5; background: #151515; border-style: dashed; }.toilet { grid-column: 1 / 2; grid-row: 1 / 3; background: #1a1a1a; border-right: 2px solid #555; }.entrance { grid-column: 1 / 2; grid-row: 3 / 4; background: #222; border: 1px solid #666; color: #fff;}.bed-room { grid-column: 1 / 2; grid-row: 4 / 6; background: #1a1a1a; border-top: 2px solid #555; }/* --- 新增：大师建议板块 --- */
.fengshui-notes {
    margin-top: 15px;
    background: #151515;
    border: 1px dashed #444;
    padding: 10px;
    position: relative;
}.fengshui-notes::before {
    content: "大师指点 (已付尾款)";
    position: absolute;
    top: -10px;
    left: 10px;
    background: #0a0a0a;
    padding: 0 5px;
    font-size: 11px;
    color: var(--zhou-gold);
}.note-item {
    font-family: var(--font-hand);
    font-size: 13px;
    color: #aaa;
    margin-bottom: 5px;
    display: flex;
    align-items: flex-start;
}.note-mark {
    color: var(--zhou-red);
    margin-right: 5px;
    font-weight: bold;
    min-width: 15px;
}/* --- 5. 桌面交互栏 --- */
.desk-interactive {
    background: linear-gradient(to bottom, #3e2b1f, #2a1d15);
    border: 4px solid #5c4033;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.8);
}.desk-title {
    font-size: 12px;
    color: #a89f91;
    text-align: center;
    margin-bottom: 15px;
    letter-spacing: 1px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding-bottom: 5px;
}.desk-items-row {
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    gap: 10px;
}.desk-item-wrapper {
    position: relative;
    cursor: pointer;
    text-align: center;
}.desk-icon {
    font-size: 24px;
    transition: transform 0.2s;
    display: block;
    margin-bottom: 5px;
}.desk-item-wrapper:hover .desk-icon {
    transform: scale(1.2);
}/* 交互气泡 */
.item-detail {
    display: none;
    position: absolute;
    bottom: 120%; 
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    color: #000;
    padding: 8px;
    width: 140px;
    border-radius: 4px;
    font-size: 11px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    z-index: 1000;
    text-align: left;
    border: 1px solid var(--zhou-gold);
    white-space: normal;
}.item-detail::after {
    content: "";
    position: absolute;
    top: 100%; left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}.desk-item-wrapper[open] .item-detail { display: block; }.desk-item-wrapper summary { list-style: none; outline: none; }.desk-item-wrapper summary::-webkit-details-marker { display: none; }/* 边缘修正 */
.desk-item-wrapper:first-child .item-detail { left: 0; transform: none; }.desk-item-wrapper:first-child .item-detail::after { left: 20%; }.desk-item-wrapper:last-child .item-detail { left: auto; right: 0; transform: none; }.desk-item-wrapper:last-child .item-detail::after { left: auto; right: 20%; }/* --- 6. (还原) 静心核桃 · 火气-1版本 --- */
.nut-section {
    background: #261a15;
    border: 2px solid #3e2b1f;
    margin: 20px 0;
    padding: 15px;
    text-align: center;
    position: relative;
    overflow: hidden;
}.nut-title {
    color: #d2b48c;
    font-size: 12px;
    margin-bottom: 15px;
    letter-spacing: 2px;
    border-bottom: 1px solid #5c4033;
    padding-bottom: 5px;
    display: inline-block;
}.nut-container {
    display: flex;
    justify-content: center;
    gap: 20px;
}.nut-icon {
    font-size: 40px;
    cursor: pointer;
    user-select: none;
    transition: transform 0.3s;
    display: inline-block;
    filter: drop-shadow(0 5px 5px rgba(0,0,0,0.5));
    animation: nutRotate 10s linear infinite;
    position: relative;
}.nut-icon:active {
    transform: scale(0.9) rotate(15deg);
}.nut-icon:active::after {
    content: "包浆+1  火气-1"; 
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    color: #ff4444;
    white-space: nowrap;
    font-weight: bold;
    text-shadow: 0 0 2px #000;
    opacity: 0;
    animation: floatText 0.8s ease-out forwards;
    pointer-events: none;
}.nut-stats {
    margin-top: 10px;
    font-size: 10px;
    color: #888;
}.anger-bar {
    width: 150px;
    height: 6px;
    background: #111;
    margin: 5px auto;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #444;
}.anger-fill {
    width: 85%;
    height: 100%;
    background: linear-gradient(to right, #ff4444, #8a1c1c);
    transition: width 0.3s ease;
}/* --- 7. (修改) 侧面描写：老周的错别字备忘录 --- */
.sticky-note {
    background: #fefbd8;
    color: #333;
    padding: 15px;
    width: 90%;
    margin: 0 auto 20px auto;
    box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
    font-family: var(--font-hand);
    font-size: 15px;
    transform: rotate(1deg);
    position: relative;
}.sticky-note::before {
    content: "";
    position: absolute;
    top: -10px; left: 50%; transform: translateX(-50%);
    width: 30%; height: 15px;
    background: rgba(255,255,255,0.4);
}.sticky-title {
    font-weight: bold;
    border-bottom: 1px dashed #999;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 16px;
}.todo-item {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}.todo-box {
    width: 12px; height: 12px; border: 1px solid #333; margin-right: 5px;
}/* --- 8. 新增：电子木鱼 --- */
.muyu-section {
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 5px;
    padding: 15px;
    text-align: center;
    margin: 20px auto;
    position: relative;
}.muyu-title {
    font-family: var(--font-title);
    color: #888;
    font-size: 14px;
    margin-bottom: 10px;
    letter-spacing: 1px;
}.muyu-icon {
    font-size: 40px;
    cursor: pointer;
    display: inline-block;
    transition: transform 0.1s;
    user-select: none;
}.muyu-icon:active {
    transform: scale(0.9);
}.muyu-note {
    font-size: 10px;
    color: #555;
    margin-top: 10px;
    font-style: italic;
}.muyu-hit-text {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    color: var(--zhou-gold);
    font-weight: bold;
    opacity: 0;
    pointer-events: none;
    font-size: 14px;
}.muyu-icon:active + .muyu-hit-text {
    animation: floatText 0.5s ease-out;
}/* --- 9. 运势签筒 --- */
.fortune-box { margin-top: 20px; }.fortune-btn {
    display: block;
    width: 100%;
    padding: 15px;
    background: linear-gradient(to right, #5c0e0e, #8a1c1c, #5c0e0e);
    color: #ffd700;
    text-align: center;
    font-family: var(--font-title);
    font-size: 20px;
    border: 2px solid #a62424;
    border-radius: 4px;
    cursor: pointer;
    list-style: none;
    transition: 0.3s;
}.fortune-btn:hover {
    box-shadow: 0 0 20px rgba(138, 28, 28, 0.5);
    text-shadow: 0 0 5px #ffd700;
}.fortune-btn::-webkit-details-marker { display: none; }.fortune-result {
    margin-top: 10px;
    padding: 15px;
    background: #1a1a1a;
    border: 1px dashed var(--zhou-gold);
    text-align: center;
    animation: slideDown 0.5s ease;
}.fortune-tag {
    display: inline-block;
    border: 2px solid var(--zhou-gold);
    padding: 5px 15px;
    font-family: var(--font-title);
    font-size: 24px;
    color: var(--zhou-gold);
    margin-bottom: 10px;
}.fortune-note { font-size: 11px; color: #666; font-style: italic; }@keyframes blink { 0%,100%{opacity:0.5}50% {opacity:1} }@keyframes slideDown { from{opacity:0;transform:translateY(-10px)}to {opacity:1;transform:translateY(0)} }@keyframes nutRotate { 0%{transform:rotate(0deg)}25% {transform:rotate(5deg)}75% {transform:rotate(-5deg)}100% {transform:rotate(0deg)} }@keyframes floatText { 0%{opacity:1;transform:translate(-50%,0)}100% {opacity:0;transform:translate(-50%,-20px)} }

</style>

<div class="zhou-container">

    <!-- 1. 翻转名片区 (正面 + 背面) -->
    <div class="card-scene">
        <div class="card-object">
          <!-- 正面 -->
          <div class="card-face card-front">
          <div class="front-logo">PANSHI MINING GROUP</div>
          <h1 class="front-name">周 振 雄</h1>
          <div class="front-title">磐石矿业集团 · 董事长</div>
          <div class="flip-hint">▼ 按住/点击查看背面详情 ▼</div>
          </div>
          <!-- 背面 (年龄41) -->
          <div class="card-face card-back">
          <div class="info-grid">
          <div class="info-item">
          <span>Full Name</span>
          <span>周振雄 (Teal Zhou)</span>
          </div>
          <div class="info-item">
          <span>Origin</span>
          <span>晋北山区 · 贫农</span>
          </div>
          <div class="info-item">
          <span>Height</span>
          <span>191 CM (压迫感)</span>
          </div>
          <div class="info-item">
          <span>Role</span>
          <span>矿业 / 地产 / 资方</span>
          </div>
          <div class="info-item">
          <span>Character</span>
          <span>江湖气 · 实用主义</span>
          </div>
          <div class="info-item">
          <span>Age</span>
          <span style="color:#fff; border-bottom:1px solid var(--zhou-gold);">41 (正值壮年)</span>
          </div>
          </div>
          </div>
        </div>
    </div>

    <!-- 2. 铁柱OS -->
    <div class="tiezhu-os">
        <div class="tiezhu-text">
          "这设计公司收了老子五万块，就给整这么个黑不溜秋的？说是啥...低调奢华？算了，看着是挺唬人的，那行金字够亮堂，发出去也有面儿。"
        </div>
    </div>

    <!-- 3. 人物百科 -->
    <div class="baike-section">
        <div class="baike-header">
          <span class="baike-title">人物履历</span>
          <span class="baike-sub">Biography</span>
        </div>
        <div class="baike-content">
          <span class="baike-tag">16岁</span> 辍学南下，跟随同乡王建军闯荡，睡过半个月桥洞。<br>
          <span class="baike-tag">20+岁</span> 回乡投身煤矿，因塌方事故断腿，学会“用脑子赚钱”。<br>
          <span class="baike-tag">28岁</span> 赌身家承包小煤矿，经历“巷战”确立江湖地位，开启逆袭。<br>
          <span class="baike-tag">40岁</span> 创立磐石集团，涉足娱乐投资，信奉实用主义与江湖道义。
        </div>
        <br>
        <div class="baike-header">
          <span class="baike-title">社会关系</span>
          <span class="baike-sub">Social Network</span>
        </div>
        <div class="baike-content" style="display: flex; gap: 8px; flex-wrap: wrap;">
          <div class="relation-box">
          <b style="color:#fff">赵德发</b> <span style="font-size:11px">过命兄弟</span>
          </div>
          <div class="relation-box">
          <b style="color:#fff">李胜利</b> <span style="font-size:11px">军师/心腹</span>
          </div>
          <div class="relation-box">
          <b style="color:#fff">周铁山</b> <span style="font-size:11px">大哥(疏离)</span>
          </div>
          <div class="relation-box">
          <b style="color:#fff">周秀云</b> <span style="font-size:11px">妹妹(已出嫁)</span>
          </div>
          <div class="relation-box">
          <b style="color:#fff">王建军</b> <span style="font-size:11px">前领路人</span>
          </div>
          <div class="relation-box relation-special">
          <b style="color:#e0c068">你</b> <span style="font-size:11px; color:#a68b44">(金丝雀/？)</span>
          </div>
        </div>
    </div>

    <!-- 4. 办公室玄学布局 (含大师建议) -->
    <div class="office-map-container">
        <div class="map-title">董事长办公室 · 风水布局图</div>
        <div class="office-grid">
          <!-- 第一排 -->
          <div class="furniture toilet">卫生间</div>
          <div class="furniture painting-wall">
          <span style="margin:0 5px">【难得糊涂】</span>
          <span style="margin:0 5px; font-size:16px">【精忠报国】</span>
          <span style="margin:0 5px">【天道酬勤】</span>
          </div>
          <div class="furniture god-statue">关公像</div>
          <!-- 中间 -->
          <div class="furniture entrance">入口</div>
          <div class="furniture desk-area">
          <span style="color:#d4af37; font-weight:bold; margin-bottom:2px;">老板桌</span>
          <span style="font-size:9px; color:#888;">(坐北朝南·掌握全局)</span>
          </div>
          <div class="furniture fishtank">金龙鱼缸<br>(财位)</div>
          <!-- 底部 -->
          <div class="furniture bed-room">休息室<br><span style="font-size:9px">(老铁床)</span></div>
          <div class="furniture sofa-area">真皮沙发待客区<br><span style="font-size:9px">(茶桌/烟灰缸)</span></div>
          <div class="furniture" style="grid-column:5/6; grid-row:3/5; border:none; border-left:2px solid #444; display:flex; flex-direction:column; justify-content:center;">
          <div style="border:1px solid #444; padding:2px; margin:2px; font-size:8px;">发财树</div>
          <div style="border:1px solid #444; padding:2px; margin:2px; font-size:8px;">摇钱树</div>
          </div>
        </div>
        
        <!-- 大师建议 -->
        <div class="fengshui-notes">
          <div class="note-item">
          <span class="note-mark">批:</span>
          <span>"金龙鱼死了一条赶紧补上，必须是单数！(香港王大师)"</span>
          </div>
          <div class="note-item">
          <span class="note-mark">批:</span>
          <span>"进门左手边的发财树叶子黄了，漏财之兆，速换。(五台山张道长)"</span>
          </div>
          <div class="note-item">
          <span class="note-mark">批:</span>
          <span>"桌腿下面要垫五帝钱，压得住煞气，方能坐得稳。(李半仙)"</span>
          </div>
        </div>
    </div>

    <!-- 5. 桌面交互栏 -->
    <div class="desk-interactive">
        <div class="desk-title">▼ 办公桌私人物品 (点击查看详情) ▼</div>
        <div class="desk-items-row">
          
          <details class="desk-item-wrapper">
          <summary>
          <span class="desk-icon">📱</span>
          <span style="font-size:10px; color:#aaa;">老款华为</span>
          </summary>
          <div class="item-detail">
          <b>正在播放：</b><br>
          视频号 - “单田芳评书《水浒传》第32回”<br>
          <i style="font-size:10px; color:#888;">*声音外放调到了最大</i>
          </div>
          </details>

          <details class="desk-item-wrapper">
          <summary>
          <span class="desk-icon">📑</span>
          <span style="font-size:10px; color:#aaa;">加急合同</span>
          </summary>
          <div class="item-detail">
          <b>项目文件：</b><br>
          《关于城西地块开发二期工程》<br>
          <i style="font-size:10px; color:#888;">*旁边放着一包拆开的硬中华</i>
          </div>
          </details>

          <details class="desk-item-wrapper">
          <summary>
          <span class="desk-icon">🐱</span>
          <span style="font-size:10px; color:#aaa;">纯金招财猫</span>
          </summary>
          <div class="item-detail">
          <b>摆件描述：</b><br>
          一只手臂摇得飞快的纯金招财猫。<br>
          <!-- 修改点：hallo后面加省略号 -->
          <i style="font-size:10px; color:#888;">*越看越像hallo……一定是看走眼了</i>
          </div>
          </details>

          <details class="desk-item-wrapper">
          <summary>
          <span class="desk-icon">📄</span>
          <span style="font-size:10px; color:#aaa;">压在玻璃下</span>
          </summary>
          <div class="item-detail">
          <b>录取通知书复印件：</b><br>
          资助的学生 [李*强] 考入了首都理工大学。<br>
          <i style="font-size:10px; color:#888;">*右上角用红笔画了个圈</i>
          </div>
          </details>

          <details class="desk-item-wrapper">
          <summary>
          <span class="desk-icon">🍵</span>
          <span style="font-size:10px; color:#aaa;">保温杯</span>
          </summary>
          <div class="item-detail">
          <b>今日特饮：</b><br>
          特级枸杞 + 长白山人参片。<br>
          <i style="font-size:10px; color:#888;">*为了对冲昨晚喝的一斤白酒</i>
          </div>
          </details>

        </div>
    </div>

    <!-- 6. (还原) 互动模块：静心核桃 -->
    <div class="nut-section">
        <div class="nut-title">【 静心核桃 · 只有这个能降火 】</div>
        <br>
        <div class="nut-container">
          <!-- 左核桃 -->
          <div class="nut-icon">🌰</div>
          <!-- 右核桃 -->
          <div class="nut-icon" style="animation-delay: -5s;">🌰</div>
        </div>
        <div class="nut-stats">
          <div>当前包浆程度：LV.5 (油光锃亮)</div>
          <div style="display:flex; align-items:center; justify-content:center; gap:5px; margin-top:5px;">
          <span>当前火气值：</span>
          <div class="anger-bar"><div class="anger-fill"></div></div>
          <span style="color:#ff4444">85%</span>
          </div>
          <div style="font-size:9px; margin-top:5px; color:#666;">(点击核桃模拟“盘它” / 包浆+1 火气-1)</div>
        </div>
    </div>

    <!-- 7. (修改) 侧面描写：老周的错别字备忘录 -->
    <div class="sticky-note">
        <div class="sticky-title">老周的记事本</div>
        <div class="todo-item">
          <div class="todo-box"></div> 
          <!-- 错别字：合茶 -->
          <span>下午3点：和区里王主任<b style="color:#000">合茶</b> (记得带那两瓶好酒)</span>
        </div>
        <div class="todo-item">
          <div class="todo-box"></div>
          <!-- 错别字：栗子高 -->
          <span>晚上8点：去接ta (买内家要排队的<b style="color:#000">栗子高</b>)</span>
        </div>
        <div class="todo-item">
          <div class="todo-box" style="background:#333"></div>
          <!-- 错别字：赌厂 -->
          <span style="text-decoration:line-through; color:#777;">提醒老赵别再那个<b style="color:#555">赌厂</b>玩了</span>
        </div>
        <div class="todo-item">
          <div class="todo-box"></div>
          <!-- 错别字：升活费 -->
          <span>给秀云家那小子转两千<b style="color:#000">升活费</b></span>
        </div>
    </div>

    <!-- 8. 新增：电子木鱼 -->
    <div class="muyu-section">
        <div class="muyu-title">【 电子木鱼 · 赛博积德 】</div>
        <div class="muyu-icon">🐟</div>
        <div class="muyu-hit-text">功德 +1</div>
        <div class="muyu-note">(系统提示：今日已敲 1080 下，神仙都嫌吵)</div>
    </div>

    <!-- 9. 运势签筒 -->
    <details class="fortune-box">
        <summary class="fortune-btn">🧧 今日运势 · 点击抽取 🧧</summary>
        <div class="fortune-result">
          <div class="fortune-tag">【上上签 · 紫气东来】</div>
          <p style="color: #ccc; font-size: 14px; margin: 10px 0;">
          "大吉大利，万事胜意。所求皆如愿，所行化坦途。"
          </p>
          <div class="fortune-note">
          (系统记录：用户周振雄今日第 8 次抽取，前 7 次结果“中平/下下”已被物理销毁)
          </div>
        </div>
    </details>

</div>