:root{--hos-blue:#0097e6;--hos-light:#e3f2fd;--hos-grey:#f5f7fa;}
        body{font-family:'Noto Sans SC',sans-serif;color:#333;background:#fff;}
        .navbar{box-shadow:0 2px 6px rgba(0,0,0,.06)}
        .btn-main{background:var(--hos-blue);border:none;border-radius:50px;padding:.75rem 2rem;font-weight:500;transition:.3s}
        .btn-main:hover{background:#0084d1;transform:translateY(-2px)}
        .hero{background:linear-gradient(135deg,#36d1dc 0%,#5b86e5 100%);color:#fff;padding:140px 0 100px}
        .card-hos{border:none;border-radius:12px;box-shadow:0 4px 18px rgba(0,0,0,.06);transition:.3s}
        .card-hos:hover{transform:translateY(-4px)}
        .section-title{font-weight:600;letter-spacing:.5px;margin-bottom:2rem}
        .timeline{border-left:2px solid var(--hos-blue);padding-left:1.5rem;margin-left:1rem}
        .timeline-item{position:relative;margin-bottom:1.5rem}
        .timeline-item::before{content:'';position:absolute;left:-1.8rem;top:.4rem;width:12px;height:12px;background:var(--hos-blue);border-radius:50%}
        .city-list a{display:inline-block;margin:.25rem .5rem .25rem 0;background:var(--hos-light);color:var(--hos-blue);padding:.4rem .9rem;border-radius:50px;font-size:.85rem;text-decoration:none;transition:.3s}
        .city-list a:hover{background:var(--hos-blue);color:#fff}
        .keyword-cloud a{background:#f0f8ff;color:#0d47a1;padding:.25rem .6rem;margin:.1rem;border-radius:50px;font-size:.8rem;display:inline-block}
        
.navbar{box-shadow:0 2px 6px rgba(0,0,0,.06)}
    .btn-main{background:var(--hos-blue);border:none;border-radius:50px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:500;transition:.3s}
    .page-header{background:linear-gradient(135deg,#36d1dc 0%,#5b86e5 100%);color:#fff;padding:80px 0 60px}
    .card-img-fixed{height:160px;object-fit:cover;border-radius:12px 0 0 12px}
    .badge-hot{background:#ff6b6b}
    .tag-cloud a{background:#f0f8ff;color:#0d47a1;padding:.3rem .6rem;margin:.1rem;border-radius:50px;font-size:.75rem;display:inline-block}
    
.btn-main{background:var(--hos-blue);border:none;border-radius:50px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:500;transition:.3s}
    .breadcrumb-hos{background:rgba(255,255,255,.2);border-radius:50px;padding:.5rem 1rem;font-size:.9rem}
    .article-content h2{color:var(--hos-blue);font-size:1.5rem;margin:2rem 0 1rem}
    .article-content p{line-height:1.8;margin-bottom:1rem}
    .article-content ul{margin-bottom:1rem}
    .article-content img{max-width:100%;border-radius:12px}
    .sidebar-card{border:none;border-radius:12px;box-shadow:0 4px 18px rgba(0,0,0,.06)}
    
        /* 页脚样式 */
        footer {
            background-color: var(--primary-color);
            padding: 50px 0 30px;
            background:#f0f4f8;color:#666
        }
        
        .footer-link ,.footer-link a {
            color: var(--light-color);
            text-decoration: none;
            transition: color 0.3s ease;
        }
        
        .footer-link:hover ,.footer-link a:hover {
            color: var(--accent-color);
        }