*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei",sans-serif;}
body{background:#FFF9F2;color:#333;line-height:1.7;}
.container{max-width:1400px;margin:0 auto;padding:0 16px;}

/* 顶部导航 暖橙主色调 */
.main-header{background:#E67E22;color:#fff;padding:18px 0;box-shadow:0 2px 12px rgba(230,126,34,0.18);}
.main-header .container{display:flex;flex-wrap:wrap;align-items:center;gap:24px;justify-content:space-between;}
.logo h1 a{color:#fff;text-decoration:none;font-size:24px;}
.tagline{opacity:0.9;font-size:14px;}
.search-form{display:flex;}
.search-input{height:38px;padding:0 12px;border:none;border-radius:6px 0 0 6px;width:260px;outline:none;background:#fffef9;}
.search-btn{height:38px;width:42px;background:#D35400;border:none;color:#fff;border-radius:0 6px 6px 0;cursor:pointer;}
.main-nav ul{display:flex;gap:22px;list-style:none;flex-wrap:wrap;}
.main-nav a{color:#fff;text-decoration:none;}
.main-nav a:hover{text-decoration:underline;}

/* 关键词云区块 浅暖黄底色 */
.keywords-section{margin:30px 0;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 10px rgba(220,140,70,0.08);}
.keywords-section h2{color:#D35400;margin-bottom:16px;font-size:20px;}
.keywords-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;}
.keyword-high{padding:6px 12px;background:#FFF3E0;color:#E67E22;border-radius:20px;font-size:14px;}
.keywords-description{color:#444;font-size:15px;line-height:1.8;}

/* 图片画廊 */
.gallery-section{margin:30px 0;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 10px rgba(220,140,70,0.08);}
.gallery-section h2{color:#D35400;margin-bottom:20px;font-size:20px;display:flex;align-items:center;gap:8px;}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;}
.gallery-item{border:1px solid #F2E2D2;border-radius:10px;overflow:hidden;transition:0.3s;}
.gallery-item:hover{transform:translateY(-6px);box-shadow:0 8px 16px rgba(220,140,70,0.12);}
.image-link{display:block;position:relative;}
.gallery-item img{width:100%;height:190px;object-fit:cover;display:block;}
.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(120,60,20,0.75));color:#fff;padding:12px;}
.image-overlay h3{font-size:16px;margin-bottom:4px;}
.image-overlay p{font-size:13px;opacity:0.9;}
.image-desc{padding:12px;font-size:14px;color:#666;}

/* 视频播放区块 */
.video-section{margin:30px 0;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 10px rgba(220,140,70,0.08);}
.video-section h2{color:#D35400;margin-bottom:20px;font-size:20px;display:flex;align-items:center;gap:8px;}
.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;}
.video-item{border:1px solid #F2E2D2;border-radius:10px;overflow:hidden;}
.video-thumb{position:relative;}
.video-thumb img{width:100%;height:220px;object-fit:cover;display:block;}
.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(255,248,240,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#E67E22;font-size:22px;}
.video-info{padding:14px;}
.video-info h3 a{color:#333;text-decoration:none;font-size:17px;}
.video-info p{margin:10px 0;color:#666;font-size:14px;}
.video-keywords{display:flex;flex-wrap:wrap;gap:8px;}
.video-keywords span{padding:4px 10px;background:#FFF3E0;color:#E67E22;font-size:13px;border-radius:16px;}

/* SEO文字区域 */
.seo-section{margin:30px 0;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 10px rgba(220,140,70,0.08);}
.seo-section h2{color:#D35400;margin-bottom:16px;font-size:20px;}
.seo-content p{margin-bottom:14px;color:#444;font-size:15px;}
.seo-links h3{margin:12px 0;color:#333;font-size:17px;}
.seo-links ul{display:flex;flex-wrap:wrap;gap:12px;list-style:none;}
.seo-links a{color:#E67E22;text-decoration:none;}
.seo-links a:hover{text-decoration:underline;}

/* 页脚 深暖咖深色底部 */
.main-footer{margin-top:40px;background:#5C4033;color:#EFE5DD;padding:40px 0;}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;margin-bottom:30px;}
.footer-section h3{color:#FFF3E0;margin-bottom:14px;font-size:18px;}
.footer-section p{font-size:14px;opacity:0.85;}
.footer-keywords{display:flex;flex-wrap:wrap;gap:10px;}
.footer-keywords a{color:#FFC996;text-decoration:none;font-size:14px;}
.footer-section ul{list-style:none;}
.footer-section li{margin:8px 0;}
.footer-section li a{color:#FFC996;text-decoration:none;}
.footer-bottom{border-top:1px solid #77594A;padding-top:20px;text-align:center;font-size:13px;opacity:0.75;line-height:1.9;}

/* 悬浮按钮 */
.floating-search{position:fixed;right:24px;bottom:30px;display:flex;flex-direction:column;gap:12px;z-index:999;}
.float-btn{width:50px;height:50px;background:#E67E22;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;text-decoration:none;box-shadow:0 4px 14px rgba(230,126,34,0.3);}
.float-search{background:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 14px rgba(150,100,60,0.15);}
.float-search form{display:flex;}
.float-search input{height:34px;border:1px solid #E2C9B3;padding:0 10px;border-radius:4px 0 0 4px;width:160px;outline:none;background:#fffef9;}
.float-search button{height:34px;background:#E67E22;color:#fff;border:none;border-radius:0 4px 4px 0;padding:0 10px;cursor:pointer;}

/* 自适应移动端 */
@media(max-width:768px){
    .main-header .container{flex-direction:column;text-align:center;}
    .gallery-grid{grid-template-columns:repeat(2,1fr);}
    .video-grid{grid-template-columns:1fr;}
    .footer-content{grid-template-columns:1fr;}
}