html{
    font-size:80px;
}
@media only screen and (max-width:900px) and (min-width:769px){
    html{
        font-size:70px;
    }
}
@media only screen and (max-width:768px) and (min-width:461px){
    html{
       font-size:65px;
    }
}
@media only screen and (max-width:460px) and (min-width:401px){
    html{
       font-size:53px;
    }
}

@media only screen and (max-width:400px){
    html{
        font-size:48px;
    }
}


*, :after, :before  {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {margin: 0 auto;font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", miui, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;color: #333;letter-spacing:1px;font-size: 14px;}
a {-webkit-tap-highlight-color: transparent;}
.font-bold {
    margin-top:20px;
    font-weight: 700;
	color: #FF9800;
}
 .text-center {
    text-align: center;
}

.mx-auto {
    background-color: #d2514c;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    margin-bottom: 50px;
}
.text-shadow {
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.font-bold {
    font-weight: 700;
}
.text-\[clamp\(2rem\2c 5vw\2c 3\.5rem\)\] {
    font-size: .5rem;
}
.mb-4 {
    margin-bottom: .3rem;
}
.opacity-90 {
    opacity: 0.9;
}
.mb-8 {
    margin-bottom: 1rem;
    font-size: .48rem;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.font-bold {
    font-weight: 700;
}
.text-lg {
    font-size: .5rem;
    line-height: .25rem;
}
.py-3 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    border-radius: 10px;
}
.px-8 {
    padding-left: 1rem;
    padding-right: 1rem;
	text-decoration: none;
}
.bg-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(255 215 64 / var(--tw-bg-opacity, 1));
}
.max-width{max-width:1000px;}
.clear{clear:both;}
.header {margin: 0 auto;}
.header .logo1 {float:left;margin-left:10px;}
.header .logo1 img{display: block;margin: auto;}
.header .logo2 {float:right;display: table;padding:5px 15px 0 0px;text-align: right;}

.top {
    overflow: hidden;
    padding-top: .1rem;
    clear: both;
}

.top img {
    height: .8rem;
    width: auto;
    border-radius: 10px;
    float: left;
    margin-right: 16px;
}

.top h1 {
    padding: .55rem .1rem 0 0;
    font-size: 14px;
    font-weight: normal;
    color: #8b8b8a;
    float: right;
}

.top span {
    float: right;
    display: block;
    background: #d2514c;
    color: #FFF;
    padding: 8px 24px;
    font-size: 16px;
    border-radius: 6px;
    margin-top: 11px;
}

.top a {
    height: 60px;
}

.dh-box {margin: 10px auto;height:60px;background:#d2514c;border-radius: 10px;}

.dh {
    display: flex;
    gap: .18rem;
    align-items: center;
    justify-content: center;
    height: 60px;
    font-size: .23rem;
    font-weight: 550;
}

.dh a {
    color: #FFF;
    padding: .1rem .06rem;
}

.dh .av,.dh a:hover {
    background: #fff;
    color: #d2514c;
    border-radius: 5px;
}

.footer {margin: 0 auto;margin-top:20px;padding:10px 0 10px 0;color:#d2514cbf;text-align: center;}
.footer p{padding:0 25px 0 25px;}
.footer p a{color:#d2514cbf;text-decoration:none;}

.main {margin: 0 auto;box-sizing: border-box;margin-top:20px;}
.main-box {float:left;width:63%;box-sizing: border-box;padding-right:15px;}
.main-box1 {border:#e3e2e1 1px solid;}
.alm {float:right;width:37%;box-sizing: border-box;border:#ccc 0px solid;padding:20px 5px 20px 5px;text-align:center;background:#f9f7f6;}
.alm-date-xq {font-weight:bold;}
.alm-date-xq h1{margin:0;font-size: 16px;}
.alm-date-ago{font-weight:bold;padding-top: 8px;font-size: 16px;color: #d2514c;}
.alm-date-nl-jq {font-weight:bold;}
.alm-date-nl-jq h2 {margin:0;font-size: 15px;padding:0;}
.dayjieqi {color: #d2514c;}
.alm-date-jlr1 {font-size: 14px;margin:15px 10px 0 10px;padding-bottom: 5px;}
.alm-date-jlr1 span {margin:0 2px 0 2px;line-height:1.5;}
.alm-date-jlr1 .yuexiang1 {display: inline-block; padding-right:10px;color: #d2514c;font-weight:bold;}
.alm-date-jlr2 {font-size: 14px;margin:10px 10px 0 5px;}
.alm-date-jlr2 span {margin:0 12px;line-height:1.5;}
.zyjrgny {color:#d2514c;font-weight:bold;}
/* .alm_date_gz_yr {border:#d6b191 1px solid;background:#fff;padding:5px 10px 5px 10px;margin:15px 10px 0 10px;font-size: 14px;border-radius: 8px;} */
.alm-date-nl-nyr {border: #d2514c 1px solid;padding:5px 10px 5px 10px;margin:15px 10px 0 10px;font-size: 14px;border-radius: 8px;}
.alm-date-nl-nyr p{margin:5px 0 5px 0;}
.alm-date-nl-nyr h2 {margin:0;font-size: 14px;font-weight: normal;}
.alm-date-day {padding:5px 0;font-weight:bold;display: flex;width: 100%;}
.alm-date-day .dayzj {font-size: 80px;color:#d2514c;}
.alm-date-day .dayzb {text-align:right;}
.alm-date-day .dayyb {text-align:left;}

.column {line-height: 120px;height: 120px;display: flex;align-items: center;justify-content: center;}
.column a{display: flex;align-items: center;width: 100%;justify-content: center;text-decoration: none;}
.column img{max-height: 100%; }
.column:first-child, .column:last-child {width: 35%;}
.column:nth-child(2) {width: 30%;}

.calendar-navigation-large {float:left;width:100%;box-sizing: border-box;padding: 5px 15px 5px 15px;background:#f9f7f6;}

.calendar-navigation {float:left;width:65%;box-sizing: border-box;line-height:30px;}
.calendar-navigation .sxny {display: inline-block;}
.calendar-navigation .sxny a{text-decoration:none;color:#8b8b8a;}
.calendar-navigation select{outline:none;border:#ffffff 1px solid;background:#fff;color:#3e3e3e;box-sizing: border-box}
.calendar-navigation .xialacd {background:#fff;box-sizing: border-box;width:110px;border:#de686d 1px solid;text-align:center;border-radius: 6px;}
.calendar-navigation .sxny_select {display: inline-block;}
.calendar-navigation-right {float:right;width:80px;background:#fff;box-sizing: border-box;line-height:30px;text-align:right;text-align:center;font-size: 13px;border-radius: 6px;border:#de686d 1px solid;}
.calendar-navigation-right a {text-decoration:none;color:#3e3e3e;}
.calendar-navigation-right a:hover {color:#de686d;}

#weekdays {display: grid;grid-template-columns: repeat(7, 1fr);text-align: center;gap: 10px;margin:20px 0 20px 0;padding:0 15px 0 15px;}
#calendar {display: grid;grid-template-columns: repeat(7, 1fr);text-align: center;gap: 22px;padding:0 15px 15px 15px;}
#calendar div{font-weight: bold;border:#fff 2px solid;text-align:center;margin:2px 0;padding:5px 5px 5px 5px;border-radius: 10px;white-space: nowrap;overflow:hidden;}
#calendar div span{display:block;white-space: nowrap;overflow:hidden;}
#calendar div .nlday{font-weight:normal;font-size:14px;color: #8b8b8a;}
#calendar div:hover{font-weight: bold;border:#d2514c 2px solid;border-radius: 10px;}
#calendar div a{color:#333;width: 100%;font-size: 22px;text-decoration:none;display: inline-block;border-radius: 10px;}
#calendar div.jiarixiu {background:rgb(211, 233, 211);border-radius: 10px;}
#calendar div.jiariban {background:#fbf4ed;border-radius: 10px;}
#calendar div.jiarixiu a {color:#d2514c}
#calendar div.jiarixiu .nlday {color:#d2514c}
#calendar div.dtdaycss {background:#d2514c;border-radius: 10px;border:#d2514c 2px solid;}
#calendar div.dtdaycss a{color:#fff;}
#calendar .zhoumo a{color:#d2514c;}
#calendar div.dtdaycss .nlday{color:#fff !important;}
.zhoucssa {color:#d2514c;}
.tx {float:left;position:absolute;z-index:999;font-weight:normal;font-size:14px;color:#fff;background:#42962e;border-radius: 5px;padding:0 1px 1px 1px;}
.tb {float:left;position:absolute;z-index:999;font-weight:normal;font-size:14px;color:#d2514c;background:#fff;border-radius: 5px;padding:0 1px 1px 1px;}
.fdy {color: #c0bfbf;opacity: 0.3;border-radius: 10px;}

.yiji{border:#d6b191 0px solid;background:#fff;padding:5px 10px;margin:15px 12px 0 12px;font-size: 14px;border-radius: 8px;}
.yiji .qujimore{clear:both;padding:5px 0;text-align:left;}
.yiji .qujimore .yjspan{display:block;float:left;text-align:center;margin-right:12px;width:40px;line-height:58px;height:58px;font-size:18px;color:#FFF;border-radius:3px;}
.yiji .qujimore span{display: inline-block;margin:0 8px;}
.yiji .qujimore span a{margin-right:8px;}
.yiji .yi .yjspan{background:#42962e;}
.yiji .ji .yjspan{background:#d2514c;}
.pzbj {padding:0 20px 0 20px;margin:5px 0 12px 0;display: inline-block;}
.yiji h2 {margin:0;font-size: 14px;font-weight: normal;overflow:hidden;}

.jsxs {width: 100%;margin-top:15px;background:#f9efea;border-radius: 5px;padding:2px 10px;box-sizing: border-box;}
.jsxs .jsxs-all {margin:0;padding:2px 2px;text-align:left;margin:3px 0;line-height:1.5;}
.jsxs .jsxs-left{width: 25%;float:left;font-weight:bold;text-align:left;box-sizing: border-box;}
.jsxs .jsxs-right{width: 75%;float:right;text-align:left;box-sizing: border-box;}

.rili-jiaqi-dn {max-width:1000px;margin: 0 auto;box-sizing: border-box;margin-top:20px;font-size: 14px;border:#edebea 1px solid;background:#fcfcfc;}
.rili-jiaqi-dn span {width:20%;box-sizing: border-box;display: inline-block;text-align: center;padding:10px 5px;}
.fjlbbt {background:#edebea;}
.fjlb_name {font-weight:bold;}
.rili_wnlxx {max-width:1000px;margin: 0 auto;box-sizing: border-box;margin-top:20px;font-size: 14px;border:#edebea 1px solid;background:#fcfcfc;}
.rili_wnlxxbt {text-align: center;padding:10px 5px;font-weight:bold;background:#edebea;}
.rili_wnlxxsm {padding:0 20px;line-height:1.8;text-indent: 2em;}
.sxjieqi {font-weight:bold;color:#d2514c;}

.time-scyj {margin: 0 auto;box-sizing: border-box;font-size: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;}
.time-scyj-box {width: 49.8%;box-sizing: border-box; margin-top: 10px;position: relative;}
.time-scyj-box a:hover{color:#bf555a;}
.sc-ji {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    pointer-events: none; /* 使文本框不接收鼠标事件 */
    font-family: 'Arial Black', arial-black, sans-serif; /* 选择一个艺术字体 */
    font-size: 60px; /* 字体大小 */
    color: rgba(255, 0, 0, 0.26); /* 红色半透明 */
    z-index: 1;
  }

  .sc-xiong {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    pointer-events: none; /* 使文本框不接收鼠标事件 */
    font-family: 'Arial Black', arial-black, sans-serif; /* 选择一个艺术字体 */
    font-size: 60px; /* 字体大小 */
    color: rgba(7, 7, 7, 0.26); /* 半透明 */
    z-index: 1;
  }
.sc-now{
    border: #de686d 1px solid !important;
    background-color: #d2514c1a;
}


.time-scyj-title {text-align:center;padding:10px 5px;background:#fff;color:#de686d;font-weight:bold;border-bottom:#de686d .035rem solid;}
.main-scyj-box1 {border-top:#e9e6e6 1px solid;border-left:#e9e6e6 1px solid;border-right:#e9e6e6 1px solid; z-index: 10; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);} 
.time-scyj-left {float:left;width:65%;box-sizing: border-box;padding-right:20px;}
.time-scyj-right {float:right;width:35%;box-sizing: border-box;border:#ccc 0px solid;}
.time-scyj-lr {line-height:1.6;}
.time-scyj-lr-l {padding:10px 25px;border:#e9e6e6 0px solid;line-height:2.3;background:#f9f7f6;}
.time-scyj-lr-l span {width:30%;display: inline-block;box-sizing: border-box;}
.scyj-xm {border-bottom:#e9e6e699 1px solid;text-align:left;/*background:#fffefe;*/padding:6px 25px;}
.scpt span {width:50%;display: inline-block;}
.scts span {margin:0 2px;display: inline-block;}
.yj{padding: 6px 0px 12px 20px;}
.scyj-xm .yjspan{display:block;float:left;text-align:center;margin:0 10px 2px 2px;width:28px;line-height:28px;height:28px;font-size:12px;color:#fff;border-radius: 50%;}
.scyj-xm .yi{
    background:#42962e;
    background: url(../images/yi.png) 0 0 no-repeat;
    background-image: -webkit-image-set(url(../images/yi.png) 1x, url(/static/images/yi.png) 1x);
    width: 32px;
    height: 32px;
}
.scyj-xm .ji{
    background:#d2514c;
    background: url(../images/ji.png) 0 0 no-repeat;
    background-image: -webkit-image-set(url(../images/ji.png) 1x, url(/static/images/ji.png) 1x);
    width: 32px;
    height: 32px;
}

.jrhl-jr {font-weight:bold;}
.jrhl-jr-2 {letter-spacing:0;line-height:1.6;}
.jrhl-jr-3 {letter-spacing:0;margin-top:10px;line-height:1.6;}



.scroller {
    margin: 0.2rem auto;
    border-left: 1px solid #e3e2e1;
    border-right: 1px solid #e3e2e1;
}

.almLine1 {
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-box;
    display: box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
    border-bottom: 1px solid #dc915b
}

.almLine1:last-child {
    border-bottom: none
}

.cs,.wx {
    width: 90px
}

.cs,.pzbj,.wx {
    padding: 15px 0
}

.pzbj {
    border-left: 1px solid #dc915b;
    border-right: 1px solid #dc915b;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1
}

.almTitle {
    width: 100%;
    height: 15px
}

.almLine,.almLines,.almList1,.scyjContent {
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-box;
    display: box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
    border-bottom: 1px solid #e3e2e1
}

.almLines {
    border-bottom: none
}

.almLine>div {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    width: 33.3%;
    font-size: 16px;
    padding: 10px 0;
    text-align: center
}

.csContent,.tscontent {
    border-left: 1px solid #e3e2e1;
    border-right: 1px solid #e3e2e1
}

.shenWeiBox {
    border-top: 1px solid #e3e2e1
}

.caishenwei span,.csContent span,.fushenwei span,.wxContent span,.xishenwei span,.yangguiren span,.yinguiren span,.zhishenContent span {
    display: block;
    text-align: center
}

.caishenwei span.almLineTitle,.csContent span.almLineTitle,.fushenwei span.almLineTitle,.wxContent span.almLineTitle,.xishenwei span.almLineTitle,.yangguiren span.almLineTitle,.yinguiren span.almLineTitle,.zhishenContent span.almLineTitle {
    padding-bottom: 5px
}

.caishenwei,.fushenwei,.xishenwei,.yangguiren {
    border-right: 1px solid #e3e2e1
}

.almLineTitle {
    color: #d2514c;
    font-size: 16px;
}

.almLineTxt {
    color: #333
}

.verticleTitle {
    float: left;
    font-size: 16px;
    color: #d2514c;
    width: 26px;
    padding-left: 15px;
    padding-top: 21px;
}

.jianchuTxt,.stars28Txt {
    float: left;
    width: 26px;
    font-size: 16px;
    color: #333;
    padding-left: 15px;
    padding-right: 28px
}

.jianchuTxt {
    padding-top: 50px;
}

.stars28Txt {
    padding-top: 21px;
}

.almListContent {
    width: 100%;
    border-left: 1px solid #e3e2e1;
    border-right: 1px solid #e3e2e1
}

.almList1>div,.almListContent {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1
}

.almList1>div {
    width: 33.3%;
    font-size: 13px;
    text-align: center
}

.almListTitle {
    width: 100%;
    font-size: 16px;
    color: #d2514c;
    margin: 10px 0
}

.almListTxt {
    max-width: 98%;
    margin: 0 auto 10px;
    line-height: 24px;
    color: #333
}

.almList2,.almListTxt {
    text-align: center;
    font-size: 16px;
}

.almList2Title {
    width: 100%;
    color: #d2514c;
    margin: 9px 0 10px
}

.almList2Txt {
    width: 100%;
    color: #333;
    line-height: 18px;
    margin-bottom: 7.5px
}

.almList2Txt.pzTxt {
    padding-bottom: 7.5px;
    border-bottom: 1px solid #e3e2e1;
    margin-bottom: 0px;
}

.jianchuContent, .stars28Content {
    border-bottom: 1px solid #e3e2e1;
}

.almContent {
    margin: 10px 0 0 0;
}

.shichen{
    height: 1.15rem;
    border-bottom: 1px solid #f7d5b2;
}
.shichen .title {
    float: left;
    width: .58rem;
    color: #e1903d;
    font-size: .26rem;
    margin: .23rem .23rem 0 .3rem;
}
.shichen .shichen-box {
    color: #424242;
    /* float: left; */
    width: 6.8rem;
    margin: 0 auto;
    margin-top: .08rem;
}
.shichen .shichen-box ul {
    /* width: 6.6rem; */
    height: 50px;
}
.shichen li {
    float: left;
    font-size: .24rem;
    width: .22rem;
    margin: 0 .14rem;
    line-height: .33rem;
    text-align: center;
}
.shichen li .shichen-line {
    display: inline-block;
    width: 1px;
    height: .2rem;
    background: #424242;
}

.shichen .now {
    color: #de686d;
    border: 1px #da301e solid;
    width: 0.27rem !important;
}
.shichen .now-line {
    background: #dc915b !important;
}

/* 黄道吉日 start*/
.hd-box {width:100%;box-sizing: border-box;}
.hd-box1 {border:#eee 1px solid;}
.hd-navigation-large {width:100%;height:43px;box-sizing: border-box;padding: 5px 15px 5px 15px;background:#fafafa;}
.hd-navigation {float:left;width:100px;background:#fff;box-sizing: border-box;line-height:30px;text-align:right;text-align:center;font-size: 13px;border-radius: 6px;border:#de686d 1px solid;}
.hd-navigation-right {float:right;width:80px;background:#fff;box-sizing: border-box;line-height:30px;text-align:right;text-align:center;font-size: 13px;border-radius: 6px;border:#de686d 1px solid;}
.hd-navigation-right a {text-decoration:none;color:#3e3e3e;}
.hd-navigation-right a:hover {color:#de686d;}

.hd-scyj {margin: 0 auto;box-sizing: border-box;font-size: 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;}
.hd-scyj-box {width: 100%;box-sizing: border-box; margin-top: 10px;}
.hd-scyj-title {text-align:center;padding:10px 5px;background:#fff;color:#de686d;font-weight:bold;border-bottom:#de686d .035rem solid;}
.hd-scyj-box1 {border-top:#e9e6e6 1px solid;border-left:#e9e6e6 1px solid;border-right:#e9e6e6 1px solid; z-index: 10; } 

.hd-scyj-left {float:left;width:65%;box-sizing: border-box;padding-right:20px;}
.hd-scyj-right {float:right;width:35%;box-sizing: border-box;border:#ccc 0px solid;}

.hd-scyj-lr {line-height:.42rem;}
.hd-scyj-lr .taglist{display: grid;grid-template-columns: repeat(7, 1fr);gap:10px;border:#e9e6e6 1px solid;padding: .15rem;background:#fff;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);}
.tag{background:#fff;box-sizing: border-box;border:#e9e6e699 1px solid;text-align:center;border-radius: 6px;padding: .03rem;}
.tag a:hover {color:#bf555a;}
.tag span {display: block;overflow: hidden;white-space: nowrap;font-size: .2rem;}
.tag .tip {display: block;font-weight: normal;overflow: hidden;font-size: 12px;opacity: 0.5;padding-top: .05rem;}
.hd-scyj-lr-l {padding:10px 25px;border:#e9e6e6 0px solid;line-height:2.3;background:#f9f7f6;}
.hd-scyj-lr-l span {width:30%;display: inline-block;box-sizing: border-box;}
.highlight {font-weight: bold;color: #de686d;border-bottom: #de686d 1px solid;}

/* 详情页 */

.hd-show{margin: 0 auto;}
.hd-show-box {width: 100%;box-sizing: border-box; margin-top: 10px;}
.hd-show-title {text-align:left;padding:10px 5px;background:#fafafa;color:#de686d;font-weight:bold;border-bottom:#de686d .06rem solid;}
.hd-show-box1 {border-top:#e9e6e6 1px solid;border-left:#e9e6e6 1px solid;border-right:#e9e6e6 1px solid; z-index: 10; } 
.hd-show-lr {line-height:.42rem;border: #e9e6e6 1px solid;padding: .15rem;background: #fff;}
.show-content {
    margin: 0 auto;
    margin-top: 30px;
	margin-bottom: 30px;
	color: #454545;
	padding: 5px 5px 0 5px;
}

.show-readall-box {
	position: relative;
	z-index: 9999;
	padding: 0 0 25px;
	margin-top: -200px;
	text-align: center;
}

.show-readall-box .show-read-more-mask {
	height: 200px;
	background: -moz-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0));
	background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));
	background: -o-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0))
}

.show-read-more-btn {
	cursor: pointer;
	font-size: 16px;
	color: #de686d;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #de686d;
	line-height: 30px;
	padding: 5px 10px;
}

.hd-show-tab{
    margin: .5rem auto;
    height: .5rem;
    display: flex;
    line-height: 30px;
    align-items: center;
    justify-content: center;
}
.hd-show-tab .tag-year{width: 1.3rem;border:#de686d 1px solid;box-sizing: border-box;text-align:center;padding: .03rem;font-size: 16px;}
.hd-show-tab .tag-year a:hover{color:#de686d;}
.hd-show-tab .tag-year-now{background: #de686d;color: #fff;}
.hd-show-tab .tag-year-now a{color: #fff;}
.hd-show-tab .tag-year-now a:hover{color:#fff;}
.hd-show-tab .tag-year span {display: block;overflow: hidden;white-space: nowrap;}

.hd-show-mian {
    /* background: #f9f7f6; */
    margin: 0 auto;
    box-sizing: border-box;
    font-size: 15px;
}
.hd-show-mian .head {
    text-align: center;
    color: #585657;
    font-size: 19px;

}

.hd-show-mian .head .emphasize {
    font-size: 23px;
    color: #bf555a
}

.showweekday{
    padding-top: .2rem;
    display: flex;
    justify-content: center;
    color: #de686d;
}
.showweekday input[type=checkbox] {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer;
    vertical-align: center;
    height: 18px;
    width: 18px;
    background-color: #eff2f5;
    border-radius: 4px;
    position: relative;
    border: 1px solid #de686d;
    margin-right: 4px;
}

.showweekday input[type=checkbox]:checked::after {
    content: "\2714";
    display: block;
    position: absolute;
    right: 3px;
    bottom: 0;
    color: #666;
    font-size: 14px;
}
.hd-detail {
    /* padding: 0 .4rem;
    background: #f5f5f5; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}


.hd-detail .jiri {
    display: flex;
    align-items: center;
    padding: .17333rem .1rem
}

.hd-detail .jiri-box {
    width: 49.8%;
    position: relative;
    margin-top: .3rem
}

.hd-detail .jiri-box:last-child {
    margin-bottom: 0
}

.hd-detail .jiri-box:after {
    border-top: .0155rem solid #de686d;
    border-bottom: .0155rem solid #de686d
}

.hd-detail .jiri-box:after,
.hd-detail .jiri-box:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.hd-detail .jiri-box:before {

    border-right: .0155rem solid #de686d;
    border-left: .0155rem solid #de686d
}

.hd-detail .jiri-box.bd .jiri {
    padding: .37333rem .16rem .13333rem
}

.hd-detail .jiri .left {
    width: 1.8rem;
    color: #333;
    text-align: center;
    border-right: .01333rem solid #eaeaea;
    padding-right: .10667rem
}

.hd-detail .jiri .left.weekactive {
    color: #bf555a;
}

.hd-detail .jiri .left .week,
.hd-detail .jiri .left .year {
    font-weight: 400;
    font-size: 15px;
    line-height: .4rem
}

.hd-detail .jiri .left .year {
    margin-bottom: .26667rem
}

.hd-detail .jiri .left .date {
    font-weight: 500;
    font-size: 22px;
    line-height: .58667rem;
    margin-bottom: .26667rem;
    width: 1.8rem
}

.hd-detail .jiri .right {
    flex: auto;
    font-size: 15px;
    margin-left: .26667rem
}

.hd-detail .jiri .right .right-firstline {
    font-weight: 500;
    color: #333;
    line-height: .4rem;
    margin-bottom: .18667rem
}

.hd-detail .jiri .right .right-firstline .afterday {
    float: right;
    position: relative;
    right: .66667rem;
    color: #999
}

.hd-detail .jiri .right .lunar {
    color: #555;
    margin-bottom: .18667rem
}

.hd-detail .jiri .right .fairy {
    color: #aeaeae;
    line-height: .53333rem
}

.hd-detail .jiri .enter {
    margin-right: .2rem;
    width: .18667rem;
    height: .32rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAkCAYAAABmMXGeAAADLUlEQVRIS8WWz29UVRzFz7lvZt68mTAdo1Y3ECUlLgZ00WhSfmWAAs60pdbQRhLduXdpTDT2j1BCa6J7u4AQQ8qUphMgpsEm/DCNUkgQYwwLUGaCMG3n3mPu0BpELIWZhrt8efnk3O/3e8/3cBgwvX19yYWbN5OlMKx+Xi5bAkITh5eKxS0CNpPscNaem3du7q1S6ZdmwDzf0zMYSAMA9lP6rg6UGATluSi6MTQ2Zp9GMC8WCrsNeQjAIZGGwDSkCWPtyGwmU3kaMH/ct2+9guBtkv0id1O6LfKKdW7USDNHx8evDAPuSRTz28HB4LVq9Q0Ys5PkRyBfguRAHiMwbsmpJy0FvYIGuFJ5PojHP3PSNtxvXF3SDyAnGQQjP4Xhn0NjYwurUdyA+jPT2RmPtbdvNuQQyYOQXhHwF8jfKI3OW3u2s6vrAoeHH1uKf6Ae/H1XV5TKZncYoEBjPpDURsCKPAtgoi5NXr1+/dLQ7OyKiv8FBcCZ7u5MlEi8WidHjNQB8jkAknSO0qQhv0A6/UduhVI8DMVUPh8LwzCTDoJ3AfST3EsgIanqSyHpK1h75vUVSvEfaKNxQJArFl9cBDywx5B9AFIC6gB+BjBVt/ZUpVYr7SqXaw8375FQ/1PDE4rFXALYCvJjAi8DiAA4ARcAnF4Mgi+r1eqNXeXynQfB/wv1P50oFMIXrG2P4vFPAGxteAQQAKhJugXy67p06mo6Pf3guK0I9eDZXC6xsGHDm8aYAQMcELDRg5dKcdlJZQETt+/ePblcisdCPXgqn0+2RVFvQB704wYyjfuKnaSLBM7UnDs8n0j8vv348TurgvpRO5/Pt8VSqQ4BhwF0kMz675DqICvOuW9kzIm5VOr0aqGNidiyZ092MZn8EFKB5PYltf4yVsCvcO7IrXv3Rp8ptPXXb3mjWj5SLR/+lj/TZUNxZLeTeps2lGXrWxeLDUDqB7kXQNiU9U0XCpl15EZLHqG0qWmTvpbPJytRtHNpnbwvKdvUOmn54lte0SYe/1SSf9PNreg1CRM+9jAW2++Ad9Cq2OMDGo15jz6gAUFLAtqaRMk1Cb1rEc//BkqZRpF9NU6pAAAAAElFTkSuQmCC);
    background-size: 100% 100%
}

.hd-detail .ji-hour {
    font-size: 15px;
    display: flex;
    padding: .21333rem .33333rem;
    border-top: .02667rem solid #eaeaea;
    width: calc(100% - .53333rem);
    margin: 0 auto;
    color: #777;
    flex-shrink: 0
}

.hd-detail .ji-hour span:first-child {
    width: 1rem;
    min-width: 1rem
}

.detail-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 -.02667rem .06667rem rgba(0, 0, 0, .2);
    max-width: 10.66667rem;
    left: 50%;
    transform: translateX(-50%)
}

.detail-footer .bottom-fixed .desc {
    display: flex;
    border-bottom: .01333rem solid #eaeaea;
    padding: .29333rem .4rem
}

.detail-footer .bottom-fixed .desc p {
    font-size: 15px;
    font-weight: 400;
    color: #333;
    line-height: .69333rem
}

.detail-footer .bottom-fixed .desc .desc-right {
    flex: 1;
    text-align: right;
    margin-right: .4rem
}

.detail-footer .bottom-fixed .specific-date {
    display: flex;
    font-size: 15px;
    line-height: .56rem;
    color: #585657;
    text-align: center;
    padding: .26667rem 0 .42667rem
}

.detail-footer .bottom-fixed .specific-date .end-date,
.detail-footer .bottom-fixed .specific-date .start-date {
    flex: auto
}

.detail-footer .bottom-fixed .specific-date .start-end {
    color: #ac515c;
    margin-bottom: .21333rem
}

.detail-footer .bottom-fixed .specific-date .calendar,
.detail-footer .bottom-fixed .specific-date .lunar {
    font-size: 15px;
    font-weight: 400;
    color: #333;
    line-height: .4rem;
    margin-bottom: .16rem
}

.detail-footer .bottom-fixed .specific-date .splitline {
    width: .53333rem;
    background-image: url(../images/time-select-pic.6cd044c.png);
    background-size: 100% 100%
}

.mescroll-upwarp .upwarp-nodata {
    margin: .13333rem 0;
    font-size: 14px
}


/* 黄道吉日 end*/

/*其他 start*/
.mt-20 {
    margin-top: 20px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.min-h-120 {
    min-height: 120px !important;
}

/*其他 end*/

@media only screen and (max-width: 900px) {
    body {font-size: 14px;letter-spacing:0;}
    .top {height: 1.35rem;clear: both;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);}
    .top img {height: 1.1rem;width: auto;}
    .dh{font-size: .26rem;}
    .logo {width:100%;}
    .footer {width:100%;font-size: 13px;}
    .main {margin-top:10px;margin-left:5px;margin-right:5px;}
    .main-box {float:left;width:100%;padding-right:0;}
    .alm {float:left;width:100%;margin-top:10px;}
    .footer {margin-top:10px;}
    #weekdays {gap: 2px;margin:10px 0 10px 0;padding:0 5px 0 5px;}
    #calendar {gap: 2px;padding:0 5px 5px 5px;}
    #calendar div{font-weight: bold;margin:2px 1px;padding:4px 2px 1px 2px;}
    #calendar div a{font-size: 20px; -webkit-tap-highlight-color: transparent;}
    .tiaoxiu {border-radius: 5px;padding:0;margin-left:5px;}
    .jiarixiu .daycg {margin-left:15px;}
    .jiariban .daycg {margin-left:15px;}
    .calendar-navigationda {padding: 5px 8px 5px 8px;}
    .calendar-navigation {width:65%;}
    .calendar-navigation-right {width:80px;}
    .footer {padding:5px 0 5px 0;}
    .footer p{padding:0 10px 0 10px;line-height:1.6;}
    .alm_date_nl_yr {font-size: 15px;letter-spacing:1px;}
    .alm_date_gz_yr {padding:5px;margin:10px 2px 0 2px;}
    .yiji{margin:15px 2px 0 2px;}
    .rili-jiaqi-dn {margin-left:5px;margin-right:5px;margin-top:10px;font-size: 13px;}
    .rili-jiaqi-dn span {padding:12px 2px;}
    .rili-jiaqi-dn .fjlb_name {width:20%;}
    .rili-jiaqi-dn .fjlb_fjts {width:20%;}
    .rili-jiaqi-dn .fjlb_date {width:30%;}
    .rili-jiaqi-dn .fjlb_txdate {width:30%;}
    .rili-jiaqi-dn .fjlb_next{display:none;}
    .rili_wnlxx {margin-left:5px;margin-right:5px;margin-top:10px;font-size: 13px;}
    .rili_wnlxxsm {padding:0 15px;}
    .alm-date-jlr1 {font-size: 14px;margin:10px 5px 0 5px;}
    .alm-date-jlr1 span {margin:0 1px;}
    .zwsc-sjd {display:none;}

    .scroller{margin:0 5px;}
    
    .time-scyj {margin:0 5px;}
    .time-scyj-left {float:left;width:100%;padding-right:0;}
    .time-scyj-right {float:right;width:100%;}
    .time-scyj-box {float:left;width:100%;padding-right:0;}
    .time-scyj-lr-l {padding:10px 25px;}
    .time-scyj-lr-l span {font-size: 13px;width:49%;display: inline-block;box-sizing: border-box;}
    .time-scyj-title {margin-top:10px;}
    
    .hd-scyj,.hd-show,.hd-show-mian {margin:0 5px;}
    .hd-scyj-box {float:left;width:100%;padding-right:0;}
    .hd-scyj-title {margin-top:10px;}
    .hd-scyj-lr .taglist{grid-template-columns: repeat(auto-fill, minmax(1.5rem, 1fr));gap:10px;padding: .15rem;background:#fff;}
    .tag{padding: .1rem;}
    .tag span {font-size: .28rem;}
    .hd-show-box,.hd-detail .jiri-box {width:100%;padding-right:0;}
    .hd-show-title {margin-top:10px;}

    .hd-detail .jiri-box {
        background: radial-gradient(circle at bottom left, transparent .2rem, #de686d .21333rem, #fff .25333rem) 0 100%, radial-gradient(circle at top left, transparent .2rem, #de686d .21333rem, #fff .25333rem) 0 0, radial-gradient(circle at top right, transparent .2rem, #de686d .21333rem, #fff .25333rem) 100% 0, radial-gradient(circle at bottom right, transparent .2rem, #de686d .21333rem, #fff .25333rem) 100% 100%;
        background-size: 51% 51%;
        background-repeat: no-repeat;
    }
    
    .hd-detail .jiri-box:after {
        width: calc(100% - .44rem);
        border-top: .0255rem solid #de686d;
        border-bottom: .0255rem solid #de686d
    }

    .hd-detail .jiri-box:before {
        height: calc(100% - .42667rem);
        border-right: .0255rem solid #de686d;
        border-left: .0255rem solid #de686d
    }
    .hd-detail .ji-hour {
        width: calc(100% - .33333rem);
    }

}
    
    

@media only screen and (max-width: 430px) {
    .verticleTitle {
        font-size: 16px;
        width: 16px;
        padding-left: 10px;
    }

    .jianchuTxt, .stars28Txt {
        width: 16px;
        font-size: 16px;
        padding-left: 15px;
        padding-right: 22px;
    }

    .almList2, .almListTxt {
        text-align: center;
        font-size: 16px;
    }

    .stars28Txt {
        padding-top: 41px;
    }

    .jianchuTxt {
        padding-top: 70px;
    }

    .verticleTitle {
        padding-top: 58px;
    }

}

@media only screen and (max-width: 420px) {
    .almList2, .almListTxt {
        text-align: center;
        font-size: 16px;
    }

    .almListTxt {
        max-width: 100%;
    }

    .almListTitle {
        font-size: 16px;
    }

    .almLineTitle {
        font-size: 16px;
    }

    .almLine>div {
        font-size: 16px;
    }

    .verticleTitle {
        float: left;
        font-size: 16px;
        color: #d2514c;
        width: 16px;
        padding-left: 6px;
        padding-top: 38px;
    }

    .jianchuTxt, .stars28Txt {
        float: left;
        width: 16px;
        font-size: 16px;
        color: #333;
        padding-left: 11px;
        padding-right: 20px;
    }

    .dayViewYiJiContainer .dayViewJiContainer, .dayViewYiJiContainer .dayViewYiContainer {
        font-size: 16px;
        line-height: 36px;
    }

    .verticleTitle {
        padding-top: 42px;
    }
}

@media only screen and (max-width: 370px) {
    .almList2, .almListTxt {
        text-align: center;
        font-size: 14px;
    }

    .verticleTitle {
        padding-top: 58px;
    }
}


    .container {
      background-color: #F44336;
      max-width: 1000px;
      margin: 0 auto;
      padding: 0 20px 30px 20px;
      border-radius: 10px;
    }
    
    /* 标题样式 */
    .faq-title {
      text-align: center;
      margin-bottom: 40px;
      color: #1e293b;
    }
    
    .faq-title h1 {
      font-size: .5rem;
      margin-bottom: 10px;
      position: relative;
      display: inline-block;
    }
    
    .faq-title h1::after {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%);
      width: 80px;
      height: 4px;
      background-color: #3b82f6;
      border-radius: 2px;
    }
    
    .faq-title p {
    color: #fff;
    font-size: .4rem;
    font-weight: 600;
      max-width: 800px;
      margin: 0 auto;
      padding-top: 30px;
    margin-top: 30px;
    }
    
    /* 问答列表样式 */
    .faq-list {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }
    
    /* 问答项样式 */
    .faq-item {
      background-color: #ffffff;
      border-radius: 10px;
      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
      overflow: hidden;
      transition: all 0.3s ease;
    }
    
    .faq-item:hover {
      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
      transform: translateY(-2px);
    }
    
    /* 问题样式 */
    .faq-question {
      width: 100%;
      padding: 20px 25px;
      text-align: left;
      background: none;
      border: none;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: .3rem;
      color: #1e293b;
      transition: background-color 0.3s ease;
    }
    
    .faq-question:hover {
      background-color: #f1f5f9;
    }
    
    .faq-question.active {
      background-color: #f1f5f9;
    }
    
    .faq-question .icon {
      font-size: .4rem;
      color: #FF5722;
      transition: transform 0.3s ease;
    }
    
    .faq-question.active .icon {
      transform: rotate(180deg);
    }
    
    /* 回答样式 */
    .faq-answer {
      padding: 0 25px;
      max-height: 0;
      overflow: hidden;
      transition: all 0.4s ease;
      background-color: #ffffff;
      color: #64748b;
    }
    
    .faq-answer.active {
      padding: 0 15px 15px;
      max-height: none;
    }
    .faq-answer.active p{
    color: #FF5722;
    margin-top: 10px;  
    }
    
    .faq-answer p {
      margin-top: 0;
      line-height: 1.8;
    }
    
    /* 响应式设计 */
    @media (max-width: 768px) {
      .faq-title h1 {
        font-size: .4rem;
      }
      
      .faq-question {
        font-size: .4rem;
        padding: 18px 20px;
      }
      
      .faq-answer {
        padding: 0 20px;
      }
      
      .faq-answer.active {
        padding: 0 20px 20px;
      }
    }
    
    @media (max-width: 480px) {
      .faq-title h1 {
        font-size: .4rem;
      }
      
      .faq-title p {
        font-size: .4rem;
      }
      
      .faq-question {
        font-size: .4rem;
        padding: 15px 18px;
      }
    }
    .yiji-content a,
.yiji-content span {
  margin-right: 6px;
  display: inline-block;
}
 .sylink {
    width: 1000px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 3px;
    padding: 10px 15px;
    overflow: hidden;
    margin-bottom: 20px;
}
  .sylink li{float: left;padding-left: 10px;line-height:32px;font-size:14px}.sylink li a{color:#333}.sylink li a:hover{color:#4973ee}.sylink .title{color:#333;font-size:16px;line-height:32px;padding-bottom:5px;font-weight:700}.sylink_navbar li ul{display:none}.sylink_archives li,.sylink_authors li,.widget_favorite li,.sylink_link li,.sylink_navbar li{list-style:none;float:left;padding-right: 20px;
    padding-top: 10px;}  
    @media (max-width: 767px) {
       .sylink {
    width: 400px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 3px;
    padding: 10px 15px;
    overflow: hidden;
}
    }
@media (min-width: 768px) and (max-width: 991px) {
        .sylink {
    width: 400px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 3px;
    padding: 10px 15px;
    overflow: hidden;
}
    }

        /* 导航栏样式 */
        .navbar {
            background: linear-gradient(135deg, #8b0000 0%, #a52a2a 100%);
            border: 1px solid #d4af37;
            border-radius: 10px;
            box-shadow: 0 4px 12px rgba(139, 0, 0, 0.3);
            margin: 0 auto 20px;
            overflow: hidden;
            max-width: 1000px;
        }
        
        .navbar-container {
            max-width: 1000px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 20px;
            gap: 30px;
        }
        
        .navbar-logo {
            display: flex;
            align-items: center;
            gap: 10px;
            color: #fffaf0;
            font-size: 1.5em;
            font-weight: bold;
            text-decoration: none;
            letter-spacing: 1px;
        }
        
        .navbar-logo span {
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
        }
        
        .navbar-menu {
            display: flex;
            gap: 12px;
            list-style: none;
            margin: 0;
            padding: 0;
        }
        
        .navbar-menu li {
            position: relative;
        }
        
        .navbar-menu a {
            color: #fffaf0;
            text-decoration: none;
            font-size: 1em;
            font-weight: 500;
            padding: 8px 10px;
            border-radius: 5px;
            transition: all 0.3s ease;
            display: block;
            white-space: nowrap;
        }
        
        .navbar-menu a:hover {
            background: rgba(255, 250, 240, 0.2);
            transform: translateY(-2px);
        }
        
        .navbar-menu a.active {
            background: #FF5722;
        }
        
        /* 移动端菜单按钮 */
        .menu-toggle {
            display: none;
            background: transparent;
            border: 2px solid #fffaf0;
            color: #fffaf0;
            font-size: 1.5em;
            cursor: pointer;
            padding: 5px 10px;
            border-radius: 5px;
            transition: all 0.3s ease;
        }
        
        .menu-toggle:hover {
            background: rgba(255, 250, 240, 0.2);
        }
        
        /* 移动端样式 */
        @media (max-width: 768px) {
            .navbar-container {
                padding: 12px 15px;
                flex-wrap: wrap;
            }
            
            .navbar-logo {
                font-size: 1.2em;
            }
            
            .menu-toggle {
                display: block;
                font-size: 1.2em;
                padding: 4px 8px;
            }
            
            .navbar-menu {
                display: none;
                width: 100%;
                flex-direction: column;
                gap: 0;
                margin-top: 15px;
                padding-top: 15px;
                border-top: 1px solid rgba(255, 250, 240, 0.3);
            }
            
            .navbar-menu.active {
                display: flex;
            }
            
            .navbar-menu li {
                width: 100%;
            }
            
            .navbar-menu a {
                padding: 12px 15px;
                font-size: 1em;
                border-radius: 5px;
            }
        }
        
        @media (max-width: 480px) {
            .navbar-container {
                padding: 10px 10px;
            }
            
            .navbar-logo {
                font-size: 1em;
                gap: 8px;
            }
            
            .menu-toggle {
                font-size: 1em;
                padding: 3px 6px;
            }
            
            .navbar-menu {
                margin-top: 10px;
                padding-top: 10px;
            }
            
            .navbar-menu a {
                padding: 10px 12px;
                font-size: 0.95em;
            }
        }
        
        /* 日柱详情折叠样式 */
        .rizhu-preview {
            line-height: 1.8;
            color: #333;
        }
        
        .rizhu-full {
            line-height: 1.8;
            color: #333;
        }
        
        .toggle-btn {
            text-align: center;
            margin-top: 15px;
            padding: 10px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border-radius: 8px;
            cursor: pointer;
            transition: all 0.3s ease;
            user-select: none;
        }
        
        .toggle-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
        }
        
        .toggle-btn span {
            font-size: 0.95em;
            font-weight: 500;
        }
        
        /* 大运流年移动端优化 */
        @media (max-width: 768px) {
            .dayun-header h3 {
                font-size: 1em !important;
            }
            
            .dayun-header span {
                font-size: 0.85em !important;
            }
            
            #toggleLiunianBtn {
                padding: 5px 10px !important;
                font-size: 0.8em !important;
            }
        }
        
        /* 版权信息样式 */
        .footer {
           background: linear-gradient(135deg, #8b0000 0%, #a52a2a 100%);
            color: #fff;
            text-align: center;
            padding: 40px 20px 30px;
            margin: 50px auto 0;
            border-top: 2px solid #c5a028;
            max-width: 1000px;
            border-radius: 10px;
            box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3);
        }
        
        .footer-copyright {
            font-size: 1.1em;
            font-weight: 600;
            margin-bottom: 20px;
            letter-spacing: 1px;
            color: #fff;
        }
        
        .footer-slogan {
            max-width: 600px;
            margin: 0 auto 20px;
            padding: 15px 20px;
            background: rgba(255, 255, 255, 0.15);
            border-radius: 8px;
            border: 1px solid rgba(255, 255, 255, 0.2);
            line-height: 1.8;
            font-size: 0.95em;
            color: #fff;
        }
        
        .footer-icp {
            font-size: 0.9em;
            margin-top: 15px;
            color: rgba(255, 255, 255, 0.95);
        }
        
        .footer-icp a {
            color: rgba(255, 255, 255, 0.95);
            text-decoration: none;
            transition: color 0.3s ease;
        }
        
        .footer-icp a:hover {
            color: #fff;
        }
        
        /* 移动端版权样式优化 */
        @media (max-width: 768px) {
            .footer {
                padding: 30px 15px 20px;
                margin: 30px 10px 0;
                border-radius: 8px;
            }
            
            .footer-copyright {
                font-size: 1em;
            }
            
            .footer-slogan {
                font-size: 0.85em;
                padding: 12px 15px;
            }
            
            .footer-icp {
                font-size: 0.8em;
            }
        }
        
        @media (max-width: 480px) {
            .footer {
                margin: 20px 5px 0;
                padding: 25px 10px 15px;
            }
        }
        
        /* 五行统计样式 */
        .wuxing-section-wrapper {
            margin-bottom: 30px;
            padding: 20px;
            background: #fafafa;
            border-radius: 10px;
        }
        
        .wuxing-stats-container {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 15px;
            padding: 20px;
            background: #f9f9f9;
            border-radius: 10px;
            margin-bottom: 20px;
        }
        
        .wuxing-item {
            background: #fff;
            padding: 20px;
            border-radius: 10px;
            text-align: center;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }
        
        .wuxing-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
        }
        
        .wuxing-icon {
            font-size: 2.5em;
            font-weight: bold;
            margin-bottom: 10px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
        }
        
        /* 五行颜色定义 */
        #wuxing-jin .wuxing-icon { color: #FFD700; }
        #wuxing-jin .wuxing-bar-fill { background: linear-gradient(90deg, #FFD700, #FFA500); }
        
        #wuxing-mu .wuxing-icon { color: #228B22; }
        #wuxing-mu .wuxing-bar-fill { background: linear-gradient(90deg, #228B22, #90EE90); }
        
        #wuxing-shui .wuxing-icon { color: #1E90FF; }
        #wuxing-shui .wuxing-bar-fill { background: linear-gradient(90deg, #1E90FF, #87CEEB); }
        
        #wuxing-huo .wuxing-icon { color: #FF4500; }
        #wuxing-huo .wuxing-bar-fill { background: linear-gradient(90deg, #FF4500, #FF6347); }
        
        #wuxing-tu .wuxing-icon { color: #8B4513; }
        #wuxing-tu .wuxing-bar-fill { background: linear-gradient(90deg, #8B4513, #DEB887); }
        
        .wuxing-count {
            font-size: 2em;
            font-weight: bold;
            color: #333;
            margin: 10px 0;
        }
        
        .wuxing-bar {
            width: 100%;
            height: 8px;
            background: #e0e0e0;
            border-radius: 4px;
            overflow: hidden;
            margin-top: 10px;
        }
        
        .wuxing-bar-fill {
            height: 100%;
            transition: width 0.8s ease;
            border-radius: 4px;
        }
        
        .wuxing-summary {
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
            gap: 20px;
            padding: 20px;
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }
        
        .summary-item {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 15px 25px;
            background: linear-gradient(135deg, #f5f5f5, #e8e8e8);
            border-radius: 8px;
            min-width: 200px;
            justify-content: center;
        }
        
        .summary-label {
            font-size: 1.1em;
            color: #666;
            font-weight: 500;
        }
        
        .summary-value {
            font-size: 1.3em;
            font-weight: bold;
            color: #8b0000;
        }
        
        /* 移动端五行样式优化 */
        @media (max-width: 768px) {
            .wuxing-stats-container {
                grid-template-columns: repeat(5, 1fr);
                gap: 10px;
                padding: 15px;
            }
            
            .wuxing-item {
                padding: 12px 8px;
            }
            
            .wuxing-icon {
                font-size: 1.8em;
            }
            
            .wuxing-count {
                font-size: 1.3em;
            }
            
            .summary-item {
                min-width: 150px;
                padding: 12px 20px;
            }
            
            .summary-label {
                font-size: 1em;
            }
            
            .summary-value {
                font-size: 1.1em;
            }
        }
        
        @media (max-width: 480px) {
            .wuxing-stats-container {
                grid-template-columns: repeat(5, 1fr);
                gap: 8px;
                padding: 10px;
            }
            
            .wuxing-item {
                padding: 8px 4px;
            }
            
            .wuxing-icon {
                font-size: 1.3em;
                margin-bottom: 3px;
            }
            
            .wuxing-count {
                font-size: 1em;
                margin: 3px 0;
            }
            
            .wuxing-bar {
                height: 5px;
            }
            
            .wuxing-summary {
                padding: 15px;
                gap: 15px;
            }
            
            .summary-item {
                min-width: 120px;
                padding: 10px 15px;
                flex: 1;
            }
            
            .summary-label {
                font-size: 0.9em;
            }
            
            .summary-value {
                font-size: 1em;
            }
        }