:root{color:#111827;background:#f7f8fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}#app{width:min(100%,980px);min-height:100vh;margin:0 auto;background:#f7f8fa}main{padding:18px 16px 86px}.hero,.page-head{padding:20px 0 18px}.hero p,.page-head p,.hero h1,.page-head h1{margin:0}.hero p,.page-head p{color:#1677ff;font-weight:800}.hero h1,.page-head h1{margin-top:6px;font-size:32px;letter-spacing:0}.hero span,.page-head span,.section-head p,.module-card small,.listing-card span,.announcement-list span,.location-card small,.location-card p,.muted{color:#6b7280}.banner-grid,.listing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.banner,.panel,.listing-card,.error,.loading,.map-summary{background:#fff;border:1px solid #e5e7eb;border-radius:8px}.banner{overflow:hidden}.banner img{display:block;width:100%;height:120px;object-fit:cover;background:#e5e7eb}.banner div,.listing-card div,.error,.loading{padding:14px}.banner strong,.banner span,.listing-card strong,.listing-card span,.announcement-list li strong,.announcement-list li span{display:block}.panel,.map-summary{margin-top:14px;padding:16px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head h2,.section-head p{margin:0}.section-head h2,.panel>h2{font-size:20px}.section-head a{flex:none;padding:7px 12px;color:#fff;background:#111827;border-radius:999px;font-size:13px;font-weight:800}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px}.module-card{min-height:112px;padding:14px;background:#f9fafb;border:1px solid #edf0f3;border-radius:8px}.module-icon{display:inline-grid;width:36px;height:36px;place-items:center;margin-bottom:10px;background:#fff3a3;border-radius:8px}.module-card strong,.module-card small{display:block}.listing-card{overflow:hidden}.listing-card img,.listing-cover{width:100%;height:150px;object-fit:cover;background:#e5e7eb}.listing-cover{display:grid;place-items:center;color:#6b7280;font-weight:800}.listing-card b{display:block;margin-top:6px;color:#f97316;font-size:18px}.announcement-list{display:grid;gap:10px;padding:0;margin:12px 0 0;list-style:none}.map-summary{display:flex;justify-content:space-between;gap:12px;background:#eaf3ff;border-color:#bfdbfe}.location-list{display:grid;gap:10px}.location-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;background:#f9fafb;border:1px solid #edf0f3;border-radius:8px}.location-card .module-icon{margin-bottom:0}.location-card p{margin:4px 0 0}.location-card a{padding:8px 12px;color:#fff;background:#1677ff;border-radius:999px;font-weight:800}.empty{padding:28px;color:#6b7280;text-align:center;background:#fff;border:1px dashed #d1d5db;border-radius:8px}.bottom-nav{position:fixed;left:50%;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);width:min(100%,980px);transform:translate(-50%);background:#fffffff5;border-top:1px solid #e5e7eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav a{padding:13px 6px 18px;color:#6b7280;text-align:center;font-size:13px;font-weight:800}.bottom-nav a.active{color:#111827;background:#ffe45c}.error,.loading{width:min(92vw,520px);margin:80px auto}.error h1,.loading h1{margin:0 0 8px}.error p,.loading p{margin:0 0 10px;color:#6b7280}@media(max-width:560px){main{padding:12px 12px 82px}.hero h1,.page-head h1{font-size:26px}.banner-grid,.listing-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(2,1fr)}}