{{-- partials/season_decor.blade.php (ปรับปรุงแล้ว) ------------------------------------------------------------------ ตัวตกแต่งธีมตามฤดูกาล แบบ "global" ใช้ได้กับทุกหน้า ✨ ปรับปรุง: ทำให้ขนาดกิ่ง/โคม/อนุภาค คงที่เสมอ ไม่เปลี่ยนขึ้นลงตามขนาดหน้าจอ เพื่อให้ดูสม่ำเสมอเหมือนหน้า index ทุกหน้า ✨ วิธีทำงาน: รับตัวแปร $season (string) มาจากหน้าที่ include เข้ามา ค่าที่รองรับ: 'none' | 'sakura' | 'summer' | 'rainy' | 'autumn' | 'winter' ตำแหน่ง: position:absolute ยึดกับจุดเริ่มต้นของหน้า (ใต้ navbar) เท่านั้น เลื่อน scroll ไปแล้วจะเลื่อนตามเนื้อหาไปด้วย ไม่ค้างอยู่กับที่บนจอ pointer-events: none ทั้งกล่อง เพื่อไม่ให้บังหรือกันคลิกปุ่ม/เมนูใดๆ z-index ตั้งไว้ต่ำกว่า navbar/modal ของ bootstrap (ปกติ navbar ~1030, modal ~1050) --}} @php $season = $season ?? 'none'; // ตั้งค่าโทนสี/รูปแบบของกลีบ-ใบที่ร่วงของแต่ละฤดู $seasonConfig = [ 'sakura' => [ 'branch_stroke' => '#8a6152', 'shades' => ['#fff0f5', '#ffd9e8', '#ffb6d0', '#ff8fbd'], 'particle_bg' => 'radial-gradient(circle at 30% 30%, #fff0f5, #ffb6d0 60%, #ff8fbd)', 'particle_shape'=> '70% 0 70% 0', // border-radius กลีบซากุระ 'glow' => 'rgba(255,182,208,.38)', 'lantern_body' => '#ff7a9c', 'lantern_border' => '#e85d84', 'lantern_glow' => '#ffd3e0', ], 'summer' => [ 'branch_stroke' => '#2f8f5b', 'shades' => ['#eafff2', '#b9f5cf', '#7de3a3', '#ffd95e'], 'particle_bg' => 'radial-gradient(circle at 30% 30%, #fff8d9, #ffe066 60%, #ffd23f)', 'particle_shape'=> '50%', // แสงแดด/ประกายกลม 'glow' => 'rgba(255,214,80,.35)', 'lantern_body' => '#ffcc4d', 'lantern_border' => '#e8a012', 'lantern_glow' => '#fff3c4', ], 'rainy' => [ 'branch_stroke' => '#4a6fa5', 'shades' => ['#eef5ff', '#cfe3ff', '#a9cdfb', '#7fb2f0'], 'particle_bg' => 'linear-gradient(180deg, rgba(255,255,255,.9), rgba(150,190,240,.85))', 'particle_shape'=> '50% 50% 50% 0', // หยดน้ำ 'glow' => 'rgba(127,178,240,.35)', 'lantern_body' => '#7fb2f0', 'lantern_border' => '#4a78b0', 'lantern_glow' => '#eaf3ff', ], 'autumn' => [ 'branch_stroke' => '#8a5a2b', 'shades' => ['#fff2df', '#ffd08a', '#f3a24d', '#c9682b'], 'particle_bg' => 'radial-gradient(circle at 30% 30%, #fff2df, #f3a24d 60%, #c9682b)', 'particle_shape'=> '0 70% 0 70%', // ใบไม้ร่วง 'glow' => 'rgba(243,162,77,.35)', 'lantern_body' => '#f3a24d', 'lantern_border' => '#c9682b', 'lantern_glow' => '#ffe6c2', ], 'winter' => [ 'branch_stroke' => '#7c93a8', 'shades' => ['#ffffff', '#eef6fb', '#d9ecf7', '#c3e1f2'], 'particle_bg' => 'radial-gradient(circle at 30% 30%, #ffffff, #eaf6ff 70%)', 'particle_shape'=> '50%', // เกล็ดหิมะ 'glow' => 'rgba(195,225,242,.45)', 'lantern_body' => '#dcecf7', 'lantern_border' => '#a9c9de', 'lantern_glow' => '#ffffff', ], ]; @endphp @if($season !== 'none' && isset($seasonConfig[$season])) @php $cfg = $seasonConfig[$season]; // สุ่มตำแหน่งช่อกิ่ง/ใบ — ชุดนี้ขยายให้กิ่งทอดยาวลงมาตามขอบจอ (ไม่ใช่แค่กระจุกอยู่แถวบนสุดแบบเดิม) // ครึ่งแรก (cy 8-146) คือกิ่งช่วงบน ครึ่งหลัง (cy 170-566) คือกิ่งที่ทอดยาวลงมาตามขอบจอเพิ่มเติม // (โครงเดียวกับกิ่งประดับ Title/Subtitle ของหน้า index ให้อารมณ์ใกล้เคียงกัน) $decorBranchClusters = [ ['cx' => 14, 'cy' => 16, 'count' => 6, 'spread' => 10], ['cx' => 40, 'cy' => 10, 'count' => 7, 'spread' => 12], ['cx' => 62, 'cy' => 22, 'count' => 6, 'spread' => 10], ['cx' => 50, 'cy' => 44, 'count' => 5, 'spread' => 9], ['cx' => 80, 'cy' => 40, 'count' => 7, 'spread' => 12], ['cx' => 100, 'cy' => 58, 'count' => 6, 'spread' => 10], ['cx' => 86, 'cy' => 78, 'count' => 5, 'spread' => 9], ['cx' => 118, 'cy' => 96, 'count' => 7, 'spread' => 12], ['cx' => 140, 'cy' => 110, 'count' => 6, 'spread' => 10], ['cx' => 126, 'cy' => 132, 'count' => 5, 'spread' => 9], ['cx' => 158, 'cy' => 146, 'count' => 7, 'spread' => 12], // กิ่งทอดยาวลงมาตามขอบจอ ['cx' => 128, 'cy' => 200, 'count' => 6, 'spread' => 10], ['cx' => 100, 'cy' => 250, 'count' => 6, 'spread' => 10], ['cx' => 108, 'cy' => 300, 'count' => 6, 'spread' => 10], ['cx' => 88, 'cy' => 356, 'count' => 6, 'spread' => 10], ['cx' => 100, 'cy' => 408, 'count' => 6, 'spread' => 10], ['cx' => 82, 'cy' => 460, 'count' => 6, 'spread' => 10], ['cx' => 96, 'cy' => 512, 'count' => 6, 'spread' => 10], ['cx' => 88, 'cy' => 566, 'count' => 5, 'spread' => 9], ]; @endphp {{-- ไล่สีจางที่มุมบนของหน้า --}} @endif