/* ============================================================
   老黄历栏目补充样式（基于 idctal.com style.css 风格扩展）
   ============================================================ */

/* ---- 顶部 LOGO（文字版） ---- */
.mlogo-show-hl{height:40px;line-height:40px;font-size:22px;font-family:KaiTi,"STKaiti","Kaiti SC",serif;color:#fff;letter-spacing:4px;font-weight:bold}
.hl-logo-site{display:block;height:120px;padding-top:20px;text-align:center;text-decoration:none}
.hl-logo-site .hl-logo-big{display:block;height:78px;line-height:78px;font-size:56px;font-family:KaiTi,"STKaiti","Kaiti SC",serif;color:#fff;letter-spacing:14px;text-indent:14px;font-weight:bold;text-shadow:0 2px 6px rgba(0,0,0,.35)}
.hl-logo-site .hl-logo-sub{display:block;height:24px;line-height:24px;font-size:14px;color:#f3efe4;letter-spacing:3px}

/* ---- 面包屑下的日期选择 ---- */
.hl-sel{padding:15px;background-color:#fff;margin-bottom:.625rem}
.hl-sel select{border:1px solid #dcdcdc;border-radius:4px;height:34px;padding:0 8px;background:#fff;font-size:15px;color:#333;margin:0 4px;appearance:auto;-moz-appearance:auto;-webkit-appearance:auto}
.hl-sel-btn{display:inline-block;height:36px;line-height:36px;padding:0 26px;margin-left:8px;background:#c5653e;color:#fff;border:0;border-radius:4px;font-size:16px;cursor:pointer}
.hl-sel-btn:hover{background:#a94f2c;color:#fff}
.hl-sel .hl-sel-label{font-size:15px;color:#666;margin-right:2px}

/* ---- 黄历日期大卡 ---- */
.hl-day-card{overflow:hidden;background:#fff;border-radius:5px;margin-bottom:.625rem;border:1px solid #eeeae0}
.hl-day-main{overflow:hidden;background:linear-gradient(135deg,#b6552f 0%,#c5653e 60%,#a94f2c 100%);color:#fff;padding:22px 25px}
.hl-day-left{float:left;width:170px;text-align:center;border-right:1px dashed rgba(255,255,255,.35);margin-right:25px;padding-right:15px}
.hl-day-left .hl-d-date{font-size:64px;line-height:1.1;font-family:Georgia,serif;font-weight:bold}
.hl-day-left .hl-d-week{font-size:16px;margin-top:2px}
.hl-day-left .hl-d-year{font-size:14px;opacity:.9;margin-top:6px}
.hl-day-right{overflow:hidden;font-size:15px;line-height:30px}
.hl-day-right .hl-d-title{font-size:26px;line-height:40px;font-family:KaiTi,"STKaiti","Kaiti SC",serif;font-weight:bold;letter-spacing:2px}
.hl-day-right .hl-d-tag{display:inline-block;padding:0 10px;margin-right:8px;margin-top:8px;background:rgba(255,255,255,.16);border-radius:12px;font-size:13px;line-height:24px}
.hl-d-ganzhi{color:#ffe9c9}

/* ---- 宜忌 ---- */
.hl-yiji{overflow:hidden;background:#fff;border-radius:5px;margin-bottom:.625rem;border:1px solid #eeeae0}
.hl-yiji-row{overflow:hidden}
.hl-yiji-row .hl-yj-ico{float:left;width:72px;text-align:center;color:#fff;font-size:30px;font-family:KaiTi,"STKaiti","Kaiti SC",serif;font-weight:bold;height:100%;min-height:78px;line-height:78px}
.hl-yj-yi{background:#6a933e}
.hl-yj-ji{background:#c0392b}
.hl-yiji-row .hl-yj-body{overflow:hidden;padding:14px 18px;border-bottom:1px solid #f2efe6}
.hl-yiji-row:last-child .hl-yj-body{border-bottom:0}
.hl-yj-item{display:inline-block;margin:4px 8px 4px 0;padding:4px 12px;background:#f4f7ef;border:1px solid #e2e9d8;border-radius:4px;font-size:14px;color:#4a5d33;text-decoration:none}
.hl-yj-item:hover{background:#e8f0df;color:#3c5226}
.hl-yj-ji .hl-yj-item{background:#fdf2f0;border-color:#f0dbd7;color:#9c3d2e}
.hl-yj-ji .hl-yj-item:hover{background:#fae4e0;color:#822f22}
.hl-yj-empty{font-size:14px;color:#999}

/* ---- 月历 ---- */
.hl-calendar{background:#fff;border-radius:5px;margin-bottom:.625rem;border:1px solid #eeeae0;padding:15px}
.hl-cal-title{overflow:hidden;margin-bottom:10px}
.hl-cal-title h2{float:left;font-size:18px;color:#c5653e;font-weight:bold}
.hl-cal-nav{float:right;font-size:14px}
.hl-cal-nav a{display:inline-block;padding:3px 12px;margin-left:6px;background:#f1f3f4;border-radius:3px;color:#555}
.hl-cal-nav a:hover{background:#fff;box-shadow:rgba(122,122,119,.3) .125rem .125rem .625rem 0}
.hl-cal-nav span.hl-cal-cur{display:inline-block;padding:3px 12px;margin-left:6px;color:#bbb}
.hl-calendar table{width:100%;border-collapse:collapse;table-layout:fixed}
.hl-calendar th{background:#f7f5ef;border:1px solid #eee9dd;padding:6px 0;font-size:14px;color:#8a6d3b;font-weight:bold}
.hl-calendar th.hl-weekend{color:#c5653e}
.hl-calendar td{border:1px solid #eee9dd;padding:4px 2px;text-align:center;vertical-align:middle;height:58px}
.hl-cal-day{display:block;font-size:19px;line-height:26px;color:#333;font-family:Georgia,serif}
.hl-cal-nonli{display:block;font-size:11px;color:#999;line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hl-cal-feast{display:block;font-size:11px;line-height:16px;color:#c5653e;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hl-cal-nonli.hl-cal-first{color:#6a933e}
.hl-cal-jieqi .hl-cal-nonli{color:#3d7a99}
.hl-calendar td.today{background:#fdf3ec;border:1px solid #e8b99a}
.hl-calendar td.today .hl-cal-day{color:#c5653e;font-weight:bold}
.hl-calendar td a:hover .hl-cal-day{color:#c5653e}
.hl-cal-months{margin-top:12px}
.hl-cal-months ul li a{font-size:14px}

/* ---- 时辰吉凶 ---- */
.hl-sc-list{background:#fff;border-radius:5px;margin-bottom:.625rem;border:1px solid #eeeae0;padding:15px}
.hl-sc-list table{width:100%}
.hl-sc-list .hl-sc-ganzhi{font-weight:bold;color:#8a6d3b;white-space:nowrap}
.hl-sc-list .hl-sc-good{color:#4a5d33}
.hl-sc-list .hl-sc-bad{color:#9c3d2e}
.hl-sc-list .hl-sc-badge{display:inline-block;padding:0 8px;border-radius:8px;font-size:12px;line-height:20px;background:#6a933e;color:#fff}
.hl-sc-list .hl-sc-badge.bad{background:#c0392b}

/* ---- 日出日落 ---- */
.hl-sunrise{background:#fff;border-radius:5px;margin-bottom:.625rem;border:1px solid #eeeae0;padding:15px}
.hl-sunrise ul{overflow:hidden;margin:-5px}
.hl-sunrise li{float:left;width:25%;padding:5px}
.hl-sunrise li .hl-sun-city{display:block;background:#f7f9f4;border:1px solid #e6ecdf;border-radius:4px;padding:8px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hl-sunrise li b{font-size:14px;color:#4a5d33;font-weight:normal}
.hl-sunrise li span{display:block;font-size:12px;color:#999;line-height:20px}
.hl-sunrise li span em{font-style:normal;color:#c5653e;font-family:Georgia,serif}

/* ---- 侧栏问答 ---- */
.hl-qa p{margin:.5rem 0;line-height:1.7}
.hl-qa p b{color:#c5653e}

/* ---- 节气/节日列表 ---- */
.hl-jieqi-list{overflow:hidden}
.hl-jieqi-list li{float:left;width:25%;margin:6px 0;text-align:center}
.hl-jieqi-list li a{display:inline-block;width:82%;padding:8px 0;background:#f4f7ef;border:1px solid #e2e9d8;border-radius:4px;color:#4a5d33;font-size:14px}
.hl-jieqi-list li a:hover{background:#e8f0df}
.hl-jieqi-list li a span{display:block;font-size:12px;color:#999;margin-top:2px}
.hl-jieri-group h3{margin:12px 0 6px;color:#c5653e;font-weight:bold}
.hl-jieri-table td,.hl-jieri-table th{padding:8px 10px}

/* ---- 年黄历索引 ---- */
.hl-year-months{background:#fff;border-radius:5px;margin-bottom:.625rem;border:1px solid #eeeae0;padding:15px}
.hl-year-months li{float:left;width:25%;margin:6px 0;text-align:center}
.hl-year-months li a{display:inline-block;width:86%;padding:10px 0;background:#f1f3f4;border-radius:4px;color:#555;font-size:15px}
.hl-year-months li a:hover{background:#fff;box-shadow:rgba(122,122,119,.3) .125rem .125rem .625rem 0;color:#c5653e}
.hl-year-months li a span{display:block;font-size:12px;color:#999;margin-top:2px}

/* ---- 搜索页 ---- */
.hl-search-tip{padding:15px;background:#fff;border-radius:5px;margin-bottom:.625rem;font-size:15px;color:#666}

/* ---- 移动端适配 ---- */
@media (max-width: 980px){
    .sidebar{float:none;width:100%;margin-top:10px}
    .content{float:none;width:100%}
    .hl-day-left{float:none;width:100%;border-right:0;border-bottom:1px dashed rgba(255,255,255,.35);margin-right:0;padding-right:0;padding-bottom:10px;margin-bottom:10px}
    .hl-day-left .hl-d-date{display:inline-block;font-size:46px;vertical-align:middle}
    .hl-day-left .hl-d-week{display:inline-block;margin-left:12px;vertical-align:middle;margin-top:0}
    .hl-day-right .hl-d-title{font-size:20px;line-height:32px}
    .hl-yiji-row .hl-yj-ico{width:54px;font-size:24px}
    .hl-sunrise li{width:33.3%}
    .hl-jieqi-list li,.hl-year-months li{width:33.3%}
}
@media (max-width: 640px){
    .hl-sel{white-space:nowrap;overflow-x:auto}
    .hl-sunrise li{width:50%}
    .hl-jieqi-list li,.hl-year-months li{width:50%}
    .hl-calendar td{height:48px}
    .hl-cal-day{font-size:15px;line-height:20px}
    .hl-day-left .hl-d-date{font-size:38px}
}