/* 8. 网站CSS style.css */
:root{
    --primary:#1976D2;
    --secondary:#607D8B;
    --light:#F5F7FA;
    --dark:#263238;
}
body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    color:var(--dark);
    background-color:#fafbfc;
}
a{text-decoration:none;transition:all .3s ease}
.navbar-brand span{font-size:1.25rem}
.navbar-nav .nav-link{font-weight:500;padding:.5rem 1rem!important;position:relative}
.navbar-nav .nav-link.active,.navbar-nav .nav-link:hover{color:var(--primary)!important}
.navbar-nav .nav-link.active::after{
    content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);
    width:24px;height:3px;background:var(--primary);border-radius:2px
}
.hero-slider .carousel-caption{bottom:30%}
.hero-slider .carousel-caption h2{font-size:3rem;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.hero-slider .carousel-caption p{font-size:1.25rem;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.section-title{position:relative;padding-bottom:1rem}
.section-title::after{
    content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);
    width:60px;height:4px;background:var(--primary);border-radius:2px
}
.card{transition:transform .3s,box-shadow .3s;border:none}
.card:hover{transform:translateY(-6px);box-shadow:0 12px 20px rgba(0,0,0,.08)!important}
.btn-primary{background-color:var(--primary);border-color:var(--primary)}
.btn-primary:hover{background-color:#1565C0;border-color:#1565C0}
.btn-outline-primary{color:var(--primary);border-color:var(--primary)}
.btn-outline-primary:hover{background-color:var(--primary);border-color:var(--primary)}
.bg-primary{background-color:var(--primary)!important}
.text-primary{color:var(--primary)!important}
.border-primary{border-color:var(--primary)!important}
.form-control,.form-select{border-radius:.375rem;border:1px solid #e0e6ed}
.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(25,118,210,.25)}
footer{background-color:var(--dark)!important}
footer a:hover{color:var(--primary)!important}
.sticky-top{z-index:1020}
.ratio iframe{border-radius:.5rem}
.accordion-button:not(.collapsed){background-color:transparent;color:var(--primary);box-shadow:none}
.accordion-button:focus{box-shadow:none;border-color:rgba(0,0,0,.125)}
.city-grid .btn{font-size:.8125rem;padding:.25rem .5rem}
.content{line-height:1.8;font-size:1rem}
.content p{margin-bottom:1rem}
.content img{max-width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.08);margin:1rem 0}
.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin-top:1.5rem;margin-bottom:1rem;font-weight:600;color:var(--primary)}
.breadcrumb{background-color:transparent;padding:.5rem 0;margin-bottom:1.5rem;font-size:.875rem}
.breadcrumb-item+.breadcrumb-item::before{content:"\f285";font-family:bootstrap-icons!important}
.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.045)!important}
.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.06)!important}
.rounded{border-radius:.5rem!important}
.rounded-start{border-top-left-radius:.5rem!important;border-bottom-left-radius:.5rem!important}
.display-4{font-size:3rem;font-weight:700}
.lead{font-size:1.25rem;font-weight:400}
.small{font-size:.875rem}
@media (max-width:768px){
    .hero-slider .carousel-caption h2{font-size:2rem}
    .hero-slider .carousel-caption p{font-size:1rem}
    .display-4{font-size:2rem}
    .section-title::after{width:40px}
    .city-grid .btn{font-size:.75rem}
}