:root {
    --bg: #ffffff;
    --bg-alt: #f4f6fb;
    --text: #111827;
    --muted: #6b7280;
    --primary: #111827;
    --accent: #1a73e8;
    --border: #e6e8ee;
    --shadow: 0 10px 30px rgba(17, 24, 39, 0.12);
    --radius: 16px;
    --transition: all 0.25s ease;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text);line-height:1.7;}
img{max-width:100%;display:block;}
.container{width:min(1200px,92%);margin:0 auto;}

.masthead{position:sticky;top:0;background:#fff;z-index:1000;border-bottom:1px solid var(--border);}
.masthead-inner{display:flex;align-items:center;gap:18px;padding:14px 0;}
.brand{display:flex;align-items:center;gap:12px;}
.brand-logo{width:42px;height:42px;border-radius:12px;}
.brand-text strong{display:block;font-size:1.05rem;font-weight:700;}
.brand-text span{color:var(--muted);font-size:0.9rem;}
.nav{margin-left:auto;display:flex;gap:16px;}
.nav a{text-decoration:none;color:var(--text);font-weight:600;letter-spacing:0.02em;}
.nav a:hover{color:var(--accent);}
.nav-toggle{display:none;margin-left:auto;border:none;background:transparent;font-size:1.4rem;}
.mobile-nav{display:none;flex-direction:column;gap:10px;padding:10px 0;}
.mobile-nav a{text-decoration:none;color:var(--text);}

.hero{padding:30px 0 40px;}
.hero-grid{display:grid;grid-template-columns:2.2fr 0.8fr;gap:18px;}
.hero-main{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}
.hero-main img{width:100%;height:100%;object-fit:cover;min-height:320px;}
.hero-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,0.7) 100%);}
.hero-overlay .tag{background:rgba(255,255,255,0.2);padding:4px 10px;border-radius:999px;font-size:0.85rem;display:inline-block;margin-bottom:8px;}
.hero-overlay h1{font-size:2rem;letter-spacing:0.02em;margin-bottom:8px;}
.hero-overlay p{font-size:0.95rem;}
.hero-brief{border:1px solid var(--border);border-radius:var(--radius);padding:16px;background:#fff;box-shadow:var(--shadow);}
.hero-brief h2{font-size:1.1rem;margin-bottom:10px;}
.hero-brief ul{list-style:none;display:grid;gap:8px;font-size:0.95rem;color:var(--muted);}
.hero-brief li{padding-left:14px;position:relative;}
.hero-brief li::before{content:"•";position:absolute;left:0;color:var(--accent);}

.section{padding:48px 0;}
.section.alt{background:var(--bg-alt);}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px;}
.section-head p{color:var(--muted);}

.news-columns{display:grid;grid-template-columns:1.4fr 1.7fr 0.9fr;gap:18px;align-items:start;}
.news-left .feature{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow);margin-bottom:16px;}
.news-left .feature img{height:200px;object-fit:cover;}
.feature-body{padding:12px;}
.feature-body h3{font-size:1.05rem;margin-bottom:6px;}
.feature-body p{color:var(--muted);font-size:0.95rem;}
.news-center .row{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;padding:10px 0;border-bottom:1px dashed var(--border);}
.news-center .row:last-child{border-bottom:none;}
.news-center .row img{height:80px;object-fit:cover;border-radius:10px;}
.news-center .row h3{font-size:1rem;margin-bottom:4px;}
.news-center .row p{color:var(--muted);font-size:0.9rem;}
.news-right .panel{border:1px solid var(--border);border-radius:var(--radius);padding:12px;background:#fff;box-shadow:var(--shadow);margin-bottom:12px;}
.news-right .panel h3{font-size:1rem;margin-bottom:8px;}
.news-right ol{padding-left:18px;color:var(--text);font-size:0.95rem;}
.news-right li{margin-bottom:6px;}
.news-right .tags{display:flex;flex-wrap:wrap;gap:8px;}
.news-right .tags span{background:var(--bg-alt);border-radius:999px;padding:6px 10px;font-size:0.85rem;color:var(--text);}

.mosaic{display:grid;grid-template-areas:
"t1 t1 t2 t3"
"t1 t1 t4 t4"
"t5 t6 t4 t4";
 grid-template-columns:repeat(4,1fr);gap:16px;}
.tile{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;}
.tile img{height:100%;object-fit:cover;}
.tile-body{padding:14px;}
.tile h3{font-size:1.05rem;letter-spacing:0.02em;margin-bottom:6px;}
.tile .meta{color:var(--muted);font-size:0.85rem;margin-bottom:6px;}
.t1{grid-area:t1;}
.t2{grid-area:t2;}
.t3{grid-area:t3;}
.t4{grid-area:t4;}
.t5{grid-area:t5;}
.t6{grid-area:t6;}

.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.card{border:1px solid var(--border);border-radius:var(--radius);padding:12px;background:#fff;box-shadow:var(--shadow);}
.card img{height:140px;object-fit:cover;border-radius:12px;margin-bottom:8px;}

.faq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.faq-card{border:1px solid var(--border);border-radius:var(--radius);padding:12px;background:#fff;}

.footer{background:#0f172a;color:#cbd5f5;padding:30px 0;}
.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;}
.footer-logo{width:36px;height:36px;border-radius:8px;margin-bottom:6px;}
.footer-links a{color:#cbd5f5;text-decoration:none;margin-right:12px;}

.float-contact{position:fixed;left:18px;bottom:24px;z-index:1200;}
.float-btn{background:linear-gradient(135deg,#1a73e8,#34a853);color:#fff;padding:12px 18px;border-radius:999px;box-shadow:0 10px 24px rgba(26,115,232,0.3);text-decoration:none;}
.back-to-top{position:fixed;right:18px;bottom:18px;border:none;width:46px;height:46px;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;opacity:0;visibility:hidden;transition:var(--transition);} 
.back-to-top.visible{opacity:1;visibility:visible;}

@media (max-width: 1024px){
    .hero-grid{grid-template-columns:1fr;}
    .news-columns{grid-template-columns:1fr 1fr;}
    .news-right{grid-column:1 / -1;}
    .mosaic{grid-template-areas:
    "t1 t1"
    "t2 t3"
    "t4 t4"
    "t5 t6";grid-template-columns:repeat(2,1fr);}    
    .grid-4{grid-template-columns:repeat(2,1fr);}    
    .faq-grid{grid-template-columns:repeat(2,1fr);}    
}
@media (max-width: 768px){
    .nav{display:none;}
    .nav-toggle{display:block;}
    .mobile-nav.show{display:flex;}
    .news-columns{grid-template-columns:1fr;}
    .news-center .row{grid-template-columns:100px 1fr;}
    .mosaic{grid-template-areas:
    "t1"
    "t2"
    "t3"
    "t4"
    "t5"
    "t6";grid-template-columns:1fr;}
    .grid-4,.faq-grid{grid-template-columns:1fr;}
    .float-contact{left:auto;right:18px;bottom:84px;}
    .back-to-top{bottom:18px;}
}