/* s50hl - Split-screen, 1400px, no sidebar scroll */
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}
body{font-family:"PingFang SC","Microsoft YaHei",sans-serif;background:#fff;color:#333;line-height:1.85}
.s50{display:flex;max-width:1400px;margin:0 auto}
/* === Sidebar (不滚动) === */
.s50-sidebar{width:380px;flex-shrink:0;background:linear-gradient(180deg,#c62828,#b71c1c);color:#fff;padding:28px 20px;position:sticky;top:0;height:100vh;overflow:hidden}
.s50-sidebar h1{font-size:1.3rem;text-align:center;margin-bottom:6px}
.s50-sidebar .s50-side-domain{font-size:.82rem;color:rgba(255,255,255,.6);text-align:center;margin-bottom:18px}
.s50-hero{text-align:center;padding:16px 0}
.s50-hero-num{font-size:5rem;font-weight:900;line-height:1}
.s50-hero-meta{font-size:.88rem;color:rgba(255,255,255,.7);margin-top:6px}
.s50-hero-nl{font-size:.92rem;color:rgba(255,255,255,.85);margin-top:8px}
.s50-hero .s50-hero-gz{font-size:.82rem;color:rgba(255,255,255,.65);margin-top:3px}
.s50-hero .s50-hero-sx{font-size:.78rem;color:rgba(255,255,255,.55);margin-top:3px}
.s50-yiji{padding:16px 0;border-top:1px solid rgba(255,255,255,.15)}
.s50-col{margin:8px 0}
.s50-col h3{font-size:.88rem;color:rgba(255,255,255,.65);margin-bottom:4px}
.s50-col p{font-size:.86rem;color:rgba(255,255,255,.9);line-height:1.9}
.s50-side-cal{margin:16px 0 0;border-top:1px solid rgba(255,255,255,.15);padding-top:16px}
.s50-side-cal h3{font-size:.92rem;text-align:center;margin-bottom:8px;color:rgba(255,255,255,.75)}
.s50-side-cal table{width:100%}
.s50-side-cal th{font-size:.72rem;color:rgba(255,255,255,.45);padding:4px 0}
.s50-side-cal td{text-align:center;padding:4px;font-size:.72rem;color:rgba(255,255,255,.55)}
.s50-side-cal td b{font-size:.82rem}
.s50-side-today{background:rgba(255,255,255,.22);border-radius:4px}
.s50-side-today b{color:#fff!important;font-weight:800}
/* === Main === */
.s50-main{flex:1;padding:24px 28px}
/* Section wrapper */
.s50-section{margin-bottom:20px}
.s50-section h3{font-size:1.1rem;color:#c62828;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0e0e0}
/* Info grid */
.s50-info{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.s50-info div{background:#fafafa;border:1px solid #eee;padding:14px;border-radius:8px;font-size:.88rem}
.s50-info b{display:block;color:#c62828;font-size:.78rem;margin-bottom:3px}
.s50-info span{color:#555}
.s50-info-full{grid-column:1/-1}
/* Info row (3col for nayin/positions/festivals) */
.s50-info-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.s50-info-row div{background:#fafafa;border:1px solid #eee;padding:14px;border-radius:8px;text-align:center}
.s50-info-row b{display:block;color:#c62828;font-size:.78rem;margin-bottom:3px}
.s50-info-row span{font-size:.88rem;color:#333;font-weight:500}
.s50-info-row+.s50-info-row{margin-top:8px}
/* Wuhou */
.s50-wuhou{background:linear-gradient(135deg,#fff8f0,#fff3e6);border:1px solid #ffe0b2;padding:14px 18px;border-radius:8px;margin:10px 0;display:flex;align-items:center;gap:12px}
.s50-wuhou span{background:#c62828;color:#fff;font-size:.72rem;padding:3px 10px;border-radius:4px;flex-shrink:0}
.s50-wuhou b{font-size:1rem;color:#5D1A0B}
/* Ad */
.s50-ad{background:#fafafa;border:1px solid #eee;padding:18px;margin-bottom:20px;border-radius:10px}
.s50-ad-desc{color:#c62828;font-size:1.05rem;font-weight:600;text-align:center}
.s50-ad-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.s50-ad-icons a{display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:8px 4px;border-radius:8px;transition:background .2s}
.s50-ad-icons a:hover{background:#fff0f0}
.s50-ad-icons img{width:80px;height:80px}
.s50-ad-icons span{font-size:.82rem;color:#555;margin-top:6px}
.s50-ad-wrap{margin-bottom:20px;overflow:hidden;border-radius:10px}
/* Gua */
.s50-gua{background:#fafafa;border:1px solid #eee;padding:18px;border-radius:10px}
.s50-gua-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.s50-gua-head b{color:#c62828;font-size:1rem}
.s50-gua-head em{background:#ffebee;color:#c62828;padding:2px 10px;border-radius:4px;font-size:.78rem;font-style:normal}
.s50-gua-head span{color:#888;font-size:.82rem}
.s50-gua p{font-size:.9rem;color:#555;margin-bottom:4px;line-height:1.9}
.s50-gua p b{color:#c62828}
/* Shichen */
.s50-sc-2col{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.s50-sc-item{background:#fff;border:1px solid #eee;padding:12px 6px;border-radius:8px;text-align:center;font-size:.82rem}
.s50-sc-ji{background:#ffebee!important}
.s50-sc-item b{display:block;font-size:.92rem;margin-bottom:3px}
.s50-sc-item span{font-size:.72rem;color:#999}
/* QA */
.s50-qa-list{display:flex;flex-direction:column;gap:10px}
.s50-qa-item{padding:14px;background:#fafafa;border-radius:8px;border:1px solid #eee}
.s50-qa-item b{display:block;color:#c62828;font-size:.82rem;margin-bottom:4px}
.s50-qa-item p{font-size:.88rem;color:#555;line-height:1.9}
/* SEO */
.s50-seo-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}
.s50-seo-block{background:#fafafa;padding:18px;border-radius:10px;border:1px solid #eee}
.s50-seo-block h4{font-size:.92rem;color:#c62828;margin-bottom:8px}
.s50-seo-block p{font-size:.82rem;color:#888;line-height:2}
/* Articles */
.s50-art-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.s50-art-list a{display:block;font-size:.88rem;color:#555;text-decoration:none;padding:14px;background:#fafafa;border-radius:8px;border:1px solid #eee;transition:all .2s}
.s50-art-list a:hover{color:#c62828;border-color:#e0c0c0}
/* Links */
.s50-link-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.s50-link-item{display:flex;flex-direction:column;align-items:center;padding:14px 8px;background:#fafafa;border-radius:10px;border:1px solid #eee;text-decoration:none;transition:all .2s}
.s50-link-item:hover{border-color:#e0c0c0}
.s50-link-item img{width:48px;height:48px;border-radius:8px;object-fit:cover}
.s50-link-item span{font-size:.76rem;color:#555;margin-top:8px;text-align:center}
/* Footer */
.s50-main-footer{text-align:center;padding:24px 0;font-size:.78rem;color:#bbb;line-height:2.4;border-top:1px solid #eee;margin-top:10px}
.s50-main-footer a{color:#bbb}
/* === Responsive === */
@media(max-width:1100px){
.s50-sidebar{width:320px}
.s50-sc-2col{grid-template-columns:repeat(3,1fr)}
.s50-seo-wrap{grid-template-columns:repeat(2,1fr)}
.s50-link-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:768px){
.s50{flex-direction:column}
.s50-sidebar{width:100%;padding:20px 16px}
.s50-sidebar h1{font-size:1.15rem}
.s50-hero-num{font-size:3.5rem}
.s50-main{padding:18px 14px}
.s50-info-row{grid-template-columns:repeat(2,1fr)}
.s50-ad-icons img{width:64px;height:64px}
.s50-sc-2col{grid-template-columns:repeat(3,1fr)}
.s50-seo-wrap{grid-template-columns:1fr}
.s50-art-list{grid-template-columns:1fr}
.s50-link-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:480px){
html{font-size:15px}
.s50-hero-num{font-size:2.8rem}
.s50-ad-icons{grid-template-columns:repeat(2,1fr)}
.s50-ad-icons img{width:56px;height:56px}
.s50-info{grid-template-columns:1fr}
.s50-info-full{grid-column:span 1}
.s50-info-row{grid-template-columns:1fr}
.s50-sc-2col{grid-template-columns:repeat(2,1fr)}
.s50-link-grid{grid-template-columns:repeat(2,1fr)}
}