Enter Camp › Blueprint Database [ร้านขายอุปกรณ์กลาดิเอเตอร์] › แว่นตาออปติกัส อินโคนิโต

Moneka โพสต์ 2025-11-27 19:10:56

แว่นตาออปติกัส อินโคนิโต

<!-- ====== SCOPED STYLES: ใช้ได้ในบอร์ด ไม่ไปรบกวนข้อความอื่น ====== -->
<link href="https://fonts.googleapis.com/css2?family=Playpen+Sans+Thai&amp;display=swap" rel="stylesheet">
<style>
/* ทุกอย่างอยู่ใต้ .igeb เท่านั้น */
.igeb{
--bg:#fff7f8;
--card1:#fffdfd;
--card2:#ffeef2;
--ink:#5b4046;
--muted:#b4868d;
--accent:#fcb3b7;
--accent2:#aee1dd;
--border:#f4cfd5;
--chip:#fad5cd;
font-family:'Playpen Sans Thai', cursive;
color:var(--ink);
}
.igeb, .igeb *{ box-sizing:border-box }

/* พื้นหลังเฉพาะโซนการ์ด */
.igeb__wrap{
background:
    radial-gradient(900px 500px at 90% -10%, #aee1dd44, transparent 60%),
    radial-gradient(900px 500px at 10% 110%, #fcb3b744, transparent 60%),
    linear-gradient(180deg,#fff9fb,#fef3f4);
padding:20px;
border-radius:18px;
overflow:hidden;
border:1px solid #fbe0e4;
}

/* การ์ด */
.igeb__card{
background:linear-gradient(160deg,var(--card1),var(--card2));
border:1px solid var(--border);
border-radius:20px;
box-shadow:0 10px 26px rgba(252,179,183,.45);
overflow:hidden;
position:relative;
}

/* แถบหัวการ์ด */
.igeb__head{
padding:14px 20px;
display:flex;
align-items:center;
gap:14px;
flex-wrap:wrap;
background:linear-gradient(90deg,var(--accent),var(--accent2));
color:#ffffff;
border-bottom:1px solid rgba(255,255,255,.6);
}
.igeb__title{
font-weight:700;
font-size:13px;
letter-spacing:.24em;
text-transform:uppercase;
}
.igeb__sub{
font-weight:600;
font-size:12px;
opacity:.96;
padding:6px 10px;
border-radius:999px;
background:#ffffff33;
}

/* เนื้อหาแบบกริด */
.igeb__content{
padding:22px;
display:grid;
gap:22px;
grid-template-columns:360px 1fr;
}
@media (max-width:900px){
.igeb__content{ grid-template-columns:1fr }
}

/* ฝั่งซ้าย – โพลารอยด์ */
.igeb__polaroid{
background:#fffaf9;
border:1px solid var(--border);
border-radius:16px;
padding:14px;
box-shadow:0 8px 22px rgba(250,181,189,.45);
overflow:hidden;
}

/* >> ตรงนี้คือส่วนที่แก้ใหม่ ให้รูปอยู่ในกรอบ เห็นเต็มภาพ << */
.igeb__hero{
width:100%;
height:auto;            /* ให้สูงตามสัดส่วนจริง */
max-height:420px;         /* กันไม่ให้สูงเว่อร์ ถ้ารูปยาวมาก */
object-fit:contain;       /* แสดงทั้งภาพ ไม่ครอป */
border-radius:12px;
display:block;
margin:0 auto;
transition:transform .35s ease, filter .35s ease;
filter:saturate(1.05) contrast(1.02);
}
.igeb__hero:hover{
transform:scale(1.03);
filter:saturate(1.12) contrast(1.05);
}

.igeb__icons{
display:flex;
align-items:center;
gap:12px;
margin-top:14px;
flex-wrap:wrap;
}
.igeb__icon{
width:56px;
height:56px;
border-radius:12px;
object-fit:cover;
border:1px solid var(--border);
transition:transform .3s ease, box-shadow .3s ease;
display:block;
}
.igeb__icon:hover{
transform:scale(1.08) rotate(-1deg);
box-shadow:0 10px 26px rgba(174,225,221,.65);
}
.igeb__cap{
color:var(--muted);
font-weight:600;
font-size:14px;
}

/* ฝั่งขวา – ชื่อ + badge */
.igeb__titleRow{
display:flex;
align-items:baseline;
gap:12px;
flex-wrap:wrap;
}
.igeb__name{
margin:0;
font-weight:700;
font-size:32px;
line-height:1.15;
letter-spacing:.02em;
color:var(--ink);
}
.igeb__badge{
font-weight:700;
font-size:11px;
letter-spacing:.15em;
padding:8px 12px;
border-radius:999px;
border:1px solid var(--border);
color:#7a5560;
background:linear-gradient(90deg,#fad5cd,#d6e5dc);
}

/* ฟิลด์ข้อมูล 2 คอลัมน์ */
.igeb__grid2{
display:grid;
gap:16px;
grid-template-columns:repeat(2,minmax(0,1fr));
}
@media (max-width:900px){
.igeb__grid2{ grid-template-columns:1fr }
}

.igeb__field{
background:#fffaf8;
border:1px solid var(--border);
border-radius:14px;
padding:14px 16px;
}
.igeb__label{
font-weight:600;
font-size:12px;
letter-spacing:.18em;
color:var(--muted);
text-transform:uppercase;
}
.igeb__value{
margin-top:8px;
font-weight:500;
font-size:15px;
line-height:1.75;
color:var(--ink);
}

/* รายละเอียดยืดหด */
.igeb__desc{
background:#fffaf8;
border:1px solid var(--border);
border-radius:14px;
padding:14px 16px;
}
.igeb__desc > summary{
cursor:pointer;
list-style:none;
outline:none;
font-weight:600;
font-size:12px;
letter-spacing:.18em;
color:var(--muted);
text-transform:uppercase;
}
.igeb__desc > summary::-webkit-details-marker{ display:none }
.igeb__descBody{
margin-top:10px;
color:var(--ink);
font-weight:500;
font-size:15px;
line-height:1.8;
}

/* ฟีเจอร์เป็นชิป – เวอร์ชันใหญ่ขึ้นสวยขึ้น */
.igeb__features{
display:flex;
flex-direction:column;
gap:12px;
margin-top:10px;
}
.igeb__chip{
display:flex;
align-items:flex-start;
gap:12px;
padding:14px 16px;
border:1px solid var(--border);
border-radius:16px;
background:linear-gradient(135deg,#ffe7eb,#d6e5dc);
box-shadow:0 6px 16px rgba(252,179,183,.35);
font-weight:600;
font-size:14px;
line-height:1.8;
color:#5f3f46;
}
</style>

<!-- ====== ITEM CARD (วางซ้ำได้หลายใบ ไม่ทับโพสต์อื่น) ====== -->
<div class="igeb">
<div class="igeb__wrap">
    <article class="igeb__card">
      <header class="igeb__head">
      <div class="igeb__title"><font size="6">แว่นตาออปติกัส อินโคนิโต</font></div>
      <div class="igeb__sub"><font size="3">ผู้สร้าง : ร้านขายอุปกรณ์กลาดิเอเตอร์ (มาร์คัส วาเลเรียส สมิธ)</font></div>
      </header>

      <section class="igeb__content">
      <!-- ซ้าย: รูปใหญ่ + ไอคอน -->
      <aside>
          <div class="igeb__polaroid">
            <img class="igeb__hero" src="https://img2.pic.in.th/pic/Untitled-design-19045076e7a262cea4.png" alt="ภาพอุปกรณ์">
            <img src="https://s.imgz.io/2025/11/27/Untitled-design-29-10e1e9a3f0f6987d0.gif" border="0" alt="" style="max-width:340px">
            <img src="https://img5.pic.in.th/file/secure-sv1/Untitled-design-181cd2371a248a50f1.png" border="0" alt="" style="max-width:340px">
            <div class="igeb__icons">
            <img class="igeb__icon" src="https://img5.pic.in.th/file/secure-sv1/Untitled-design-18-1.png" alt="ไอคอนอุปกรณ์">
            <div class="igeb__cap">
                <font size="4">⬅️</font>&nbsp;รูปลักษณ์จริง&nbsp;
                <a href="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_fswwvbfswwvbfsww.png" style="font-size: 12px; display: inline !important;">
                  <font color="#000000">(ภาพใหญ่)</font>
                </a>
            </div>
            </div>
          </div>
      </aside>

      <!-- ขวา: เนื้อหา -->
      <div>
          <div class="igeb__titleRow">
            <h2 class="igeb__name"><font size="6">Opticus Incognito</font></h2>
            <span class="igeb__badge">อุปกรณ์ที่ใบหน้า</span>
          </div>

          <div class="igeb__grid2">
            <div class="igeb__field">
            <div class="igeb__label"><font size="3">ชื่ออุปกรณ์</font></div>
            <div class="igeb__value"><font size="3">แว่นตาออปติกัส อินโคนิโต</font></div>
            </div>
            <div class="igeb__field">
            <div class="igeb__label"><font size="3">ประเภทของอุปกรณ์</font></div>
            <div class="igeb__value"><font size="3">แว่นตา / อุปกรณ์ที่ใบหน้า</font></div>
            </div>
          </div>

          <details class="igeb__desc" open="">
            <summary><font size="3">รายละเอียดอุปกรณ์</font></summary>
            <div class="igeb__descBody">
            <font size="3">
            แว่นตาเลนส์ใส กรอบโรสโกลด์ ประดับดอกไม้และเครื่องตกแต่งแบบโซ่ห้อย (หากไม่ชอบเอาออกได้) ภายนอกดูเป็นเครื่องประดับแฟชั่น แต่มีพลังเวทมนตร์ในการซ่อนเจตนาผู้สวมใส่และเพิ่มความสามารถในการวิเคราะห์จุดอ่อนของศัตรูและฟังชั่นที่มีปัญหาเสมอสำหรับคนใส่แว่นก็จะหายไปตามที่ได้ออกแบบไว้</font></div>
          </details>

          <div class="igeb__grid2">
            <div class="igeb__field">
            <div class="igeb__label"><font size="3">รูปลักษณ์พกพาของอุปกรณ์</font></div>
            <div class="igeb__value">
                <font size="3">
                  แว่นตากลมเลนส์ใส กรอบโรสโกลด์/ทอง ประดับด้วยดอกซากุระสีชมพูอ่อน และโซ่ห้อยที่ปลายขาแว่น (ตัวของประดับและโซ่ถอดออกได้ตามใจชอบ) เมื่อถอดของประดับมันก็แค่แว่นกลมโง่ ๆ ใส่แล้วดูซื่อ ๆ น่าปกป้อง</font></div>
            </div>

            <div class="igeb__field">
            <div class="igeb__label"><font size="3">ฟีเจอร์ของอุปกรณ์ (4)</font></div>
            <div class="igeb__value igeb__features">
                <div class="igeb__chip">
                  เลนส์จะทำการปรับและกรองแสงทุกประเภทโดยอัตโนมัติ รวมถึงแสงจ้าจากดวงอาทิตย์หรือการสะท้อน (Anti-Glare) กำจัดอาการตาหยี๋ และทำให้วิสัยทัศน์มีความคมชัดสูงสุดในทุกสภาพแสง</div>
                <div class="igeb__chip">
                  พลังเวทมนตร์จะหักเหการรับรู้ของผู้สังเกตการณ์ ทำให้ไม่สามารถรับรู้ถึง "เจตนา" ที่แท้จริงของผู้สวมใส่ได้ (เช่น ความโกรธ ความมุ่งร้าย หรือความกลัว) แม้จะเห็นใบหน้าอย่างชัดเจน
                </div>
                <div class="igeb__chip">
                  เลนส์จะแสดงผลวิเคราะห์และไฮไลท์จุดอ่อนหรือช่องโหว่ของศัตรู (รวมถึงสัตว์ประหลาด) พร้อมทั้งเพิ่มความแม่นยำในการเล็งเป้าหมายสำหรับการโจมตีและการต่อสู้ทั้งระยะประชิด ระยะไกลหรือการเล็งยิง&nbsp;<br><br>จะเชื่อมกับฐานข้อมูลของเดดาลัสสารานุกรมอสุรกายโอเพ่นชอร์ตของเดดาลัส ยกเว้นวันที่เซิร์ฟเวอร์เดดาลัสโดนโจมตีจะใช้ไม่ได้<br></div>
                <div class="igeb__chip">
                  กรอบและเลนส์แว่นถูกร่ายมนตร์ป้องกันการแตกหัก, การบิดเบี้ยว, การบุบสลาย, รอยขีดข่วน, กันน้ำกันลมและป้องกันการเกิดฝ้า แม้ในภาวะอุณหภูมิที่เปลี่ยนแปลงอย่างรวดเร็ว
                </div>
            </div>
            </div>
          </div>

      </div>
      </section>
    </article>
</div>
</div>

ดูในรูปแบบกติ: แว่นตาออปติกัส อินโคนิโต