.sl-share-btn-wrapper { display: flex; justify-content: flex-end; margin: 10px 0 20px 0; padding-right: 5px; }
.sl-btn { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; outline: none; border: none; background: none; padding: 8px; }
.sl-btn-icon-only svg { stroke: #85b82e; }
.sl-btn-icon-only:hover { transform: scale(1.15); background-color: rgba(133, 184, 46, 0.08); border-radius: 50%; }
.sl-grid-share-btn:hover { background-color: transparent !important; transform: scale(1.2); } #sl-modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); z-index: 99999; justify-content: center; align-items: center; flex-direction: column; backdrop-filter: blur(5px); }
.sl-modal-content { text-align: center; max-width: 90%; max-height: 90%; overflow-y: auto; }
#sl-preview-area img { max-width: 100%; max-height: 70vh; border-radius: 4px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
.sl-tip { color: #ddd; font-size: 14px; margin-top: 20px; font-weight: 300; } #sl-poster-hidden-area { position: absolute; top: 0; left: -9999px; width: 375px; }
#sl-poster-node {
background: #E0E0E0; 
padding: 20px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
box-sizing: border-box; position: relative;
}
#sl-poster-node .sl-poster-body { padding-bottom: 0; }
.sl-green-bar { width: 60px; height: 5px; background-color: #85b82e; margin-bottom: -5px; position: relative; z-index: 2; } .sl-poster-body {
background: #fff; padding: 0;
box-shadow: none !important;
border: 1px solid #D6D6D6; 
border-radius: 4px; 
overflow: hidden; margin-bottom: 0; 
} .mode-visual .sl-poster-image img { width: 100%; height: auto; display: block; margin: 0; padding: 0; }
.mode-visual .sl-poster-content { padding: 0 !important; width: 100%; }
.mode-visual .sl-title {
font-size: 20px; font-weight: bold; color: #222;
margin: 25px 30px 15px 30px !important; 
line-height: 1.4; width: auto !important;
}
.mode-visual .sl-text {
font-size: 15px; line-height: 1.8; color: #444; text-align: justify;
margin: 0 30px 30px 30px !important; width: auto !important;
} .mode-text .sl-poster-body { padding: 30px 25px 10px 25px !important; }
.sl-poster-header-date { color: #999; font-size: 14px; border-bottom: 2px solid #85b82e; display: inline-flex; align-items: center; padding-bottom: 5px; margin-bottom: 20px; }
.sl-date-icon-svg { margin-right: 6px; margin-top: -2px; }
.sl-text { font-size: 15px; line-height: 1.8; color: #444; text-align: justify; } .sl-poster-footer {
display: flex; justify-content: space-between; align-items: flex-end;
padding: 25px 30px 50px 30px !important;
background: #fff; box-sizing: border-box; width: 100%;
}
.sl-footer-info { font-size: 12px; color: #666; line-height: 1.5; text-align: left; }
.sl-footer-right-area { display: flex; align-items: center; gap: 8px; }
.sl-qr-text-group {
display: flex; flex-direction: column; justify-content: space-between; height: 60px;
color: #85b82e; font-size: 13px; font-weight: bold; line-height: 1;
}
.sl-footer-qr { margin: 0; padding: 0; }
.sl-footer-qr img { width: 60px; height: 60px; display: block; margin: 0; } @keyframes sl-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.sl-spinner {
border: 2px solid rgba(133, 184, 46, 0.3);
border-top: 2px solid #85b82e; 
border-radius: 50%;
width: 14px; height: 14px;
animation: sl-spin 0.8s linear infinite;
display: inline-block;
}