View difference between Paste ID: FkMDVEzr and sC8RU0P4

 <!--
 [คู่มือการแก้ไขโคด]
-สีหลัก: --apt-primary: red;
+
 - ตัวแรก ขยับซ้ายขวา <50% ขยับไปทางขวา >50% ขยับไปทางซ้าย
 - ตัวหลัง ขยับขึ้นลง <50% ขยับไปข้างบน >50% ขยับไปข้างล่าง
 
 ปรับขนาดรูป เพิ่ม --apt-size: cover; ต่อท้ายลิงก์รูป
 - cover ขยายเต็มพื้นที่
 - 100% กว้างเท่าพื้นที่
 - <100% กว้างน้อยกว่าพื้นที่ (ย่อรูป)
 - >100% กว้างมากกว่าพื้นที่ (ขยายรูป)
 -->
 
 <link href="https://savant777.github.io/zoecode/apartment/apartment.css" rel="stylesheet">
-หากนำไปใช้ข้างนอกที่ div class="apt-pic-2" ให้ลบ data="Riverside Heights" ออก
+<div id="Apartment"><a href="https://discord.com/users/625292873914515456/"></a><div id="apt-reg" class="apt-box">
 <div class="apt-header"><div>Life at Riverside Heights</div><div><i class="fa-solid fa-gear"></i></div></div>
 <div class="apt-tabs"><div><i class="fa-solid fa-bars"></i>|<div>Personal information</div></div>
 <div><i class="fa-solid fa-bag-shopping fa-sm"></i><i class="fa-solid fa-user fa-sm"></i><i class="fa-solid fa-heart fa-sm"></i><i class="fa-solid fa-circle-xmark fa-sm"></i></div></div>
-<div id="Apartment"><a href="https://discord.com/users/625292873914515456/"></a><div id="apt-role" class="apt-box" style="--apt-primary: red;">
+<section class="apt-section"><div class="apt-topic"><i class="fa fa-user"></i> Basic Info</div>
-<div class="apt-head">
+<div class="apt-grid">
-<div><i class="fa-solid fa-calendar"></i> --วันเวลา--</div>
+<div class="apt-pic" style="--apt-pic: url(--ลิงก์รูปภาพ--);"></div>
-<div><i class="fa-solid fa-location-dot"></i> --สถานที่--</div>
+<div class="apt-q">Name (TH) :</div><div class="apt-a sm">--ชื่อภาษาไทย--</div>
-<div><i class="fa-solid fa-phone fa-xs"></i> <i class="fa-solid fa-sliders fa-xs"></i> <i class="fa-solid fa-message fa-xs"></i> <i class="fa-solid fa-toggle-on fa-flip-horizontal fa-xl"></i></div></div><div class="apt-pic-grid">
+<div class="apt-q">Name (EN) :</div><div class="apt-a sm">--ชื่อภาษาอังกฤษ--</div>
-<div class="apt-pic-1" style="--apt-pic: url(--ลิงก์รูปภาพ--);"></div>
+<div class="apt-q">Faceclaim :</div><div class="apt-a sm fc">[url=--ลิงก์รูปตัวละครขนาด 1:1--]--ชื่อเฟซเคลม--[/url]</div>
-<div class="apt-pic-2" data="Riverside Heights" style="--apt-pic: url(--ลิงก์รูปภาพ--);"></div>
+<div class="apt-q">Gender :</div><div class="apt-a sm">--Male / Female--</div>
-<div class="apt-pic-3" style="--apt-pic: url(--ลิงก์รูปภาพ--);">
+<div class="apt-q">Height :</div><div class="apt-a sm">--ส่วนสูง--</div>
-<div class="apt-room"><i class="fa-solid fa-key fa-rotate-90"></i> --ชั้น-- Floor, Room --เลขห้อง--</div></div></div>
+<div class="apt-q">Birth Date :</div><div class="apt-a bd">--dd/MM/yyyy--</div><div class="apt-a age">--อายุ ขั้นต่ำ 20 ปีขึ้นไป--</div>
-<div class="apt-info">
+<div class="apt-q">Career :</div><div class="apt-a lg">--อาชีพ สามารถเลือกทำงานร้านต่าง ๆ ที่มีในกระทู้ได้--</div>
-<div class="apt-pfpic" style="--apt-pic: url(--ลิงก์รูปภาพ--);"></div>
+<div class="apt-q">Room :</div><div class="apt-a lg">--ชั้น-- Floor, Room --ห้อง-- ดูได้จากผังห้องพัก</div>
-<div class="apt-nameset">
+<div class="apt-q">Color :</div><div class="apt-a lg">--#hex code โคดสีที่ชอบ 1 สี--</div>
-<div class="apt-name">--Name--</div>
+</div></section>
-<div class="apt-desc">--ข้อความสั้น ๆ--</div>
+<section class="apt-section"><div class="apt-topic"><i class="fa fa-face-smile"></i> Looks & Personality</div>
-<div class="apt-gear"><i class="fa-solid fa-gear fa-xs"></i></div></div></div>
+<div class="apt-flex">
-<div class="apt-content"><div>
+<div class="apt-q">Appearance :</div>
---เนื้อหาโรลเพลย์--
+<div class="apt-a">
-</div></div>
+<p>--ลักษณะทางกายภาพ--</p>
-<div class="apt-psset"><div class="apt-ps">[b]หมายเหตุ:[/b] --หมายเหตุ--</div>
+</div>
-<div class="apt-send"><i class="fa-regular fa-paper-plane"></i></div></div></div></div>
+<div class="apt-q">Personality :</div>
 <div class="apt-a">
 <p>--ลักษณะนิสัย--</p>
 </div>
 </div></section>
 <section class="apt-section"><div class="apt-topic"><i class="fa fa-book-open"></i> Story & Background</div>
 <div class="apt-flex">
 <div class="apt-q">Background :</div>
 <div class="apt-a">
 <p>--ภูมิหลังสั้น ๆ ก่อนมาอยู่ที่ Riverside Heights ไม่เกิน 150 คำ--</p>
 <p>--ขึ้นย่อหน้าใหม่ให้ก๊อปอันนี้ไปทั้งก้อน--</p>
 </div>
 <div class="apt-q">Move Reason :</div>
 <div class="apt-a">
 <p>--เหตุผลที่ย้ายมา--</p>
 </div>
 <div class="apt-q">Lifestyle & Preferences :</div>
 <div class="apt-a">
 [list]
 [*]--รสนิยมและไลฟ์สไตล์--
 [*]--รสนิยมและไลฟ์สไตล์--
 [*]--รสนิยมและไลฟ์สไตล์--
 [/list]
 </div></div></section><section class="apt-section"><div class="apt-topic"><i class="fa-solid fa-heart"></i> Relationship</div>
 <div class="apt-flex">
 <div class="apt-a">
 [list]
 [*]ชื่อ - ระดับความสัมพันธ์เบื้องต้น (xx/100)
 [*]ชื่อ - ระดับความสัมพันธ์เบื้องต้น (xx/100)
 [*]ชื่อ - ระดับความสัมพันธ์เบื้องต้น (xx/100)
 [/list]
 </div></div></section>
 <section class="apt-section"><div class="apt-topic"><i class="fa-solid fa-star"></i> TMI</div>
 <div class="apt-flex">
 <div class="apt-a">
 [list]
 [*]xxx
 [*]xxx
 [*]xxx
 [/list]
 </div></div></section>
 <div class="apt-btn">Submit</div></div></div>