body{margin:0}.section-container{padding:100px;position:relative;background-color:#f5f5f5}.section-container::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("../images/section-pattern.jpg");background-size:100%;background-position:top;background-repeat:repeat;mix-blend-mode:multiply;opacity:.1;pointer-events:none;z-index:0}@media(max-width: 1200px){.section-container::before{background-size:125%}}@media(max-width: 992px){.section-container::before{background-size:150%}}@media(max-width: 480px){.section-container::before{background-size:200%}}.section-container>*{position:relative;z-index:1}@media(max-width: 1200px){.section-container{padding:40px}}@media(max-width: 992px){.section-container{padding:30px}}.pattern-container{position:relative;background-color:#f5f5f5;min-height:100vh}.pattern-container::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("../images/section-pattern.jpg");background-size:100%;background-position:top;background-repeat:repeat;mix-blend-mode:multiply;opacity:.1;pointer-events:none;z-index:0}@media(max-width: 1200px){.pattern-container::before{background-size:125%}}@media(max-width: 992px){.pattern-container::before{background-size:150%}}@media(max-width: 480px){.pattern-container::before{background-size:200%}}.pattern-container>*{position:relative;z-index:1}.main-container{width:100%;max-width:1440px;margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}.base-button{min-width:140px;max-width:140px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px 0;background-color:#fff;border-radius:20px;text-decoration:none;transition:all .3s ease;border:1px solid #d0d0d0;box-shadow:0 6px 0 0 #d0d0d0,0 6px 15px 0 rgba(0,0,0,.15)}.base-button[style*="--button-bg"]{--button-shadow: color-mix(in srgb, var(--button-bg) 75%, black);border-color:var(--button-shadow);box-shadow:0 6px 0 0 var(--button-shadow),0 6px 15px 0 rgba(0,0,0,.15)}.base-button:hover,.base-button:focus{transform:translateY(-3px);box-shadow:0 8px 0 0 #d0d0d0,0 8px 20px 0 rgba(0,0,0,.2)}.base-button[style*="--button-bg"]:hover,.base-button[style*="--button-bg"]:focus{box-shadow:0 8px 0 0 var(--button-shadow),0 8px 20px 0 rgba(0,0,0,.2)}.base-button:active{transform:translateY(-1px);box-shadow:0 3px 0 0 #d0d0d0,0 3px 8px 0 rgba(0,0,0,.12)}.base-button[style*="--button-bg"]:active{box-shadow:0 3px 0 0 var(--button-shadow),0 3px 8px 0 rgba(0,0,0,.12)}@media(max-width: 992px){.base-button{min-width:90px;max-width:90px;width:90px;flex:1;padding:4px 0}}@media(max-width: 992px){.base-button{box-shadow:0 4px 0 0 #d0d0d0,0 4px 10px 0 rgba(0,0,0,.15)}.base-button[style*="--button-bg"]{box-shadow:0 4px 0 0 var(--button-shadow),0 4px 10px 0 rgba(0,0,0,.15)}.base-button:hover,.base-button:focus{transform:translateY(-2px);box-shadow:0 5px 0 0 #d0d0d0,0 5px 12px 0 rgba(0,0,0,.2)}.base-button[style*="--button-bg"]:hover,.base-button[style*="--button-bg"]:focus{box-shadow:0 5px 0 0 var(--button-shadow),0 5px 12px 0 rgba(0,0,0,.2)}.base-button:active{transform:translateY(-1px);box-shadow:0 2px 0 0 #d0d0d0,0 2px 6px 0 rgba(0,0,0,.12)}.base-button[style*="--button-bg"]:active{box-shadow:0 2px 0 0 var(--button-shadow),0 2px 6px 0 rgba(0,0,0,.12)}}.base-button .button-text{color:#2d2d2d;font-size:18px;font-weight:500;text-align:center;line-height:1.5;letter-spacing:.18em;word-break:break-word}@media(max-width: 992px){.base-button .button-text{font-size:14px}}.base-button-text{color:#2d2d2d;font-size:18px;font-weight:500;text-align:center;line-height:1.5;letter-spacing:.18em;word-break:break-word}@media(max-width: 992px){.base-button-text{font-size:14px}}h1,h2,h3,h4,h5,h6{margin:0;padding:0}.section-title{color:#2d2d2d;font-size:40px;font-weight:bold;line-height:1.5;letter-spacing:.18em}@media(max-width: 992px){.section-title{font-size:24px}}@media(max-width: 576px){.section-title{font-size:20px}}.section-subtitle{font-size:20px;font-weight:500;letter-spacing:.18em;word-break:break-word}.section-description{font-size:16px;font-weight:400;letter-spacing:.18em;word-break:break-word}.home-navigation-logo{display:flex;justify-content:flex-end;padding:30px 30px 0px 30px}.home-navigation-logo-link{display:flex;flex-direction:column;align-items:center;gap:20px;text-decoration:none;transition:transform .4s cubic-bezier(0.165, 0.84, 0.44, 1);backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}@media(max-width: 992px){.home-navigation-logo-link{gap:10px}}.home-navigation-logo-link:hover{transform:scale(1.05)}.home-navigation-logo-img{max-width:160px;display:block;image-rendering:-webkit-optimize-contrast}@media(max-width: 992px){.home-navigation-logo-img{max-width:100px}}.home-navigation-logo .home-navigation-logo-text{font-size:16px;color:#fff;font-weight:500;letter-spacing:.05em;line-height:1.5;text-align:center;text-transform:uppercase;text-decoration:none;padding:10px;background:#7158b4;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:4px;transition:background-color .3s ease}@media(max-width: 992px){.home-navigation-logo .home-navigation-logo-text{font-size:12px}}.home-navigation-logo .home-navigation-logo-text::before{content:"←";display:inline-block;font-size:20px;font-weight:bold}@media(max-width: 992px){.home-navigation-logo .home-navigation-logo-text::before{font-size:14px}}.base-button-purple{font-size:16px;color:#fff;font-weight:500;letter-spacing:.05em;line-height:1.5;text-align:center;text-transform:uppercase;text-decoration:none;padding:10px;background:#7158b4;width:fit-content;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .3s ease;cursor:pointer}@media(max-width: 992px){.base-button-purple{font-size:12px}}.base-button-purple:hover{scale:1.05}.video-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.85);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.video-modal-overlay.active{opacity:1;visibility:visible}.video-modal-overlay .video-modal-content{position:relative;width:90%;max-width:1000px;background:#fff;border-radius:20px;padding:20px;box-shadow:0 10px 0 0 #d0d0d0,0 20px 50px 0 rgba(0,0,0,.3)}@media(max-width: 992px){.video-modal-overlay .video-modal-content{max-width:450px;padding:10px;margin:0 auto;box-shadow:0 6px 0 0 #d0d0d0,0 6px 20px 0 rgba(0,0,0,.3)}}.video-modal-overlay .video-modal-content{transform:scale(0.8);transition:transform .3s ease}.video-modal-overlay.active .video-modal-content{transform:scale(1)}.video-modal-overlay .video-modal-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:32px;color:#2d2d2d;cursor:pointer;line-height:1;transition:color .2s}.video-modal-overlay .video-modal-close:hover{color:#7158b4}@media(max-width: 768px){.video-modal-overlay .video-modal-close{top:8px;font-size:26px}}.video-modal-overlay .video-modal-header{margin:20px 40px 20px 40px;text-align:center}@media(max-width: 768px){.video-modal-overlay .video-modal-header{margin:0px 40px 10px 40px}}.video-modal-overlay .video-modal-header .video-modal-title{font-size:20px;color:#2d2d2d;margin:0;letter-spacing:.05em}@media(max-width: 768px){.video-modal-overlay .video-modal-header .video-modal-title{font-size:16px}}.video-modal-overlay .video-iframe-container{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:10px;overflow:hidden}.video-modal-overlay .video-iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-button-container{text-align:center}.video-button-container .video-button{max-width:200px;display:inline-block;padding:12px 40px;background:#7158b4;color:#fff;border:none;border-radius:20px;font-size:18px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 15px 0 rgba(0,0,0,.15)}.video-button-container .video-button:hover{scale:1.05}@media(max-width: 768px){.video-button-container .video-button{font-size:14px}}.index-area{display:flex;flex-direction:column;width:100%;height:100dvh;min-height:100dvh;overflow:hidden;position:relative}.index-area .index-banner{flex:1;display:flex;align-items:center;justify-content:center;position:relative;width:100%;min-height:0;overflow:hidden}.index-area .index-banner .index-banner-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.index-area .index-banner picture{display:block;width:100%;height:100%;max-width:100%;max-height:100%;align-self:center;box-sizing:border-box}.index-area .index-banner .index-banner-img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center center;box-sizing:border-box}.index-area .index-banner .index-banner-logo{position:absolute;top:40px;right:40px;z-index:10}@media(max-width: 992px){.index-area .index-banner .index-banner-logo{top:20px;right:20px}}.index-area .index-banner .index-banner-logo-link{display:inline-block;text-decoration:none;transition:opacity .3s ease,transform .3s ease}.index-area .index-banner .index-banner-logo-link:hover,.index-area .index-banner .index-banner-logo-link:focus{transform:scale(1.05)}.index-area .index-banner .index-banner-logo-link:active{transform:scale(0.98)}.index-area .index-banner .index-banner-logo-img{max-width:160px}@media(max-width: 992px){.index-area .index-banner .index-banner-logo-img{max-width:100px}}.index-area .index-banner .index-banner-content{position:absolute;bottom:0px;z-index:5;text-align:center;padding:30px;width:100%;display:flex;justify-content:center}@media(max-width: 992px){.index-area .index-banner .index-banner-content{padding:10px}}.index-area .index-banner .index-banner-title{color:#2d2d2d;font-size:40px;font-weight:bold;margin:0;line-height:1.5;letter-spacing:.18em;padding:20px;background:hsla(0,0%,100%,.7)}@media(max-width: 992px){.index-area .index-banner .index-banner-title{font-size:24px;padding:10px}}.index-area .index-button-section{flex-shrink:0;min-height:auto;position:relative;z-index:3}.index-area .index-button-section .index-button-group{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;row-gap:40px;column-gap:40px;margin:0 auto}@media(max-width: 992px){.index-area .index-button-section .index-button-group{row-gap:20px;column-gap:10px}}.index-area .index-button-section .index-button-group .index-button{min-width:140px;max-width:140px;display:flex;align-items:center;justify-content:center;padding:6px 0;background-color:#fff;border-radius:20px;text-decoration:none;transition:all .3s ease;border:1px solid #d0d0d0;box-shadow:0 6px 0 0 #d0d0d0,0 6px 15px 0 rgba(0,0,0,.15)}.index-area .index-button-section .index-button-group .index-button[style*="--button-bg"]{--button-shadow: color-mix(in srgb, var(--button-bg) 75%, black);border-color:var(--button-shadow);box-shadow:0 6px 0 0 var(--button-shadow),0 6px 15px 0 rgba(0,0,0,.15)}.index-area .index-button-section .index-button-group .index-button:hover,.index-area .index-button-section .index-button-group .index-button:focus{transform:translateY(-3px);box-shadow:0 8px 0 0 #d0d0d0,0 8px 20px 0 rgba(0,0,0,.2)}.index-area .index-button-section .index-button-group .index-button[style*="--button-bg"]:hover,.index-area .index-button-section .index-button-group .index-button[style*="--button-bg"]:focus{box-shadow:0 8px 0 0 var(--button-shadow),0 8px 20px 0 rgba(0,0,0,.2)}.index-area .index-button-section .index-button-group .index-button:active{transform:translateY(-1px);box-shadow:0 3px 0 0 #d0d0d0,0 3px 8px 0 rgba(0,0,0,.12)}.index-area .index-button-section .index-button-group .index-button[style*="--button-bg"]:active{box-shadow:0 3px 0 0 var(--button-shadow),0 3px 8px 0 rgba(0,0,0,.12)}@media(max-width: 992px){.index-area .index-button-section .index-button-group .index-button{min-width:90px;max-width:90px;width:90px;flex:1;padding:4px 0}}@media(max-width: 992px){.index-area .index-button-section .index-button-group .index-button{box-shadow:0 4px 0 0 #d0d0d0,0 4px 10px 0 rgba(0,0,0,.15)}.index-area .index-button-section .index-button-group .index-button[style*="--button-bg"]{box-shadow:0 4px 0 0 var(--button-shadow),0 4px 10px 0 rgba(0,0,0,.15)}.index-area .index-button-section .index-button-group .index-button:hover,.index-area .index-button-section .index-button-group .index-button:focus{transform:translateY(-2px);box-shadow:0 5px 0 0 #d0d0d0,0 5px 12px 0 rgba(0,0,0,.2)}.index-area .index-button-section .index-button-group .index-button[style*="--button-bg"]:hover,.index-area .index-button-section .index-button-group .index-button[style*="--button-bg"]:focus{box-shadow:0 5px 0 0 var(--button-shadow),0 5px 12px 0 rgba(0,0,0,.2)}.index-area .index-button-section .index-button-group .index-button:active{transform:translateY(-1px);box-shadow:0 2px 0 0 #d0d0d0,0 2px 6px 0 rgba(0,0,0,.12)}.index-area .index-button-section .index-button-group .index-button[style*="--button-bg"]:active{box-shadow:0 2px 0 0 var(--button-shadow),0 2px 6px 0 rgba(0,0,0,.12)}}.index-area .index-button-section .index-button-group .index-button-text{color:#2d2d2d;font-size:18px;font-weight:500;text-align:center;line-height:1.5;letter-spacing:.18em;word-break:break-word}@media(max-width: 992px){.index-area .index-button-section .index-button-group .index-button-text{font-size:14px}}.chanting-worship-section .chantingWorship-banner{flex:1;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:calc(100vh - 230px);min-height:calc(100vh - 230px) !important;max-height:calc(100vh - 230px) !important;overflow:hidden}@media(max-width: 992px){.chanting-worship-section .chantingWorship-banner{height:calc(100vh - 90px);min-height:calc(100vh - 90px) !important;max-height:calc(100vh - 90px) !important}}.chanting-worship-section .chantingWorship-banner .chantingWorship-banner-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.chanting-worship-section .chantingWorship-banner .main-visual-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center center}.chanting-worship-section .chantingWorship-banner picture{display:block;width:100%;height:100%;max-width:100%;max-height:100%;align-self:center;box-sizing:border-box}.chanting-worship-section .chantingWorship-banner .chantingWorship-banner-img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center center;box-sizing:border-box}.chanting-worship-section .chantingWorship-banner .chantingWorship-banner-logo{position:absolute;top:40px;right:40px;z-index:10;will-change:transform}@media(max-width: 992px){.chanting-worship-section .chantingWorship-banner .chantingWorship-banner-logo{top:20px;right:20px}}.chanting-worship-section .chantingWorship-banner .chantingWorship-banner-logo-link{display:flex;flex-direction:column;align-items:center;gap:20px;text-decoration:none;transition:transform .4s cubic-bezier(0.165, 0.84, 0.44, 1);backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}@media(max-width: 992px){.chanting-worship-section .chantingWorship-banner .chantingWorship-banner-logo-link{gap:10px}}.chanting-worship-section .chantingWorship-banner .chantingWorship-banner-logo-img{max-width:160px;display:block;image-rendering:-webkit-optimize-contrast}@media(max-width: 992px){.chanting-worship-section .chantingWorship-banner .chantingWorship-banner-logo-img{max-width:100px}}.chanting-worship-section .chantingWorship-banner .chantingWorship-banner-logo .chantingWorship-banner-logo-text{font-size:16px;color:#fff;font-weight:500;letter-spacing:.05em;line-height:1.5;text-align:center;text-transform:uppercase;text-decoration:none;padding:10px;background:#7158b4;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:4px;transition:background-color .3s ease}@media(max-width: 992px){.chanting-worship-section .chantingWorship-banner .chantingWorship-banner-logo .chantingWorship-banner-logo-text{font-size:12px}}.chanting-worship-section .chantingWorship-banner .chantingWorship-banner-logo .chantingWorship-banner-logo-text::before{content:"←";display:inline-block;font-size:20px;font-weight:bold}@media(max-width: 992px){.chanting-worship-section .chantingWorship-banner .chantingWorship-banner-logo .chantingWorship-banner-logo-text::before{font-size:14px}}.chanting-worship-section .chantingWorship-banner .chantingWorship-banner-logo:hover .chantingWorship-banner-logo-link{transform:scale(1.05)}.chanting-worship-section .chantingWorship-banner .chantingWorship-banner-content{position:absolute;bottom:0px;z-index:5;text-align:center;padding:30px;width:100%;display:flex;justify-content:center}@media(max-width: 992px){.chanting-worship-section .chantingWorship-banner .chantingWorship-banner-content{padding:10px}}.chanting-worship-section .chantingWorship-banner .chantingWorship-banner-title{color:#2d2d2d;font-size:40px;font-weight:bold;margin:0;line-height:1.5;letter-spacing:.18em;padding:20px;background:hsla(0,0%,100%,.7)}@media(max-width: 992px){.chanting-worship-section .chantingWorship-banner .chantingWorship-banner-title{font-size:24px;padding:10px}}.chanting-worship-section .music-section{min-height:auto !important;display:flex;flex-direction:column;gap:100px}@media(max-width: 1200px){.chanting-worship-section .music-section{gap:60px}}@media(max-width: 768px){.chanting-worship-section .music-section{gap:40px}}.chanting-worship-section .music-container{display:flex;flex-direction:column;gap:100px}@media(max-width: 1200px){.chanting-worship-section .music-container{gap:60px}}@media(max-width: 768px){.chanting-worship-section .music-container{gap:40px}}.chanting-worship-section .music-player-container{width:100%;background:#fff;border-radius:20px;color:#2d2d2d;box-shadow:0 10px 0 0 #d0d0d0,0 10px 15px 0 rgba(0,0,0,.15)}@media(max-width: 992px){.chanting-worship-section .music-player-container{max-width:450px;margin:0 auto;box-shadow:0 6px 0 0 #d0d0d0,0 6px 15px 0 rgba(0,0,0,.15)}}.chanting-worship-section .player-controls{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:20px}@media(max-width: 1440px){.chanting-worship-section .player-controls{gap:20px}}@media(max-width: 992px){.chanting-worship-section .player-controls{flex-direction:column;text-align:center}}.chanting-worship-section .player-controls .player-info{display:flex;align-items:center;gap:20px}@media(max-width: 992px){.chanting-worship-section .player-controls .player-info{flex-direction:column;gap:10px}}.chanting-worship-section .player-controls .player-info .player-cover{position:relative;width:60px;height:60px;border-radius:10px;overflow:hidden;flex-shrink:0}.chanting-worship-section .player-controls .player-info .player-cover img{width:100%;height:100%;object-fit:cover;display:none}.chanting-worship-section .player-controls .player-info .player-cover .default-cover{width:100%;height:100%;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5em}.chanting-worship-section .player-controls .player-info h4{margin:0;font-size:20px;max-width:200px;min-width:140px;line-height:1.8;letter-spacing:.05em;font-weight:500}@media(max-width: 1440px){.chanting-worship-section .player-controls .player-info h4{max-width:140px}}@media(max-width: 992px){.chanting-worship-section .player-controls .player-info h4{font-size:16px;max-width:100%;min-width:100%}}.chanting-worship-section .player-controls .progress-container{width:100%;max-width:540px;min-width:200px;display:flex;align-items:center;gap:10px;margin:0}.chanting-worship-section .player-controls .progress-container .current-time,.chanting-worship-section .player-controls .progress-container .total-time{font-size:12px;letter-spacing:.05em;font-weight:light}.chanting-worship-section .player-controls .progress-container .progress-bar{width:100%;height:6px;background:#d9d9d9;border-radius:3px;cursor:pointer;box-shadow:none;position:relative;user-select:none}.chanting-worship-section .player-controls .progress-container .progress-bar .progress-fill{height:100%;background:#7158b4;border-radius:3px;width:0%;transition:width .1s ease;pointer-events:none}.chanting-worship-section .player-controls .progress-container .progress-bar.dragging{cursor:grabbing}.chanting-worship-section .player-controls .progress-container .progress-bar.dragging .progress-fill{transition:none}.chanting-worship-section .player-controls .control-buttons{display:flex;align-items:center;gap:20px}@media(max-width: 1440px){.chanting-worship-section .player-controls .control-buttons{gap:10px}}@media(max-width: 480px){.chanting-worship-section .player-controls .control-buttons{justify-content:center;flex-wrap:wrap}}.chanting-worship-section .player-controls .control-buttons .control-btn{width:30px;height:30px;border:none;border-radius:50%;background:#d9d9d9;color:#2d2d2d;font-size:1.2em;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}@media(hover: hover){.chanting-worship-section .player-controls .control-buttons .control-btn:hover{transform:scale(1.2)}}.chanting-worship-section .player-controls .control-buttons .control-btn.active{background:#7158b4;color:#fff}.chanting-worship-section .player-controls .control-buttons .play-btn{width:40px;height:40px;font-size:1.5em;background:#7158b4;color:#fff}@media(hover: hover){.chanting-worship-section .player-controls .control-buttons .play-btn:hover{transform:scale(1.1)}}.chanting-worship-section .player-controls .volume-control{display:flex;align-items:center;gap:10px;color:#2d2d2d}@media(max-width: 768px){.chanting-worship-section .player-controls .volume-control{justify-content:center}}.chanting-worship-section .player-controls .volume-control #volume-toggle-btn{width:fit-content;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}@media(hover: hover){.chanting-worship-section .player-controls .volume-control #volume-toggle-btn:hover{transform:scale(1.2)}}body.mobile-device .chanting-worship-section .player-controls .volume-control #volume-toggle-btn{border-radius:50%;width:30px;height:30px}.chanting-worship-section .player-controls .volume-control #volume-toggle-btn #volume-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:22px}body.mobile-device .chanting-worship-section .player-controls .volume-control #volume-toggle-btn #volume-icon{font-size:14px}.chanting-worship-section .player-controls .volume-control .volume-progress-container{position:relative;width:200px;height:6px}@media(max-width: 1440px){.chanting-worship-section .player-controls .volume-control .volume-progress-container{width:100px}}.chanting-worship-section .player-controls .volume-control .volume-progress-container .volume-progress-bar{position:absolute;top:0;left:0;width:100%;height:6px;background:#d9d9d9;border-radius:3px;cursor:pointer;user-select:none;z-index:1}.chanting-worship-section .player-controls .volume-control .volume-progress-container .volume-progress-bar .volume-progress-fill{height:100%;background:#7158b4;border-radius:3px;width:70%;transition:width .1s ease;pointer-events:none}.chanting-worship-section .player-controls .volume-control .volume-progress-container .volume-progress-bar.dragging{cursor:grabbing}.chanting-worship-section .player-controls .volume-control .volume-progress-container .volume-progress-bar.dragging .volume-progress-fill{transition:none}.chanting-worship-section .music-list-container{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 0 0 #d0d0d0,0 10px 15px 0 rgba(0,0,0,.15)}@media(max-width: 992px){.chanting-worship-section .music-list-container{box-shadow:0 6px 0 0 #d0d0d0,0 6px 15px 0 rgba(0,0,0,.15)}}.chanting-worship-section .music-list-container .list-title-container{display:flex;align-items:center;gap:10px;padding:20px;border-bottom:1px solid #d9d9d9}.chanting-worship-section .music-list-container .list-title-container .volume-mute-popup-icon{font-size:18px}.chanting-worship-section .music-list-container .list-title-container .list-title{color:#2d2d2d;font-size:24px;line-height:1.5;letter-spacing:.05em;font-weight:bold;border:none;padding:0;margin:0}@media(max-width: 992px){.chanting-worship-section .music-list-container .list-title-container .list-title{font-size:20px}}.chanting-worship-section .music-list-container .music-list{display:flex;flex-direction:column}.chanting-worship-section .music-list-container .music-list .music-item{display:flex;align-items:center;gap:20px;padding:20px;transition:all .3s ease;cursor:pointer}.chanting-worship-section .music-list-container .music-list .music-item:nth-child(odd){background:#f6f6f6}.chanting-worship-section .music-list-container .music-list .music-item:nth-child(even){background:#ebebeb}.chanting-worship-section .music-list-container .music-list .music-item:hover{background:#c5caff;box-shadow:0 5px 15px rgba(0,0,0,.1)}.chanting-worship-section .music-list-container .music-list .music-item:hover .music-cover .play-overlay{opacity:1}.chanting-worship-section .music-list-container .music-list .music-item.playing{background:#e1e3f7}.chanting-worship-section .music-list-container .music-list .music-item.playing:hover{background:#c5caff}.chanting-worship-section .music-list-container .music-list .music-item .music-cover{position:relative;width:40px;height:40px;border-radius:6px;overflow:hidden;flex-shrink:0}@media(max-width: 576px){.chanting-worship-section .music-list-container .music-list .music-item .music-cover{display:none}}.chanting-worship-section .music-list-container .music-list .music-item .music-cover img{width:100%;height:100%;object-fit:cover}.chanting-worship-section .music-list-container .music-list .music-item .music-cover .default-cover{width:100%;height:100%;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5em}.chanting-worship-section .music-list-container .music-list .music-item .music-cover .play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s ease}.chanting-worship-section .music-list-container .music-list .music-item .music-info{display:flex;align-items:center;gap:20px;flex:1}.chanting-worship-section .music-list-container .music-list .music-item .music-info .music-title{margin:0;padding:0;font-size:20px;font-weight:500;line-height:1.5;letter-spacing:.05em;color:#2d2d2d}@media(max-width: 992px){.chanting-worship-section .music-list-container .music-list .music-item .music-info .music-title{font-size:14px}}.chanting-worship-section .music-list-container .music-list .music-item .music-info .music-meta{display:flex;justify-content:center;align-items:center;display:none}.chanting-worship-section .music-list-container .music-list .music-item .music-info .music-meta .default-badge{background:#7158b4;color:#fff;padding:4px 16px;border-radius:50%;font-size:14px;line-height:1.5;letter-spacing:.05em;font-weight:500;white-space:nowrap}@media(max-width: 992px){.chanting-worship-section .music-list-container .music-list .music-item .music-info .music-meta .default-badge{font-size:12px}}.chanting-worship-section .music-list-container .music-list .music-item .music-actions{display:flex;align-items:center;gap:20px}@media(max-width: 992px){.chanting-worship-section .music-list-container .music-list .music-item .music-actions{gap:10px}}.chanting-worship-section .music-list-container .music-list .music-item .music-actions .music-duration{font-size:20px}@media(max-width: 992px){.chanting-worship-section .music-list-container .music-list .music-item .music-actions .music-duration{font-size:14px}}.chanting-worship-section .music-list-container .music-list .music-item .music-actions .action-btn{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border:none;border-radius:50%;background:#7158b4;color:#fff;cursor:pointer;transition:all .3s ease}.chanting-worship-section .music-list-container .music-list .music-item .music-actions .action-btn:hover{transform:scale(1.1)}.chanting-worship-section .music-list-container .music-list .music-item .music-actions .action-btn .fa-play{font-size:14px}.chanting-worship-section .music-list-container .music-list .no-music{text-align:center;padding:60px 20px;color:#6c757d}.chanting-worship-section .music-list-container .music-list .no-music p{margin-bottom:10px;font-size:1.1em}@keyframes button-glow{0%,100%{background-color:#7158b4}50%{background-color:#7158b4;scale:1.1}}.volume-mute-popup{position:fixed;right:20PX;top:50%;transform:translateY(-50%);display:none;flex-direction:column;gap:20px;background:#fff;padding:20px;z-index:90;border:1px solid #d9d9d9;border-radius:20px;box-shadow:0 10px 15px 0 rgba(0,0,0,.15)}.volume-mute-popup .volume-mute-popup-content{display:flex;align-items:center;gap:6px}.volume-mute-popup .volume-mute-popup-content .volume-mute-popup-text{font-size:16px}.volume-mute-popup .volume-mute-popup-buttons{display:flex;gap:10px;justify-content:center}.volume-mute-popup .volume-mute-popup-buttons .volume-mute-popup-confirm{padding:10px 40px;background:#7158b4;border-radius:50%;color:#fff;cursor:pointer;animation:button-glow 2s ease-in-out infinite;transition:transform .3s ease}.volume-mute-popup .volume-mute-popup-buttons .volume-mute-popup-confirm:hover{transform:scale(1.1);animation:none;background:#7158b4}.volume-mute-popup .volume-mute-popup-buttons .volume-mute-popup-cancel{padding:10px 40px;background:#d0d0d0;border-radius:50%;color:#fff;transition:all .3s ease}.volume-mute-popup .volume-mute-popup-buttons .volume-mute-popup-cancel:hover{transform:scale(1.1);background:#7158b4;color:#fff}#libraryMain{display:flex;flex-direction:column;gap:40px}@media(max-width: 992px){#libraryMain{gap:30px}}#libraryMain #home-book-load-more{text-align:center;padding:0;margin:20px 0 0 0}.library-book-section{display:flex;flex-direction:column;gap:40px;padding:0px}@media(max-width: 992px){.library-book-section{gap:20px}}.library-book-section .library-book-section-header-wrapper{position:sticky;top:0;z-index:10;width:100%;transition:background-color .3s ease;padding:10px 0;margin-bottom:-10px}.library-book-section .library-book-section-header-wrapper.is-sticky{background-color:hsla(0,0%,100%,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,.05)}.library-book-section .library-book-section-header{display:flex;justify-content:space-between;width:min(100% - 60px,1440px);gap:20px;margin:0 auto}.library-book-section .section-title{text-align:center;align-self:center}.library-book-section .base-button-purple{align-self:center}.library-book-section .load-more-container{padding:0 30px 100px 30px}@media(max-width: 992px){.library-book-section .load-more-container{padding:0 30px 30px 30px}}.library-main-video-section{display:flex;flex-direction:column;gap:40px;padding:0;width:100%}@media(max-width: 992px){.library-main-video-section{gap:20px}}.library-main-video-section .library-main-video-section-header-wrapper{position:sticky;top:0;z-index:10;width:100%;transition:background-color .3s ease;padding:10px 0;margin-bottom:-10px}.library-main-video-section .library-main-video-section-header-wrapper.is-sticky{background-color:hsla(0,0%,100%,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,.05)}.library-main-video-section .library-main-video-section-header{display:flex;justify-content:space-between;gap:20px;width:min(100% - 60px,1440px);margin:0 auto}.library-main-video-section .library-main-video-section-content{max-width:1440px;margin:0 auto;padding:0 30px 100px 30px}@media(max-width: 992px){.library-main-video-section .library-main-video-section-content{padding:0 30px 30px 30px}}.library-main-video-section .section-title{text-align:center;align-self:center}.library-main-video-section .base-button-purple{align-self:center}.button-group-section{flex-shrink:0;min-height:auto}.button-group-section .button-group-wrapper{position:relative;display:flex;align-items:center;width:100%;padding:0 30px;box-sizing:border-box}.button-group-section .nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;font-size:18px;border:none;background:none;color:#2d2d2d;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease}.button-group-section .nav-btn:hover{color:#7158b4;transform:translateY(-50%) scale(1.1)}.button-group-section .nav-btn.nav-prev{left:0px}.button-group-section .nav-btn.nav-next{right:0px}.button-group-section .button-group{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:15px;width:100%;overflow-x:auto;padding:0;margin:0;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-snap-type:x proximity}.button-group-section .button-group::-webkit-scrollbar{display:none}.button-group-section .button-group{-ms-overflow-style:none;scrollbar-width:none}@media(max-width: 992px){.button-group-section .button-group{gap:10px}}.button-group-section .button-group.is-centered{justify-content:center}.button-group-section .button-group .button-group-item{flex:0 0 180px;scroll-snap-align:start;width:180px;min-width:180px;max-width:180px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;box-sizing:border-box;background-color:#fff;border-radius:30px;text-decoration:none;transition:all .3s ease;border:1px solid #d0d0d0;cursor:pointer;outline:none;box-shadow:0 4px 6px rgba(0,0,0,.1)}@media(max-width: 768px){.button-group-section .button-group .button-group-item{flex:0 0 120px;scroll-snap-align:start;width:120px;min-width:120px;max-width:120px}}.button-group-section .button-group .button-group-item.active{background-color:#7158b4;border-color:#7158b4}.button-group-section .button-group .button-group-item.active .button-group-item-text{color:#fff}.button-group-section .button-group .button-group-item.active .button-group-item-count{background-color:hsla(0,0%,100%,.3);color:#fff}.button-group-section .button-group .button-group-item:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.button-group-section .button-group .button-group-item-text{color:#2d2d2d;font-size:16px;font-weight:500;line-height:1.2;letter-spacing:.05em}@media(max-width: 992px){.button-group-section .button-group .button-group-item-text{font-size:14px}}.button-group-section .button-group .button-group-item-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:24px;height:24px;background-color:#ebebeb;color:#2d2d2d;font-size:12px;font-weight:600;border-radius:12px;line-height:1;transition:all .3s ease}.load-more-container{text-align:center;display:flex;justify-content:center}.library-shelf-top{width:100%;height:20px;aspect-ratio:1232/64;background-image:url("/web/res/zh_TW/MSITE_3/images/bookshelf-top.jpg");background-repeat:repeat-x;background-position:center top;background-size:auto 100%}.library-book-grid{width:100%;margin:0 auto;position:relative;--col-count: 6;--col-gap: 30px}@media(max-width: 992px){.library-book-grid{--col-count: 5}}@media(max-width: 768px){.library-book-grid{--col-count: 4}}@media(max-width: 576px){.library-book-grid{--col-count: 3}}@media(max-width: 480px){.library-book-grid{--col-count: 2}}.library-shelf{display:flex;--shelf-bottom-height: 60px;width:100%;min-height:300px;position:relative;background-image:url("/web/res/zh_TW/MSITE_3/images/bookshelf-middle.jpg");background-repeat:repeat-x;background-position:center top;background-size:auto 100%;margin-bottom:var(--row-gap)}@media(max-width: 768px){.library-shelf{--shelf-bottom-height: 40px}}.library-shelf::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--shelf-bottom-height);background-image:url("/web/res/zh_TW/MSITE_3/images/bookshelf-bottom.jpg");background-repeat:repeat-x;background-position:center bottom;background-size:auto 100%;pointer-events:none;z-index:1}.library-shelf:last-child{margin-bottom:0}.library-shelf.is-hidden{display:none}.library-shelf.is-empty .library-shelf-inner{min-height:300px;align-items:center}.library-shelf.is-empty .no-data{grid-column:1/-1;color:#fff;font-size:18px;text-align:center;text-shadow:0 0 10px hsla(0,0%,100%,.8),0 0 20px hsla(0,0%,100%,.5),0 2px 4px rgba(0,0,0,.3),0 0 30px rgba(113,88,180,.4)}.library-shelf-inner{width:min(100% - 60px,1440px);margin:0 auto;padding:15px 0px calc(var(--shelf-bottom-height) - 15px) 0;position:relative;z-index:2;display:grid;grid-template-columns:repeat(var(--col-count), minmax(0, 1fr));column-gap:var(--col-gap);row-gap:0;align-items:end}@media(max-width: 768px){.library-shelf-inner{padding:10px 0px calc(var(--shelf-bottom-height) - 10px) 0}}.library-shelf-inner .no-data{grid-column:1/-1;text-align:center;padding:60px 20px;color:#333;font-size:18px;font-weight:500;line-height:1.6;margin:0}@media(max-width: 992px){.library-shelf-inner .no-data{font-size:16px;padding:40px 20px}}@media(max-width: 576px){.library-shelf-inner .no-data{font-size:14px;padding:30px 20px}}.book-item{position:relative;display:flex;flex-direction:column;width:100%;transition:transform .3s ease;gap:16px}.book-item:hover{transform:translateY(-8px)}.book-item:hover::after{transform:translateY(8px);opacity:.7}.book-item:hover .book-item-overlay{opacity:1;visibility:visible;pointer-events:auto}@media(max-width: 992px){.book-item{transition:none}.book-item:hover{transform:none}.book-item:hover::after{transform:none;opacity:1}}.book-item::after{content:"";position:absolute;bottom:-6px;left:0;width:110%;height:12px;background:rgba(76,18,1,.8);border-radius:50%;filter:blur(8px);z-index:0;transition:transform .3s ease,opacity .3s ease;pointer-events:none}.book-item .book-item-info{order:1;width:100%}.book-item .book-item-info .book-item-title{color:#fff;font-size:18px;text-align:center;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;text-shadow:0 0 10px hsla(0,0%,100%,.8),0 0 20px hsla(0,0%,100%,.5),0 2px 4px rgba(0,0,0,.3),0 0 30px rgba(113,88,180,.4)}@media(max-width: 768px){.book-item .book-item-info .book-item-title{font-size:14px}}.book-item .book-item-cover{order:2;position:relative;width:100%;height:auto;z-index:1;border-radius:2px 5px 5px 2px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;background-color:#fff}.book-item .book-item-cover::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 1%, rgba(255, 255, 255, 0.1) 2%, rgba(0, 0, 0, 0.1) 3%, rgba(0, 0, 0, 0) 8%);z-index:2;pointer-events:none}.book-item .book-item-cover{box-shadow:-2px 0 5px rgba(0,0,0,.3),5px 5px 15px rgba(0,0,0,.2)}.book-item .book-item-cover img{width:100%;height:auto;display:block;object-fit:contain}.book-item .book-item-cover.is-default{aspect-ratio:2/3}.book-item .book-item-cover.is-default img{height:100%;object-fit:contain}.book-item .book-item-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;background:hsla(0,0%,100%,.7);visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:3;pointer-events:none}@media(max-width: 992px){.book-item .book-item-overlay{opacity:1;visibility:visible;pointer-events:auto;background:rgba(0,0,0,0);align-items:flex-end;padding-bottom:10px}}.book-item .book-item-overlay .book-item-buttons{display:flex;justify-content:center;align-items:center;width:100%;gap:10px;padding:0 10px;pointer-events:auto;position:relative;z-index:4}@media(max-width: 992px){.book-item .book-item-overlay .book-item-buttons{transform:translateY(0);padding:0;gap:6px;bottom:10px}}.book-item .book-item-overlay .book-item-buttons .book-btn{background:#7158b4;color:#fff;padding:10px;border-radius:20px;text-decoration:none;font-size:14px;font-weight:600;text-align:center;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;width:fit-content;min-width:30px;cursor:pointer;position:relative;z-index:5;box-shadow:0 4px 6px rgba(0,0,0,.08);white-space:nowrap}.book-item .book-item-overlay .book-item-buttons .book-btn:hover{transform:scale(1.05)}@media(max-width: 992px){.book-item .book-item-overlay .book-item-buttons .book-btn{font-size:12px;padding:6px}}#libraryBook{display:flex;flex-direction:column;gap:0px}@media(max-width: 576px){#libraryBook{gap:10px}}#libraryBook .library-book-section-header{justify-content:center}#libraryVideo{display:flex;flex-direction:column;gap:0px}@media(max-width: 576px){#libraryVideo{gap:10px}}#libraryVideo .library-main-video-section-header{justify-content:center}#libraryVideo .library-video-section-list{display:flex;flex-direction:column;gap:40px;padding:0}@media(max-width: 992px){#libraryVideo .library-video-section-list{gap:30px}}#libraryVideo .no-data{position:absolute;left:50%;transform:translate(-50%, -50%)}.library-video-grid{display:grid;--col-count: 4;grid-template-columns:repeat(var(--col-count), 1fr);gap:30px}@media(max-width: 992px){.library-video-grid{--col-count: 3}}@media(max-width: 768px){.library-video-grid{--col-count: 2}}@media(max-width: 576px){.library-video-grid{--col-count: 1}}.video-item{cursor:pointer;transition:all .3s ease;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.08)}.video-item .video-item-cover{position:relative;aspect-ratio:16/9;overflow:hidden}.video-item .video-item-cover img{width:100%;height:100%;object-fit:cover;transition:filter .3s ease}.video-item .video-item-cover::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,0);transition:background .3s ease;z-index:1;pointer-events:none}.video-item .video-item-cover .video-item-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;visibility:hidden;transition:all .3s ease;z-index:2;pointer-events:none;width:68px;height:48px;background:red;border-radius:14px;display:flex;align-items:center;justify-content:center}.video-item .video-item-cover .video-item-play-icon::before{content:"";width:0;height:0;border-left:20px solid #fff;border-top:12px solid rgba(0,0,0,0);border-bottom:12px solid rgba(0,0,0,0);margin-left:4px}.video-item .video-item-cover .video-item-play-icon i{display:none}.video-item:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(0,0,0,.15)}.video-item:hover .video-item-cover::before{background:hsla(0,0%,100%,.5)}.video-item:hover .video-item-cover .video-item-play-icon{opacity:1;visibility:visible;transform:translate(-50%, -50%) scale(1.1)}.video-item:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(0,0,0,.15)}.video-item:hover .video-item-cover::before{background:hsla(0,0%,100%,.5)}.video-item:hover .video-item-cover .video-item-play-icon{opacity:1;visibility:visible;transform:translate(-50%, -50%) scale(1.1)}.video-item.is-hidden{display:none}.video-item .video-item-info{padding:20px;background:#fff}.video-item .video-item-info .video-item-title{font-size:16px;color:#333;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;text-align:center;font-weight:500}.library-back-button{position:fixed;bottom:30px;right:30px;font-size:16px;color:#fff;font-weight:500;letter-spacing:.05em;line-height:1.5;text-align:center;text-transform:uppercase;text-decoration:none;padding:10px;background:#7158b4;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:4px;transition:background-color .3s ease,transform .3s ease;z-index:999;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.library-back-button::before{content:"←";display:inline-block;font-size:20px;font-weight:bold}.library-back-button:hover{transform:scale(1.05) translateZ(0)}.library-back-button:active{transform:scale(0.98) translateZ(0)}@media(max-width: 992px){.library-back-button{bottom:20px;right:20px;font-size:12px}.library-back-button::before{font-size:14px}}@media(max-width: 576px){.library-back-button{bottom:15px;right:15px;max-width:60px}}#book-shelf-container{position:relative;width:100%;padding-bottom:60px}@media(max-width: 992px){#book-shelf-container{padding-bottom:40px}}@media(max-width: 576px){#book-shelf-container{padding-bottom:30px}}#book-shelf-container .library-shelf-top{position:relative;z-index:3;width:100%;height:20px;aspect-ratio:1232/64;background-image:url("/web/res/zh_TW/MSITE_3/images/bookshelf-top.jpg");background-repeat:repeat-x;background-position:center top;background-size:auto 100%}#book-shelf-container:has(.no-data) .library-shelf-top,#book-shelf-container .library-book-grid-test:has(.no-data)~.library-shelf-top{display:none}#book-shelf-container .library-book-grid-test{width:min(100% - 60px,1440px);margin:0 auto;position:relative;z-index:2;display:grid;--col-count: 6;--col-gap: 30px;--row-gap: 60px;--shelf-bottom-height: 60px;grid-template-columns:repeat(var(--col-count), minmax(0, 1fr));column-gap:var(--col-gap);row-gap:var(--row-gap);align-items:end}@media(max-width: 992px){#book-shelf-container .library-book-grid-test{--col-count: 5;--col-gap: 20px;--row-gap: 40px;--shelf-bottom-height: 40px}}@media(max-width: 768px){#book-shelf-container .library-book-grid-test{--col-count: 4}}@media(max-width: 576px){#book-shelf-container .library-book-grid-test{--col-count: 3;--row-gap: 30px;--shelf-bottom-height: 30px}}@media(max-width: 480px){#book-shelf-container .library-book-grid-test{--col-count: 2}}#book-shelf-container .library-book-grid-test .book-item{position:relative;display:flex;flex-direction:column;width:100%;top:16px}#book-shelf-container .library-book-grid-test .book-item.is-hidden{display:none}@media(max-width: 992px){#book-shelf-container .library-book-grid-test .book-item{top:8px}}#book-shelf-container .library-book-grid-test .book-item{transition:transform .3s ease;gap:16px}#book-shelf-container .library-book-grid-test .book-item:hover{transform:translateY(-8px)}#book-shelf-container .library-book-grid-test .book-item:hover::after{transform:translateY(8px);opacity:.7}#book-shelf-container .library-book-grid-test .book-item:hover .book-item-overlay{opacity:1;visibility:visible;pointer-events:auto}@media(max-width: 992px){#book-shelf-container .library-book-grid-test .book-item{transition:none}#book-shelf-container .library-book-grid-test .book-item:hover{transform:none}#book-shelf-container .library-book-grid-test .book-item:hover::after{transform:none;opacity:1}}#book-shelf-container .library-book-grid-test .book-item::after{content:"";position:absolute;bottom:-6px;left:0;width:110%;height:12px;background:rgba(76,18,1,.8);border-radius:50%;filter:blur(8px);z-index:0;transition:transform .3s ease,opacity .3s ease;pointer-events:none}#book-shelf-container .library-book-grid-test .book-item .book-item-info{order:1;width:100%}#book-shelf-container .library-book-grid-test .book-item .book-item-info .book-item-title{color:#fff;font-size:18px;text-align:center;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;text-shadow:0 0 10px hsla(0,0%,100%,.8),0 0 20px hsla(0,0%,100%,.5),0 2px 4px rgba(0,0,0,.3),0 0 30px rgba(113,88,180,.4)}@media(max-width: 768px){#book-shelf-container .library-book-grid-test .book-item .book-item-info .book-item-title{font-size:14px}}#book-shelf-container .library-book-grid-test .book-item .book-item-cover{order:2;position:relative;width:100%;height:auto;z-index:1;border-radius:2px 5px 5px 2px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;background-color:#fff}#book-shelf-container .library-book-grid-test .book-item .book-item-cover::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 1%, rgba(255, 255, 255, 0.1) 2%, rgba(0, 0, 0, 0.1) 3%, rgba(0, 0, 0, 0) 8%);z-index:2;pointer-events:none}#book-shelf-container .library-book-grid-test .book-item .book-item-cover{box-shadow:-2px 0 5px rgba(0,0,0,.3),5px 5px 15px rgba(0,0,0,.2)}#book-shelf-container .library-book-grid-test .book-item .book-item-cover img{width:100%;height:auto;display:block;object-fit:contain}#book-shelf-container .library-book-grid-test .book-item .book-item-cover.is-default{aspect-ratio:2/3}#book-shelf-container .library-book-grid-test .book-item .book-item-cover.is-default img{height:100%;object-fit:contain}#book-shelf-container .library-book-grid-test .book-item .book-item-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;background:hsla(0,0%,100%,.7);visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:3;pointer-events:none}@media(max-width: 992px){#book-shelf-container .library-book-grid-test .book-item .book-item-overlay{opacity:1;visibility:visible;pointer-events:auto;background:rgba(0,0,0,0);align-items:flex-end;padding-bottom:10px}}#book-shelf-container .library-book-grid-test .book-item .book-item-overlay .book-item-buttons{display:flex;justify-content:center;align-items:center;width:100%;gap:10px;padding:0 10px;pointer-events:auto;position:relative;z-index:4}@media(max-width: 992px){#book-shelf-container .library-book-grid-test .book-item .book-item-overlay .book-item-buttons{transform:translateY(0);padding:0;gap:6px;bottom:10px}}#book-shelf-container .library-book-grid-test .book-item .book-item-overlay .book-item-buttons .book-btn{background:#7158b4;color:#fff;padding:10px;border-radius:20px;text-decoration:none;font-size:14px;font-weight:600;text-align:center;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;width:fit-content;min-width:30px;cursor:pointer;position:relative;z-index:5;box-shadow:0 4px 6px rgba(0,0,0,.08);white-space:nowrap}#book-shelf-container .library-book-grid-test .book-item .book-item-overlay .book-item-buttons .book-btn:hover{transform:scale(1.05)}@media(max-width: 992px){#book-shelf-container .library-book-grid-test .book-item .book-item-overlay .book-item-buttons .book-btn{font-size:12px;padding:6px}}#book-shelf-container #shelf-background-container{position:absolute;top:20px;left:0;width:100%;height:auto;min-height:0;z-index:1;pointer-events:none;display:flex;flex-direction:column}#book-shelf-container .shelf-bg-row{position:relative;width:100%;flex-shrink:0}#book-shelf-container .shelf-bg-row.is-hidden{display:none}#book-shelf-container .shelf-bg-row{background-image:url("/web/res/zh_TW/MSITE_3/images/bookshelf-middle.jpg");background-repeat:repeat-x;background-position:center top;background-size:auto 100%}#book-shelf-container .shelf-bg-row::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--shelf-bottom-height);background-image:url("/web/res/zh_TW/MSITE_3/images/bookshelf-bottom.jpg");background-repeat:repeat-x;background-position:center bottom;background-size:auto 100%;z-index:1}/*# sourceMappingURL=main.css.map */