Parida โพสต์ 2025-9-16 19:13:13


<div style="position: relative; font-family: 'Kanit', sans-serif; background: linear-gradient(135deg, #0a0a0a 0%, #1a0033 50%, #2d1b69 100%); min-height: 100vh; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 20px; overflow-x: hidden;">

<!-- Magical floating particles -->
<div style="position: fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:1;">
    <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#fff 0%,transparent 70%);border-radius:50%;top:10%;left:10%;animation:floatParticle 8s infinite linear;opacity:0.7;"></div>
    <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#fff 0%,transparent 70%);border-radius:50%;top:20%;left:30%;animation:floatParticle 10s infinite linear;opacity:0.7;"></div>
    <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#fff 0%,transparent 70%);border-radius:50%;top:50%;left:70%;animation:floatParticle 12s infinite linear;opacity:0.7;"></div>
    <style>
      @keyframes floatParticle {
      0% { transform: translateY(100vh) rotate(0deg); opacity:0; }
      10% { opacity:0.7; }
      90% { opacity:0.7; }
      100% { transform: translateY(-100px) rotate(360deg); opacity:0; }
      }
    </style>
</div>

<!-- Main newspaper container -->
<div style="position: relative; z-index: 10; max-width: 1400px; width: 100%; border-radius: 25px; padding: 10px; background: linear-gradient(145deg, #2a2a2a 0%, #1c1c1c 100%); border: 3px solid transparent; box-shadow: 0 0 50px rgba(106,13,173,0.7), inset 0 0 30px rgba(255,255,255,0.1); background-clip: padding-box; display:flex; flex-direction:column;">

    <!-- Inner frame with glow -->
    <div style="position: relative; border-radius: 20px; padding: 30px; background: radial-gradient(at center top, rgb(61, 26, 120) 0%, rgb(46, 0, 62) 50%, rgb(26, 0, 31) 100%); border: 4px solid rgb(106, 13, 173); overflow: hidden; box-shadow: rgba(177, 156, 217, 0.4) 0px 0px 30px inset; display: flex; flex-direction: column;">

      <!-- Header -->
      <div style="color: rgb(255, 255, 255); position: absolute; top: 25px; left: 50%; transform: translateX(-50%); font-size: 36px; font-weight: 700; text-shadow: rgb(177, 156, 217) 0px 0px 25px, rgb(106, 13, 173) 0px 0px 50px, rgba(0, 0, 0, 0.8) 2px 2px 6px; letter-spacing: 2px;">ค่ายฮาล์ฟบลัด</div>
      <div style="color: rgb(209, 196, 233); position: absolute; top: 30px; right: 35px; font-size: 20px; font-weight: 500; background: rgba(255, 255, 255, 0.1); padding: 8px 15px; border-radius: 15px; backdrop-filter: blur(10px); border: 1px solid rgba(177, 156, 217, 0.3);">วันที่: 16/09/2025</div>

      <!-- Main title -->
      <div style="color: rgb(224, 215, 248); text-align: center; font-size: 32px; margin-top: 80px; font-weight: 600; text-shadow: rgb(177, 156, 217) 0px 0px 20px, rgb(106, 13, 173) 0px 0px 40px; letter-spacing: 1px; position: relative;">
      บันรูปภาพทึกลึกลับ ของ บุตรีเฮคาที ฉบับที่ 114<div style="position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:250px;height:2px;background:linear-gradient(90deg,transparent,#b19cd9,transparent);box-shadow:0 0 10px #b19cd9,0 0 20px #e0d7f8;"></div>
      </div>

      <!-- Content area scrollable -->
      <div style="display: flex; margin-top: 40px; gap: 30px; align-items: flex-start; flex-wrap: wrap;">

      <!-- Character image -->
      <div style="color: rgb(255, 255, 255); flex: 1 1 0%; min-width: 250px; display: flex; justify-content: center; align-items: flex-start;">
          <div style="width:100%;max-width:350px;border:5px solid transparent;border-radius:20px;background:linear-gradient(145deg,#b19cd9,#6a0dad);padding:3px;transition:all 0.3s ease;box-shadow:0 0 25px rgba(177,156,217,0.7);">
            <img src="https://img5.pic.in.th/file/secure-sv1/1000065673.md.jpg" alt="บุตรีเฮคาที" style="width:100%;border-radius:15px;display:block;transition:transform 0.3s ease;">
          </div>
      </div>

      <!-- Story content scrollable -->
      <div style="flex: 2.5 1 0%; background: rgba(255, 255, 255, 0.08); border: 2px solid rgb(106, 13, 173); border-radius: 15px; padding: 25px; line-height: 2; font-size: 19px; font-family: Sarabun, sans-serif; box-shadow: rgba(177, 156, 217, 0.3) 0px 0px 30px inset, rgba(106, 13, 173, 0.3) 0px 0px 25px; max-height: 400px; overflow-y: auto; backdrop-filter: blur(6px); position: relative;">
          <p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">แสงแดดยามบ่ายทาบทาลงบนเส้นทางหินกรวดที่ทอดออกจาก กองไฟกลางค่าย ร่างของ ภริดา อารยภักดีเทวราช หรือ ริดา เคลื่อนไหวอย่างมั่นคงสง่างาม เรียวขาของเธอก้าวไปข้างหน้าอย่างเงียบสงบ แต่ในใจกลับเต็มไปด้วยความตื่นเต้นปนระแวดระวัง</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">​เธอเดินผ่านลานซ้อมและศาลาเวทอันคุ้นเคย จนกระทั่งสายตาเห็น ประตูค่าย ตั้งตระหง่านอยู่เบื้องหน้า ประตูไม้โอ๊คโบราณสลักด้วยสัญลักษณ์ป้องกันเวทมนตร์ทอดเงายาวภายใต้แสงแดดอุ่น ริดาหยุดยืนตรงนั้น สูดลมหายใจลึกเพื่อเรียกสมาธิ ก่อนจะก้าวพ้นเขตคุ้มครองของค่ายออกไป</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><font color="#ffc0cb">ริดาเดินทางออกจากบริเวณประตูค่าย ไปยัง ตลาดนัดลองไอช์แลนด์</font></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">​</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">​</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">​</p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><br></p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><font color="#9acd32"><br></font></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="text-align: right; color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">​</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">​</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">​</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">​</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p>

          <!-- Magical scrollbar -->
          <style>
            ::-webkit-scrollbar { width:12px; }
            ::-webkit-scrollbar-track { background: rgba(46,0,62,0.3); border-radius:10px; }
            ::-webkit-scrollbar-thumb { background: linear-gradient(180deg,#b19cd9,#ffd700); border-radius:10px; box-shadow:0 0 10px #ffd700,0 0 20px #b19cd9; }
            ::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg,#ffd700,#e0d7f8); box-shadow:0 0 20px #ffd700,0 0 40px #b19cd9; }
          </style>
      </div>
      </div>

    </div>

    <!-- Footer fixed at bottom of page for items & skills -->
    <div style="position: sticky; bottom: 0px; width: 100%; display: flex; justify-content: space-around; align-items: center; background: linear-gradient(145deg, rgb(106, 13, 173), rgb(177, 156, 217)); padding: 15px 20px; border-top: 3px solid rgb(255, 215, 0); border-radius: 0px 0px 25px 25px; box-shadow: rgba(177, 156, 217, 0.5) 0px -5px 20px; font-weight: 600; font-size: 18px;">
      <div><font color="#ffffff">สถานที่: </font>ประตูค่าย</div>
      <div><span style="color: #ffffff;">หัวข้อ: </span>​เส้นทางสู่ตลาดลองไอแลนด์</div>
    </div>

</div>
</div>

Parida โพสต์ 2025-9-18 00:50:11


<div style="position: relative; font-family: 'Kanit', sans-serif; background: linear-gradient(135deg, #0a0a0a 0%, #1a0033 50%, #2d1b69 100%); min-height: 100vh; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 20px; overflow-x: hidden;">

<!-- Magical floating particles -->
<div style="position: fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:1;">
    <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#fff 0%,transparent 70%);border-radius:50%;top:10%;left:10%;animation:floatParticle 8s infinite linear;opacity:0.7;"></div>
    <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#fff 0%,transparent 70%);border-radius:50%;top:20%;left:30%;animation:floatParticle 10s infinite linear;opacity:0.7;"></div>
    <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#fff 0%,transparent 70%);border-radius:50%;top:50%;left:70%;animation:floatParticle 12s infinite linear;opacity:0.7;"></div>
    <style>
      @keyframes floatParticle {
      0% { transform: translateY(100vh) rotate(0deg); opacity:0; }
      10% { opacity:0.7; }
      90% { opacity:0.7; }
      100% { transform: translateY(-100px) rotate(360deg); opacity:0; }
      }
    </style>
</div>

<!-- Main newspaper container -->
<div style="position: relative; z-index: 10; max-width: 1400px; width: 100%; border-radius: 25px; padding: 10px; background: linear-gradient(145deg, #2a2a2a 0%, #1c1c1c 100%); border: 3px solid transparent; box-shadow: 0 0 50px rgba(106,13,173,0.7), inset 0 0 30px rgba(255,255,255,0.1); background-clip: padding-box; display:flex; flex-direction:column;">

    <!-- Inner frame with glow -->
    <div style="position: relative; border-radius: 20px; padding: 30px; background: radial-gradient(at center top, rgb(61, 26, 120) 0%, rgb(46, 0, 62) 50%, rgb(26, 0, 31) 100%); border: 4px solid rgb(106, 13, 173); overflow: hidden; box-shadow: rgba(177, 156, 217, 0.4) 0px 0px 30px inset; display: flex; flex-direction: column;">

      <!-- Header -->
      <div style="color: rgb(255, 255, 255); position: absolute; top: 25px; left: 50%; transform: translateX(-50%); font-size: 36px; font-weight: 700; text-shadow: rgb(177, 156, 217) 0px 0px 25px, rgb(106, 13, 173) 0px 0px 50px, rgba(0, 0, 0, 0.8) 2px 2px 6px; letter-spacing: 2px;">ค่ายฮาล์ฟบลัด</div>
      <div style="color: rgb(209, 196, 233); position: absolute; top: 30px; right: 35px; font-size: 20px; font-weight: 500; background: rgba(255, 255, 255, 0.1); padding: 8px 15px; border-radius: 15px; backdrop-filter: blur(10px); border: 1px solid rgba(177, 156, 217, 0.3);">วันที่: 18/09/2025</div>

      <!-- Main title -->
      <div style="color: rgb(224, 215, 248); text-align: center; font-size: 32px; margin-top: 80px; font-weight: 600; text-shadow: rgb(177, 156, 217) 0px 0px 20px, rgb(106, 13, 173) 0px 0px 40px; letter-spacing: 1px; position: relative;">
      บันรูปภาพทึกลึกลับ ของ บุตรีเฮคาที ฉบับที่ 123<div style="position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:250px;height:2px;background:linear-gradient(90deg,transparent,#b19cd9,transparent);box-shadow:0 0 10px #b19cd9,0 0 20px #e0d7f8;"></div>
      </div>

      <!-- Content area scrollable -->
      <div style="display: flex; margin-top: 40px; gap: 30px; align-items: flex-start; flex-wrap: wrap;">

      <!-- Character image -->
      <div style="color: rgb(255, 255, 255); flex: 1 1 0%; min-width: 250px; display: flex; justify-content: center; align-items: flex-start;">
          <div style="width:100%;max-width:350px;border:5px solid transparent;border-radius:20px;background:linear-gradient(145deg,#b19cd9,#6a0dad);padding:3px;transition:all 0.3s ease;box-shadow:0 0 25px rgba(177,156,217,0.7);">
            <img src="https://img5.pic.in.th/file/secure-sv1/1000065673.md.jpg" alt="บุตรีเฮคาที" style="width:100%;border-radius:15px;display:block;transition:transform 0.3s ease;">
          </div>
      </div>

      <!-- Story content scrollable -->
      <div style="flex: 2.5 1 0%; background: rgba(255, 255, 255, 0.08); border: 2px solid rgb(106, 13, 173); border-radius: 15px; padding: 25px; line-height: 2; font-size: 19px; font-family: Sarabun, sans-serif; box-shadow: rgba(177, 156, 217, 0.3) 0px 0px 30px inset, rgba(106, 13, 173, 0.3) 0px 0px 25px; max-height: 400px; overflow-y: auto; backdrop-filter: blur(6px); position: relative;">
          <p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">หลังจากการต่อสู้กับก็อบลินสองตัวที่ Hayden Planetarium สิ้นสุดลงภายใต้แสงแดดที่เจิดจ้า ริดา เช็ดทำความสะอาดมีดสั้นสัมฤทธิ์คู่ใจและเก็บเข้าฝัก ก่อนจะปรับท่วงท่าให้ดูเรียบง่ายที่สุดเพื่อไม่ให้ผู้คนในแมนฮัตตันสังเกตเห็น</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">​เธอเดินไปตามถนนในย่าน Upper West Side ที่เต็มไปด้วยผู้คนและอาคารสูงสง่า ไม่นานนักก็เลี้ยวเข้าสู่ สถานีรถไฟใต้ดิน 81 St – Museum of Natural History Station ที่อยู่ห่างจากจุดต่อสู้เพียงไม่กี่นาที เธอลงไปที่ชานชาลาและขึ้นรถไฟใต้ดิน สาย B ที่กำลังมุ่งหน้าสู่ Downtown Manhattan</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">​ประมาณ 15 นาทีต่อมา รถไฟก็จอดที่สถานี 34 St – Penn Station ซึ่งเป็นสถานีขนาดใหญ่ที่มีผู้คนพลุกพล่าน ริดารีบเดินไปยังส่วนของรถไฟ Long Island Rail Road (LIRR) เธอซื้อตั๋วสำหรับเส้นทาง Port Washington Branch</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">​ระหว่างการเดินทางประมาณ 50 นาที วิวทิวทัศน์นอกหน้าต่างค่อยๆ เปลี่ยนจากตึกระฟ้ากลายเป็นบ้านเรือนในย่านชานเมือง และเธอก็รู้สึกได้ถึงกลิ่นไอทะเลจางๆ จาก Long Island ในที่สุด รถไฟก็มาถึงจุดหมายที่ Port Washington Station</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">​หลังจากลงจากรถไฟ ริดาได้เรียกแท็กซี่ท้องถิ่นและเดินทางไปตามถนน Montauk Highway อีกประมาณ 15 นาที ก่อนจะลงจากรถและเดินต่อด้วยตัวเอง จนกระทั่งมาถึงที่หมายสุดท้าย... ประตูค่ายฮาล์ฟบลัด</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">​ด้วยความเหน็ดเหนื่อยจากการเดินทางแต่เต็มเปี่ยมไปด้วยความมั่นใจในชัยชนะ ริดาเงยหน้ามองประตูบานใหญ่ สายตาของเธอฉายแววเด็ดเดี่ยว พร้อมที่จะก้าวกลับสู่บ้านที่แท้จริงของเธออีกครั้ง</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><font color="#ffc0cb">ริดาเดินทางกลับมาถึงยังบริเวณค่ายฮาล์ฟบลัด</font></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">​</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">​</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">​</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><br></p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">​</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">​</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">​</p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><br></p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><font color="#9acd32"><br></font></p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><font color="#9acd32"><br></font></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="text-align: right; color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">​</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">​</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">​</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">​</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p>

          <!-- Magical scrollbar -->
          <style>
            ::-webkit-scrollbar { width:12px; }
            ::-webkit-scrollbar-track { background: rgba(46,0,62,0.3); border-radius:10px; }
            ::-webkit-scrollbar-thumb { background: linear-gradient(180deg,#b19cd9,#ffd700); border-radius:10px; box-shadow:0 0 10px #ffd700,0 0 20px #b19cd9; }
            ::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg,#ffd700,#e0d7f8); box-shadow:0 0 20px #ffd700,0 0 40px #b19cd9; }
          </style>
      </div>
      </div>

    </div>

    <!-- Footer fixed at bottom of page for items & skills -->
    <div style="position: sticky; bottom: 0px; width: 100%; display: flex; justify-content: space-around; align-items: center; background: linear-gradient(145deg, rgb(106, 13, 173), rgb(177, 156, 217)); padding: 15px 20px; border-top: 3px solid rgb(255, 215, 0); border-radius: 0px 0px 25px 25px; box-shadow: rgba(177, 156, 217, 0.5) 0px -5px 20px; font-weight: 600; font-size: 18px;">
      <div><font color="#ffffff">สถานที่: </font>ประตูค่าย</div><div><br></div><div><br></div>
      <div><span style="color: #ffffff;">หัวข้อ: </span>​"เส้นทางกลับบ้านหลังศึก: ริดากับการเดินทางจาก Hayden Planetarium"</div>
    </div>

</div>
</div>

Parida โพสต์ 2025-9-19 00:18:47


<div style="position: relative; font-family: 'Kanit', sans-serif; background: linear-gradient(135deg, #000000 0%, #1a0000 50%, #330000 100%); min-height: 100vh; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 20px; overflow-x: hidden;">

<!-- Magical floating particles -->
<div style="position: fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:1;">
    <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ff0000 0%,transparent 70%);border-radius:50%;top:10%;left:10%;animation:floatParticle 8s infinite linear;opacity:0.7;"></div>
    <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ff3333 0%,transparent 70%);border-radius:50%;top:20%;left:30%;animation:floatParticle 10s infinite linear;opacity:0.7;"></div>
    <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ff6666 0%,transparent 70%);border-radius:50%;top:50%;left:70%;animation:floatParticle 12s infinite linear;opacity:0.7;"></div>
    <style>
      @keyframes floatParticle {
      0% { transform: translateY(100vh) rotate(0deg); opacity:0; }
      10% { opacity:0.7; }
      90% { opacity:0.7; }
      100% { transform: translateY(-100px) rotate(360deg); opacity:0; }
      }
    </style>
</div>

<!-- Top Center Logo -->
<div style="position: relative; z-index: 20; text-align: center; margin-bottom: 20px;">
    <img src="https://img2.pic.in.th/pic/1000065888.md.png" alt="ค่ายฮาล์ฟบลัดโลโก้" style="width:150px; height:auto; border-radius:20px; box-shadow:0 0 25px rgba(255,0,0,0.8),0 0 50px rgba(0,0,0,0.9); background:rgba(0,0,0,0.4); padding:5px;">
</div>

<!-- Main Container -->
<div style="position: relative; z-index: 10; max-width: 1400px; width: 100%; border-radius: 25px; padding: 20px; background: linear-gradient(145deg, #1a1a1a 0%, #0d0d0d 100%); border: 3px solid transparent; box-shadow: 0 0 50px rgba(255,0,0,0.7), inset 0 0 30px rgba(255,0,0,0.2); background-clip: padding-box; display:flex; flex-direction:column; gap:20px;">

    <!-- Magical Header -->
    <div style="text-align:center; position:relative;">
      <h1 style="color:#ff3333;font-size:40px;font-weight:700;text-shadow:0 0 20px #ff0000,0 0 40px #990000,2px 2px 6px rgba(0,0,0,0.9);letter-spacing:3px;margin:0;">
      ค่ายฮาล์ฟบลัด
      </h1>
      <div style="color: #ff9999; font-size:18px; background: rgba(255,0,0,0.15); padding:8px 15px; border-radius:12px; backdrop-filter: blur(10px); border:1px solid rgba(255,0,0,0.3); position:absolute; right:0; top:0;">
      วันที่: 18/09/2025
      </div>
    </div>

    <!-- Main Content Layout -->
    <div style="display:flex; flex-wrap:wrap; gap:30px; align-items:flex-start;">

      <!-- Character Image -->
      <div style="flex:1 1 250px; display:flex; justify-content:center; align-items:flex-start;">
      <div style="width:100%;max-width:350px;border:5px solid transparent;border-radius:20px;background:linear-gradient(145deg,#ff0000,#660000);padding:3px;transition:all 0.3s ease;box-shadow:0 0 25px rgba(255,0,0,0.7);">
          <img src="https://img5.pic.in.th/file/secure-sv1/1000065673.md.jpg" alt="บุตรีเฮคาที" style="width:100%;border-radius:15px;display:block;transition:transform 0.3s ease;">
      </div>
      </div>

      <!-- Scrollable Story Area -->
      <div style="flex:2.5 1 0%; background: rgba(255, 0, 0, 0.08); border: 2px solid #660000; border-radius: 15px; padding: 25px; line-height: 2; font-size: 19px; font-family: Sarabun, sans-serif; box-shadow: rgba(255,0,0,0.3) 0px 0px 30px inset, rgba(255,0,0,0.2) 0px 0px 25px; max-height: 400px; overflow-y: auto; backdrop-filter: blur(6px); position: relative;">
      <div style="position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,transparent,#ff0000,transparent);"></div>
      
      <p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">ยามบ่ายแก่ๆ ณ ค่ายฮาล์ฟบลัด แสงอาทิตย์ที่คล้อยต่ำทาบทาเส้นทางจากทะเลสาบสู่ประตูค่ายเป็นเงาทอดยาว เสียงคลื่นจากทะเลและเสียงนกขับขานสร้างบรรยากาศสงบสุข แต่ในใจของ ภริดา อารยภักดีเทวราช หรือ ริดา กลับเต็มไปด้วยความตื่นเต้น หลังเสร็จสิ้นคาบเรียนภาษากรีกโบราณ เธอเร่งฝีเท้าไปยังประตูค่าย ความเหนื่อยล้าที่สะสมมาทั้งวันถูกลมเย็นพัดพาให้หายไป</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​การพบกันที่ประตูค่าย</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​ทันทีที่ริดามาถึง เธอเห็นร่างของชายหนุ่มคนหนึ่งยืนพิงเสาหิน เฟลิทซ์ ไฟร์เยอร์ ผมสีแดงเพลิงของเขาสะท้อนแสงตะวันยามเย็นเป็นประกายราวกับเปลวไฟที่กำลังเต้นรำ</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​เฟลิทซ์หันมาทันทีที่เห็นริดาเดินออกมา ใบหน้าของเขาเปื้อนรอยยิ้มกว้างที่ทั้งสดใสและแฝงความซุกซน "ในที่สุด! ฉันรอเธอจนเกือบจะปีนต้นสนธาเลียแล้วนะ ริดา" น้ำเสียงของเขาเจือความขี้เล่น</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​ริดาหัวเราะเบาๆ พลางส่ายหน้า "คาบเรียนของฉันเพิ่งจบเองนะเฟลิทซ์… แค่เดินมาก็แทบจะหอบแล้ว"</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​เฟลิทซ์ไม่ตอบ แต่ก้าวยาวเข้ามาจับมือเธอไว้แน่น มือของเขาร้อนราวกับมีเปลวไฟซ่อนอยู่ภายใน เขาโน้มตัวลงกระซิบข้างหูด้วยน้ำเสียงทุ้มต่ำ "ไปเที่ยวตลาดนัดลองไอช์แลนด์กันเถอะ วันนี้มีของใหม่ๆ เพียบ ได้ข่าวว่าแม้แต่ร้านเพลิงกรีกก็มาเปิดด้วยนะ…"</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​ริดารู้สึกถึงลมหายใจอุ่นๆ ที่ทำให้แก้มร้อนผ่าว เธอหลุบตาลงเล็กน้อยด้วยความลังเลปนสนใจ ก่อนจะเงยหน้าขึ้นตอบพร้อมรอยยิ้ม "ก็ได้… แต่ครั้งนี้สัญญานะเฟลิทซ์ ว่าเธอจะไม่ทำอะไรให้ตลาดลุกเป็นไฟอีก"</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​เฟลิทซ์หัวเราะเสียงดัง รอยยิ้มเผยให้เห็นฟันคมเหมือนหมาป่าหนุ่ม "โอ้! ฉันสัญญา… ก็อาจจะนะ" เขาเน้นคำว่า 'อาจจะ' อย่างเจตนาจนริดาถอนหายใจยาว</p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><font color="#708090">ริดา กับ เฟลิทซ์ ไฟร์เยอร์ เดินทางออกจากประตูค่ายไปยังตลาดนัดลองไอช์แลนด์</font></p>

      <!-- Custom Scrollbar -->
      <style>
          ::-webkit-scrollbar { width:12px; }
          ::-webkit-scrollbar-track { background: rgba(102,0,0,0.3); border-radius:10px; }
          ::-webkit-scrollbar-thumb { background: linear-gradient(180deg,#ff0000,#660000); border-radius:10px; box-shadow:0 0 10px #ff0000,0 0 20px #660000; }
          ::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg,#ff3333,#990000); box-shadow:0 0 20px #ff3333,0 0 40px #990000; }
      </style>
      </div>
    </div>

    <!-- Magical Footer -->
    <div style="position: sticky; bottom: 0px; width: 100%; display: flex; justify-content: space-around; align-items: center; background: linear-gradient(145deg, #660000, #330000); padding: 15px 20px; border-top: 3px solid #ff0000; border-radius: 0px 0px 25px 25px; box-shadow: rgba(255,0,0,0.5) 0px -5px 20px; font-weight: 600; font-size: 18px; color:#fff;">
      <div>สถานที่: ประตูค่าย</div>
      <div>หัวข้อ: เมื่อไฟและสายน้ำมาบรรจบ: บทสนทนาที่ประตูค่าย</div>
    </div>
</div>
</div>

Parida โพสต์ 2025-9-19 10:17:55


<div style="position: relative; font-family: 'Kanit', sans-serif; background: linear-gradient(135deg, #000000 0%, #1a0000 50%, #330000 100%); min-height: 100vh; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 20px; overflow-x: hidden;">

<!-- Magical floating particles -->
<div style="position: fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:1;">
    <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ff0000 0%,transparent 70%);border-radius:50%;top:10%;left:10%;animation:floatParticle 8s infinite linear;opacity:0.7;"></div>
    <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ff3333 0%,transparent 70%);border-radius:50%;top:20%;left:30%;animation:floatParticle 10s infinite linear;opacity:0.7;"></div>
    <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ff6666 0%,transparent 70%);border-radius:50%;top:50%;left:70%;animation:floatParticle 12s infinite linear;opacity:0.7;"></div>
    <style>
      @keyframes floatParticle {
      0% { transform: translateY(100vh) rotate(0deg); opacity:0; }
      10% { opacity:0.7; }
      90% { opacity:0.7; }
      100% { transform: translateY(-100px) rotate(360deg); opacity:0; }
      }
    </style>
</div>

<!-- Top Center Logo -->
<div style="position: relative; z-index: 20; text-align: center; margin-bottom: 20px;">
    <img src="https://img2.pic.in.th/pic/1000065888.md.png" alt="ค่ายฮาล์ฟบลัดโลโก้" style="width:150px; height:auto; border-radius:20px; box-shadow:0 0 25px rgba(255,0,0,0.8),0 0 50px rgba(0,0,0,0.9); background:rgba(0,0,0,0.4); padding:5px;">
</div>

<!-- Main Container -->
<div style="position: relative; z-index: 10; max-width: 1400px; width: 100%; border-radius: 25px; padding: 20px; background: linear-gradient(145deg, #1a1a1a 0%, #0d0d0d 100%); border: 3px solid transparent; box-shadow: 0 0 50px rgba(255,0,0,0.7), inset 0 0 30px rgba(255,0,0,0.2); background-clip: padding-box; display:flex; flex-direction:column; gap:20px;">

    <!-- Magical Header -->
    <div style="text-align:center; position:relative;">
      <h1 style="color:#ff3333;font-size:40px;font-weight:700;text-shadow:0 0 20px #ff0000,0 0 40px #990000,2px 2px 6px rgba(0,0,0,0.9);letter-spacing:3px;margin:0;">
      ค่ายฮาล์ฟบลัด
      </h1>
      <div style="color: #ff9999; font-size:18px; background: rgba(255,0,0,0.15); padding:8px 15px; border-radius:12px; backdrop-filter: blur(10px); border:1px solid rgba(255,0,0,0.3); position:absolute; right:0; top:0;">
      วันที่: 18/09/2025
      </div>
    </div>

    <!-- Main Content Layout -->
    <div style="display:flex; flex-wrap:wrap; gap:30px; align-items:flex-start;">

      <!-- Character Image -->
      <div style="flex:1 1 250px; display:flex; justify-content:center; align-items:flex-start;">
      <div style="width:100%;max-width:350px;border:5px solid transparent;border-radius:20px;background:linear-gradient(145deg,#ff0000,#660000);padding:3px;transition:all 0.3s ease;box-shadow:0 0 25px rgba(255,0,0,0.7);">
          <img src="https://img5.pic.in.th/file/secure-sv1/1000065673.md.jpg" alt="บุตรีเฮคาที" style="width:100%;border-radius:15px;display:block;transition:transform 0.3s ease;">
      </div>
      </div>

      <!-- Scrollable Story Area -->
      <div style="flex:2.5 1 0%; background: rgba(255, 0, 0, 0.08); border: 2px solid #660000; border-radius: 15px; padding: 25px; line-height: 2; font-size: 19px; font-family: Sarabun, sans-serif; box-shadow: rgba(255,0,0,0.3) 0px 0px 30px inset, rgba(255,0,0,0.2) 0px 0px 25px; max-height: 400px; overflow-y: auto; backdrop-filter: blur(6px); position: relative;">
      <div style="position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,transparent,#ff0000,transparent);"></div>
      
      <p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">แสงแดดอุ่นตาไม่เคยจางหายไปจากผืนดินลองไอส์แลนด์ ยังคงฉาบทาพื้นที่ราวกับเกราะทองคำของทวยเทพ ตลาดนัดกลับมาคึกคักอีกครั้งหลังการต่อสู้ใหญ่ เศษซากเวทมนตร์และกลิ่นอสูรถูกสายลมพัดพาไปจนหมดสิ้น เหลือไว้เพียงกลิ่นหอมของพิซซ่า บาร์บีคิว และเคบับที่ลอยอบอวลแทนที่</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​ภริดา อารยภักดีเทวราช หรือ ริดา และ เฟลิทซ์ ไฟร์เยอร์ เดินไปตามเส้นทางลูกรังจากตลาดมุ่งหน้าสู่ค่ายฮาล์ฟบลัด ฝุ่นดินละเอียดคลุ้งเป็นม่านบางๆ ทุกย่างก้าวของทั้งคู่หนักอึ้งด้วยความเหนื่อยล้า แต่ก็แฝงไว้ด้วยความภาคภูมิใจในชัยชนะที่เพิ่งได้รับ เสียงลมที่พัดผ่านทุ่งหญ้าสูงข้างทางดัง "ซู่ซ่า" คล้ายบทเพลงกล่อมจากธรรมชาติ</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​เฟลิทซ์สะพายดาบพาดบ่า เหงื่อชุ่มแผ่นหลังและผมสีเพลิงที่สะท้อนแสงตะวันเป็นประกายราวเปลวไฟ เขายิ้มกว้างและหันมามองริดา แม้จะหอบเหนื่อยแต่แววตากลับเปี่ยมด้วยความท้าทายและภูมิใจ</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​“ฮ่า! วันนี้มันส์ชะมัด!” เฟลิทซ์เอ่ยเสียงยังหอบเล็กน้อย “ก๊อบลินสามชุดติดกับเจ้าพัดวัดจิ... คุ้มกับการไม่ได้กินพิซซ่าจริง ๆ ว่ามั้ย ริดา?”</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​ริดาเหลือบมองเขาเล็กน้อย นัยน์ตาสีเข้มสงบนิ่ง แต่ก็มีประกายขบขันวูบหนึ่ง เธอเช็ดมีดสั้นสัมฤทธิ์อย่างพิถีพิถันก่อนจะตอบกลับด้วยน้ำเสียงเรียบเย็น “คุ้มสิ… แต่ฉันยังไม่หายโกรธที่นายเกือบจะใช้เพลิงกรีกในตลาดนะ ถ้านายจุดไฟขึ้นมาจริงๆ ค่ายเราคงต้องย้ายทำเลกันแน่ๆ”</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​เฟลิทซ์หัวเราะลั่น ร่างสูงไหวไปตามแรงหัวเราะ เขาเกาศีรษะอย่างไม่ทุกข์ร้อน “โธ่ ก็แค่เกือบเองนี่นา… ครั้งหน้าเราจะจัดเต็มให้มันลุกเป็นไฟแบบไม่เหลือซากเลย!”</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​บทสนทนาขาดหายไป เหลือเพียงเสียงฝีเท้าและเสียงแมลงป่าที่ขับขานเป็นฉากหลัง จนกระทั่งเสาหินสีขาวขุ่นและรั้วไม้ขนาดใหญ่ซึ่งเป็นประตูทางเข้า ค่ายฮาล์ฟบลัด ปรากฏตรงหน้า ป้ายไม้เก่าแก่เหนือประตูสลักอักษรกรีกโบราณคำว่า “Camp Half-Blood” พร้อมเถาวัลย์สีเขียวเข้มที่พันรอบ</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​ยามเฝ้าประตูผงกศีรษะให้พวกเขาเล็กน้อยเป็นการทักทาย เมื่อก้าวเข้าไป กลิ่นดอกไม้และไม้สนก็โอบล้อมพวกเขาไว้ ราวกับต้อนรับเหล่าลูกครึ่งเทพให้กลับสู่ความปลอดภัย</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​ริดาหยุดยืนและหันไปหาเฟลิทซ์ เธอเก็บมีดสั้นเข้าฝักที่ต้นขาแล้วพูดด้วยน้ำเสียงที่อ่อนลง “เรามาถึงแล้ว… ขอบใจสำหรับวันนี้นะ เฟลิทซ์ นายสู้ได้ดีมาก”</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​เฟลิทซ์ชะงักไปครู่หนึ่ง ก่อนจะยิ้มกว้างอย่างภาคภูมิใจ ดวงตาเป็นประกายเหมือนเด็กที่ได้รับคำชม “หึ! จำไว้นะ ครั้งหน้าฉันจะเก่งกว่านี้อีก… และอย่าลืมล่ะ เราสัญญากันแล้วว่าจะฝึกซ้อมให้แกร่งไปด้วยกัน”</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​ริดาพยักหน้าช้าๆ “ฉันจำได้… ไปพักผ่อนเถอะ นายดูเหนื่อยเต็มทีแล้ว”</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​เฟลิทซ์หัวเราะเบาๆ ก่อนจะยกมือขึ้นทำท่าคารวะอย่างขี้เล่น “แล้วเจอกันนะ สาวมีดสั้น!” ว่าแล้วก็หันหลังเดินไปทางกระท่อมฝึกดาบ ผมสีเพลิงของเขาโดดเด่นท่ามกลางแสงตะวัน ริดามองตามจนเขาหายลับไปในหมู่ต้นสน ก่อนจะเดินไปทางกระท่อมหมายเลข 20 ซึ่งเป็นกระท่อมของ เฮคาเท่</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​แสงแดดกลางวันที่ไม่เคยดับยังคงส่องประกายอบอุ่น เป็นดั่งสัญญาณว่าแม้จะมีการต่อสู้และความมืดมิดมากมาย แต่ค่ายฮาล์ฟบลัดแห่งนี้จะยังคงเป็นที่พักพิงของเหล่าลูกครึ่งเทพตลอดไป.</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;"><br></p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><font color="#708090">ริดา และ เฟลิทซ์ ไฟร์เยอร์ เดินทางกลับเข้ามาถึงประตูค่าย</font></p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​</p>

      <!-- Custom Scrollbar -->
      <style>
          ::-webkit-scrollbar { width:12px; }
          ::-webkit-scrollbar-track { background: rgba(102,0,0,0.3); border-radius:10px; }
          ::-webkit-scrollbar-thumb { background: linear-gradient(180deg,#ff0000,#660000); border-radius:10px; box-shadow:0 0 10px #ff0000,0 0 20px #660000; }
          ::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg,#ff3333,#990000); box-shadow:0 0 20px #ff3333,0 0 40px #990000; }
      </style>
      </div>
    </div>

    <!-- Magical Footer -->
    <div style="position: sticky; bottom: 0px; width: 100%; display: flex; justify-content: space-around; align-items: center; background: linear-gradient(145deg, #660000, #330000); padding: 15px 20px; border-top: 3px solid #ff0000; border-radius: 0px 0px 25px 25px; box-shadow: rgba(255,0,0,0.5) 0px -5px 20px; font-weight: 600; font-size: 18px; color:#fff;">
      <div>สถานที่: ประตูค่าย</div>
      <div>หัวข้อ: สาวมีดสั้นกับชายผมเพลิง</div>
    </div>
</div>
</div>

Parida โพสต์ 2025-9-19 23:35:59

<div style="position: relative; font-family: 'Kanit', sans-serif; background: linear-gradient(135deg, #000000 0%, #1a0000 50%, #330000 100%); min-height: 100vh; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 20px; overflow-x: hidden;">

<!-- Magical floating particles -->
<div style="position: fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:1;">
    <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ff0000 0%,transparent 70%);border-radius:50%;top:10%;left:10%;animation:floatParticle 8s infinite linear;opacity:0.7;"></div>
    <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ff3333 0%,transparent 70%);border-radius:50%;top:20%;left:30%;animation:floatParticle 10s infinite linear;opacity:0.7;"></div>
    <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ff6666 0%,transparent 70%);border-radius:50%;top:50%;left:70%;animation:floatParticle 12s infinite linear;opacity:0.7;"></div>
    <style>
      @keyframes floatParticle {
      0% { transform: translateY(100vh) rotate(0deg); opacity:0; }
      10% { opacity:0.7; }
      90% { opacity:0.7; }
      100% { transform: translateY(-100px) rotate(360deg); opacity:0; }
      }
    </style>
</div>

<!-- Top Center Logo -->
<div style="position: relative; z-index: 20; text-align: center; margin-bottom: 20px;">
    <img src="https://img2.pic.in.th/pic/1000065888.md.png" alt="ค่ายฮาล์ฟบลัดโลโก้" style="width:150px; height:auto; border-radius:20px; box-shadow:0 0 25px rgba(255,0,0,0.8),0 0 50px rgba(0,0,0,0.9); background:rgba(0,0,0,0.4); padding:5px;">
</div>

<!-- Main Container -->
<div style="position: relative; z-index: 10; max-width: 1400px; width: 100%; border-radius: 25px; padding: 20px; background: linear-gradient(145deg, #1a1a1a 0%, #0d0d0d 100%); border: 3px solid transparent; box-shadow: 0 0 50px rgba(255,0,0,0.7), inset 0 0 30px rgba(255,0,0,0.2); background-clip: padding-box; display:flex; flex-direction:column; gap:20px;">

    <!-- Magical Header -->
    <div style="text-align:center; position:relative;">
      <h1 style="color:#ff3333;font-size:40px;font-weight:700;text-shadow:0 0 20px #ff0000,0 0 40px #990000,2px 2px 6px rgba(0,0,0,0.9);letter-spacing:3px;margin:0;">
      ค่ายฮาล์ฟบลัด
      </h1>
      <div style="color: #ff9999; font-size:18px; background: rgba(255,0,0,0.15); padding:8px 15px; border-radius:12px; backdrop-filter: blur(10px); border:1px solid rgba(255,0,0,0.3); position:absolute; right:0; top:0;">
      วันที่: 19/09/2025
      </div>
    </div>

    <!-- Main Content Layout -->
    <div style="display:flex; flex-wrap:wrap; gap:30px; align-items:flex-start;">

      <!-- Character Image -->
      <div style="flex:1 1 250px; display:flex; justify-content:center; align-items:flex-start;">
      <div style="width:100%;max-width:350px;border:5px solid transparent;border-radius:20px;background:linear-gradient(145deg,#ff0000,#660000);padding:3px;transition:all 0.3s ease;box-shadow:0 0 25px rgba(255,0,0,0.7);">
          <img src="https://img5.pic.in.th/file/secure-sv1/1000065673.md.jpg" alt="บุตรีเฮคาที" style="width:100%;border-radius:15px;display:block;transition:transform 0.3s ease;">
      </div>
      </div>

      <!-- Scrollable Story Area -->
      <div style="flex:2.5 1 0%; background: rgba(255, 0, 0, 0.08); border: 2px solid #660000; border-radius: 15px; padding: 25px; line-height: 2; font-size: 19px; font-family: Sarabun, sans-serif; box-shadow: rgba(255,0,0,0.3) 0px 0px 30px inset, rgba(255,0,0,0.2) 0px 0px 25px; max-height: 400px; overflow-y: auto; backdrop-filter: blur(6px); position: relative;">
      <div style="position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,transparent,#ff0000,transparent);"></div>
      
      <p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">แสงแรกของวันทอประกายอบอุ่นเหนือค่ายฮาล์ฟบลัด ขณะที่ ริดา อารยภักดีเทวราช ยืนอยู่เบื้องหน้าประตูใหญ่ เสียงฮึมเบาๆ จากเกราะเวทมนตร์สีเงินยังคงก้องกังวานในอากาศ ลมยามเช้าพัดเอื่อยๆ ทำให้เส้นผมสีดำขลับของเธอปลิวไหว</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​วันนี้แตกต่างออกไป ริดากำลังจะก้าวออกจากเขตค่ายเพื่อไปทำ งานพิเศษที่สวนสนุกแดร์ยูนิเวอร์แซล</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​เธอสะพายกระเป๋าหนังใบโปรดพร้อม มีดสั้นสัมฤทธิ์ ที่เหน็บไว้ที่เอวอย่างคุ้นเคยตามแบบฉบับลูกหลานเทพี ดวงตาคมสวยมองเพื่อนร่วมค่ายที่เดินผ่านไปมา หลายคนโบกมือให้กำลังใจพร้อมเสียงตะโกนแผ่วๆ</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​“โชคดีนะริดา! เอาให้เต็มที่เลย!”</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​ริดายิ้มและโบกมือตอบเล็กน้อย แม้ท่าทีจะดูสงบ แต่ในแววตากลับเต็มไปด้วยประกายของความมุ่งมั่นและความตื่นเต้น</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​เมื่อเท้าก้าวเข้าใกล้ประตูใหญ่ เสียงของเกราะป้องกันก็ดังฮัมคล้ายอำลา ริดาสูดหายใจลึกๆ และก้าวขาออกจากเขตค่ายอย่างมั่นใจทันทีที่ผ่านพรมแดน แสงสีเงินจากเกราะเวทก็ส่องวาบเป็นครั้งสุดท้าย ราวกับส่งเธอออกเดินทางสู่ถนนที่มุ่งหน้าสู่โลกมนุษย์</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​ปลายทางคือ แดร์ยูนิเวอร์แซล—สถานที่ที่เธอจะได้เผชิญประสบการณ์ใหม่ๆ และบททดสอบที่แตกต่างจากสิ่งที่เคยเจอ หัวใจของบุตรีแห่งเฮคาทีเต้นแรง พร้อมกับคำมั่นในใจว่า…</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​“ครั้งนี้...ฉันจะทำให้ดีที่สุด”</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;"><br></p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><font color="#708090">ริดาเดินทางออกจากประตูค่ายฮาล์ฟบลัด ไปทำงานที่ตรงบริเวณสวนสนุก แดร์ยูนิเวอร์แซล</font></p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;"><br></p>

      <!-- Custom Scrollbar -->
      <style>
          ::-webkit-scrollbar { width:12px; }
          ::-webkit-scrollbar-track { background: rgba(102,0,0,0.3); border-radius:10px; }
          ::-webkit-scrollbar-thumb { background: linear-gradient(180deg,#ff0000,#660000); border-radius:10px; box-shadow:0 0 10px #ff0000,0 0 20px #660000; }
          ::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg,#ff3333,#990000); box-shadow:0 0 20px #ff3333,0 0 40px #990000; }
      </style>
      </div>
    </div>

    <!-- Magical Footer -->
    <div style="position: sticky; bottom: 0px; width: 100%; display: flex; justify-content: space-around; align-items: center; background: linear-gradient(145deg, #660000, #330000); padding: 15px 20px; border-top: 3px solid #ff0000; border-radius: 0px 0px 25px 25px; box-shadow: rgba(255,0,0,0.5) 0px -5px 20px; font-weight: 600; font-size: 18px; color:#fff;">
      <div>สถานที่: ประตูค่าย</div>
      <div>หัวข้อ: บุตรีเฮคาทีกับภารกิจแดร์ยูนิเวอร์แซล</div>
    </div>
</div>
</div>

Parida โพสต์ 2025-9-23 19:07:06

<div style="position: relative; font-family: 'Kanit', sans-serif; background: linear-gradient(135deg, #000000 0%, #1a0000 50%, #330000 100%); min-height: 100vh; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 20px; overflow-x: hidden;">

<!-- Magical floating particles -->
<div style="position: fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:1;">
    <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ff0000 0%,transparent 70%);border-radius:50%;top:10%;left:10%;animation:floatParticle 8s infinite linear;opacity:0.7;"></div>
    <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ff3333 0%,transparent 70%);border-radius:50%;top:20%;left:30%;animation:floatParticle 10s infinite linear;opacity:0.7;"></div>
    <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ff6666 0%,transparent 70%);border-radius:50%;top:50%;left:70%;animation:floatParticle 12s infinite linear;opacity:0.7;"></div>
    <style>
      @keyframes floatParticle {
      0% { transform: translateY(100vh) rotate(0deg); opacity:0; }
      10% { opacity:0.7; }
      90% { opacity:0.7; }
      100% { transform: translateY(-100px) rotate(360deg); opacity:0; }
      }
    </style>
</div>

<!-- Top Center Logo -->
<div style="position: relative; z-index: 20; text-align: center; margin-bottom: 20px;">
    <img src="https://img2.pic.in.th/pic/1000065888.md.png" alt="ค่ายฮาล์ฟบลัดโลโก้" style="width:150px; height:auto; border-radius:20px; box-shadow:0 0 25px rgba(255,0,0,0.8),0 0 50px rgba(0,0,0,0.9); background:rgba(0,0,0,0.4); padding:5px;">
</div>

<!-- Main Container -->
<div style="position: relative; z-index: 10; max-width: 1400px; width: 100%; border-radius: 25px; padding: 20px; background: linear-gradient(145deg, #1a1a1a 0%, #0d0d0d 100%); border: 3px solid transparent; box-shadow: 0 0 50px rgba(255,0,0,0.7), inset 0 0 30px rgba(255,0,0,0.2); background-clip: padding-box; display:flex; flex-direction:column; gap:20px;">

    <!-- Magical Header -->
    <div style="text-align:center; position:relative;">
      <h1 style="color:#ff3333;font-size:40px;font-weight:700;text-shadow:0 0 20px #ff0000,0 0 40px #990000,2px 2px 6px rgba(0,0,0,0.9);letter-spacing:3px;margin:0;">
      ค่ายฮาล์ฟบลัด
      </h1>
      <div style="color: #ff9999; font-size:18px; background: rgba(255,0,0,0.15); padding:8px 15px; border-radius:12px; backdrop-filter: blur(10px); border:1px solid rgba(255,0,0,0.3); position:absolute; right:0; top:0;">
      วันที่: 19/09/2025
      </div>
    </div>

    <!-- Main Content Layout -->
    <div style="display:flex; flex-wrap:wrap; gap:30px; align-items:flex-start;">

      <!-- Character Image -->
      <div style="flex:1 1 250px; display:flex; justify-content:center; align-items:flex-start;">
      <div style="width:100%;max-width:350px;border:5px solid transparent;border-radius:20px;background:linear-gradient(145deg,#ff0000,#660000);padding:3px;transition:all 0.3s ease;box-shadow:0 0 25px rgba(255,0,0,0.7);">
          <img src="https://img5.pic.in.th/file/secure-sv1/1000065673.md.jpg" alt="บุตรีเฮคาที" style="width:100%;border-radius:15px;display:block;transition:transform 0.3s ease;">
      </div>
      </div>

      <!-- Scrollable Story Area -->
      <div style="flex:2.5 1 0%; background: rgba(255, 0, 0, 0.08); border: 2px solid #660000; border-radius: 15px; padding: 25px; line-height: 2; font-size: 19px; font-family: Sarabun, sans-serif; box-shadow: rgba(255,0,0,0.3) 0px 0px 30px inset, rgba(255,0,0,0.2) 0px 0px 25px; max-height: 400px; overflow-y: auto; backdrop-filter: blur(6px); position: relative;">
      <div style="position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,transparent,#ff0000,transparent);"></div>
      
      <p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">เมื่อริดา อารยภักดีเทวราช ก้าวข้ามประตูค่ายฮาล์ฟบลัด เธอก็ได้สัมผัสถึงความแตกต่างของโลกสองใบอีกครั้ง ท้องฟ้าที่นี่สว่างไสวเหมือนช่วงเที่ยงวันเสมอ แม้เวลานอกค่ายจะล่วงเลยไปสู่ยามเย็นแล้วก็ตาม แสงอาทิตย์ 24 ชั่วโมงที่ถูกร่ายมนตร์ไว้ยังคงสาดส่องลงมาบนพื้นดินที่ปกคลุมด้วยหญ้าเขียวขจี</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​เสียงจิ้งหรีดและนกเล็กๆ ประสานเสียงกันอย่างไม่รู้เหน็ดเหนื่อย ราวกับเวลาสำหรับพวกมันไม่มีวันสิ้นสุด ริดาเดินเข้ามาพร้อมกับกระเป๋าสะพายคู่ใจ แสงแดดส่องประกายลงบนเสื้อค่ายสีส้มสดใสของเธอ ทำให้ริดาโดดเด่นตัดกับฉากหลังที่คึกคักอย่างมีชีวิตชีวา</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​ภายในค่ายเต็มไปด้วยพลังงาน เด็กครึ่งเทพกำลังฝึกซ้อมอย่างแข็งขัน บางคนกำลังยิงธนูเข้าเป้าอย่างแม่นยำ บ้างก็เหาะเหินไปกับเพกาซัสบนท้องฟ้าสีครามที่ไร้เงาเมฆ ขณะที่หลายคนนั่งพักผ่อนใต้ร่มไม้ใหญ่ พูดคุยกันอย่างออกรส</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">​ริดาเดินลึกเข้าไปเรื่อยๆ เสียงหัวเราะของเพื่อนๆ ดังแว่วเข้ามาทำให้รอยยิ้มปรากฏบนใบหน้า เธอใช้มือบังแสงแดดที่จ้าจ้า พร้อมกับรู้สึกว่า แม้จะเหนื่อยจากการทำงานนอกค่าย แต่การได้กลับมายังสถานที่ที่แสงตะวันไม่เคยดับลงแห่งนี้ ก็ทำให้หัวใจของเธอสงบและอบอุ่นได้อย่างประหลาด</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;"><br></p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><br></p>

      <!-- Custom Scrollbar -->
      <style>
          ::-webkit-scrollbar { width:12px; }
          ::-webkit-scrollbar-track { background: rgba(102,0,0,0.3); border-radius:10px; }
          ::-webkit-scrollbar-thumb { background: linear-gradient(180deg,#ff0000,#660000); border-radius:10px; box-shadow:0 0 10px #ff0000,0 0 20px #660000; }
          ::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg,#ff3333,#990000); box-shadow:0 0 20px #ff3333,0 0 40px #990000; }
      </style>
      </div>
    </div>

    <!-- Magical Footer -->
    <div style="position: sticky; bottom: 0px; width: 100%; display: flex; justify-content: space-around; align-items: center; background: linear-gradient(145deg, #660000, #330000); padding: 15px 20px; border-top: 3px solid #ff0000; border-radius: 0px 0px 25px 25px; box-shadow: rgba(255,0,0,0.5) 0px -5px 20px; font-weight: 600; font-size: 18px; color:#fff;">
      <div>สถานที่: ประตูค่าย</div>
      <div>หัวข้อ: ​การกลับบ้านของนักรบลูกครึ่งเทพ</div>
    </div>
</div>
</div>

Dean โพสต์ 2025-10-10 16:37:42

แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2025-10-12 02:12 <br /><br />

<div id="Martha">
<div class="nombre">
    Martha Kostakis
    <span>Adopted Daughter of Hera</span>
</div>

<div id="imagen" style="background: url('https://img5.pic.in.th/file/secure-sv1/ikCMbHI.png')"></div>

<div id="Marthatext"><div style="text-align: center;"><font face="Noto Sans Thai" size="3"><b>หน้าประตูค่ายฮาล์ฟบลัด | 03 OCT. 2025 | 07:00 A.M.<br></b><br><img src="https://img2.pic.in.th/pic/tumblr_c8ddb177d023fd1776698d12f42389e3_5c4ac3b1_1280.png" width="540" _height="35" border="0"></font></div><div style="text-align: left;"><font face="Noto Sans Thai" size="3"><br><div style="text-align: justify;"><font face="Noto Sans Thai" size="3">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; วันเดินทางมาถึงในวันรุ่งขึ้น ผู้โดยสารที่จะออกไปร่วมงาน&nbsp;</font><span style="font-family: Montserrat, sans-serif; font-size: 10px; text-align: justify;"><font face="Noto Sans Thai" size="3">Ieiunium Cereris ยังคงน้อยเมื่อเทียบกับขนาดของรถบัสโดยสารของค่ายฮาล์ฟบลัด ชนิดที่ว่าตีตั๋วนอนกันไปคนละแถวยังได้</font></span></div><div style="text-align: justify;"><span style="font-family: Montserrat, sans-serif; font-size: 10px; text-align: justify;"><font face="Noto Sans Thai" size="3"><br></font></span></div></font><font face="Noto Sans Thai" size="3"><div style="text-align: justify;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<span style="font-family: Montserrat, sans-serif; font-size: 10px; text-align: justify;"><font face="Noto Sans Thai" size="3">แม้คนจะน้อยกระนั้นการเดินทางไปสถานีรถไฟเฮเฟตัสก็ปลอดภัยหายห่วงเนื่องจากมีผู้อำนวยการอย่างไครอนที่นาน ๆ จะออกจากค่ายฮาล์ฟบลัดมาสักทีนึงร่วมติดตามขบวนมาด้วย (บ้างก็ลือว่าไครอนมีนัดดินเนอร์พิเศษกับเทพีลูปาผู้ดูแลบ้านหมาป่า ไม่รู้เป็นข่าวจริงหรือเท็จ) และอีกหนึ่งบุคคลที่เป็นโต้โผฝ่ายประสานงานเทศกาล&nbsp;</font></span><span style="text-align: justify;">Ieiunium Cereris แห่งค่ายฮาล์ฟบลัดก็คือ มิแรนด้า การ์ดิเนอร์<br><br></span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<span style="text-align: justify;">แต่สำหรับมาร์ธา แม้จะรู้ว่าสองบุคคลเป็นผู้อาวุโสและรุ่นพี่ที่ไว้ใจได้แห่งค่ายฮาล์ฟบลัดกระนั้นก็อดเป็นห่วงไม่ได้อยู่ดีเมื่อทั้งสองอยู่ในร่างเด็กอายุไม่ถึงสิบขวบ จนคล้ายกับว่ามาร์ธาที่คอยรับหน้าที่ดูแลเด็กใหม่ต้องคอยดูแลสองคนนี้เป็นกรณีพิเศษด้วย<br><br></span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <b style=""><font color="#f4a460">"หนูขอนั่งด้วยคนได้ไหมคะมามี้"</font></b> ลิเลียน่า ไทเลอร์ ยังคงทักทายอย่างสดใสแม้นี่จะเป็นเวลาเช้าอยู่&nbsp;</div><div style="text-align: justify;"><span style="text-align: justify;"><br></span></div><div style="text-align: justify;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <b><font color="#008080">"ได้สิจ๊ะน้องลิเลียน่า เชิญเลย"</font></b> มาร์ธาขยับที่นั่งไปริมหน้าต่างให้สาวบ้านอะธีน่าได้นั่งด้วย <b><font color="#008080">"วันนี้ลาเรียนมาเหรอเรา กิจกรรมกิจกรรมเด่นไม่ขาดจริง ๆ เลยนา~"</font></b></div><div style="text-align: justify;"><br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ธิดาบุญธรรมแห่งเฮร่าแซว ซึ่งน่าประหลาดใจไม่น้อยที่มีเด็กวัยรุ่นไม่ใช่รุ่นพี่ว่างงานอย่างวิลเลี่ยมและนิโคที่นั่งจู๋จี๋สร้างบรรยากาศหวานเจี๊ยบอยู่ที่แถวหลังสุด บางทีเหตุผลที่เด็กฮาล์ฟบลัดมาร่วมกิจกรรมด้วยน้อยคงเป็นเพราะวันเดินทางเป็นวันธรรมดา แล้วช่วงนี้ก็ใกล้สอบกลางภาคเรียนเต็มที</div><div style="text-align: justify;"><span style="text-align: justify;"><br></span></div><div style="text-align: justify;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <b><font color="#f4a460">"ไม่ใช่แค่กิจกรรมเด่นสิคะ หนูยังเรียนดีด้วยนา"</font></b> ลิเลียน่าแลบลิ้นขี้เล่น <b><font color="#f4a460">"พอดีคุยกับอลิเซียไว้น่ะค่ะ นางบอกว่าอยากไปพิธีถือศีลอดอุทิศแก่เอลลิส หนูเลยมาเป็นเพื่อนเธอด้วย พวกเราคงไปถึงพอ ๆ กัน"</font></b></div><div style="text-align: justify;"><span style="text-align: justify;"><br></span></div></font><font face="Noto Sans Thai" size="3"><div style="text-align: justify;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <b><font color="#008080">"ลืมไปเลยว่าพวกเธอสองคนสนิทกัน"</font></b> มาร์ธาเพียงตอบพร้อมกับอมยิ้มบาง ๆ เมื่อนึกถึงวีรบุรุษผู้กล้าที่สูญเสียไปเมื่อสิ้นปี<br><br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <b><font color="#f4a460">"ส่วนมามี้ก็ไปหาพี่นาเวียใช่ม้า~"</font></b> ได้ทีธิดาอะธิน่าก็แซวกลับจนสาวมนุษย์ธรรมดากระแอม</div><div style="text-align: justify;"><br></div><div style="text-align: justify;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <b><font color="#008080">"ฉันล่ะเกลียดเด็กเซนส์ดีอย่างเธอจริง ๆ"</font></b></div><div style="text-align: justify;"><br></div><div style="text-align: justify;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; หญิงสาวหัวเราะเบา ๆ ก่อนจะมองวิวลองไอแลนด์ที่ทอดผ่านไปเมื่อรถบัสออกเดินทาง</div></font></div></div>

<div id="Marthatags"><font face="Noto Sans Thai" size="2">รวมพล<br>ออกเดินทางไปสถานีรถไฟแกรนด์เซ็นทรัล</font></div>
</div>

<div class="crdts">
<a href="http://illmakegaycodesforu.tumblr.com/">— gitano;</a>
</div>

<style>
/* ตัว container หลัก พร้อม BG สีสวย */
#Martha {
    width: 840px;
    background: linear-gradient(135deg, #199b8d, #19789b); /* สีไล่เฉด */
    padding: 10px;
    margin: 0 auto;
    border-radius: 15px; /* ขอบโค้ง */
    box-shadow: 0 8px 15px rgba(0,0,0,0.1); /* เงานิด ๆ */
}

/* ชื่อ */
#Martha .nombre {
    padding: 40px 20px;
    font: 20px 'Montserrat', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

#Martha .nombre span {
    display: block;
    font-size: 7px;
    letter-spacing: 1px;
}

/* รูปโปรไฟล์ */
#Martha #imagen {
    height: 140px;
    width: 140px;
    border: 5px solid #fff;
    border-radius: 100%;
    margin: 0 auto;
    position: relative;
    background-size: cover;
    background-position: center;
}

#imagen:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top-color: #fff;
    border-bottom: 0;
    margin-left: -20px;
    margin-bottom: -20px;
}

/* ข้อความ */
#Marthatext {
    line-height: 125%;
    margin: 20px;
    margin-top: 15px;
    padding: 50px;
    background: rgba(255, 255, 255, 0.85); /* โปร่งแสงเล็กน้อย */
    color: #222;
    font: 10px 'Montserrat', sans-serif;
    text-align: justify;
    border-radius: 10px;
}

/* แท็ก */
#Marthatags {
    font: 16px 'Noto Sans Thai', sans-serif;
    text-align: center;
    color: #fff;
    padding: 10px;
    margin-top: -10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* เครดิต */
.crdts {
    text-decoration: none;
    font-family: Verdana;
    font-size: 9px;
    text-align: center;
    margin-top: 5px;
}
</style>

<link href="https://fonts.googleapis.com/css?family=Montserrat:300,600,800&amp;display=swap" rel="stylesheet">

Laura โพสต์ 6 วันที่แล้ว

แก้ไขครั้งสุดท้ายโดย Laura เมื่อ 2025-10-14 10:18 <br /><br />    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Activity Form</title>
    <style>
      body {
            font-family: Arial, sans-serif;
      }
      .form-container {
            max-width: 600px;
            margin: 0 auto;
            padding: 20px;
            border: 1px solid #ccc;
            border-radius: 10px;
      }
      label {
            font-weight: bold;
            margin-top: 10px;
            display: block;
      }
      input, select, textarea {
            width: 100%;
            padding: 8px;
            margin-top: 5px;
            margin-bottom: 15px;
            border: 1px solid #ccc;
            border-radius: 5px;
      }
      button {
            background-color: #007BFF;
            color: #fff;
            border: none;
            padding: 10px 15px;
            border-radius: 5px;
            cursor: pointer;
      }
      button:hover {
            background-color: #0056b3;
      }
    </style>


    <div class="form-container">
      <h1 id="title" style="margin-top: 8px; margin-bottom: 8px; text-align: center;"><p style="text-align: right;"><font face="TH SarabunPSK" size="5" style="" color="#2f4f4f">คริสเตียน ปาร์โร</font></p><p style="text-align: right;"><font face="TH SarabunPSK" size="5" style="" color="#2f4f4f">หน้าประตูค่าย - 3 ตุลาคม เวลา 07.00 (ย้อนเวลา)&nbsp;</font></p><p style="text-align: right;"><font face="TH SarabunPSK" size="5" style="" color="#2f4f4f">ขึ้นรถบัสหน้าประตูค่าย</font></p><hr class="l"><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">และในช่วงเช้าของอีกวันหนึ่งบอกได้เลยว่า ผมนั้นรีอย่างมาเพราะเเอบจะตื่นสายไปหน่อย เกือบจะ 7 โมงตามเวลานัดหมายแล้ว เพื่อไม่ให้ตกรถ ทิฟฟานีมายืนรอหน้าห้อง เเคะประตูแทบจะพัง</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">"</font><font face="TH SarabunPSK" size="5" style="" color="#800080"> มาแล้วๆ</font><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"> " ผมตะโกนเสียงดัง สาวผมบอร์นที่ยืนกอดอกมอง&nbsp;</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">"</font><font face="TH SarabunPSK" size="5" style="" color="#9932cc"> สงสัยเราคงไม่ได้ไปแล้วมั้ง มาคนตื่นสายหนะ</font><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"> " เธอแซวผมเล็กน้อยก่อนจะเดินออกมา</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">ทั้งผมและเธอเดินมารอ รวมตัวเพื่อจะไปยังจุดหมายใดๆ พวกเราทั้ง 2 คนก็ขึ้นรถฟรีนั้นหละ</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">เมื่อมารวมตัวทางรุ่นพี่เองก็นับจำนวนเด็กๆ รวมตัวจนครบ</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">" </font><font face="TH SarabunPSK" size="5" style="" color="#ff8c00">มีขาดใครไหม เด็กๆเช็คเพื่อนด้วยนะ&nbsp;</font><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">" เธอทวนอีกรอบ ทางคุณไครอนเองก็ออกมาดูๆ ก่อนจะกลับเข้าห้องไปเช่นกัน</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">" </font><font face="TH SarabunPSK" size="5" style="" color="#ff8c00">ครบกันแล้วนะ ไปกันขึ้นรถประจำที่กันได้แล้ว เราจะออกเดินทางกัน </font><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">" เธอบอกก่อนจะพาเด็กๆ ทะยอยขึ้นรถบัสกันไป</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">จบท้ายด้วยเธอที่ตรวจดูจนเเน่ใจแล้วว่าไม่ขาดตกใครไปหรอกนะ จากนั้นก็เเจ้งคนขับแล้วค่อยๆออกเดินทางไปยังจุดหมายมุ่งหน้าสู่สถานีแกรนด์เซนทรัล&nbsp;</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">เพื่อไม่ให้พลาดกับเวลาตัวรถบัสออกค่อนข้างจะตรงเวลาเลยทีเดียว</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">"</font><font face="TH SarabunPSK" size="5" style="" color="#800080"> เธอเตรียมอะไรมาบ้างเนี้ย</font><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"> " คริสหันไปมองทิฟฟานีที่มีกระเป๋าถุงผ้ามาด้วยพร้อมสุดๆ มองแล้วเหมือนยัยลอร์ร่าเลย ยัยนั้นก็ชอบหิ้วถุงแบบนี้ร่อนไปร่อนมา</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">"</font><font face="TH SarabunPSK" size="5" style="" color="#9932cc"> อย่าสิ!!.... นี้เสบียงฉันนี้นายไม่เอาอะไรมาเลยหรือไง </font><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">" ทิฟฟานีถาม</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">"</font><font face="TH SarabunPSK" size="5" style="" color="#9932cc"> หรือนายจะเอาอันนี้ ฉันขายต่อได้นะ</font><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"> " อีกฝ่ายยกถุงขนมขึ้นมา ทำท่าทาง นี้มันอะไรกดันไม่เเบ่งหรอกหรอ ขายต่อเลยหรอ ผมทำหน้าแบบไม่หรอก ให้ซื้อไม่มีทางซื้อแน่ๆ</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">"</font><font face="TH SarabunPSK" size="5" style="" color="#800080"> โห่ เธอนี้มันสวยหน้าเลือด</font><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">&nbsp;" ผมบ่นๆเธอแบบเล่นๆ</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">เรื่องอะไรกันเล่าที่ผมจะต้องไปเสียเงินเสียทองอีก สู้รอกินฟรีที่ค่ายเลย หวังน้ำบ่อหน้าไปก่อน แต่ใดๆก่อนจะหวัง มือเรียวสวยของทิฟฟานีก็หยิกเข้าที่หูของผมอีกจนได้</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">เรื่องไม่เป็นเรื่อง อยู่ๆก็ชอบหาเรื่องหม่ตัวเองนั้นเจ็บตัวเองแล้วหละสิเรา</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">สักพักหนึ่งการเดินทางก็ถึง ทางพี่มิแรนด้า เเจ้งเด็กๆ ก่อนเะอจะลงจากรถและเรียกรอให้ทุๆคนั้นนั้นไปรวมตัวกันก่อน เพราะเธอจะพาไปขึ้นรถไฟ</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">หรือมันจะมีบางส่วนที่มานัดหมายเจอกันตรงนี้เพราะจริงๆ เขาตกรถหนะ ต้องรอสักหน่อย</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">"</font><font face="TH SarabunPSK" size="5" style="" color="#ff8c00"> เอาหละ ไม่มีใครลืมอะไรไว้บนรถนะ เราจะเดินทางต่อไปไม่ได้เอารถคันนี้ไปด้วยนะ เพราะงันแล้วอย่าลืมทิ้งอะไรเอาไว้บนรถนะจ๊ะ "</font><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"> เธอเดินลงมาเเจ้งอีกรอบ โดยมีเด็กน้อยอีกคนช่วยตรวจดูของก่อนลงมาจากรถอีกรอบนึงก่อนด้วย</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">ใดๆ เขาเองก็น่าจะอาศัยช่วงเวลาตรงส่วนนี้นั้นไปหาอะไรกิน มันยังพอมีเวลาเหลือๆอยู่บ้างหนะสิ</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">" </font><font face="TH SarabunPSK" size="5" style="" color="#ff8c00">เอาหละเด็กๆ ช่วงนี้ไปหาอะไรกินก่อนแล้วเจอกัน ที่ชานชารา 8 นะ เราจะไปนิวโรมกัน</font><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">" เธอเเจกเเจงให้เรียบร่้อย</font></p><p style="text-align: left;"><br></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">" </font><font face="TH SarabunPSK" size="5" style="" color="#ff8c00">อย่าเลทกันนะ รถไฟไม่รอนะ พี่จะนัดหมาย 8.40 น. นะจ๊ะ ช่วงนี้ใครจะไปเข้าห้องน้ำหาอะไรทานก็ตามสบายกันะ </font><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">" เธอย้ำอยู่พักใหญ่ๆ กับเด็กๆ แจกตั๋วรถไฟก่อนที่เหล่าเด็กๆนั้นจะเดินไปกัน แยกย้ายไปจัการการตัวเองเช่นเดียวกับผมและทิฟฟานีที่ค่อยเดินกันออกไป</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">"</font><font face="TH SarabunPSK" size="5" style="" color="#9932cc"> </font><font face="TH SarabunPSK" size="5" style="" color="#800080">ผม 2 คนครับ ขอบคุณครับ</font><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"> " ผมไปรับตั๋วรถไฟมาด้วยเช่นกัน แจ้งให้เรียบรอ้ยก่อนจะเดินจากไป</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">" </font><font face="TH SarabunPSK" size="5" style="" color="#ff8c00">นี้จ๊ะ อย่าเลทนะ </font><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">" เธอย่ำรอบที่ 3 ของชั่วโมงแล้วหละ</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">" </font><font face="TH SarabunPSK" size="5" style="" color="#800080">รับทราบครับ ผมไม่เลทแน่นอนแล้วเจอกันนะครับ</font><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"> " เธอยกมือขึ้นแบบตำรวจเก๊กสุกๆใส่ไปทีนึ่งท่าทางเล่นๆทำให้อีกฝ่ายยิ้มออกมาเล็กน้อย</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">จากนั้นผมกับทอิฟฟานีก็แยกกันไปจัดกการกิจส่วนตัวอขงใครของมันสักหน่อย เธอบอกจะไปเข้าห้องน้ำ และผมบอกจะไปซื้อใกล้ๆนั้นหละ ใดๆแล้วเด๊่ยวก็ออกมาเจอกัน โดยที่ผมเองก็เอาตั๋วรถไฟที่รับมาให้เจ้าทิฟไปเช่นกัน</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">" </font><font face="TH SarabunPSK" size="5" style="" color="#800080">อ๊ะ .... อันนี้ของเธอ</font><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"> "</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">" </font><font face="TH SarabunPSK" size="5" style="" color="#9932cc">ขอบใจ ....แต่ฉันขอที่นั่งริมหน้าต่างสิ อยากดูวิว </font><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f">" แน่นอนสาวเจ้ามีการเลือกซึ่งนั้นผมก็ไม่ได้อะไรกับเธอหรอก เธอมองก่อนจะส่งใบ ที่ริมหน้าต่างให้เธอไป โดยไม่ได้พูดอะไรต่อ</font></p><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><hr class="l"><p style="text-align: left;"><font face="TH SarabunPSK" size="5" style="font-weight: normal;" color="#2f4f4f"><br></font></p><p style="text-align: center;"><font color="#2f4f4f" face="TH SarabunPSK" size="5">วันที่ 3 ต.ค. (เช้า) -&nbsp;</font><span style="color: rgb(47, 79, 79); font-family: &quot;TH SarabunPSK&quot;; font-size: x-large;">07:00 น.รวมพล ขึ้นรถบัสหน้าประตูค่าย&nbsp;</span></p><p style="text-align: center;"><span style="color: rgb(47, 79, 79); font-family: &quot;TH SarabunPSK&quot;; font-size: x-large;">มุ่งหน้าสู่สถานีแกรนด์เซนทรัล&nbsp;</span></p><p style="text-align: center;"><span style="color: rgb(47, 79, 79); font-family: &quot;TH SarabunPSK&quot;; font-size: x-large;"><br></span></p></h1>
    </div>
หน้า: 3 4 5 6 7 8 9 10 11 12 [13]
ดูในรูปแบบกติ: [ทางเข้าค่าย] ประตูค่าย