/* s31hl — 仿 m.lhl9.com 移动风格 */
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:19px;scroll-behavior:smooth}
body{font-family:"PingFang SC","Microsoft YaHei",sans-serif;background:#f8f6f2;color:#333;line-height:1.6}
.s31{max-width:640px;margin:0 auto;padding:0 14px 40px}

/* ===== 顶导 ===== */
.s31-nav{position:sticky;top:0;z-index:100;display:flex;gap:0;background:rgba(248,246,242,.9);backdrop-filter:blur(10px);padding:8px 2px;border-bottom:1px solid transparent}
.s31-nav a{flex:1;text-align:center;padding:8px 0;font-size:.74rem;color:#8b7355;text-decoration:none;position:relative;font-weight:500}
.s31-nav a::after{content:'';position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:0;height:2px;background:#c0392b;border-radius:1px;transition:width .2s}
.s31-nav a:hover{color:#c0392b}
.s31-nav a:hover::after{width:14px}

/* ===== 大字日期 ===== */
.s31-hero{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px 0 6px}
.s31-hero-num{font-size:4rem;font-weight:900;color:#c0392b;font-family:Georgia,serif;line-height:1}
.s31-arrow{font-size:1.4rem;color:#c0392b;text-decoration:none;padding:8px}
.s31-hero-date{text-align:center;font-size:.95rem;color:#555}
.s31-hero-lunar{text-align:center;font-size:.85rem;color:#888;padding:4px 0}
.s31-hero-ganzhi{text-align:center;font-size:.82rem;color:#a09080;padding:2px 0 8px}

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

/* ===== 宜忌 ===== */
.s31-yiji{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.s31-yi,.s31-ji{background:#fff;border-radius:8px;padding:12px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.s31-yi h3 span{display:inline-block;background:#e8f5e9;color:#2e7d32;padding:2px 14px;border-radius:12px;font-size:.8rem}
.s31-ji h3 span{display:inline-block;background:#fce4ec;color:#c62828;padding:2px 14px;border-radius:12px;font-size:.8rem}
.s31-tags span{display:inline-block;margin:3px 2px;font-size:.78rem;color:#555}
.s31-tags-ji span{color:#888}

/* ===== 月历 ===== */
.s31-cal{margin:12px 0;background:#fff;border-radius:8px;padding:10px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.s31-week{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:.72rem;color:#888;padding:4px 0;font-weight:600}
.s31-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:2px}
.s31-cal-grid>span{padding:6px 2px;font-size:.75rem;min-height:38px;display:flex;flex-direction:column;justify-content:center;border-radius:3px}
.s31-cal-grid b{font-size:.78rem}
.s31-cal-grid i{font-style:normal;font-size:.6rem;color:#999}
.s31-today{background:#c0392b!important;color:#fff!important;border-radius:6px}
.s31-today b,.s31-today i{color:#fff!important}

/* ===== 信息区 ===== */
.s31-info{background:#fff;border-radius:8px;padding:2px 0;margin:10px 0;box-shadow:0 1px 2px rgba(0,0,0,.02)}
.s31-info-row{display:flex;padding:8px 14px;font-size:.8rem;gap:10px}
.s31-info-row+.s31-info-row{border-top:1px solid #f5f0eb}
.s31-info-row b{color:#b0a090;min-width:70px;font-weight:500;font-size:.75rem}
.s31-info-row span{color:#4a3a2a;line-height:1.6}
.s31-xiusong{font-size:.78rem;color:#8b7355;padding:6px 14px 10px;border-top:1px solid #f5f0eb;line-height:1.8}

/* ===== 神位 ===== */
.s31-shenwei{background:#fff;border-radius:8px;padding:10px 14px;margin:6px 0;box-shadow:0 1px 2px rgba(0,0,0,.02)}
.s31-shenwei h3{font-size:.8rem;color:#b0a090;font-weight:500;margin-bottom:4px}
.s31-shenwei p{font-size:.78rem;color:#4a3a2a}

/* ===== 今日卦象 ===== */
.s31-gua{background:linear-gradient(135deg,#fdf6ec,#fef9f0);border-radius:8px;padding:14px;margin:12px 0;border:1px solid #f0e6d0}
.s31-gua h3{font-size:.9rem;color:#8b6914;margin-bottom:4px}
.s31-gua-name{font-size:.85rem;color:#c0392b;font-weight:600;margin-bottom:8px}
.s31-gua p{font-size:.76rem;color:#5a4a3a;line-height:1.8;margin:4px 0}
.s31-gua b{color:#8b6914}

/* ===== 热门测算 ===== */
.s31-tools{margin:12px 0}
.s31-tools h3{font-size:.88rem;color:#555;margin-bottom:8px;padding-left:2px}
.s31-tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.s31-tools-grid a{display:block;text-align:center;padding:12px 6px;background:#fff;border-radius:8px;text-decoration:none;font-size:.75rem;color:#555;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.s31-tools-grid a:hover{background:#fdf6ec;color:#8b6914}

/* ===== 时辰 ===== */
.s31-sc{margin:12px 0}
.s31-sc h3{font-size:.88rem;color:#555;margin-bottom:8px}
.s31-sc-row{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:6px;margin:3px 0;font-size:.72rem;flex-wrap:wrap;box-shadow:0 1px 1px rgba(0,0,0,.02)}
.s31-sc-now{background:#fef9f0;border:1px solid #f0d080}
.s31-sc-time{font-weight:600;color:#4a3a2a;min-width:70px}
.s31-sc-tag{font-size:.6rem;padding:1px 6px;border-radius:8px;font-weight:700}
.s31-sc-ji{background:#e8f5e9;color:#2e7d32}
.s31-sc-xiong{background:#fce4ec;color:#c62828}
.s31-sc-info{color:#888;font-size:.7rem}
.s31-sc-chong{color:#999;font-size:.68rem;margin-left:auto}

/* ===== 节气倒计时 ===== */
.s31-jq{margin:12px 0;background:#fff;border-radius:8px;padding:10px 14px;box-shadow:0 1px 2px rgba(0,0,0,.02)}
.s31-jq h3{font-size:.85rem;color:#555;margin-bottom:6px}
.s31-jq-row{display:flex;justify-content:space-between;padding:5px 0;font-size:.76rem;color:#555;border-bottom:1px solid #f8f5f0}
.s31-jq-row:last-child{border-bottom:0}
.s31-jq-row b{color:#c0392b}

/* ===== 黄道吉日 ===== */
.s31-hd{margin:14px 0;background:#fff;border-radius:10px;padding:14px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.s31-hd h3{font-size:.9rem;color:#4a3728;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.s31-hd h3::before{content:'📅'}
.s31-hd-list{display:flex;flex-direction:column;gap:4px}
.s31-hd-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;background:#fafaf7;position:relative;transition:all .15s}
.s31-hd-card:hover{background:#f5f0e8}
.s31-hd-today{background:linear-gradient(135deg,#fef5f5,#fff8f0)!important;border:1px solid #f0c8b8;box-shadow:0 2px 8px rgba(200,80,50,.08)}
.s31-hd-left{text-align:center;min-width:40px}
.s31-hd-left b{display:block;font-size:1.2rem;font-weight:700;color:#8b6914;font-family:Georgia,serif}
.s31-hd-left span{font-size:.68rem;color:#a09080}
.s31-hd-today .s31-hd-left b{color:#c0392b;font-size:1.3rem}
.s31-hd-right{flex:1}
.s31-hd-right em{font-style:normal;font-size:.75rem;color:#8b7355;display:block}
.s31-hd-right p{font-size:.7rem;color:#6b8a4a;line-height:1.5;margin-top:2px}
.s31-hd-card i{position:absolute;top:-4px;right:-4px;width:22px;height:22px;background:#c0392b;color:#fff;font-style:normal;font-size:.65rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}

/* ===== SEO ===== */
.s31-seo{font-size:.74rem;color:#aaa;line-height:2;padding:12px 0;border-top:1px solid #eee;margin-top:12px}

/* ===== 链轮 ===== */
.s31-links{margin:14px 0}
.s31-links h3{font-size:.88rem;color:#555;margin-bottom:10px}
.s31-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.s31-links-item{display:flex;align-items:center;gap:10px;padding:10px;background:#fff;border-radius:8px;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.03);transition:background .15s}
.s31-links-item:hover{background:#fdf5f5}
.s31-links-item img{width:44px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0}
.s31-links-item span{font-size:.76rem;color:#555;line-height:1.3}

/* ===== 底部 ===== */
.s31-footer{text-align:center;padding:16px 0;margin-top:12px;border-top:1px solid #eee;font-size:.7rem;color:#bbb;line-height:2.2}
.s31-footer a{color:#bbb}

@media(min-width:640px){
    .s31-hero-num{font-size:5rem}
    .s31-tools-grid{grid-template-columns:repeat(6,1fr)}
}