/* ===== 福清文旅 内页共享样式 ===== */
:root{
  --ink:#1a120b;
  --gold:#c9a063;
  --red:#b03a2a;
  --cream:#f6edd9;
  --paper:#f3ead3;
  --maxw:1680px;   /* 全站内容区最大展示宽度 */
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:#f7f1e2}
.serif{font-family:"STKaiti","KaiTi","楷体",serif}
a{text-decoration:none;color:inherit}

/* 顶部导航 */
.topbar{
  position:relative;z-index:50;height:72px;display:flex;align-items:center;padding:0 34px;
  background:linear-gradient(rgba(18,11,5,.92),rgba(18,11,5,.82));color:#fff;
}
.logo{display:flex;align-items:center;gap:12px;margin-right:26px}
.logo .seal{
  width:44px;height:44px;border-radius:8px;background:linear-gradient(145deg,#c0392b,#8e1f14);
  display:flex;align-items:center;justify-content:center;
  font-family:"STKaiti","KaiTi",serif;font-size:30px;color:#f8e8c8;font-weight:700;
  box-shadow:inset 0 0 0 2px rgba(248,232,200,.55);transform:rotate(-4deg);
}
.logo .name{font-family:"STKaiti","KaiTi",serif;font-size:24px;letter-spacing:4px;color:#f5e6c4}
.logo .name small{display:block;font-size:10px;letter-spacing:2.5px;color:#d8c49b;font-family:"Microsoft YaHei",sans-serif}
.weather{display:flex;align-items:center;gap:8px;margin-right:34px;font-size:14px;color:#eee}
.weather .aqi{background:#19c37d;color:#fff;border-radius:4px;padding:1px 7px;font-size:12px;font-weight:700}
.nav{display:flex;gap:6px;flex:1}
.nav a{
  color:#f0e4c8;font-size:15px;letter-spacing:1px;padding:8px 10px;white-space:nowrap;
  font-family:"STKaiti","KaiTi",serif;position:relative;transition:color .25s;
}
.nav a:hover{color:#ffd98a}
.nav a.active{color:#ffb84d}
.nav a.active::after{
  content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-2px;
  width:60%;height:2px;background:linear-gradient(90deg,transparent,#e8a33d,transparent);
}
.top-right{display:flex;align-items:center;gap:18px;font-size:13px;color:#ddd}
.top-right span{cursor:pointer;white-space:nowrap}
.top-right span:hover{color:#ffd98a}

/* 横幅 + 面包屑 */
.page-banner{
  height:220px;background-size:cover;background-position:center 62%;position:relative;
}
.page-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(20,12,5,.05),rgba(20,12,5,.25))}
.crumbs{
  max-width:var(--maxw);margin:18px auto 0;padding:0 32px;font-size:13.5px;color:#7a6a4a;
}
.crumbs b{color:#5c4320;font-weight:600}
.crumbs a:hover{color:var(--red)}

/* 主体：侧栏 + 内容 */
.page-body{max-width:var(--maxw);margin:22px auto 60px;padding:0 32px;display:flex;gap:26px;align-items:flex-start}
.sidemenu{
  width:210px;flex-shrink:0;background:linear-gradient(180deg,#fbf3de,#f2e4c2);
  border:1px solid #d9be8a;border-radius:6px;overflow:hidden;box-shadow:0 4px 14px rgba(120,90,40,.15);
  position:sticky;top:15px;
}
.sidemenu a{
  display:block;padding:16px 20px;font-family:"STKaiti","KaiTi",serif;font-size:16.5px;letter-spacing:2px;
  color:#6d4c1f;border-bottom:1px dashed #d9c294;transition:.25s;cursor:pointer;
}
.sidemenu a:last-child{border-bottom:none}
.sidemenu a:hover{background:#f3e2b8;color:var(--red)}
.sidemenu a.on{background:linear-gradient(90deg,#b03a2a,#8e2418);color:#ffe9b8;font-weight:700}
.content{
  flex:1;background:rgba(255,253,246,.92);border:1px solid #e3d2ac;border-radius:8px;
  padding:36px 42px;min-height:560px;box-shadow:0 6px 20px rgba(120,90,40,.12);
}
.content h2.title{
  font-family:"STKaiti","KaiTi",serif;color:var(--red);font-size:26px;letter-spacing:2px;margin-bottom:22px;
  border-bottom:2px solid #e8d6ae;padding-bottom:12px;
}
.content p.para{font-size:15px;line-height:2.05;color:#4a3a26;text-indent:2em;text-align:justify;margin-bottom:14px}
.content .lead-img{width:100%;max-height:340px;object-fit:cover;border-radius:8px;margin-bottom:22px;box-shadow:0 6px 16px rgba(0,0,0,.2)}

/* 动态列表 */
.news-list{display:flex;flex-direction:column;gap:22px}
.news-row{
  display:flex;gap:22px;background:#fffdf6;border:1px solid #eadbb6;border-radius:8px;padding:18px;
  align-items:center;transition:.25s;cursor:pointer;
}
.news-row:hover{box-shadow:0 8px 22px rgba(140,60,30,.18);transform:translateY(-2px)}
.news-row img{width:180px;height:110px;object-fit:cover;border-radius:6px;flex-shrink:0}
.news-row h4{font-family:"STKaiti","KaiTi",serif;color:var(--red);font-size:19px;letter-spacing:1px;margin-bottom:10px}
.news-row time{font-size:13px;color:#93805c}
.pager{display:flex;gap:8px;justify-content:center;margin-top:30px}
.pager span{
  min-width:32px;height:32px;padding:0 8px;border:1px solid #d9c294;border-radius:4px;background:#fbf3de;
  display:flex;align-items:center;justify-content:center;font-size:13px;color:#7a5c28;cursor:pointer;
}
.pager span.on{background:var(--red);color:#ffe9b8;border-color:var(--red)}

/* 图库/视频网格 */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cell{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 5px 14px rgba(0,0,0,.18);cursor:pointer}
.cell img{width:100%;height:190px;object-fit:cover;display:block;transition:transform .4s}
.cell:hover img{transform:scale(1.06)}
.cell .cap{
  position:absolute;left:0;right:0;bottom:0;padding:10px 14px;font-family:"STKaiti","KaiTi",serif;
  background:linear-gradient(transparent,rgba(15,8,3,.82));color:#ffe9b8;font-size:15px;letter-spacing:1px;
}
.cell .play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;
  background:rgba(176,58,42,.9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;
  box-shadow:0 4px 12px rgba(0,0,0,.4);
}

/* 页脚 */
.footer{
  background:linear-gradient(180deg,#241708,#170e04);color:#c9b083;padding:40px 0 0;margin-top:10px;
}
.foot-inner{max-width:var(--maxw);margin:0 auto;padding:0 32px}
.foot-nav{display:flex;gap:26px;justify-content:center;font-family:"STKaiti","KaiTi",serif;font-size:16px;letter-spacing:2px;margin-bottom:22px}
.foot-nav a:hover{color:#ffd98a}
.foot-links{font-size:13px;color:#93805c;text-align:center;line-height:2}
.foot-links b{color:#c9b083;font-weight:600}
.foot-about{
  border-top:1px solid #3a2a14;margin-top:22px;padding:22px 0 30px;text-align:center;font-size:13px;color:#93805c;line-height:2;
}
.foot-about b{color:#e6cf9a}

/* ===== 详情页通用 ===== */
.art-title{
  font-family:"STKaiti","KaiTi",serif;color:var(--red);font-size:27px;letter-spacing:2px;
  text-align:center;margin-bottom:16px;line-height:1.5;
}
.art-meta{
  display:flex;flex-wrap:wrap;gap:10px 34px;justify-content:center;font-size:13px;color:#8a7648;
  border-bottom:1px dashed #dcc99b;padding-bottom:14px;margin-bottom:26px;
}
.art-meta span b{color:#7a5c28;font-weight:600}
.art-body p{font-size:15px;line-height:2.1;color:#4a3a26;text-indent:2em;text-align:justify;margin-bottom:16px}
.art-body img{width:100%;max-height:380px;object-fit:cover;border-radius:8px;margin:8px 0 22px;box-shadow:0 6px 16px rgba(0,0,0,.18)}
/* 正文小标题 */
.art-h3{
  font-family:"STKaiti","KaiTi",serif;font-size:21px;letter-spacing:2px;color:#8a4a22;
  margin:30px 0 16px;padding-left:14px;border-left:5px solid var(--gold);line-height:1.5;
}
/* 正文配图（单图 / 组图） */
.art-fig{margin:6px 0 26px;text-align:center}
.art-fig img{width:100%;max-height:600px;object-fit:cover;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.18);margin:0}
.art-fig figcaption{
  font-size:13px;color:#8a7648;letter-spacing:1px;margin-top:10px;
  font-family:"STKaiti","KaiTi",serif;
}
.art-fig.multi{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.art-fig.multi img{max-height:220px}
.art-fig.multi figcaption{grid-column:1 / -1}

/* 图集 */
.gallery{display:flex;gap:14px;margin-bottom:24px}
.gallery img{flex:1;height:150px;object-fit:cover;border-radius:6px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.gallery img.on{outline:3px solid var(--red);outline-offset:2px}
.hero-img{width:100%;height:340px;object-fit:cover;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.22)}

/* 信息表 */
.info-table{width:100%;border-collapse:collapse;margin:22px 0;font-size:14.5px}
.info-table th,.info-table td{border:1px solid #e0d0aa;padding:12px 16px;text-align:left;vertical-align:top}
.info-table th{background:#f7eed6;color:#7a5c28;font-weight:600;width:140px;white-space:nowrap}
.info-table td{background:#fffdf6;color:#4a3a26}

/* 预订卡 */
.order-box{
  display:flex;gap:24px;align-items:center;background:#fffdf6;border:1px solid #eadbb6;border-radius:8px;
  padding:22px 26px;margin-top:26px;
}
.order-box .price{font-size:30px;color:var(--red);font-weight:800;font-family:Georgia,serif}
.order-box .price small{font-size:13px;color:#93805c;font-family:"Microsoft YaHei",sans-serif;font-weight:400}
.order-box .txt{flex:1;font-size:14px;color:#5a4630;line-height:1.9}
.order-box .qr{
  width:110px;height:110px;flex-shrink:0;border-radius:8px;border:1px solid #d9c294;background:#fbf6e8;
  display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:11px;color:#8a7648;text-align:center;
}
.order-box .qr canvas,.order-box .qr .fake{
  width:74px;height:74px;background:
   repeating-conic-gradient(#3a2a14 0% 25%,#fbf6e8 0% 50%) 50%/14px 14px;
}
.btn-order{
  background:linear-gradient(180deg,#c0452f,#8e2418);color:#ffe9c8;border:none;border-radius:22px;
  padding:11px 34px;font-size:15px;letter-spacing:4px;cursor:pointer;font-family:"STKaiti","KaiTi",serif;
  box-shadow:0 3px 8px rgba(140,30,20,.35);
}

/* 推荐位 */
.relate{margin-top:30px;border-top:2px solid #e8d6ae;padding-top:20px}
.relate h4{font-family:"STKaiti","KaiTi",serif;font-size:19px;color:#7a5c28;letter-spacing:2px;margin-bottom:14px}
.relate .rel-row{display:flex;gap:14px;flex-wrap:wrap}
.relate .rel-row a{display:flex;gap:12px;width:calc(50% - 7px);background:#fffdf6;border:1px solid #eadbb6;border-radius:8px;padding:12px;align-items:center}
.relate .rel-row a:hover{box-shadow:0 6px 16px rgba(140,60,30,.18)}
.relate .rel-row img{width:78px;height:58px;object-fit:cover;border-radius:6px;flex-shrink:0}
.relate .rel-row h5{font-family:"STKaiti","KaiTi",serif;font-size:15.5px;color:#5c3a1a;margin-bottom:4px}
.relate .rel-row p{font-size:12px;color:#93805c}

/* 列表卡片（指南列表页） */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{
  display:block;text-decoration:none;
  background:#fffdf6;border:1px solid #eadbb6;border-radius:8px;overflow:hidden;cursor:pointer;transition:.25s;
}
.card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(140,60,30,.18)}
.card img{width:100%;height:170px;object-fit:cover;display:block}
.card .cbody{padding:14px 16px 16px}
.card h4{font-family:"STKaiti","KaiTi",serif;font-size:17px;color:#5c3a1a;margin-bottom:6px}
.card p{font-size:12.5px;color:#93805c;line-height:1.7;height:44px;overflow:hidden}
.card .cbot{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.card .cbot b{color:var(--red);font-size:16px;font-family:Georgia,serif}
.card .cbot span{font-size:12px;color:#c9a063}
.count-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:13px;color:#8a7648}