/* ========================================
   长荡湖首页 - 现代杂志编辑风 (精确套用方案B模板)
   V7.2 - 2026.09.22
   ======================================== */

/* 本地托管字体 - 确保100%加载 */
@font-face {
  font-family: 'Noto Sans SC';
  src: local('Noto Sans SC'), url('/public/fonts/NotoSansSC-Regular.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Noto Sans SC';
  src: local('Noto Sans SC'), url('/public/fonts/NotoSansSC-Regular.ttf') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Noto Serif SC';
  src: local('Noto Serif SC'), url('/public/fonts/NotoSerifSC-Regular.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Noto Serif SC';
  src: local('Noto Serif SC'), url('/public/fonts/NotoSerifSC-Regular.ttf') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}

/* 隐藏默认header（首页专用） */
.site-header { display:none !important; }
.main-content { padding:0 !important; max-width:100% !important; }
.breadcrumb-wrap { display:none !important; }

/* 全局字体：所有元素强制 Noto Sans SC（覆盖site.css的系统字体栈） */
body, body * { font-family:'Noto Sans SC',sans-serif !important; }
body { background:#faf8f5; }

/* 模板指定的12个Noto Serif SC元素（精确对应方案B模板） */
.mag-logo,
.mag-hero-title, .mag-hero-num,
.mag-data-bar-num,
.mag-section-head h2,
.mag-feature-title,
.mag-guide-card-title,
.mag-goods-card-price,
.mag-event-banner-title, .mag-event-banner-date .day,
.mag-event-card-date .d,
.mag-footer-brand h3 { font-family:'Noto Serif SC',serif !important; }

/* ===== HERO ===== */
.mag-hero { position:relative; height:100vh; min-height:600px; overflow:hidden; background:#000; }
.mag-hero-bg { position:absolute; inset:0; background-size:cover; background-position:center; filter:brightness(.65) contrast(1.1); transition:opacity .8s ease; }
.mag-hero-overlay { position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,transparent 40%,rgba(0,0,0,.5) 100%); }

/* 导航（模板样式 + 吸顶增强） */
.mag-nav { position:absolute; top:0; left:0; right:0; z-index:100; display:flex; align-items:center; justify-content:space-between; padding:24px 60px; transition:all .35s ease; }
.mag-nav.sticky { position:fixed; top:0; background:rgba(26,26,26,.96); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); padding:14px 60px; box-shadow:0 2px 20px rgba(0,0,0,.15); }
.mag-logo { font-size:22px; font-weight:900; color:#fff; letter-spacing:3px; font-family:'Noto Serif SC',serif; }
.mag-logo span { color:#e8a866; }
.mag-nav-links { display:flex; gap:32px; list-style:none; }
.mag-nav-links a { color:rgba(255,255,255,.9); font-size:14px; font-weight:500; transition:color .3s; }
.mag-nav-links a:hover, .mag-nav-links a.active { color:#e8a866; }
.mag-nav-btn { color:#fff; font-size:13px; border:1.5px solid #fff; padding:7px 22px; border-radius:20px; transition:all .3s; font-weight:600; }
.mag-nav-btn:hover { background:#fff; color:#1a1a1a; }

/* Hero内容 */
.mag-hero-content { position:absolute; bottom:80px; left:60px; right:60px; z-index:5; display:flex; align-items:flex-end; justify-content:space-between; }
.mag-hero-left { max-width:600px; }
.mag-hero-cat { display:inline-block; font-size:12px; font-weight:700; letter-spacing:3px; color:#e8a866; border:1px solid #e8a866; padding:5px 14px; border-radius:2px; margin-bottom:20px; }
.mag-hero-title { font-size:64px; font-weight:900; color:#fff; line-height:1.15; letter-spacing:2px; margin-bottom:16px; font-family:'Noto Serif SC',serif; }
.mag-hero-sub { font-size:17px; color:rgba(255,255,255,.7); font-weight:300; letter-spacing:1px; max-width:480px; }
.mag-hero-right { text-align:right; }
.mag-hero-issue { font-size:11px; color:rgba(255,255,255,.5); letter-spacing:3px; margin-bottom:8px; }
.mag-hero-num { font-size:48px; font-weight:900; color:rgba(255,255,255,.15); line-height:1; font-family:'Noto Serif SC',serif; }
.mag-hero-scroll { position:absolute; bottom:24px; left:50%; transform:translateX(-50%); color:rgba(255,255,255,.4); font-size:11px; letter-spacing:3px; z-index:5; }
.mag-hero-dots { position:absolute; bottom:60px; left:60px; z-index:6; display:flex; gap:8px; }
.mag-hero-dot { width:24px; height:3px; background:rgba(255,255,255,.3); cursor:pointer; transition:all .3s; border-radius:2px; }
.mag-hero-dot.active { background:#e8a866; width:40px; }

/* ===== 数据条（杂志式） ===== */
.mag-data-bar { background:#1a1a1a; color:#fff; padding:32px 60px; display:flex; align-items:center; justify-content:space-between; }
.mag-data-bar-left { font-size:13px; letter-spacing:3px; color:rgba(255,255,255,.5); font-weight:500; }
.mag-data-bar-items { display:flex; gap:60px; }
.mag-data-bar-item { text-align:center; }
.mag-data-bar-num { font-size:36px; font-weight:900; color:#e8a866; line-height:1; font-family:'Noto Serif SC',serif; }
.mag-data-bar-num small { font-size:14px; font-weight:400; color:rgba(255,255,255,.5); margin-left:3px; }
.mag-data-bar-label { font-size:11px; color:rgba(255,255,255,.5); margin-top:6px; letter-spacing:2px; }

/* ===== 通用版块 ===== */
.mag-section { padding:80px 60px; }
.mag-section-head { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:48px; padding-bottom:20px; border-bottom:2px solid #1a1a1a; }
.mag-section-head-left h2 { font-size:38px; font-weight:900; letter-spacing:2px; font-family:'Noto Serif SC',serif; }
.mag-section-head-left h2 em { font-style:normal; color:#c87533; }
.mag-section-head-left p { font-size:14px; color:#555; margin-top:6px; letter-spacing:1px; }
.mag-section-head-right a { font-size:13px; color:#555; letter-spacing:2px; border-bottom:1px solid #555; padding-bottom:3px; transition:color .3s; }
.mag-section-head-right a:hover { color:#c87533; }

/* ===== 湖韵专题（杂志大图+小图交错） ===== */
.mag-feature-grid { display:grid; grid-template-columns:2fr 1fr 1fr; grid-template-rows:1fr 1fr; gap:16px; height:520px; }
.mag-feature-card { position:relative; overflow:hidden; border-radius:4px; cursor:pointer; }
.mag-feature-card img { width:100%; height:100%; object-fit:cover; transition:transform .6s; filter:brightness(.8); }
.mag-feature-card:hover img { transform:scale(1.06); filter:brightness(.9); }
.mag-feature-card.large { grid-row:1/3; }
.mag-feature-info { position:absolute; bottom:0; left:0; right:0; padding:24px; background:linear-gradient(transparent,rgba(0,0,0,.75)); color:#fff; }
.mag-feature-cat { font-size:11px; font-weight:700; letter-spacing:2px; color:#e8a866; margin-bottom:6px; }
.mag-feature-title { font-size:20px; font-weight:700; line-height:1.4; font-family:'Noto Serif SC',serif; }
.mag-feature-card.large .mag-feature-title { font-size:28px; }
.mag-feature-desc { font-size:13px; color:rgba(255,255,255,.65); margin-top:6px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.mag-feature-badge { position:absolute; top:14px; left:14px; font-size:11px; font-weight:700; padding:4px 12px; border-radius:2px; color:#fff; z-index:2; }
.mag-feature-badge.free { background:#10b981; }
.mag-feature-badge.recommend { background:#c87533; }

/* ===== 游玩攻略（三列卡片） ===== */
.mag-guide-section { background:#f3efe8; }
.mag-guide-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.mag-guide-card { background:#fff; border-radius:4px; overflow:hidden; box-shadow:0 2px 20px rgba(0,0,0,.05); transition:transform .3s,box-shadow .3s; }
.mag-guide-card:hover { transform:translateY(-6px); box-shadow:0 12px 40px rgba(0,0,0,.1); }
.mag-guide-card-img { height:220px; overflow:hidden; position:relative; }
.mag-guide-card-img img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.mag-guide-card:hover .mag-guide-card-img img { transform:scale(1.05); }
.mag-guide-card-badge { position:absolute; top:14px; left:14px; background:#c87533; color:#fff; font-size:11px; font-weight:700; padding:4px 12px; border-radius:2px; letter-spacing:1px; }
.mag-guide-card-body { padding:22px; }
.mag-guide-card-meta { display:flex; gap:12px; font-size:11px; color:#999; margin-bottom:10px; letter-spacing:1px; }
.mag-guide-card-title { font-size:18px; font-weight:700; line-height:1.5; margin-bottom:10px; font-family:'Noto Serif SC',serif; }
.mag-guide-card-excerpt { font-size:13px; color:#555; line-height:1.8; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.mag-guide-card-footer { display:flex; justify-content:space-between; align-items:center; margin-top:16px; padding-top:14px; border-top:1px solid #e8e4dd; }
.mag-guide-card-footer span { font-size:12px; color:#999; }
.mag-guide-card-footer a { font-size:12px; color:#c87533; font-weight:600; letter-spacing:1px; }

/* ===== 湖畔共叙（两列：大图+列表） ===== */
.mag-sns-layout { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.mag-sns-feature { position:relative; border-radius:4px; overflow:hidden; height:400px; cursor:pointer; }
.mag-sns-feature > img { width:100%; height:100%; object-fit:cover; filter:brightness(.7); }
.mag-sns-feature-info { position:absolute; bottom:0; left:0; right:0; padding:28px; color:#fff; }
.mag-sns-feature-user { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.mag-sns-feature-avatar { width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:14px; font-weight:700; flex-shrink:0; }
.mag-sns-feature-user span { font-size:13px; font-weight:600; }
.mag-sns-feature-user small { font-size:11px; color:rgba(255,255,255,.6); margin-left:8px; }
.mag-sns-feature-text { font-size:16px; line-height:1.7; font-weight:500; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.mag-sns-list { display:flex; flex-direction:column; gap:0; }
.mag-sns-list-item { display:flex; gap:16px; padding:18px 0; border-bottom:1px solid #e8e4dd; cursor:pointer; transition:padding .3s; }
.mag-sns-list-item:hover { padding-left:8px; }
.mag-sns-list-item:last-child { border-bottom:none; }
.mag-sns-list-avatar { width:44px; height:44px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center; color:#fff; font-size:16px; font-weight:700; }
.mag-sns-list-content { flex:1; min-width:0; }
.mag-sns-list-user { font-size:13px; font-weight:600; margin-bottom:4px; }
.mag-sns-list-user small { font-size:11px; color:#999; font-weight:400; margin-left:8px; }
.mag-sns-list-text { font-size:13px; color:#555; line-height:1.6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.mag-sns-list-actions { display:flex; gap:14px; margin-top:6px; font-size:11px; color:#999; }

/* ===== 洮湖好物（深色背景五列） ===== */
.mag-goods-section { background:#1a1a1a; color:#fff; padding:80px 60px; }
.mag-goods-section .mag-section-head { border-bottom-color:rgba(255,255,255,.2); }
.mag-goods-section .mag-section-head-left h2 { color:#fff; }
.mag-goods-section .mag-section-head-left h2 em { color:#e8a866; }
.mag-goods-section .mag-section-head-left p { color:rgba(255,255,255,.5); }
.mag-goods-section .mag-section-head-right a { color:rgba(255,255,255,.6); border-bottom-color:rgba(255,255,255,.4); }
.mag-goods-section .mag-section-head-right a:hover { color:#e8a866; border-bottom-color:#e8a866; }
.mag-goods-row { display:grid; grid-template-columns:repeat(5,1fr); gap:20px; }
.mag-goods-card { background:rgba(255,255,255,.06); border-radius:6px; overflow:hidden; transition:background .3s,transform .3s; cursor:pointer; }
.mag-goods-card:hover { background:rgba(255,255,255,.12); transform:translateY(-4px); }
.mag-goods-card img { width:100%; aspect-ratio:3/4; height:auto; object-fit:cover; }
.mag-goods-card-body { padding:16px; }
.mag-goods-card-title { font-size:14px; font-weight:600; margin-bottom:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mag-goods-card-desc { font-size:11px; color:rgba(255,255,255,.45); margin-bottom:10px; }
.mag-goods-card-price { font-size:18px; font-weight:900; color:#e8a866; font-family:'Noto Serif SC',serif; }
.mag-goods-card-price small { font-size:11px; font-weight:400; color:rgba(255,255,255,.4); margin-left:4px; text-decoration:line-through; }

/* ===== 盛事现场（大Banner + 日期卡片） ===== */
.mag-event-banner { position:relative; border-radius:6px; overflow:hidden; height:340px; cursor:pointer; margin-bottom:32px; }
.mag-event-banner img { width:100%; height:100%; object-fit:cover; filter:brightness(.55); }
.mag-event-banner-info { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; padding:0 60px; color:#fff; }
.mag-event-banner-cat { font-size:12px; font-weight:700; letter-spacing:3px; color:#e8a866; margin-bottom:12px; }
.mag-event-banner-title { font-size:36px; font-weight:900; margin-bottom:12px; font-family:'Noto Serif SC',serif; line-height:1.3; }
.mag-event-banner-desc { font-size:14px; color:rgba(255,255,255,.7); max-width:500px; line-height:1.8; }
.mag-event-banner-date { position:absolute; top:32px; right:60px; text-align:right; }
.mag-event-banner-date .day { font-size:48px; font-weight:900; line-height:1; font-family:'Noto Serif SC',serif; }
.mag-event-banner-date .month { font-size:13px; color:rgba(255,255,255,.6); letter-spacing:2px; margin-top:4px; }
.mag-event-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:25px; }
.mag-event-card { background:#fff; border-radius:4px; padding:24px; box-shadow:0 2px 16px rgba(0,0,0,.05); display:flex; gap:18px; align-items:flex-start; transition:transform .3s,box-shadow .3s; }
.mag-event-card:hover { transform:translateY(-4px); box-shadow:0 8px 28px rgba(0,0,0,.1); }
.mag-event-card-date { flex-shrink:0; text-align:center; padding-right:18px; border-right:2px solid #e8e4dd; }
.mag-event-card-date .d { font-size:28px; font-weight:900; color:#c87533; line-height:1; font-family:'Noto Serif SC',serif; }
.mag-event-card-date .m { font-size:11px; color:#999; margin-top:4px; letter-spacing:1px; }
.mag-event-card-info h4 { font-size:15px; font-weight:700; margin-bottom:6px; line-height:1.5; }
.mag-event-card-info p { font-size:12px; color:#555; line-height:1.7; }

/* 倒计时 */
.mag-countdown { display:flex; gap:16px; margin-top:18px; }
.mag-countdown-item { text-align:center; }
.mag-cd-num { font-size:28px; font-weight:900; color:#fff; background:rgba(255,255,255,.15); backdrop-filter:blur(8px); padding:6px 12px; border-radius:6px; font-family:'Noto Serif SC',serif; min-width:50px; }
.mag-cd-label { font-size:11px; color:rgba(255,255,255,.6); margin-top:4px; letter-spacing:1px; }

/* ===== 响应式 ===== */
@media(max-width:900px){
  .mag-nav { padding:16px 20px; }
  .mag-nav-links { display:none; }
  .mag-hero-content { bottom:40px; left:20px; right:20px; flex-direction:column; align-items:flex-start; gap:20px; }
  .mag-hero-title { font-size:36px; }
  .mag-hero-right { display:none; }
  .mag-hero-dots { left:20px; bottom:30px; }
  .mag-data-bar { flex-direction:column; gap:24px; padding:28px 20px; }
  .mag-data-bar-items { gap:32px; flex-wrap:wrap; justify-content:center; }
  .mag-section { padding:50px 20px; }
  .mag-section-head { flex-direction:column; align-items:flex-start; gap:12px; }
  .mag-feature-grid { grid-template-columns:1fr; grid-template-rows:auto; height:auto; }
  .mag-feature-card { height:240px; }
  .mag-feature-card.large { grid-row:auto; height:320px; }
  .mag-guide-grid { grid-template-columns:1fr; }
  .mag-sns-layout { grid-template-columns:1fr; }
  .mag-goods-section { padding:50px 20px; }
  .mag-goods-row { grid-template-columns:repeat(2,1fr); }
  .mag-event-banner-info { padding:0 24px; }
  .mag-event-banner-title { font-size:24px; }
  .mag-event-banner-date { display:none; }
  .mag-event-cards { grid-template-columns:1fr; }
  .mag-footer { padding:40px 20px 24px; }
  .mag-footer-top { grid-template-columns:1fr 1fr; gap:28px; }
}

/* ===== 页脚（杂志编辑风，全局） ===== */
.mag-footer { background:#1a1a1a; color:rgba(255,255,255,.6); padding:60px 60px 28px; }
.mag-footer-top { display:grid; grid-template-columns:2fr 1fr 1fr 1fr 1fr; gap:40px; padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,.1); }
.mag-footer-brand h3 { color:#fff; font-size:24px; font-weight:900; letter-spacing:3px; margin-bottom:14px; font-family:'Noto Serif SC',serif; }
.mag-footer-brand p { font-size:13px; line-height:1.9; color:rgba(255,255,255,.4); }
.mag-footer-contact-list { margin-top:16px; }
.mag-footer-contact-list p { font-size:12px; color:rgba(255,255,255,.35); margin-bottom:6px; }
.mag-footer-col h4 { color:#fff; font-size:14px; font-weight:700; margin-bottom:16px; letter-spacing:1px; }
.mag-footer-col ul { list-style:none; }
.mag-footer-col li { margin-bottom:10px; }
.mag-footer-col a { font-size:13px; color:rgba(255,255,255,.5); transition:color .3s; }
.mag-footer-col a:hover { color:#e8a866; }
.mag-footer-bottom { padding-top:24px; text-align:center; font-size:12px; color:rgba(255,255,255,.35); letter-spacing:1px; }
.mag-footer-bottom a { color:rgba(255,255,255,.35); transition:color .3s; }
.mag-footer-bottom a:hover { color:#e8a866; }