/* 地球OL：实验室下的生活技能子板块；不改变既有游戏布局。 */
.earthol-section { margin-top: 42px; padding-top: 30px; border-top: 1px solid var(--line-soft); }
.earthol-section-heading h3 { margin: 0; font-size: 24px; font-weight: 500; line-height: 1.4; }
.earthol-section-heading p { margin-top: 9px; color: var(--muted); font-size: 13px; line-height: 1.8; }
.earthol-section .earthol-grid { display: grid; grid-template-columns: minmax(0,1fr); max-width: 480px; margin-top: 22px; }
.earthol h4 { margin-top: 7px; font-size: 28px; font-weight: 500; }
.earthol .lab-art { background: radial-gradient(ellipse at 75% 20%, #52634b, #203e35 65%, #142b25); }
.earthol .earthol-globe { position: absolute; width: 174px; height: 174px; top: 20px; right: 18px; border: 1px solid #d2c49a; border-radius: 50%; background: radial-gradient(ellipse at 28% 25%, #7f9d76 0 15%, transparent 16%), radial-gradient(ellipse at 65% 60%, #94aa78 0 22%, transparent 23%), radial-gradient(circle at 32% 26%, #537e6e, #224c44 72%); box-shadow: inset -18px -12px 25px #102e2b80, 0 12px 35px #10291e60; transform: rotate(-18deg); }
.earthol .earthol-globe::before, .earthol .earthol-globe::after { content: ""; position: absolute; border: 1px solid #d4cda277; border-radius: 50%; }
.earthol .earthol-globe::before { inset: -1px 35px; }
.earthol .earthol-globe::after { inset: 51px -1px; }
@media (max-width: 680px) { .earthol-section { margin-top: 30px; padding-top: 24px; } .earthol-section-heading h3 { font-size: 22px; } .earthol-section-heading p { font-size: 12px; } .earthol h4 { grid-column: 2; font-size: 25px; } .earthol .earthol-globe { width: 122px; height: 122px; right: -40px; top: 17px; } .earthol .earthol-globe::before { inset: -1px 25px; } .earthol .earthol-globe::after { inset: 35px -1px; } }