:root{--primary:#2c6ecb;--primary-dark:#1f4f93;--bg:#f5f6f8;--text:#333;--gray:#888;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"Microsoft YaHei",Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;}
a{color:inherit;text-decoration:none;}
.wrap{width:1200px;max-width:96%;margin:0 auto;}
/* 顶部 */
.topbar{background:var(--primary-dark);color:#fff;font-size:13px;}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:40px;}
.topbar a{opacity:.85;}
/* 头部 */
.header{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.header .wrap{display:flex;align-items:center;justify-content:space-between;height:84px;}
.logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--primary);}
.logo img{height:48px;}
.logo small{display:block;font-size:12px;color:var(--gray);font-weight:400;}
/* 导航 */
.nav{background:var(--primary);}
.nav .wrap{display:flex;}
.nav a{display:block;padding:0 26px;line-height:52px;color:#fff;font-size:16px;transition:.2s;}
.nav a:hover,.nav a.on{background:var(--primary-dark);}
/* 通用区块 */
.section{padding:46px 0;}
.section h2{font-size:26px;margin-bottom:8px;color:var(--primary-dark);}
.section .sub{color:var(--gray);margin-bottom:28px;font-size:14px;}
.section h2::after{content:"";display:block;width:48px;height:3px;background:var(--primary);margin-top:10px;}
/* 卡片网格 */
.grid{display:grid;gap:22px;}
.grid.c3{grid-template-columns:repeat(3,1fr);}
.grid.c4{grid-template-columns:repeat(4,1fr);}
.card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:.2s;}
.card:hover{transform:translateY(-4px);box-shadow:0 8px 22px rgba(0,0,0,.1);}
.card img{width:100%;height:180px;object-fit:cover;background:#eef;}
.card .body{padding:14px 16px;}
.card .body h3{font-size:16px;margin-bottom:6px;}
.card .body p{color:var(--gray);font-size:13px;}
.card .price{color:#e4393c;font-weight:700;margin-top:6px;}
/* 列表 */
.list-item{display:flex;gap:16px;background:#fff;padding:18px;border-radius:8px;margin-bottom:14px;box-shadow:0 1px 6px rgba(0,0,0,.04);}
.list-item .date{color:var(--gray);font-size:13px;white-space:nowrap;}
.list-item h3{font-size:17px;margin-bottom:4px;}
.list-item p{color:var(--gray);font-size:14px;}
/* 面包屑 */
.crumb{padding:14px 0;color:var(--gray);font-size:13px;}
.crumb a:hover{color:var(--primary);}
/* 详情 */
.detail{background:#fff;border-radius:8px;padding:34px;box-shadow:0 2px 10px rgba(0,0,0,.05);}
.detail h1{font-size:26px;margin-bottom:12px;}
.detail .meta{color:var(--gray);font-size:13px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid #eee;}
.detail .content{font-size:15px;line-height:1.9;}
.detail .content img{max-width:100%;}
.search-list{list-style:none;margin:0;padding:0;}
.search-list li{padding:14px 0;border-bottom:1px solid #f0f0f0;font-size:15px;}
.search-list li a{color:var(--primary-dark);text-decoration:none;font-weight:600;}
.search-list li a:hover{color:var(--primary);text-decoration:underline;}
.search-list li .price{color:#e4393c;font-weight:700;margin-left:10px;font-size:13px;}
/* 表单 */
.form{background:#fff;padding:30px;border-radius:8px;max-width:560px;}
.form label{display:block;margin:14px 0 6px;font-size:14px;}
.form input,.form textarea,.form select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;}
.form textarea{min-height:120px;}
.form button{margin-top:20px;background:var(--primary);color:#fff;border:0;padding:12px 34px;border-radius:6px;font-size:15px;cursor:pointer;}
.form button:hover{background:var(--primary-dark);}
/* 页脚 */
.footer{background:#222;color:#aaa;padding:36px 0;margin-top:40px;font-size:13px;}
.footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;}
.footer a{color:#aaa;}
.footer a:hover{color:#fff;}
.footer h4{color:#fff;margin-bottom:10px;}
/* 轮播 */
.banner{position:relative;height:420px;overflow:hidden;border-radius:8px;background:#dde;}
.banner img{width:100%;height:420px;object-fit:cover;display:none;}
.banner img:first-child{display:block;}
.banner .cap{position:absolute;left:0;bottom:0;width:100%;background:rgba(0,0,0,.45);color:#fff;padding:16px 22px;font-size:18px;}
/* 客服 */
.kefu{position:fixed;right:18px;bottom:60px;width:60px;text-align:center;z-index:99;}
.kefu a{display:block;background:var(--primary);color:#fff;border-radius:50%;width:54px;height:54px;line-height:54px;margin-bottom:8px;font-size:13px;box-shadow:0 2px 8px rgba(0,0,0,.2);}