/* 《七世》專用 */

.poem_back_1 {
    border: 10px solid #d4af37;
    padding: 16px;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 18em;
    font-family: "SimSun", "宋體", "KaiTi", "楷體";
    color: #000;
    text-shadow: -2px -2px 0 white, 2px -2px 0 white, -2px 2px 0 white, 2px 2px 0 white;
    font-weight: bold;
    font-size: 1.2em !important;
    text-align: center;
    border-radius: 10px; 
    background-image: url('/pic/shu48/1/poem_back.webp'); 
    background-size: cover; 
    background-position: center;
}

.poem_back_2 {
    border: 10px solid #d4af37;
    padding: 16px;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 18em;
    font-family: "SimSun", "宋體", "KaiTi", "楷體";
    color: #000;
    text-shadow: -2px -2px 0 white, 2px -2px 0 white, -2px 2px 0 white, 2px 2px 0 white;
    font-weight: bold;
    font-size: 1.2em !important;
    text-align: center;
    border-radius: 10px; 
    background-image: url('/pic/shu48/2/poem_back.webp'); 
    background-size: cover; 
    background-position: center;
}

.shu-dir-bkg-env {
  position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none;
}

.shu-dir-bkg {
  position: sticky;
  top: 0; left:0;
  width: 100%;
  max-height: 100%;
  background-position: top right;
  background-repeat: no-repeat;
}

/* 小螢幕 */
@media (max-width:640px) {
  .shu-dir-bkg { 
    height: 100vh;
    background-size: auto 100vh; 
    background-position: right -3em top 0 !important;
  }
}

/* 中螢幕 */
@media (max-width:1000px) and (min-width:640.1px) {
  .shu-dir-bkg {
    height: 100vh;
    background-size: auto 100vh;
    background-position: right -3em top 0 !important;
  }
}

/* 大螢幕 */
@media (max-width:1360px) and (min-width:1000.1px) {
  .shu-dir-bkg { 
    height: 120vh;
    background-size: auto 120vh;
  }
}

/* 巨螢幕 */
@media (min-width:1360.1px) {
  .shu-dir-bkg {
    height: 130vh;
    background-size: auto 130vh;
  }
}