.seo-page-container{background-color:var(--spot-bg,#fafafa);min-height:100vh;padding-bottom:80px;font-family:inherit}.seo-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#1c2e3a 0%,#273f4f 100%);padding:100px 24px 80px;position:relative;overflow:hidden}.seo-hero-icon-wrap{background:#447d9b;border-radius:50%;margin-bottom:24px;padding:16px;display:inline-flex;box-shadow:0 8px 32px #0000001a}.seo-hero-title{margin:0 0 16px;font-size:3rem;font-weight:800;line-height:1.2}@media (max-width:768px){.seo-hero{padding:40px 16px}.seo-hero-title{font-size:2rem}}.seo-hero-title span{color:#fe7743}.seo-hero-desc{color:#fffc;max-width:700px;margin:0 auto;font-size:1.25rem;line-height:1.6}.seo-content{z-index:10;max-width:1200px;margin:-40px auto 0;padding:0 24px;position:relative}.seo-main-card{border:1px solid var(--spot-border-soft,#dcd7c9);background:#fff;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000014}@media (min-width:1024px){.seo-main-card{flex-direction:row}}.seo-map-container{background:#f0f0f0;width:100%;height:500px;position:relative}@media (min-width:1024px){.seo-map-container{width:66.666%;height:700px}}@media (max-width:768px){.seo-map-container{height:350px}}.seo-legend{z-index:1000;border:1px solid var(--spot-border-soft,#dcd7c9);pointer-events:none;background:#fffffff2;border-radius:8px;padding:12px 16px;font-size:13px;position:absolute;bottom:20px;left:20px;box-shadow:0 4px 12px #00000026}.seo-legend-title{color:#273f4f;margin-bottom:8px;font-weight:600}.seo-legend-item{align-items:center;gap:8px;margin-bottom:4px;display:flex}.seo-legend-color{border-radius:4px;width:16px;height:16px}.seo-sidebar{background:#fff;flex-direction:column;width:100%;padding:32px;display:flex}@media (min-width:1024px){.seo-sidebar{border-left:1px solid var(--spot-border-soft,#dcd7c9);width:33.333%}}.seo-sidebar-title{color:#273f4f;align-items:center;gap:8px;margin:0 0 24px;font-size:1.5rem;font-weight:700;display:flex}.seo-ranking-list{flex-direction:column;flex:1;gap:16px;display:flex}.seo-ranking-item{border:1px solid var(--spot-border-soft,#dcd7c9);background:#fafafa;border-radius:12px;align-items:center;padding:16px;transition:all .3s;display:flex;position:relative;overflow:hidden}.seo-ranking-item:hover{border-color:#4cc9f0;transform:translateY(-2px);box-shadow:0 8px 16px #0000000d}.seo-ranking-item:before{content:"";background:#4cc9f0;width:4px;position:absolute;top:0;bottom:0;left:0}.seo-ranking-number{color:#9fa6b2;width:30px;font-size:1.2rem;font-weight:800}.seo-ranking-name{flex:1;margin-left:12px}.seo-ranking-name h3{color:var(--spot-primary-text,#2c3930);margin:0;font-size:1.1rem;font-weight:700}.seo-ranking-score{color:#273f4f;font-size:1.5rem;font-weight:800}.seo-ranking-score span{color:#9fa6b2;font-size:.875rem;font-weight:600}.seo-explore-action{border-top:1px solid var(--spot-border-soft,#dcd7c9);text-align:center;margin-top:32px;padding-top:32px}.seo-explore-action p{color:#6b7280;margin-bottom:16px;font-weight:500}.seo-crosslink-section{max-width:1200px;margin:64px auto 0;padding:0 24px}.seo-crosslink-title{color:#273f4f;text-align:center;margin-bottom:40px;font-size:1.75rem;font-weight:700}.seo-crosslink-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:768px){.seo-crosslink-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.seo-crosslink-grid{grid-template-columns:repeat(4,1fr)}}.seo-crosslink-card{border:1px solid var(--spot-border-soft,#dcd7c9);text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:24px;text-decoration:none;transition:all .3s;display:flex}.seo-crosslink-card:hover{border-color:#4cc9f0;transform:translateY(-4px);box-shadow:0 12px 24px #4cc9f01a}.seo-crosslink-icon{color:#4cc9f0;background:#f0f9ff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.seo-crosslink-card:hover .seo-crosslink-icon{color:#fff;background:#4cc9f0}.seo-crosslink-card h4{color:var(--spot-primary-text,#2c3930);margin:0;font-size:1.1rem;font-weight:700}.seo-crosslink-card p{color:#6b7280;align-items:center;gap:4px;margin:0;font-size:.875rem;font-weight:500;display:flex}.seo-back-btn{text-align:center;margin-top:48px}.seo-back-btn a{border:2px solid var(--spot-border-soft,#dcd7c9);color:#6b7280;border-radius:12px;padding:12px 32px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.seo-back-btn a:hover{color:#4cc9f0;border-color:#4cc9f0}.seo-article-layer{border:1px solid var(--spot-border-soft,#dcd7c9);background:#fff;border-radius:16px;margin-top:40px;padding:40px;box-shadow:0 10px 30px #0000000d}.seo-article-layer h2{color:var(--spot-primary-text,#273f4f);margin-top:0;margin-bottom:20px;font-size:1.8rem;font-weight:700}.seo-article-layer p{color:#4b5563;margin:0;font-size:1.15rem;line-height:1.7}@media (max-width:768px){.seo-article-layer{border-radius:12px;margin-top:24px;padding:24px}.seo-article-layer h2{margin-bottom:12px;font-size:1.4rem}.seo-article-layer p{font-size:1rem}}