body{overflow-x:hidden;line-height:1.4;background:#FEFFFE;background:linear-gradient(0deg,rgba(254, 255, 254, 1) 0%, rgba(250, 243, 235, 1) 100%);}

#footer-credit .publish{padding:0;}

#brand,span.copy-link-icon,.toggle-btn{line-height:1.4;}
#brand,span.copy-link-icon{font-size:0.9em;}
.toggle-btn,span.span.copy-link-icon{top:0.8em;}
.toggle-btn-checkbox + .toggle-btn-label:before{height:18px;}

.tag{font-size:0.9em;}
.tag span{font-size:1.4em;font-weight:700;display:block;margin-bottom:0.4em;}
.tag a{padding:0.5em 1em;color:#fff;background:#009cde;border:none;line-height:1.4;}
.tag a:hover{background:var(--theme-ui-colors-main);}

ol.upper-alpha{list-style-type:upper-alpha;}
ol.decimal{list-style-type:decimal;}
ol.upper-alpha,ol.decimal{font-size:1em;}
ol.upper-alpha li::marker,ol.decimal ::marker{font-weight:700!important;}
ol.upper-alpha span,ol.decimal span{font-weight:400;}

#TagCrossword,#TagIdioms{display:inline-block;}
#PageCrossword #TagCrossword,#PageIdioms #TagIdioms{display:none;}

.enclose{padding:3.8em 1em 1em 1em;background:#cc0400;position:relative;overflow:clip;}

.enclose,.enclose .enclose-item1,.enclose,.enclose .enclose-item2,.enclose .enclose-item3{width:100%;height:100%;display:block;}
.enclose .enclose-item1{border:6px solid #f7674e;background-color:#fbedc5;padding:1.4em;background-image:url(../imgs/deco-squares.webp);background-position:center 0.4em;background-repeat:no-repeat;background-size:auto 12px;}
.enclose .enclose-item1:before,.enclose .enclose-item1:after{width:20px;top:10em;height:90%;content:'';background-image:url(../imgs/deco-square.svg);background-position:center 0;background-repeat:repeat-y;background-size:12px;position:absolute;z-index:0;}
.enclose .enclose-item1:before{left:1.5em;}
.enclose .enclose-item1:after{right:1.5em;}

.enclose .enclose-item2{padding:0;border:3px solid #8a120f;background:#ede4d2;border-radius:0.8em;}
.enclose .enclose-item3{background-image:url(../imgs/horse-masthead-d.webp);background-position:10em -10em;background-repeat:no-repeat;background-size:90% auto;}
.enclose .enclose-item3:before,.enclose .enclose-item3:after{content:'';position:absolute;background-position:center 0;background-repeat:no-repeat;background-size:100% auto;z-index:1;opacity:0.6;filter:blur(0.1em) hue-rotate(
158deg);background-image:url(../imgs/cloud.webp);}
.enclose .enclose-item3:before{top:0;left:-10%;width:40%;height:100%;}
.enclose .enclose-item3:after{top:12%;right:-5%;width:30%;height:100%;transform:scaleX(-1);}

#cnyLogo{width:300px;height:130px;margin:-6% auto -2.6em auto;background-image:url(../../../assets/imgs/lianhe-zaobao-cny-logo-shadow.svg);display:block;background-position:center;background-repeat:no-repeat;background-size:100% auto;animation-delay:1s;}
.em{color:var(--theme-ui-colors-main);}
small{font-size:0.9em;}
p{line-height:1.4;}
h2{margin:0.6em auto;color:#cc0400;}
h3{font-size:1.6em;font-weight:700;margin:0 auto 0.4em auto;color:#064087;display:block;text-align:center;}

#Wrapper{margin:0 auto 1em auto;position:relative;z-index:10;}
#Header{margin:0 auto;display:block;text-align:center;}
.headline{width:24%;height:auto;aspect-ratio:2/3;display:block;font-size:4em;margin:0 auto 0 25%;font-weight:900;background-image:url(../imgs/horse-word-game.webp);background-position:center;background-repeat:no-repeat;background-size:100% auto;animation-delay:10s;}
#PageIdioms .headline{background-image:url(../imgs/horse-word-game-idioms.webp);}

.clouds000{position:absolute;top:20%;width:200%;height:50%;background-size:50% auto;background-position:center;background-image:url('../imgs/clouds.svg');background-repeat:repeat-x;animation:moveClouds 20s linear infinite;opacity:0.9;}

#Intro{margin:2em auto 1em auto;padding:2em;text-align:left;position:relative;z-index:10000;color:#612f1d;backdrop-filter:blur(0.6em);border-radius:0.6em;text-shadow:1px 1px 0 rgba(255,255,255,0.5);}
#Intro p{font-size:1.1em;margin:0.6em auto;}

#page-idioms{z-index:100;}
.content{padding:2em 3em;width:80%;margin:2em auto;border-radius:1.4em;background:#f7f6f1;border:solid 6px transparent;position:relative;background-clip:padding-box;}
.content:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-6px;border-radius:inherit;background:linear-gradient(to bottom,#f8aa81,#b70101);}
.content p{line-height:1.8;}
.img-inline{width:70%;padding:1.6em 3em;margin:0 auto 1em auto;border-radius:0.4em;background:#fff;}

.container{width:80%;margin:auto;}

.btn-audio{padding:0.1em 1.2em 0.1em 0!important;outline:none;width:auto;background:#064087!important;border:0;margin:0.2em auto -2.4em auto;border-radius:50px!important;border:none!important;color:#fff!important;font-size:0.8em!important;}
.btn-audio:hover{background:#fa0303!important;}
.audio-icon{width:40px;height:40px;display:block;background-position:center;background-repeat:no-repeat;background-size:70% auto;border-radius:50px;transition:transform 0.25s ease;}
.audio-play{background-image:url(../../../assets/imgs/audio-play.svg);background-color:#064087;position:relative;}
.audio-play:after,.audio-pause:after{content:"";position:absolute;inset:0;border-radius:50px;border:0.6em solid #064087;animation:pulse-ring 1.5s infinite;}
.audio-pause{background-image:url(../../../assets/imgs/audio-pause.svg)!important;background-color:#064087;position:relative;}

.no-result{font-size:1em!important;font-weight:700!important;color:#fff !important;font-style:normal;font-weight:normal;}
#appellation-sub-input .no-result{margin-top:0.8em;font-size:0.7em!important;color:var(--color-secondary)!important;}

.pulse-ring{position:relative;}
.pulse-ring::after{content:"";position:absolute;inset:0;border-radius:50px;border:0.6em solid #064087;animation:pulse-ring 1.5s infinite;}

@keyframes pulse-ring{
0%{transform:scale(0.8);opacity:0;}
50%{transform:scale(1);opacity:1;}
100%{transform:scale(1.4);opacity:0;}
}

@media (min-width:1101px){
#Intro{width:50%;}
}


@media (min-height:460px) and (max-height:740px) and (orientation:landscape){
.enclose .enclose-item3{background-position:8em -8em;background-size:90% auto;}
.headline{padding-top:6em;}
}

@media (min-width:320px) and (max-width:1200px){
#Wrapper,.container{width:96%;}
}

@media (min-width:320px) and (max-width:900px){
@supports (-webkit-touch-callout:none) {
}
/*
.toggle-btn{right:9.4em;}
span.copy-link-icon{top:1.8em;right:1.8em;}
*/

ol.upper-alpha,ol.decimal{font-size:0.9em;}
h2{font-size:2em;}
.enclose{padding-top:3.6em;}
.enclose .enclose-item1{background-size:80% auto;background-position:center 0.25em;padding:1em;}
.enclose .enclose-item1:before,.enclose .enclose-item1:after{width:7px;background-size:auto 7px;}
.enclose .enclose-item1:before{left:1.6em;}
.enclose .enclose-item3{background-position:-4em -6em;background-size:180% auto;}
.enclose .enclose-item3.audio-icon{top:5%;width:80%;opacity:0.4;}
.enclose .enclose-item3:before{top:5%;width:70%;}
.enclose .enclose-item3:after{top:2%;right:-20%;width:50%;}

#Wrapper{margin:0 auto;padding-top:3em;}
#cnyLogo{width:160px;height:66px;margin:-10% auto -10% auto;}
.headline{font-size:2.8em;width:70%;margin:0 auto 0 10%;padding:0;display:block;}
#Intro{margin:-1em auto 1em auto;padding:1em;text-shadow:none;}
#Intro p{font-size:1em;line-height:1.6;}

.container{width:100%;}
.container p{text-align:left;}
.content{width:96%;padding:1.2em;margin:1em auto;}
.content:before{margin:-4px;}
h3{font-size:1.4em;}
.img-inline{width:100%;padding:1em;}

.btn-audio{font-size:0.8em!important;margin-bottom:-4em!important;font-weight:500;width:auto!important;}
.audio-icon{width:30px;height:30px;}

#footer-credit .group{display:flex;align-items:center;justify-content:center;}
}

@keyframes moveClouds {
0%{left:0;}
100%{left:-100%;}
}

.fade-in{opacity:0;animation:fadeIn 2s forwards;}
@keyframes fadeIn {
to{opacity:1;}
}

.rock{animation:rock 2s ease-in-out infinite;}
@keyframes rock{
0%{transform:rotate(-8deg);}
50%{transform:rotate(8deg);}
100%{transform:rotate(-8deg);}
}