@charset "utf-8";

.hlimain{
    width:100%;
    height:auto;              
    padding:26px 28px 30px;
    border:1px solid #f1efef;
    overflow:visible;         
}

.hliday{
    display:grid;
    grid-template-columns:60px minmax(0,1fr) 60px;
    align-items:center;
}
.hliday .center{
    grid-column:2;
    grid-row:1;
    font-size:clamp(64px,9vw,104px);
    line-height:1.05;
    font-weight:600;
    letter-spacing:2px;
    text-align:center;
    color:#c97836;
}
.hliday .center img{height:8px}
.hliday .left,
.hliday .right{
    grid-row:1;
    font-size:0;              
}
.hliday .left{grid-column:1;justify-self:start}
.hliday .right{grid-column:3;justify-self:end}
.hliday .left a,
.hliday .right a{
    display:block;
    padding:8px 6px;
    font-size:38px;
    line-height:1;
    color:#c97836;
    text-decoration:none;
    border-radius:6px;
    transition:color .2s,background-color .2s;
}
.hliday .left a:hover,
.hliday .right a:hover{color:#a55c22;background:#fdf6ef}

.hlidate{margin-top:12px;text-align:center}
.hlidate_fu{display:none}     
.hlidate_txt{
    width:100%;
    margin:0;
    font-size:var(--fs-h1);
    font-weight:400;
    line-height:1.75;
    letter-spacing:.5px;
    text-align:center;
    color:#c97836;
}

.hliline{height:1px;background:#f0ece4;margin:20px 0}

.hliyiji ul{display:flex;flex-direction:column;gap:10px}
.hliyiji ul li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    font-size:var(--fs-base);
    line-height:2;
}
.hliyiji ul li span{flex:0 0 40px;line-height:2}
.hliyiji ul li span img{width:40px;vertical-align:middle}
.hliyiji ul li p{flex:1;min-width:0;margin:0;color:#444;padding:0}

.hlilist{width:100%}
.hlilist ul{display:flex;flex-direction:column}

.hlilist ul li{
    display:grid;
    grid-template-columns:5.8em minmax(0,1fr);
    align-items:baseline;
    gap:10px;
    padding:5px 0;
    font-size:var(--fs-base);
    line-height:1.95;
    border-bottom:1px dashed #f4f0e8;
}
.hlilist ul li:last-child{border-bottom:none}
.hlilist ul li span{
    color:#c87937;
    font-weight:600;
    letter-spacing:.5px;
    white-space:nowrap;
}

.hlixiaob{
    margin:26px 0 14px;
    font-size:var(--fs-h2);
    line-height:1.6;
    text-align:center;
    color:#333;
}
.hlixiaob span{color:#d0021b;padding-left:6px}

.hlitime{
    background:#ece6dc;
    border:1px solid #ece6dc;
    border-radius:8px;
    overflow:hidden;
    margin:0;
}
.hlitime ul{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:1px;
}
.hlitime ul li{
    background:#fff;
    line-height:44px;
    font-size:var(--fs-base);
    text-align:center;
    color:#555;
    cursor:pointer;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
    transition:background-color .15s,color .15s;
}
.hlitime ul li:hover{background:#fdf8f2;color:#c87937}
.hlitime ul li.current{background:#c87937;color:#fff;font-weight:600}

.hlitxt{display:none}
.hlitxt.hlishow{display:block}
.hlitxt ul{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 28px;
    margin-top:16px;
}
.hlitxt ul li{
    display:flex;
    align-items:baseline;
    gap:6px;
    min-width:0;
    padding:5px 0;
    font-size:var(--fs-base);
    line-height:2;
    color:#444;
    border-bottom:1px dashed #f4f0e8;
}

.hlitxt ul li:first-child{
    grid-column:1 / -1;
    font-size:var(--fs-h2);
    font-weight:600;
    color:#c87937;
    border-bottom:1px solid #eee;
}
.hlitxt ul li span{
    flex:0 0 auto;
    color:#a09585;
    white-space:nowrap;
}
.hlitxt ul li img{width:22px;vertical-align:middle;margin-left:4px}

.hl-naming{
    margin-top:32px;
    padding-top:28px;
    border-top:1px dashed #eadfd0;
}
.hl-naming-hd{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
    padding-bottom:14px;
    margin-bottom:16px;
    border-bottom:1px solid #f2eee8;
}
.hl-naming-hd h2{
    margin:0;
    font-size:var(--fs-h2);
    font-weight:700;
    line-height:1.6;
    color:#c87937;
}
.hl-naming-gz{
    font-size:var(--fs-sm);
    color:#9a9284;
    letter-spacing:.5px;
}
.hl-naming-p{
    margin:0 0 18px;
    font-size:var(--fs-base);
    line-height:2;
    color:#444;
}
.hl-naming-sub{
    position:relative;
    margin:26px 0 14px;
    padding-left:12px;
    font-size:var(--fs-h2);
    font-weight:600;
    line-height:1.6;
    color:#333;
}
.hl-naming-sub::before{
    content:"";
    position:absolute;
    left:0;
    top:.45em;
    width:3px;
    height:.95em;
    background:#c87937;
    border-radius:2px;
}

.hl-wx-bar{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
}
.hl-wx-item{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:11px 4px;
    font-size:var(--fs-sm);
    border:1px solid transparent;
    border-radius:6px;
    background:#f7f7f7;
    color:#666;
}
.hl-wx-item b{font-size:var(--fs-base);font-weight:600}
.hl-wx-item span{font-family:Tahoma,Arial,sans-serif;letter-spacing:.5px}
.hl-wx-item.hl-wx-need{border-color:currentColor}
.hl-wx-mu{color:#3f8f5f;background:#eef6f0}
.hl-wx-huo{color:#c0392b;background:#fdeeec}
.hl-wx-tu{color:#a9822b;background:#faf4e6}
.hl-wx-jin{color:#7c7c7c;background:#f2f2f2}
.hl-wx-shui{color:#2b6cb0;background:#eaf1fa}

.hl-zi-groups{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}
.hl-zi-group{
    min-width:0;
    padding:14px 16px 10px;
    border:1px dashed #e5e0d8;
    border-radius:8px;
}
.hl-zi-tag{
    display:inline-block;
    margin-bottom:10px;
    padding:2px 12px;
    font-size:var(--fs-sm);
    border-radius:10px;
    text-decoration:none;
    background:#f5f2ec;
    color:#8a8071;
}
.hl-zi-tag.hl-wx-mu{color:#3f8f5f;background:#eef6f0}
.hl-zi-tag.hl-wx-huo{color:#c0392b;background:#fdeeec}
.hl-zi-tag.hl-wx-tu{color:#a9822b;background:#faf4e6}
.hl-zi-tag.hl-wx-jin{color:#616161;background:#f2f2f2}
.hl-zi-tag.hl-wx-shui{color:#2b6cb0;background:#eaf1fa}
.hl-zi-group ul{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(44px,1fr));
    gap:6px;
    margin:0;
    padding:0;
    list-style:none;
}
.hl-zi-group li{list-style:none}
.hl-zi-group li a{
    display:block;
    font-size:var(--fs-base);
    line-height:36px;
    text-align:center;
    color:#333;
    text-decoration:none;
    border:1px solid #efefef;
    border-radius:4px;
    transition:color .15s,border-color .15s,background-color .15s;
}
.hl-zi-group li a:hover{color:#c87937;border-color:#c87937;background:#fffaf5}

.hl-name-xing{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(78px,1fr));
    gap:8px;
    margin:0;
    padding:0;
    list-style:none;
}
.hl-name-xing li{list-style:none}
.hl-name-xing li a{
    display:block;
    font-size:var(--fs-sm);
    line-height:36px;
    text-align:center;
    color:#555;
    text-decoration:none;
    border:1px solid #e8e8e8;
    border-radius:4px;
    transition:color .15s,border-color .15s,background-color .15s;
}
.hl-name-xing li a:hover{color:#c87937;border-color:#c87937;background:#fffaf5}
.hl-name-xing li.all a{color:#c87937;border-color:#eddccb;background:#fffaf5}

.hl-naming-note{
    margin:18px 0 0;
    font-size:var(--fs-sm);
    line-height:1.9;
    color:#a49c8e;
}

@media screen and (max-width:900px){
    .hlimain{padding:20px 18px 22px}
    .hliday{grid-template-columns:44px minmax(0,1fr) 44px}
    .hliday .left a,.hliday .right a{font-size:30px;padding:6px 2px}
}

@media screen and (max-width:640px){
    .hlimain{padding:16px 14px 18px}
    .hliday{grid-template-columns:34px minmax(0,1fr) 34px}
    .hliday .center{font-size:60px}
    .hliday .left a,.hliday .right a{font-size:24px}
    .hlidate_txt{font-size:var(--fs-h1-sm);line-height:1.7}

    .hliline{margin:16px 0}
    .hliyiji ul li span{flex:0 0 34px}
    .hliyiji ul li span img{width:34px}

    
    .hlilist ul li{grid-template-columns:5.4em minmax(0,1fr);gap:8px}

    .hlixiaob{margin:20px 0 10px;font-size:var(--fs-base)}
    .hlitime ul{grid-template-columns:repeat(4,minmax(0,1fr))}
    .hlitime ul li{line-height:40px;font-size:var(--fs-sm)}

    .hlitxt ul{grid-template-columns:1fr;gap:0}

    .hl-naming{margin-top:24px;padding-top:20px}
    .hl-wx-bar{gap:6px}
    .hl-wx-item{gap:4px;padding:9px 2px;font-size:var(--fs-xs)}
    .hl-wx-item b{font-size:var(--fs-sm)}
    .hl-zi-groups{grid-template-columns:1fr;gap:12px}
    .hl-zi-group ul{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}
    .hl-name-xing{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}
}