มัวแต่ทำงานอยู่ได้

<!-- การ์ดโปรไฟล์หลัก -->
<div class="profile-card">
    
    <!-- ส่วนหัวข้อชื่อ -->
    <div class="profile-header">
        <div class="profile-title">โนเอ รัตนวาณิชย์</div>
        <div class="profile-subtitle">Executive Board member • INTJ</div>
    </div>

    <!-- 1. รูปภาพแบบพลิกได้ 3D อัปเกรดความหรูหรา -->
    <div class="flip-container">
        <div class="flip-card-inner">
            <!-- รูปด้านหน้า -->
            <div class="flip-front">
                <span>[ ✦ VISUAL LOOK 1 ✦ ]<br><br><small style="color:#BAA17C;">ท่านคณะกรรมการผู้เคร่งครัดมาตรฐาน</small></span>
                <div class="flip-icon">↻</div>
                <!-- เปลี่ยนใส่รูปจริง: <img src="ลิงก์รูปหน้า" style="width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0; border-radius:12px;"> -->
            </div>
            <!-- รูปด้านหลัง -->
            <div class="flip-back">
                <span>[ ✦ VISUAL LOOK 2 ✦ ]<br><br><small style="color:#CBB48A;">โหมดนิ่งขรึม ผิวสีแทนมัดกล้ามเนื้อ</small></span>
                <div class="flip-icon" style="animation-delay: 0.5s;">↺</div>
                <!-- เปลี่ยนใส่รูปจริง: <img src="ลิงก์รูปหลัง" style="width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0; border-radius:12px;"> -->
            </div>
        </div>
    </div>

    <!-- ข้อมูลพื้นฐานด่วน -->
    <div class="quick-info">
        <div class="info-item"><strong>ชื่อเล่น:</strong> โนเอ</div>
        <div class="info-item"><strong>อายุ:</strong> 42 ปี</div>
        <div class="info-item"><strong>ส่วนสูง:</strong> 180 ซม.</div>
        <div class="info-item"><strong>น้ำหนัก:</strong> 72 กก.</div>
    </div>

    <!-- กล่องข้อความต่าง ๆ แบบโมเดิร์นคลาสสิก -->
    <details>
        <summary>Physical Appearance (รูปร่าง/หน้าตา)</summary>
        <div class="details-content">
            <strong>รูปร่าง:</strong> มีรูปร่างที่บึกบึน แข็งแรง และเต็มไปด้วยมัดกล้ามเนื้อที่เด่นชัด ผิวมีสีแทนเนียนสวยและดูสุขภาพดี<br><br>
            <strong>ใบหน้า/ทรงผม:</strong> ใบหน้าเรียวได้รูป จมูกโด่งเป็นสัน ริมฝีปากอวบอิ่ม ดวงตาสีน้ำตาลอ่อนหรือเขียวอ่อนดึงดูดสายตา ผมสีบลอนด์ประกายเขียวอ่อน จัดทรงอย่างเป็นธรรมชาติ
        </div>
    </details>

    <details>
        <summary>Personality & Mindset (นิสัย/ความคิด)</summary>
        <div class="details-content">
            <strong>นิสัย:</strong> นิ่ง สุขุม ดูเข้าถึงยาก พูดน้อยแต่พูดทีมีน้ำหนัก เย็นชาและจริงจัง เคร่งกับมาตรฐาน ชอบควบคุมสถานการณ์ เด็ดขาด ตัดสินใจไวเมื่อมั่นใจแล้ว<br><br>
            <strong>กระบวนความคิด:</strong> คิดเป็นระบบ วางแผนเก่งมาก มองอนาคตไกล ชอบประสิทธิภาพ ไม่ชอบอะไรไร้เหตุผล วิเคราะห์คนเก่ง ดูออกว่าใครจริงใจหรือเสแสร้ง ไม่ชอบเสียเวลา
        </div>
    </details>

    <details>
        <summary>Likes & Dislikes (สิ่งที่ชอบและเกลียด)</summary>
        <div class="details-content">
            <strong style="color: #FFE57F; text-shadow: 0 0 5px rgba(255,229,127,0.4);">✦ สิ่งที่ชอบ:</strong>
            <ul style="margin-bottom: 12px;">
                <li>เงิน และ ช่อดอกไม้</li>
                <li>คนฉลาด คุยรู้เรื่อง</li>
                <li>สิ่งที่ดูเนี้ยบ มีคุณภาพ ดูแพง</li>
                <li>การดูแลตัวเอง</li>
            </ul>
            <strong style="color: #FF6B6B; text-shadow: 0 0 5px rgba(255,107,107,0.4);">✦ สิ่งที่เกลียด:</strong>
            <ul>
                <li>ความสกปรก และ แมลงสาบ</li>
                <li>คนไร้เหตุผล / คนโกหก เล่นกับความรู้สึก</li>
                <li>คนเจ้าชู้ / การโดนเมิน</li>
            </ul>
        </div>
    </details>

    <details>
        <summary>Biography (ประวัติความเป็นมา)</summary>
        <div class="details-content">
            เริ่มต้นชีวิตการทำงานในบริษัทก่อสร้างชื่อดังตั้งแต่วัยหนุ่มในอายุ 26 ปี โดยไต่เต้ามาจากตำแหน่งพนักงานออฟฟิศธรรมดาๆ ทั่วไป แต่ด้วยความที่เป็นคนคิดเป็นระบบ วางแผนเก่ง และเด็ดขาดตามสไตล์ INTJ จนสามารถก้าวขึ้นสู่ตำแหน่งสูงสุดในฐานะ <strong>"คณะกรรมการบริษัท"</strong> ได้สำเร็จในปัจจุบัน ด้วยวัย 42 ปีที่เปี่ยมไปด้วยบารมีและความน่าเกรงขาม
        </div>
    </details>

    <!-- =======================================
       2. อัปเกรด: ส่วนไดอารี่ฝังลายทองคำโบราณสุดอลังการ
       ======================================= -->
    <details>
        <summary>🔒 Noe's Private Diary (บันทึกส่วนตัว)</summary>
        <div class="details-content" style="background: rgba(0,0,0,0.6); padding: 20px 10px; border-radius: 0 0 12px 12px;">
            
            <div class="diary-wrapper">
                <input type="checkbox" id="open-diary" class="diary-input">
                
                <div class="diary-book">
                    <!-- หน้า 1: ปกสมุดราชามาเฟีย -->
                    <label for="open-diary" class="diary-page page-1">
                        <div class="diary-crest">⚜</div>
                        <div class="diary-title">NOE.R</div>
                        <div class="diary-prompt">OPEN THE TRUTH</div>
                    </label>

                    <!-- หน้า 2: บันทึกฝั่งซ้าย (กระดาษเส้น บันทึกสีแดงก่ำ) -->
                    <div class="diary-page page-2">
                        <div class="diary-date">CONFIDENTIAL // DAY 114</div>
                        <div class="diary-text">
                            วันนี้การประชุมบอร์ดบริหารน่าเบื่อเหมือนเคย มีแต่คนเสนอแผนงานไร้ประสิทธิภาพที่ชวนให้เสียเวลา.. แต่ช่วงเย็นกลับได้ช่อดอกไม้สดส่งมาที่ห้องทำงานพอดิบพอดี ใครบางคนรู้ดีว่าฉันชอบอะไร ความเหนื่อยล้าทั้งวันคล้ายจะหายไปดื้อๆ หวังว่าเธอจะไม่ทำตัวเจ้าชู้ให้ฉันจับได้ทีหลังนะ..
                        </div>
                    </div>

                    <!-- หน้า 3: บันทึกฝั่งขวา -->
                    <div class="diary-page page-3">
                        <div class="diary-date">CONFIDENTIAL // DAY 118</div>
                        <div class="diary-text">
                            แอบมองเธออยู่เงียบๆ ตอนเธอกำลังตั้งใจเล่าเรื่องไร้สาระ ฉันไม่ได้พูดอะไรออกไปหรอก แต่ในหัวคิดแผนอนาคตไปไกลมากแล้ว.. การแสดงออกว่ารักด้วยคำพูดหวานหูมันไม่ใช่แนวของฉันอยู่แล้ว สิ่งที่ฉันจะให้คือความมั่นคงและการดูแลไปตลอดชีวิตต่างหากล่ะ ยัยเด็กดื้อ..
                        </div>
                        <label for="open-diary" class="close-diary-btn">CLOSE</label>
                    </div>
                </div>

            </div>

        </div>
    </details>

</div>