/*
 * laolicms 网站综合管理系统 v1.0.0
 * 作者：丿king　　联系 QQ：1735737677
 * 本文件作用：前台页尾与右侧悬浮按钮样式（原站 footer.php 内联样式原样抽出）
 * 文件路径：application/template/laoli/public/pc/css/footer.css
 */

.custom-footer {position:relative;margin-top:5px;top: 15px;background:#fff;border-radius:20px;border:1px solid #eef2f6;box-shadow:0 2px 8px rgba(0,0,0,0.04);overflow:hidden;}
.dark-mode .custom-footer {background:#161b22;border-color:#21262d;box-shadow:0 2px 8px rgba(0,0,0,0.3);}
/* 右侧悬浮按钮组 - 白色圆底*/.suspend {position:fixed;right:20px;bottom:80px;z-index:999;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.suspend li {width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 2px 12px rgba(0,0,0,0.08);cursor:pointer;transition:all 0.25s ease;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #f0f2f5;}
.dark-mode .suspend li {background:#161b22;border-color:#21262d;box-shadow:0 2px 12px rgba(0,0,0,0.3);}
.suspend li:hover {transform:scale(1.08);background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 20px rgba(59,130,246,0.3);}
.dark-mode .suspend li:hover {background:#58a6ff;border-color:#58a6ff;box-shadow:0 4px 20px rgba(88,166,255,0.25);}
.suspend li:hover .icon {color:#fff;}
.suspend li:hover .more {opacity:1;visibility:visible;transform:translateY(-50%) scale(1);}
.suspend li .icon {font-size:18px;transition:color 0.25s;color:#475569;line-height:1;}
.dark-mode .suspend li .icon {color:#8b949e;}
.suspend li .icon i {font-size:16px;}
.suspend li .more {position:absolute;right:48px;top:50%;transform:translateY(-50%) scale(0.92);background:#1e293b;color:#fff;padding:4px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.2s cubic-bezier(0.34,1.56,0.64,1);pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,0.1);font-weight:500;}
.dark-mode .suspend li .more {background:#e6edf3;color:#0d1117;}
.suspend li .more::after {content:'';position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:5px 0 5px 5px;border-color:transparent transparent transparent #1e293b;}
.dark-mode .suspend li .more::after {border-color:transparent transparent transparent #e6edf3;}
.suspend li a {display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;border-radius:50%;}
.suspend .weixin-btn .more.weixin {width:110px;height:auto;padding:8px;white-space:normal;text-align:center;background:#fff;border:1px solid #eef2f6;box-shadow:0 4px 16px rgba(0,0,0,0.08);}
.dark-mode .suspend .weixin-btn .more.weixin {background:#161b22;border-color:#21262d;}
.suspend .weixin-btn .more.weixin::after {border-left-color:#fff;}
.dark-mode .suspend .weixin-btn .more.weixin::after {border-left-color:#161b22;}
.suspend .weixin-btn .more.weixin img {width:100%;max-width:80px;height:auto;border-radius:6px;display:block;margin:0 auto;}
.suspend .weixin-btn .more.weixin .qr-tip {font-size:10px;color:#94a3b8;margin-top:4px;display:block;}
.dark-mode .suspend .weixin-btn .more.weixin .qr-tip {color:#8b949e;}
.suspend .back-top {cursor:pointer;}
.suspend .go-bottom {cursor:pointer;}
/* ========== dbnav 输出的页尾导航样式 ==========*/.footer-top {padding:30px 20px 20px;border-bottom:1px solid #eef2f6;}
.dark-mode .footer-top {border-color:#21262d;}
.footer-container {max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.footer-col {flex:1;min-width:150px;margin-bottom:20px;}
.footer-col h3 {font-size:14px;font-weight:600;color:#1e293b;margin-bottom:12px;position:relative;}
.dark-mode .footer-col h3 {color:#e6edf3;}
.footer-nav-list {list-style:none;margin:0;padding:0;}
.footer-nav-list li {margin-bottom:8px;}
.footer-nav-list li a {color:#64748b;text-decoration:none;font-size:13px;transition:color 0.2s;}
.dark-mode .footer-nav-list li a {color:#c9d1d9;}
.footer-nav-list li a:hover {color:#3b82f6;}
.dark-mode .footer-nav-list li a:hover {color:#58a6ff;}
.service-time {text-align:left;}
.service-time .time-desc {font-size:13px;color:#64748b;margin-bottom:5px;}
.dark-mode .service-time .time-desc {color:#c9d1d9;}
.service-time .time-text {font-size:11px;color:#94a3b8;margin-bottom:3px;}
.dark-mode .service-time .time-text {color:#8b949e;}
.service-time .time-num {font-size:16px;font-weight:600;color:#3b82f6;margin-bottom:3px;}
.dark-mode .service-time .time-num {color:#58a6ff;}
.service-time .time-tip {font-size:10px;color:#94a3b8;}
.dark-mode .service-time .time-tip {color:#8b949e;}
.footer-qrcode {text-align:center;}
.footer-qrcode img {width:80px;height:80px;border-radius:12px;border:1px solid #eef2f6;margin-bottom:8px;}
.dark-mode .footer-qrcode img {border-color:#21262d;}
.footer-qrcode p {font-size:11px;color:#64748b;}
.dark-mode .footer-qrcode p {color:#c9d1d9;}
/* 页尾法律信息栏*/.footer-middle {padding:20px;border-bottom:1px solid #eef2f6;}
.dark-mode .footer-middle {border-color:#21262d;}
.footer-law-list {display:flex;justify-content:center;flex-wrap:wrap;gap:30px;list-style:none;margin:0;padding:0;}
.footer-law-list li a {color:#64748b;text-decoration:none;font-size:13px;transition:color 0.2s;}
.dark-mode .footer-law-list li a {color:#c9d1d9;}
.footer-law-list li a:hover {color:#3b82f6;}
.dark-mode .footer-law-list li a:hover {color:#58a6ff;}
/* 页尾底部版权栏*/.footer-bottom {padding:20px;background:#f8fafc;border-radius:0 0 18px 18px;}
.dark-mode .footer-bottom {background:#0d1117;}
.copyright {text-align:center;font-size:13px;color:#94a3b8;}
.dark-mode .copyright {color:#8b949e;}
.copyright p {margin:5px 0;}
.copyright a {color:#64748b;text-decoration:none;transition:color 0.2s;}
.dark-mode .copyright a {color:#c9d1d9;}
.copyright a:hover {color:#3b82f6;}
.dark-mode .copyright a:hover {color:#58a6ff;}
/* 响应式*/@media (max-width:900px) {.footer-container {gap:20px;}
.footer-col {flex:0 0 calc(33.33% - 20px);min-width:auto;}
;}
@media (max-width:768px) {.suspend {right:12px;bottom:60px;gap:6px;}
.suspend li {width:36px;height:36px;}
.suspend li .icon i {font-size:14px;}
.suspend li .more {right:42px;font-size:11px;padding:3px 10px;}
.suspend .weixin-btn .more.weixin {width:100px;padding:6px;}
.suspend .weixin-btn .more.weixin img {max-width:70px;}
;}
@media (max-width:600px) {.footer-container {flex-direction:row;flex-wrap:wrap;gap:15px;}
.footer-col {flex:0 0 calc(50% - 7.5px);min-width:auto;text-align:center;}
.service-time {text-align:center;}
.footer-qrcode {display:flex;flex-direction:column;align-items:center;}
.footer-law-list {gap:15px;}
.footer-law-list li a {font-size:11px;}
.copyright {font-size:10px;}
;}