:root { color-scheme: dark; }
.beauty-page { margin: 0; min-height: 100vh; background: #101010; color: #f7f7f7; font-family: Arial, "Noto Sans TC", sans-serif; }
.beauty-page main { max-width: 1240px; margin: 0 auto; padding: 28px 20px 56px; }
.beauty-header { display: flex; align-items: baseline; gap: 12px; margin: 0 0 24px; }
.beauty-header p { color: #fbbf24; font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.beauty-header h1 { margin: 0; font-size: clamp(32px, 5vw, 54px); }
.beauty-header span { color: #a3a3a3; font-size: 14px; }
.beauty-grid { columns: 4 220px; column-gap: 14px; }
.beauty-card { break-inside: avoid; margin: 0 0 14px; overflow: hidden; border-radius: 10px; background: #1b1b1b; }
.beauty-card img { display: block; width: 100%; min-height: 150px; background: #292929; object-fit: cover; }
.beauty-ad-card { display: none; min-height: 120px; border: 1px solid #333; padding: 10px; background: #151515; }
.beauty-ad-label { display: block; margin-bottom: 6px; color: #777; font-size: 10px; letter-spacing: .08em; text-align: center; }
.beauty-ad-card .adsbygoogle { width: 100% !important; max-width: 100% !important; }
.beauty-ad-card:has(.adsbygoogle[data-ad-status="unfilled"]) { display: none; }
.beauty-load-sentinel { height: 1px; break-inside: avoid; }
.beauty-empty { padding: 48px; border: 1px dashed #444; border-radius: 10px; text-align: center; color: #a3a3a3; }
.beauty-page footer { border-top: 1px solid #292929; padding: 20px; color: #777; text-align: center; font-size: 12px; }
@media (max-width: 680px) { .beauty-header { align-items: flex-start; flex-direction: column; gap: 4px; } .beauty-grid { columns: 1; } .beauty-card { margin-bottom: 10px; } .beauty-ad-card { display: block; } }