* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', Tahoma, Arial, sans-serif; background: #fafafa; color: #222; line-height: 1.75; direction: rtl; } .container { max-width: 760px; margin: 0 auto; padding: 48px 24px 80px; } h1 { font-size: 28px; font-weight: 700; margin-bottom: 4px; color: #111; } .date { font-size: 14px; color: #777; margin-bottom: 40px; } h2 { font-size: 19px; font-weight: 700; margin-top: 36px; margin-bottom: 12px; color: #111; } p { margin-bottom: 14px; font-size: 15px; color: #333; } ul { margin: 8px 20px 16px 0; padding: 0; list-style: none; } ul li { position: relative; padding-right: 18px; margin-bottom: 8px; font-size: 15px; color: #333; } ul li::before { content: "•"; position: absolute; right: 0; color: #888; } .notice-box { margin: 20px 0; padding: 20px; background: #fffbeb; border: 1px solid #e0d5a0; border-radius: 8px; font-size: 15px; color: #333; } .notice-box strong { color: #8a6d00; } .info-box { margin: 20px 0; padding: 20px; background: #f0f4ff; border: 1px solid #c4d0e8; border-radius: 8px; font-size: 15px; color: #333; } .info-box strong { color: #1a4a8a; } .highlight-box { margin: 20px 0; padding: 20px; background: #fef5f0; border: 1px solid #e8c4b4; border-radius: 8px; font-size: 15px; color: #333; } .highlight-box strong { color: #8a3d1a; } .free-ship-box { margin: 20px 0; padding: 20px; background: #f0fdf4; border: 1px solid #a7d4b4; border-radius: 8px; font-size: 15px; color: #1a4d2e; } .free-ship-box strong { color: #0d6b30; } .contact-block { margin-top: 12px; padding: 20px; background: #f2f2f2; border-radius: 8px; font-size: 15px; } .contact-block strong { display: block; margin-bottom: 4px; } a { color: #222; }