/* s20hl — 全新设计 */
fss,acronym,time,sdu,tcenter,stysle,ssmall,areass,abbr,sadw,dfn,noscripta,ecode,is,font,tyyt,sup{display:none!important;width:0!important;height:0!important;overflow:hidden!important;line-height:0!important;font-size:0!important;margin:0!important;padding:0!important;border:0!important}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:17px;scroll-behavior:smooth}
body{font-family:"PingFang SC","Microsoft YaHei",sans-serif;background:#f4f1eb;color:#3d3226;line-height:1.6}
.s20{max-width:680px;margin:0 auto;padding:0 14px 50px}

/* ====== 导航（sticky） ====== */
.s20-nav{position:sticky;top:0;z-index:100;display:flex;gap:0;background:rgba(244,241,235,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:10px 4px;border-bottom:1px solid transparent;transition:border-color .2s}
.s20-nav a{flex:1;text-align:center;padding:8px 0;font-size:.78rem;color:#8b7355;text-decoration:none;position:relative;transition:color .2s;font-weight:500}
.s20-nav a::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:#c62828;border-radius:1px;transition:width .2s}
.s20-nav a:hover{color:#c62828}
.s20-nav a:hover::after{width:16px}

/* ====== 日期主视觉卡 ====== */
.s20-hero{margin:14px 0}
.s20-hero-card{display:flex;gap:0;background:linear-gradient(135deg,#fffdf8 0%,#fff 60%,#faf7f0 100%);border-radius:16px;overflow:hidden;box-shadow:0 2px 12px rgba(80,40,10,.06)}
.s20-hero-left{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 22px;background:linear-gradient(180deg,#fefaf2 0%,#fdf6ea 100%);border-right:1px solid #f0e8d8;min-width:120px}
.s20-hero-ym{font-size:.72rem;color:#b0a080;letter-spacing:2px;font-weight:500}
.s20-hero-num{font-size:4.5rem;font-weight:700;color:#c62828;line-height:1;font-family:Georgia,"Times New Roman",serif;margin:2px 0}
.s20-hero-wk{font-size:.72rem;color:#b0a080}

.s20-hero-right{flex:1;padding:16px 18px;display:flex;align-items:center}
.s20-hero-info{width:100%}
.s20-hero-gongli{font-size:.78rem;color:#8b7355;margin-bottom:2px}
.s20-hero-nongli{font-size:.95rem;color:#4a3728;font-weight:600;margin-bottom:8px}
.s20-hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.s20-hero-tags span{font-size:.72rem;color:#6b5a44;background:#f0e8d8;padding:3px 10px;border-radius:12px}
.s20-hero-tag-jr{background:#fde8e8!important;color:#c62828!important;font-weight:600}
.s20-hero-ganzhi{font-size:.7rem;color:#b0a080;line-height:1.5}

/* 节气条 */
.s20-hero-jq{text-align:center;font-size:.76rem;color:#a09080;padding:8px 14px;margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.03)}
.s20-hero-jq b{color:#c62828;font-weight:600}

/* ====== 广告 ====== */
.s20-ad{margin:12px 0;padding:16px;background:#fff;border-radius:14px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.s20-ad-tit{color:#c62828;font-size:.82rem;font-weight:600;text-align:center;margin-bottom:12px}
.s20-ad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.s20-ad-grid a{display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:8px}
.s20-ad-grid img{width:46px;height:46px;margin-bottom:4px}
.s20-ad-grid span{font-size:.72rem;color:#666}

/* ====== 概览 ====== */
.s20-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0}
.s20-sum-item{background:#fff;border-radius:12px;padding:14px 8px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.03)}
.s20-sum-item b{display:block;font-size:.66rem;color:#b0a090;margin-bottom:4px;font-weight:400}
.s20-sum-item em{font-style:normal;font-weight:600;font-size:.82rem;color:#4a3a2a}
.s20-sum-ji em{color:#2e7d32}
.s20-sum-xiong em{color:#c62828}

/* ====== 宜忌 ====== */
.s20-yiji{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.s20-yi,.s20-ji{background:#fff;border-radius:14px;padding:18px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.s20-yi h2{font-size:1.1rem;color:#2e7d32;margin-bottom:10px}
.s20-ji h2{font-size:1.1rem;color:#c62828;margin-bottom:10px}
.s20-tags span{display:inline-block;background:#edf7e8;color:#2e7d32;padding:5px 12px;border-radius:16px;margin:3px 4px 3px 0;font-size:.8rem}
.s20-tags-ji span{background:#fde8e8;color:#c62828}

/* ====== 神位 ====== */
.s20-gods{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:12px 0}
.s20-gods div{background:#fff;border-radius:12px;padding:14px 6px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.03)}
.s20-gods i{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;background:#fef5ec;color:#8b6914;border-radius:50%;font-style:normal;font-size:.62rem;font-weight:700;margin-bottom:6px}
.s20-gods b{display:block;font-size:.76rem;color:#4a3a2a}

/* ====== 详情面板 ====== */
.s20-detail{background:#fff;border-radius:14px;overflow:hidden;margin:12px 0;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.s20-dl-row{display:flex;border-bottom:1px solid #f3f0eb}
.s20-dl-row:last-child{border-bottom:0}
.s20-dl-row b{width:84px;flex-shrink:0;padding:12px 0 12px 16px;font-size:.74rem;color:#b0a090;font-weight:500;background:#fafaf7}
.s20-dl-row span{flex:1;padding:12px 16px;font-size:.8rem;color:#4a3a2a;line-height:1.7}
.s20-c-ji{color:#2e7d32!important}
.s20-c-xiong{color:#c62828!important}
.s20-muted{color:#999!important}

/* ====== 节气 ====== */
.s20-jq-section{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.s20-jq-card{background:#fff;border-radius:12px;padding:16px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.03)}
.s20-jq-card span{display:block;font-size:.72rem;color:#aaa}
.s20-jq-card b{display:block;font-size:.95rem;color:#c62828;margin:4px 0;font-family:Georgia,serif}

.s20-jq-tags{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}
.s20-jq-tags span{padding:5px 12px;background:#fff;border-radius:16px;font-size:.72rem;color:#888}
.s20-jq-tags b{color:#c62828}

/* ====== 月历 ====== */
.s20-cal{margin:14px 0;background:#fff;border-radius:14px;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.s20-cal-hd{text-align:center;font-size:.92rem;margin-bottom:10px}
.s20-cal-wk{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:.72rem;color:#aaa;padding:4px 0;font-weight:600}
.s20-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:3px}
.s20-cal-grid>span{padding:7px 3px;font-size:.78rem;min-height:40px;display:flex;flex-direction:column;justify-content:center;border-radius:6px}
.s20-cal-grid b{font-size:.84rem}
.s20-cal-grid i{font-style:normal;font-size:.62rem;color:#bbb}
.s20-cal-today{background:#c62828!important;color:#fff!important;box-shadow:0 2px 6px rgba(198,40,40,.2)}
.s20-cal-today b,.s20-cal-today i{color:#fff!important}

/* ====== 时辰 ====== */
.s20-shichen{margin:16px 0}
.s20-shichen h3{font-size:.92rem;color:#333;margin-bottom:12px}
.s20-sc-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.s20-sc-card{background:#fff;border-radius:12px;padding:14px;border-top:3px solid #e0d5c5;box-shadow:0 1px 3px rgba(0,0,0,.03)}
.s20-sc-now{border-top-color:#c62828;background:#fffdf8}
.s20-sc-hd{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.s20-sc-hd b{font-size:.84rem;color:#333}
.s20-sc-hd span{font-size:.64rem;color:#aaa}
.s20-sc-hd em{font-style:normal;font-size:.6rem;padding:2px 6px;border-radius:8px;font-weight:700}
.s20-sc-j{background:#e8f5e9;color:#2e7d32!important}
.s20-sc-x{background:#fce4ec;color:#c62828!important}
.s20-sc-bd p{font-size:.72rem;color:#666;line-height:1.5}
.s20-sc-chong{color:#999;font-size:.68rem}
.s20-sc-yi{color:#2e7d32!important}
.s20-sc-ji{color:#c62828!important}

/* ====== 卦象 ====== */
.s20-gua{background:#fff;border-radius:14px;padding:16px 18px;margin:14px 0;border-left:4px solid #c62828;box-shadow:0 1px 3px rgba(0,0,0,.03)}
.s20-gua h3{font-size:.9rem;color:#c62828;margin-bottom:4px}
.s20-gua-tri{font-size:.76rem;color:#aaa;margin-bottom:10px}
.s20-gua p{font-size:.8rem;color:#555;line-height:1.8;margin:4px 0}
.s20-gua b{color:#8b7355}

/* ====== 黄道吉日 ====== */
.s20-huangdao{margin:14px 0;background:#fff;border-radius:14px;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.s20-huangdao h3{font-size:.9rem;color:#333;margin-bottom:10px}
.s20-hd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.s20-hd-card{text-align:center;padding:12px 6px;background:#fafaf8;border-radius:10px}
.s20-hd-card b{display:block;font-size:1rem;color:#c62828;font-family:Georgia,serif}
.s20-hd-card span{display:block;font-size:.66rem;color:#aaa;margin-top:3px}
.s20-hd-today{background:#c62828!important}
.s20-hd-today b,.s20-hd-today span{color:#fff!important}

/* ====== 推荐文章 ====== */
.s20-art{margin:14px 0}
.s20-art h3{font-size:.9rem;color:#333;margin-bottom:8px}
.s20-art a{display:block;padding:10px 16px;background:#fff;border-radius:10px;text-decoration:none;margin:6px 0;box-shadow:0 1px 3px rgba(0,0,0,.03)}
.s20-art b{color:#4a3a2a;font-size:.8rem}

/* ====== 相关推荐 ====== */
.s20-links{margin:14px 0}
.s20-links h3{font-size:.9rem;color:#333;margin-bottom:8px}
.s20-rec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.s20-rec-grid a{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border-radius:12px;text-decoration:none;box-shadow:0 1px 3px rgba(0,0,0,.03)}
.s20-rec-grid img{width:44px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0}
.s20-rec-grid span{font-size:.76rem;color:#555;line-height:1.3}

/* ====== SEO ====== */
.s20-seo{margin:20px 0;padding:22px 0;border-top:2px solid #e8e2d4}
.s20-seo h2{font-size:1.05rem;color:#c62828;margin:20px 0 12px;padding-left:14px;border-left:4px solid #c62828;line-height:1.3}
.s20-seo h2:first-child{margin-top:0}
.s20-seo p{font-size:.85rem;color:#777;line-height:2.4;margin:10px 0;text-indent:2em}
.s20-seo b{color:#555}

/* ====== 底部 ====== */
.s20-footer{text-align:center;padding:22px 0;border-top:1px solid #e8e2d4;margin-top:20px;font-size:.7rem;color:#bbb;line-height:2.4}
.s20-footer a{color:#bbb}

@media(max-width:480px){
    html{font-size:15px}
    .s20{padding:0 10px 30px}
    .s20-hero-left{min-width:100px;padding:16px 16px}
    .s20-hero-num{font-size:3.5rem}
    .s20-summary{grid-template-columns:repeat(2,1fr)}
    .s20-gods{grid-template-columns:repeat(3,1fr)}
    .s20-sc-grid{grid-template-columns:1fr}
    .s20-hd-grid{grid-template-columns:repeat(3,1fr)}
    .s20-ad-grid img{width:38px;height:38px}
}