<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
/* Safari 4.0 - 8.0 */
@-webkit-keyframes fadein {
  from {opacity:0; scale(0);}
  to {opacity:1; scale(1);}
}
/* Standard syntax */
@keyframes fadein {
  from {opacity:0; scale(0);}
  to {opacity:1; scale(1);}
}
.cover-holder{margin-top:40px;}
.highlight-cover{animation: fadein 1s 1; -webkit-animation: fadein 1s 1;}
.highlight-cover{cursor:pointer; margin-bottom:30px; height:25vw; max-height: 300px; min-height: 250px; position:relative; display: inline-flex; align-content: flex-end; flex-flow: column nowrap; display: -webkit-inline-flex; -webkit-align-content: flex-end; -webkit-flex-flow: column nowrap;}
.highlight-cover::before{content:""; display:block; position:absolute; top:2em; bottom:2em; left:2em; right:2em; box-shadow:0 0 2em #000; z-index:-1}
/*.highlight-cover&gt;*{background:#333; color: #EEE; font-size:.9rem; width:100%; display: block;}*/
.highlight-cover&gt;*{background:#FFF; color: #333; font-size:.9rem; width:100%; display: block;}
.highlight-cover, .highlight-cover *{transition:.3s; -webkit-transition:.3s;}
.highlight-cover&gt;div{background-repeat:no-repeat; background-position:50% center; background-size:cover; flex: 1;-webkit-flex: 1;-ms-flex: 1;}
.highlight-cover:nth-child(odd)&gt;div{background-color:#666;}
.highlight-cover:nth-child(even)&gt;div{background-color:#999;}
.highlight-cover&gt;h4{padding:.6rem  1rem .0 1rem; font-size: .75rem; color:#888; position:relative;}
.highlight-cover&gt;h4::before{content:"";display:block;height: 5px;background: linear-gradient(90deg, #DB0000 25%, #333 25%); position:absolute; bottom:100%; left:0; width: 100%;}.highlight-cover&gt;h3{padding:0 1rem .6rem 1rem; line-height: 140%; font-weight:400;}
.highlight-cover&gt;div.descriptions{background-color:#FFF; padding: 0 1rem; font-size: .8rem; font-weight:400; color:#FFF; overflow:hidden; position:absolute; top: 100%; width:calc(100% - 30px); transform-origin:top; transform:scaleY(0);}
div.highlight-cover.in{opacity:1; transform:translateY(-20px); z-index:1;}
/*.highlight-cover.in&gt;div.descriptions{padding-bottom:1rem; color:#dedede; height:100%; max-height:fit-content; max-height:-webkit-fit-content; height:auto\0;}*/
.highlight-cover.in&gt;div.descriptions{padding-bottom:1rem; color:#333; transform:scaleY(1);}
.highlight-cover&gt;h3&gt;b{display:block;}
.highlight-cover.in&gt;h3::after{content:""; display:block; height:1px; background:#EEE; margin:.5em 0 0 0;}
.highlight-cover.in&gt;div.descriptions&gt;ul, .highlight-cover.in&gt;div.descriptions&gt;ol{padding:0 0 0 1.5em;}
.highlight-cover.in&gt;div.descriptions&gt;a.more{display: block; font-size:1rem; vertical-align:middle; text-align: right; padding: .5em 1em; font-weight: 400; border-top: 1px solid #363636; margin:1em -15px -1em -15px; color:#999; box-shadow: 0 -5px 10px -5px #111;}
.highlight-cover.in&gt;div.descriptions&gt;a.more:before{content:"more"; padding-right:.5em;}
html:not([lang="en"]) .highlight-cover.in&gt;div.descriptions&gt;a.more:before{content:"更多";}
.highlight-cover.in&gt;div.descriptions&gt;a&gt;i{font-size:1.5em; vertical-align: middle;}
#gallery-holder{position:fixed; z-index:0; display:none; left: 0; height: 0; overflow: visible;}
#gallery-holder.show{z-index:999; display:block;}
#gallery-holder.show::before{content:""; display:block; position: fixed; top:0; left: 0; bottom: 0; right: 0; background:rgba(0,0,0,.25);}
#gallery-holder&gt;*{position:relative;}
#gallery-holder&gt;.btn-close{margin:0 auto -40px auto; width: 100%; max-width:800px; text-align:right; z-index: 99;}
#gallery-holder&gt;.btn-close&gt;a, #gallery-holder&gt;.btn-close&gt;a:link, #gallery-holder&gt;.btn-close&gt;a:active, #gallery-holder&gt;.btn-close&gt;a:visited{padding:0 10px; font-family:"Open Sans"; transform:scaleX(1.4); color:#FFF; display:inline-block; line-height:40px; box-sizing:border-box; text-shadow:0 0 5px rgba(0,0,0,.2);}
#gallery-holder&gt;.btn-close&gt;a:hover{opacity:.5; cursor: pointer;}
.highlight-gallery{display:none; width:100%; max-width:800px; height:auto; margin:0 auto; background:#FFF; padding:5px; box-shadow:0 50px 50px rgba(0,0,0,.5); box-sizing:content-box;}
.highlight-gallery.show{display:block;}
.highlight-gallery&gt;.large,
.highlight-gallery&gt;.belt{display: block; position: relative;}
.highlight-gallery&gt;.large&gt;img{width:100%;}
.highlight-gallery&gt;.large&gt;p{position: absolute;bottom: 0;left: 0; right: 0; height: auto; color: #FFF; font-size: .9rem; padding:.5em; text-shadow:0 0 5px #000;}
.highlight-gallery&gt;.belt{margin-top:5px; white-space:nowrap; font-size: 0; overflow: hidden;}
.highlight-gallery&gt;.belt&gt;img{width:100px; height: auto; display: inline-block; padding:3px; cursor: pointer;}
.highlight-gallery&gt;.belt&gt;img.selected{background:#c33b32;}
.highlight-gallery&gt;.belt&gt;a.arrow{position:absolute;background: rgba(255,255,255,.5); width: 25px; height: 100%; text-align:center; display:inline-flex; align-items:center; display:-webkit-inline-flex; -webkit-align-items:center; cursor:pointer;}
.highlight-gallery&gt;.belt&gt;a.arrow::before{content:""; display:inline-block; width:15px; height:15px; border-top:2px solid #333; border-left:2px solid #333; transform-origin: center; position: relative; margin:0 auto;}
.highlight-gallery&gt;.belt&gt;a.arrow:hover::before{opacity:.5;}
.highlight-gallery&gt;.belt&gt;a.arrow.prev{left:0;}
.highlight-gallery&gt;.belt&gt;a.arrow.prev::before{transform:rotate(-45deg);}
.highlight-gallery&gt;.belt&gt;a.arrow.next{right:0;}
.highlight-gallery&gt;.belt&gt;a.arrow.next::before{transform:rotate(135deg);}
.highlight-gallery&gt;.belt[data-start="1"]&gt;img:first-child{margin-left:0;}
.highlight-gallery&gt;.belt[data-start="1"]&gt;a.arrow.prev{opacity:0; left:-25px;}
.highlight-gallery&gt;.belt[data-end="1"]&gt;a.arrow.next{opacity:0; right:-25px;}

#gallery-holder *{-webkit-transition:all 1s;transition:all .5s;}

@media only screen and (min-width:846px){
#gallery-holder.show{top:calc(50% - 310px);}
}
@media only screen and (max-width:768px){
.highlight-gallery{width:calc(100% - 15px);}
#gallery-holder{left:0;position:fixed;}
#gallery-holder&gt;.btn-close{width:calc(100% - 15px);}
}
@media only screen and (max-width:640px){
.cover-holder{text-align:center;}
.highlight-cover{width:100%; max-width:390px; margin:0 auto 30px auto; text-align: left; float:none; display: block; height: auto;}
.highlight-cover&gt;div:first-child{height:200px;}
div.highlight-cover.in{transform:translateY(0); max-height: unset;}
.highlight-cover.in&gt;div.descriptions{position:relative; width:100%;}
}
@media only screen and (max-height:425px){
.highlight-cover{width:100%;}
}
@media only screen and (orientation:landscape) and (max-height:674px){
#gallery-holder.show{z-index:999999999999; top:5vh;}
#gallery-holder&gt;.btn-close{max-width:calc(8 / 6 * 90vh - 10px);}
.highlight-gallery{max-width:calc(8 / 6 * 90vh - 10px);}
.highlight-gallery&gt;.belt&gt;img{width:15%;}
}
</pre></body></html>