@charset "UTF-8";
/* Loaded on the literature page only. */
body:before{position:fixed;inset:0;height:auto;background:linear-gradient(180deg,rgba(20,10,25,.1),rgba(20,10,25,.24)),url('literature-study.png') center top/cover no-repeat}
.panel.literature-panel{background:rgba(57,35,63,.84);border-color:rgba(176,140,184,.45);color:#fff4ff}
.literature-section+.literature-section{margin-top:30px;padding-top:26px;border-top:1px solid #d1b0d450}
.literature-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.literature-section-heading h2{margin:0;font-size:23px;line-height:1.5;color:#fff5ff}
.literature-section-heading>a{font-size:12px;white-space:nowrap;color:#f0dff4;border-bottom:1px solid #c6a2ce}
.literature-section-description,.literature-update-note{font-size:13px;color:#e4d6ea;margin:8px 0 18px}
.literature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.literature-grid .news-video{min-width:0}.literature-grid .news-video h3{font-size:15px;line-height:1.7;color:#fff6ff;margin:10px 0 6px}
.literature-grid .news-publication{font-size:12px;color:#dfcfe4;margin:0}
.literature-grid .news-media{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#170d1c}
.literature-grid .news-media button,.literature-grid .news-media>a{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:transparent}
.literature-grid .news-media img{display:block;width:100%;height:100%;object-fit:cover}
.literature-grid .news-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.literature-grid .news-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;min-width:54px;height:45px;padding:0 12px;border-radius:13px;background:#39233fe8;color:white;font-size:22px}
.literature-grid .news-media button:hover .news-play-icon{background:#694374}
.literature-empty{color:#f0e3f4;padding:26px 14px;border:1px solid #c7a3cb50;border-radius:12px;text-align:center}
@media(max-width:800px){.literature-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.literature-section-heading{align-items:flex-start;flex-direction:column;gap:7px}.literature-section-heading h2{font-size:21px}}
@media(max-width:520px){.literature-grid{grid-template-columns:1fr}.literature-grid .news-video h3{font-size:15px}}