/* ═══════════════════════════════════════════════════════════
   s21hl — 「黄历日报」报纸风格 · 1400px · 全功能版
   ═══════════════════════════════════════════════════════════ */
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;-webkit-text-size-adjust:100%}
.s21-body{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;background:#f7f3e8;color:#1a1a1a;line-height:1.8;min-height:100vh;background-image:radial-gradient(ellipse at 20% 50%,rgba(139,105,20,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(139,105,20,.02) 0%,transparent 50%)}
.s21-page{max-width:1400px;margin:0 auto;padding:0}
/* ═══ 天头 ═══ */
.s21-topbar{text-align:center;padding:32px 40px 20px;margin:0 40px}
.s21-sitename{font-size:.8rem;color:#888;letter-spacing:8px;text-transform:uppercase;font-weight:400}
/* ═══ 大字日期 ═══ */
.s21-masthead{text-align:center;padding:40px 40px 36px;position:relative}
.s21-masthead::before,.s21-masthead::after{content:'';position:absolute;top:30px;bottom:30px;width:1px;background:#d5cfc0}
.s21-masthead::before{left:40px}
.s21-masthead::after{right:40px}
.s21-mast-gongli{font-size:.9rem;color:#555;margin-bottom:16px;letter-spacing:4px;font-weight:400}
.s21-mast-num{font-size:12rem;font-weight:900;color:#1a1a1a;line-height:.85;font-family:"Noto Serif SC","Source Han Serif SC","SimSun","Georgia",serif;margin:0 0 8px;letter-spacing:-6px}
.s21-mast-nongli{font-size:.95rem;color:#555;margin-top:16px;letter-spacing:3px}
.s21-mast-jieri{font-size:.88rem;color:#c41e1e;margin-top:8px;font-weight:700;letter-spacing:2px}
/* ═══ 干支条 ═══ */
.s21-ganzhi-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;text-align:center;font-size:.88rem;color:#1a1a1a;letter-spacing:2px;margin:0 40px;border-top:1px solid #d5cfc0;border-bottom:1px solid #d5cfc0}
.s21-ganzhi-bar span{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 8px;font-weight:700}
.s21-ganzhi-bar i{font-style:normal;font-size:.72rem;color:#8b6914;font-weight:400;margin-top:4px}
.s21-dot{display:none}
/* ═══ 概要横条 ═══ */
.s21-summary{display:flex;justify-content:center;flex-wrap:wrap;gap:0;font-size:.82rem;color:#ddd;background:#2c2416;padding:14px 20px;margin:0 40px}
.s21-summary b{font-weight:500;color:#999}
.s21-summary em{font-style:normal;font-weight:700}
.s21-summary-sm{font-size:.76rem;padding:10px 20px;background:#f0ebe0;color:#444}
.s21-summary-sm b{color:#1a1a1a}
.s21-summary-center{justify-content:center;font-size:.78rem;color:#888;background:transparent}
.s21-sep{margin:0 16px;color:rgba(255,255,255,.2)}
.s21-summary-sm .s21-sep{color:#ccc}
.s21-green{color:#2d5a27}
.s21-red{color:#c41e1e}
/* ═══ 宜忌 ═══ */
.s21-yiji-block{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 40px;min-height:180px}
.s21-yi-section,.s21-ji-section{padding:28px 32px}
.s21-yi-section{background:#e8f0e0;border-right:1px solid #d5cfc0}
.s21-ji-section{background:#f5e5e0}
.s21-yi-section h2,.s21-ji-section h2{font-size:2.6rem;font-weight:900;font-family:"Noto Serif SC","SimSun","Georgia",serif;letter-spacing:8px;margin-bottom:14px;line-height:1}
.s21-yi-section h2{color:#2d5a27}
.s21-ji-section h2{color:#c41e1e}
.s21-tag-row{display:flex;flex-wrap:wrap;gap:6px}
.s21-tag-row span{display:inline-block;padding:5px 16px;font-size:.82rem;font-weight:600;border-radius:2px}
.s21-yi-section .s21-tag-row span{background:#fff;color:#2d5a27;border:1px solid rgba(45,90,39,.2)}
.s21-tag-ji span{background:#fff!important;color:#c41e1e!important;border:1px solid rgba(196,30,30,.2)!important}
/* ═══ 广告 ═══ */
.s21-ad-box{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.04);margin:20px 40px}
.s21-ad-desc{color:#8b6914;font-size:.95rem;font-weight:600;margin-bottom:16px;text-align:center}
.s21-ad-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.s21-ad-list a{display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:10px;border-radius:8px;transition:background .2s}
.s21-ad-list a:hover{background:#fdf8ef}
.s21-ad-list img{width:80px;height:80px;margin-bottom:8px}
.s21-ad-list span{font-size:.78rem;color:#5a4a3a}
.s21-ad2-wrap{margin:20px 40px;overflow:hidden;border-radius:8px}
/* ═══ 神位 ═══ */
.s21-deities-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:0 40px;text-align:center}
.s21-deities-strip div{padding:20px 8px;border-right:1px solid #ddd6c8}
.s21-deities-strip div:last-child{border-right:0}
.s21-deities-strip b{display:block;font-size:.68rem;color:#888;font-weight:400;letter-spacing:2px;margin-bottom:6px;text-transform:uppercase}
.s21-deities-strip em{display:block;font-style:normal;font-weight:800;font-size:.95rem;color:#1a1a1a}
/* ═══ 分隔线 ═══ */
.s21-rule{border:0;height:1px;background:#d5cfc0;margin:36px 40px}
/* ═══ 节标题 ═══ */
.s21-sec-title{font-size:.74rem;font-weight:700;color:#555;text-align:center;margin:28px 40px 18px;letter-spacing:6px;text-transform:uppercase;padding:0}
.s21-sec-title::before,.s21-sec-title::after{content:' ◆ ';color:#8b6914;font-size:.5rem}
/* ═══ 日历 ═══ */
.s21-cal-wrap{margin:0 40px}
.s21-cal-table{width:100%;border-collapse:collapse}
.s21-cal-table th{font-size:.76rem;color:#888;padding:10px 4px;text-align:center;font-weight:500}
.s21-cal-table td{text-align:center;padding:10px 4px;font-size:.76rem;color:#555;vertical-align:top;border:1px solid #e8e3d6;position:relative}
.s21-cal-table td b{display:block;font-size:.95rem;color:#1a1a1a;font-weight:800}
.s21-cal-table td span{display:block;font-size:.64rem;color:#888;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s21-cal-today{background:#1a1a1a!important}
.s21-cal-today b{color:#f7f3e8!important}
.s21-cal-today span{color:rgba(247,243,232,.7)!important}
.s21-cal-fest b{color:#c41e1e!important}
.s21-cal-jq b{color:#2d5a27!important}
/* ═══ 文本块 ═══ */
.s21-text-block{font-size:.85rem;color:#333;line-height:2;padding:0 40px;column-count:2;column-gap:40px;column-rule:1px solid #d5cebc}
.s21-text-block b{color:#8b6914;font-weight:700}
.s21-sub{font-size:.76rem;color:#888;margin-top:2px;padding-left:16px}
/* ═══ 卦象 ═══ */
.s21-gua-block{margin:0 40px;background:#fffef9;border:1px solid #e0dbce;padding:24px 28px}
.s21-gua-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.s21-gua-head b{font-size:1.1rem;color:#1a1a1a}
.s21-gua-head em{background:#f0ebe0;color:#8b6914;padding:3px 12px;border-radius:3px;font-size:.76rem;font-style:normal;font-weight:700}
.s21-gua-head span{color:#888;font-size:.82rem}
.s21-gua-body p{font-size:.88rem;color:#444;line-height:2;margin-bottom:2px}
.s21-gua-body b{color:#8b6914;font-weight:700}
/* ═══ 节气条 ═══ */
.s21-jq-strip{display:flex;align-items:center;justify-content:center;gap:24px;padding:20px 40px;font-size:.82rem;color:#444;margin:0 40px}
.s21-jq-strip b{color:#1a1a1a;font-weight:700;font-size:.9rem}
.s21-jq-arrow{background:#1a1a1a;color:#f7f3e8;padding:8px 22px;font-size:.8rem;font-weight:900;letter-spacing:4px}
/* ═══ 节气倒计时 ═══ */
.s21-jq-countdown{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin:0 40px}
.s21-jq-item{padding:16px 12px;text-align:center;background:#fffef9;border:1px solid #e0dbce}
.s21-jq-item b{display:block;font-size:.95rem;color:#1a1a1a;font-weight:800;margin-bottom:4px}
.s21-jq-item span{display:block;font-size:.7rem;color:#888;margin-bottom:4px}
.s21-jq-item em{font-style:normal;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:3px;display:inline-block}
.s21-jq-spring em{background:#e8f5e9;color:#2d5a27}
.s21-jq-summer em{background:#fff3e0;color:#c41e1e}
.s21-jq-autumn em{background:#fff8e1;color:#8b6914}
.s21-jq-winter em{background:#e3f2fd;color:#1565c0}
/* ═══ 节假日倒计时 ═══ */
.s21-holiday-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 40px}
.s21-holiday-item{background:#fffef9;border:1px solid #e0dbce;padding:14px 24px;text-align:center;min-width:120px}
.s21-holiday-item b{display:block;font-size:.9rem;color:#1a1a1a;font-weight:800}
.s21-holiday-item span{display:block;font-size:.72rem;color:#888;margin-top:3px}
.s21-holiday-item em{display:block;font-style:normal;font-size:.8rem;color:#c41e1e;font-weight:700;margin-top:5px}
/* ═══ 吉日标签云 ═══ */
.s21-jiri-cloud{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 40px}
.s21-jiri-tag{background:#fffef9;border:1px solid #e0dbce;padding:8px 18px;font-size:.78rem;color:#555;display:inline-flex;gap:6px;align-items:center}
.s21-jiri-tag b{color:#1a1a1a;font-weight:800}
.s21-jiri-today{background:#1a1a1a;border-color:#1a1a1a;color:#f7f3e8}
.s21-jiri-today b{color:#c9a96e}
/* ═══ 黄道吉日 ═══ */
.s21-hd-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px;margin:0 40px}
.s21-hd-row{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fffef9;border:1px solid #e0dbce;transition:transform .15s ease}
.s21-hd-row:hover{transform:translateY(-2px)}
.s21-hd-today{background:#1a1a1a;border-color:#1a1a1a}
.s21-hd-today .s21-hd-num,.s21-hd-today .s21-hd-mid b,.s21-hd-today .s21-hd-mid span,.s21-hd-today .s21-hd-yi{color:#f7f3e8}
.s21-hd-num{font-size:1.5rem;font-weight:900;color:#1a1a1a;min-width:44px;text-align:center;font-family:"Noto Serif SC","Georgia",serif;line-height:1}
.s21-hd-mid{flex:1;min-width:0}
.s21-hd-mid b{display:block;font-size:.82rem;color:#1a1a1a;font-weight:700}
.s21-hd-mid span{display:block;font-size:.68rem;color:#888;margin-top:2px}
.s21-hd-yi{font-size:.7rem;color:#2d5a27;font-weight:700;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s21-hd-tag{background:#c41e1e;color:#fff;font-size:.62rem;padding:3px 10px;font-weight:900;letter-spacing:2px}
/* ═══ 十二时辰 ═══ */
.s21-sc-list{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:0 40px}
.s21-sc-row{display:flex;gap:14px;padding:14px 20px;background:#fffef9;border:1px solid #e0dbce;transition:transform .15s ease}
.s21-sc-row:hover{transform:translateY(-2px)}
.s21-sc-now{background:#1a1a1a;border-color:#1a1a1a}
.s21-sc-now .s21-sc-left b,.s21-sc-now .s21-sc-left span,.s21-sc-now .s21-sc-right,.s21-sc-now .s21-sc-right i{color:#f7f3e8}
.s21-sc-left{display:flex;flex-direction:column;align-items:center;min-width:54px;gap:2px}
.s21-sc-left b{font-size:.88rem;color:#1a1a1a;font-weight:800}
.s21-sc-left span{font-size:.62rem;color:#888}
.s21-sc-left em{font-style:normal;font-size:.6rem;padding:2px 8px;font-weight:900;letter-spacing:2px}
.s21-sc-right{display:flex;flex-direction:column;gap:3px;font-size:.76rem;color:#444;min-width:0}
.s21-sc-right i{font-style:normal;color:#888;font-size:.7rem}
.s21-sc-now .s21-sc-left b{color:#c9a96e}
/* ═══ 日期问答 ═══ */
.s21-qa-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 40px}
.s21-qa-item{padding:16px 20px;background:#fffef9;border:1px solid #e0dbce}
.s21-qa-item b{display:block;font-size:.76rem;color:#8b6914;font-weight:700;margin-bottom:4px;letter-spacing:1px}
.s21-qa-item p{font-size:.82rem;color:#555;line-height:1.9}
/* ═══ SEO文案 ═══ */
.s21-seo-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 40px}
.s21-seo-block{background:#fffef9;border:1px solid #e0dbce;padding:20px}
.s21-seo-block h4{font-size:.85rem;color:#1a1a1a;margin-bottom:8px;font-weight:800;letter-spacing:2px}
.s21-seo-block p{font-size:.76rem;color:#888;line-height:2}
/* ═══ 推荐文章 ═══ */
.s21-art-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2px;margin:0 40px}
.s21-art-row{display:flex;flex-direction:column;justify-content:center;padding:18px 24px;background:#fffef9;border:1px solid #e0dbce;text-decoration:none;transition:transform .15s ease;min-height:80px}
.s21-art-row:hover{transform:translateY(-2px)}
.s21-art-row b{display:block;color:#1a1a1a;font-size:.88rem;font-weight:700;line-height:1.4}
.s21-art-row span{display:block;color:#888;font-size:.72rem;margin-top:6px;line-height:1.4}
/* ═══ 友情站点 ═══ */
.s21-link-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:2px;margin:0 40px}
.s21-link-item{background:#fffef9;border:1px solid #e0dbce;padding:16px;text-decoration:none;text-align:center;transition:transform .15s ease;display:flex;flex-direction:column;align-items:center;gap:6px}
.s21-link-item:hover{transform:translateY(-2px)}
.s21-link-item img{width:48px;height:48px;border-radius:8px;object-fit:cover}
.s21-link-item b{display:block;color:#1a1a1a;font-size:.8rem;font-weight:700}
.s21-link-item span{display:block;color:#888;font-size:.66rem}
/* ═══ 地脚 ═══ */
.s21-footer{text-align:center;padding:40px;margin:40px 40px 0;border-top:1px solid #d5cfc0}
.s21-footer p{font-size:.72rem;color:#888;letter-spacing:4px}
/* ═══ 响应式 — 平板 (< 1100px) ═══ */
@media(max-width:1100px){
.s21-page{max-width:100%}
.s21-topbar,.s21-masthead,.s21-ganzhi-bar,.s21-summary,.s21-yiji-block,.s21-deities-strip,.s21-rule,.s21-sec-title,.s21-text-block,.s21-jq-strip,.s21-hd-list,.s21-sc-list,.s21-art-list,.s21-link-strip,.s21-footer,.s21-ad-box,.s21-ad2-wrap,.s21-cal-wrap,.s21-gua-block,.s21-jq-countdown,.s21-holiday-list,.s21-jiri-cloud,.s21-qa-list,.s21-seo-wrap{margin-left:20px;margin-right:20px}
.s21-masthead{padding:32px 20px 28px}
.s21-masthead::before,.s21-masthead::after{display:none}
.s21-mast-num{font-size:8rem;letter-spacing:-3px}
.s21-ganzhi-bar{grid-template-columns:1fr;gap:0}
.s21-ganzhi-bar span{padding:12px 8px;border-bottom:1px solid #ddd6c8}
.s21-ganzhi-bar span:last-child{border-bottom:0}
.s21-yiji-block{grid-template-columns:1fr}
.s21-yi-section{border-right:0;border-bottom:1px solid #d5cfc0}
.s21-yi-section h2,.s21-ji-section h2{font-size:2rem;letter-spacing:4px}
.s21-deities-strip{grid-template-columns:repeat(3,1fr)}
.s21-deities-strip div:nth-child(3n){border-right:0}
.s21-deities-strip div:nth-child(n+4){border-top:1px solid #ddd6c8}
.s21-text-block{column-count:1;column-gap:0;column-rule:none}
.s21-jq-countdown{grid-template-columns:repeat(3,1fr)}
.s21-qa-list{grid-template-columns:1fr}
.s21-seo-wrap{grid-template-columns:1fr}
.s21-sc-list{grid-template-columns:1fr}
.s21-ad-list img{width:64px;height:64px}
.s21-jq-strip{flex-direction:column;gap:12px}
.s21-summary{font-size:.76rem}
}
/* ═══ 响应式 — 手机 (< 768px) ═══ */
@media(max-width:768px){
.s21-mast-num{font-size:6rem;letter-spacing:-2px}
.s21-sitename{letter-spacing:4px}
.s21-ad-list{grid-template-columns:repeat(4,1fr)}
.s21-ad-list img{width:56px;height:56px}
.s21-hd-list{grid-template-columns:repeat(2,1fr)}
.s21-hd-yi{display:none}
.s21-link-strip{grid-template-columns:repeat(3,1fr)}
.s21-jq-countdown{grid-template-columns:repeat(2,1fr)}
.s21-cal-table td span{display:none}
}
/* ═══ 响应式 — 小手机 (< 480px) ═══ */
@media(max-width:480px){
html{font-size:15px}
.s21-topbar,.s21-masthead,.s21-ganzhi-bar,.s21-summary,.s21-yiji-block,.s21-deities-strip,.s21-rule,.s21-sec-title,.s21-text-block,.s21-jq-strip,.s21-hd-list,.s21-sc-list,.s21-art-list,.s21-link-strip,.s21-footer,.s21-ad-box,.s21-ad2-wrap,.s21-cal-wrap,.s21-gua-block,.s21-jq-countdown,.s21-holiday-list,.s21-jiri-cloud,.s21-qa-list,.s21-seo-wrap{margin-left:10px;margin-right:10px}
.s21-mast-num{font-size:4.5rem;letter-spacing:-1px}
.s21-deities-strip{grid-template-columns:repeat(2,1fr)}
.s21-deities-strip div:nth-child(odd){border-right:1px solid #ddd6c8}
.s21-deities-strip div:nth-child(even){border-right:0}
.s21-deities-strip div:nth-child(n+3){border-top:1px solid #ddd6c8}
.s21-hd-list{grid-template-columns:1fr}
.s21-art-list{grid-template-columns:1fr}
.s21-link-strip{grid-template-columns:repeat(2,1fr)}
.s21-ad-list{grid-template-columns:repeat(2,1fr)}
.s21-ad-list img{width:52px;height:52px}
.s21-yi-section,.s21-ji-section{padding:20px}
.s21-yi-section h2,.s21-ji-section h2{font-size:1.6rem}
.s21-hd-row,.s21-sc-row{padding:12px 14px}
.s21-link-item{padding:12px}
.s21-text-block{padding:0 10px}
.s21-jq-countdown{grid-template-columns:1fr}
.s21-holiday-list{flex-direction:column}
}