.gx{margin:34px 0;padding:22px 20px 18px;background:linear-gradient(180deg,#f4fafc,#fff);border:1px solid rgba(8,20,28,.08);border-radius:18px;min-width:0}
.gx figcaption{margin-bottom:16px}
.gx figcaption b{display:block;font-size:20px;margin-bottom:4px}
.gx figcaption span{font-size:14px;color:#5e646b}
.gx svg{display:block}
.yg-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}
.yg-m{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 2px 8px;border-radius:12px;background:#fff;border:1px solid rgba(8,20,28,.07);border-top:5px solid #9bd3e4;min-width:0}
.yg-great{border-top-color:#27b07a}.yg-good{border-top-color:var(--cyan)}.yg-risky{border-top-color:#f08a4b}
.yg-name{font-size:14px}
.yg-w svg{width:32px;height:32px}.yg-sea svg{width:30px;height:12px}
.yg-crowd{font-size:10.5px;padding:2px 6px;border-radius:99px;background:#eef3f5;color:#5e646b;white-space:nowrap}
.yg-crowd.yg-busy{background:#ffe6d6;color:#b4521a}
.yg-v{font-size:11px;font-weight:700;color:var(--night);text-align:center;line-height:1.2}
.gx-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;font-size:12.5px;color:#5e646b;align-items:center}
.gx-legend span{display:inline-flex;align-items:center;gap:6px}
.gx-legend svg{width:22px;height:18px}
.lg{display:inline-block;width:14px;height:8px;border-radius:3px}
.lg-great{background:#27b07a}.lg-good{background:var(--cyan)}.lg-risky{background:#f08a4b}
.lg-r5{background:#2fb0aa}.lg-r3{background:#7fd8d3}.lg-r1{background:#c9d6dc}
.dm-chart{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;align-items:end}
.dm-col{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}
.dm-val{font-size:11px;color:#5e646b}
.dm-bar{width:100%;max-width:44px;height:120px;background:#eef3f5;border-radius:8px;position:relative;overflow:hidden}
.dm-bar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--h);border-radius:8px;background:#c9d6dc}
.dm-r2 .dm-bar::after{background:#a9cdd9}.dm-r3 .dm-bar::after{background:#7fd8d3}.dm-r4 .dm-bar::after{background:#3fa9cc}.dm-r5 .dm-bar::after{background:#2fb0aa}
.dm-col b{font-size:13px}
.dm-shark{font-size:18px;height:22px;line-height:22px}
.dm-s1{opacity:.4;filter:grayscale(.3)}
.dm-vis{font-size:10.5px;color:#5e646b;text-align:center;line-height:1.2;min-height:26px}
.gx-photo{margin:30px 0}
.gx-photo img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;display:block}
.gx-photo figcaption{font-size:13.5px;color:#5e646b;margin-top:8px}
@media (max-width:760px){
 .yg-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
 .dm-chart{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:16px}
 .dm-bar{height:80px}
 .gx{padding:18px 12px 14px}
}