:root {
  /* 影视网站配色方案 - 清新青蓝色风格 */
  --primary-color: #46a4b4; /* 青蓝色 - 主色调 */
  --secondary-color: #ff9248; /* 橙色 - 强调色，与青蓝色形成互补 */
  --accent-color: #7cbac5; /* 浅青蓝色 - 辅助色调 */
  --text-primary: #2c3e50; /* 深青灰色 - 主要文字颜色 */
  --text-secondary: #607d8b; /* 蓝灰色 - 次要文字颜色 */
  --text-light: #f8f9fa; /* 浅灰白色 - 深色背景上的文字 */
  --bg-primary: #f8f8f8; /* 浅灰色 - 主背景 */
  --bg-secondary: #eef2f3; /* 浅青灰色 - 次要背景 */
  --nav-bg: #46a4b4; /* 导航背景使用主色调 */
  --nav-text: #ffffff; /* 导航文字为白色 */
  --border-color: #e0e6e8; /* 边框颜色 - 浅青灰色 */
  --hover-color: #57b5c4; /* 悬停效果颜色 - 稍亮的青蓝色 */
  --shadow-color: rgba(70, 164, 180, 0.1); /* 阴影颜色与主色调匹配 */
  --card-bg: #ffffff; /* 卡片背景颜色为白色 */
}

body {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  background-color: var(--bg-secondary);
  color: var(--text-primary);
}

/* 顶部导航栏 */
.top-nav {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: var(--nav-bg);
overflow: hidden;
max-width: 500px;
margin-left: auto;
margin-right: auto;

/* 适配 iOS 顶部安全区域 */
height: calc(55px + env(safe-area-inset-top));
height: calc(55px + constant(safe-area-inset-top)); /* 旧 iOS */

padding-top: env(safe-area-inset-top);
padding-top: constant(safe-area-inset-top); /* 旧 iOS */

display: flex;
align-items: center;
justify-content: space-between;
padding-left: 15px;
padding-right: 15px;

box-sizing: border-box;
box-shadow: 0 2px 5px var(--shadow-color);
z-index: 100;
}

/* 占位，避免内容被顶部导航遮挡 */
.header-placeholder {
height: calc(60px + env(safe-area-inset-top));
height: calc(60px + constant(safe-area-inset-top)); /* 旧 iOS */
}

/* Logo 样式 */
.logo{display:flex;align-items:center;width:25%}
.logo a{display:flex;align-items:center;text-decoration:none;height:100%}
.logo img{height:40px;width:100%;object-fit:contain;vertical-align:middle}

/* 搜索框样式 */
.search-box{flex:1;max-width:50%;margin:0 15px}
.search-box form{display:flex;position:relative;width:100%}
.search-box input[type="text"]{width:100%;padding:8px 10px;padding-right:30px;border:1px solid #e0e6e8;border-radius:3px;font-size:14px;box-sizing:border-box;outline:none;transition:border-color .2s}
.search-box input[type="text"]:focus{border-color:#2c3e50;box-shadow:none}
.search-box button{background-color:transparent;border:none;position:absolute;right:5px;top:0;height:100%;cursor:pointer;padding:0;width:34px;display:flex;align-items:center;justify-content:center}
.search-box button img{width:32px;height:32px;filter:brightness(.8) contrast(1.2)}

/* 错误提示样式 */
.error-tip { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(231, 76, 60, 0.8); color: white;padding: 8px 16px; border-radius: 4px; font-size: 14px; font-weight: 400; box-shadow: 0 2px 8px rgba(231, 76, 60, 0.3); z-index: 9999;display: none; animation: fadeInOut 2.5s ease-in-out; white-space: nowrap; }

@keyframes fadeInOut {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
  15% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  85% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
}

/* 用户登录样式 */
.user-login{width:15%;display:flex;justify-content:flex-end}
.user-login a{color:var(--nav-text);text-decoration:none;padding:2px;background-color:transparent;border-radius:3px;transition:background-color .3s;display:flex;align-items:center;justify-content:center}
.user-login img{width:36px;height:36px;filter:invert(1)}
.user-login a:hover{background-color:var(--hover-color)}

/* 容器样式 */
.container{max-width:500px;margin:0 auto;background-color:var(--bg-primary);padding:0;border-radius:5px;box-shadow:0 0 10px var(--shadow-color)}

/* 轮播图样式 */
.carousel-container{width:100%;margin:0 0 5px;position:relative;padding-top:56.25%}
.carousel{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1);touch-action:pan-y;user-select:none;perspective:1000}
.carousel-items{width:100%;height:100%;display:flex;transition:transform .3s cubic-bezier(.25,.1,.25,1);will-change:transform;transform:translateZ(0);backface-visibility:hidden}
.carousel-item{min-width:100%;height:100%;display:flex;overflow:hidden;transform:translateZ(0);backface-visibility:hidden;cursor:pointer}
.carousel-item img{width:100%;height:100%;object-fit:cover}
.carousel-indicators{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:2}
.indicator{width:9px;height:9px;background:rgba(255,255,255,.5);border-radius:50%;cursor:pointer;transition:background .3s}
.indicator.active{background:white}

/* 公告样式 */
.announcement-container{display:flex;align-items:center;background:#f8f8f8;padding:2px 5px;margin:5px 0;box-shadow:0 1px 2px rgba(0,0,0,.08);font-size:12px}
.announcement-icon{display:flex;align-items:center;margin-right:8px;white-space:nowrap;flex-shrink:0}
.announcement-icon-img{width:14px;height:14px;object-fit:contain}
.announcement-wrapper{flex:1;overflow:hidden;height:18px;white-space:nowrap;position:relative}
.announcement-content{will-change:transform}
.announcement-item{display:inline-block;color:#666;cursor:default;margin-right:30px}

/* 分享样式 */
.share-banner{position:relative;width:80%;margin:10px auto;overflow:hidden;border-radius:4px;background:url("/template/hswz/images/share.png") no-repeat center;background-size:cover;cursor:pointer}
.share-banner:before{content:'';display:block;padding-top:21.12%}
.share-url{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;color:var(--primary-color);font-weight:bold;text-decoration:none;cursor:pointer;text-shadow:1px 1px 2px rgba(255,255,255,.5);z-index:2}
.share-url:hover{text-decoration:none}
.popup-overlay{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:500px;height:100%;background:rgba(0,0,0,0.5);z-index:9998;box-sizing:border-box}
.copy-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;color:var(--text-primary);padding:20px 15px;border-radius:8px;font-size:16px;z-index:9999;text-align:center;width:85%;max-width:400px;box-shadow:0 4px 15px rgba(0,0,0,0.15);box-sizing:border-box}
.popup-icon{width:40px;height:40px;margin:0 auto 15px;display:block}
.popup-text{margin-bottom:10px;line-height:1.5;word-break:break-word;overflow-wrap:break-word;width:100%;overflow:hidden}
.popup-note{margin-bottom:20px;line-height:1.4;font-size:14px;color:var(--secondary-color);font-weight:bold;word-break:break-word;overflow-wrap:break-word;width:100%;overflow:hidden}
.popup-btn{background:var(--hover-color);color:var(--text-light);border:none;padding:8px 30px;border-radius:4px;font-size:16px;cursor:pointer}
.popup-btn:hover{background:var(--hover-color)}

/* APP网格样式 */
.app-grid-container{width:100%;padding:10px 0}
.app-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:0 8px}
.app-item{display:flex;flex-direction:column;align-items:center;margin-bottom:8px;cursor:pointer;width:100%;min-width:0;box-sizing:border-box}
.app-icon{position:relative;width:100%;padding-bottom:100%;border-radius:6px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1)}
.app-icon img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.app-label{margin-top:5px;text-align:center;width:100%;overflow:hidden;padding:0 2px;box-sizing:border-box}
.app-domain{font-size:11px;color:var(--text-primary);font-weight:bold;white-space:nowrap;overflow:hidden;width:100%;display:block;text-align:center;box-sizing:border-box;text-overflow:clip;text-align-last:center;max-width:100%}

/* 广告横幅样式 */
.banner-container{width:100%;display:flex;flex-direction:column}
.banner-item{width:100%;display:block;position:relative;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1);padding-top:23.42%}
.banner-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}

/* 视频列表样式 */
.video-list-container{width:100%;padding:10px 0;background:var(--bg-primary);color:var(--text-primary)}
.video-list-header{display:flex;justify-content:space-between;align-items:center;padding:0 12px 10px;position:relative}
.video-list-title{margin:0;font-size:18px;font-weight:bold;position:relative;color:var(--text-primary)}
.video-list-title:before{content:'';position:absolute;left:-8px;top:0;height:100%;width:3px;background:var(--secondary-color)}
.view-more{color:var(--text-secondary);font-size:14px;text-decoration:none;display:flex;align-items:center}
.view-more:after{content:'>';margin-left:3px}
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 8px}
.video-item{position:relative;transition:transform .2s;width:100%;box-sizing:border-box;overflow:hidden}
.video-item:hover{transform:translateY(-2px)}
.video-link{text-decoration:none;color:var(--text-primary);display:block;width:100%;box-sizing:border-box}
.video-cover{position:relative;width:100%;padding-top:56.25%;border-radius:4px;overflow:hidden;background:#f0f0f0}
.video-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.video-duration{position:absolute;right:5px;bottom:5px;background:rgba(0,0,0,.7);color:#fff;font-size:11px;padding:0px 5px;border-radius:2px}
.video-name{margin:5px 0 0;font-size:12px;line-height:1.3;height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;padding:0;width:100%}

/* 视频标签样式 */
.video-tag{position:absolute;top:5px;right:5px;padding:0px 5px;font-size:11px;font-weight:bold;border-radius:2px;color:#fff;z-index:2}
.video-tag-free{background:linear-gradient(135deg,rgba(76,175,80,0.85),rgba(46,125,50,0.85))}
.video-tag-vip{background:linear-gradient(135deg,rgba(255,215,0,0.85),rgba(255,160,0,0.85))}
.video-tag-diamond{background:linear-gradient(135deg,rgba(33,150,243,0.85),rgba(13,71,161,0.85))}

/* 底部导航样式 */
.footer-disclaimer{max-width:500px;margin:0 auto;background-color:var(--nav-bg);color:#FFF;text-align:center;font-size:14px;line-height:1.5}
.disclaimer-content {
padding: 15px 15px calc(105px + env(safe-area-inset-bottom));
padding: 15px 15px calc(105px + constant(safe-area-inset-bottom));
}
.disclaimer-content.panel-closed {
padding-bottom: calc(75px + env(safe-area-inset-bottom));
padding-bottom: calc(75px + constant(safe-area-inset-bottom)); /* iOS 旧版兼容 */
}
.disclaimer-text{margin:0 0 10px;font-size:12px;line-height:1.6}
.disclaimer-copyright{margin:15px 0 0;font-size:12px;color:#FFF;opacity:.9}
.action-panel {
position: fixed;
bottom: calc(55px + env(safe-area-inset-bottom));
bottom: calc(55px + constant(safe-area-inset-bottom)); /* 旧设备兼容 */

left: 0;
right: 0;
max-width: 350px;
margin: 0 auto;
background-color: #fff;
border-radius: 21px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0;
box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
width: 60%;
z-index: 99;
}
.action-panel-inner{display:flex;justify-content:space-between;align-items:center;width:100%;padding:7px 11px}
.action-btn{background:0 0;border:none;display:flex;align-items:center;padding:3.5px 7px;cursor:pointer;color:#5BA9B7;font-size:10px;outline:0;font-weight:400}
.action-icon{width:16px;height:16px;margin-right:4px;display:inline-block;background-position:center;background-repeat:no-repeat;background-size:contain}
.add-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235BA9B7'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3C/svg%3E")}
.download-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235BA9B7'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z'/%3E%3C/svg%3E")}
.close-panel{font-weight:500}
.action-text{font-size:10px;color:#666}
.action-divider{width:1px;height:12px;background-color:#0000005e;margin:0 2px;display:inline-block}
.footer-navigation {
position: fixed;
bottom: 0;
left: 0;
right: 0;
max-width: 500px;
margin: 0 auto;
display: flex;
justify-content: space-around;
align-items: center;
background-color: var(--nav-bg);
border-top: 1px solid rgba(0, 0, 0, .1);
padding: 8px 0;

/* 支持 safe area 安全底部 */
padding-bottom: calc(8px + env(safe-area-inset-bottom));
padding-bottom: calc(8px + constant(safe-area-inset-bottom)); /* iOS 旧设备 */

height: calc(50px + env(safe-area-inset-bottom));
height: calc(50px + constant(safe-area-inset-bottom));

z-index: 100;
box-shadow: 0 -2px 5px rgba(0, 0, 0, .05);
box-sizing: border-box;
}
.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--nav-text);flex:1;height:100%}
.nav-icon{width:22px;height:22px;background-position:center;background-repeat:no-repeat;background-size:contain;margin-bottom:3px}
.nav-text{font-size:12px;line-height:1}
.nav-home{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E")}
.nav-dark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24zM3.42 2.45L2.01 3.87l2.68 2.68C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l3.43 3.43 1.41-1.41L3.42 2.45zM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5zm2.97-5.33c-.15-1.4-1.25-2.49-2.64-2.64l2.64 2.64z'/%3E%3C/svg%3E")}
.nav-date{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M21 6h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1zm-4 6V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1z'/%3E%3C/svg%3E")}
.nav-fun{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg transform='scale(0.85)'%3E%3Cpath d='M8.1 24.5c.6 4.6 12.5.9 10.4 2.8-2.9 2.7-6.5 4.4-6.5 4.4-.4.2-2-.7-3.2-1.9h0c-1.5-1.5-2.9-3.1-2.6-3.5 0 0 1.8-2.2 1.9-1.8z' fill='%23FFFFFF'/%3E%3Cpath d='M15 16.2s-3.9.3-5.6-2.1c-.4-.7-1.1-1.4-1.1-2.2.1-.3.2-.7.1-1.2-.2-1.3-1.9-2-3-2.1-.8.1-1.4.6-1.5 1.3-.1.1-.1.3-.1.6v.5c.4 2.8 1.6 7.4 5.2 10.5 6.6 5.4 6-5.3 6-5.3z' fill='%23FFFFFF'/%3E%3Cpath d='M13.3 17.2s-3.5-.6-5.3-2.3c-.4-.4-.8-1.8-.8-2.3.1-.2.1-.5.1-.8-.1-.8-.8-1.6-1.6-1.6-.5 0-.9.3-1 .8-.1.1-.1.2 0 .4v.4c.3 1.9 1.4 7.1 7 10.6 4.9 2.9 1.6-5.2 1.6-5.2z' fill='%23FFFFFF'/%3E%3Cpath d='M7.4 25s4.7-5 6.1-16.9c.4-3.8 5.1-8.7 10.3-6.3h0c5.6 2.6 6.6 10.8 4.1 14.3-5.5 7.8-11 14.5-15.5 14l-5-5.1z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");}
.nav-user{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E")}
.nav-item.active{color:#FFF;font-weight:700}
.nav-item.active .nav-home{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff9248'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E")}
.nav-item.active .nav-dark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff9248'%3E%3Cpath d='M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24zM3.42 2.45L2.01 3.87l2.68 2.68C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l3.43 3.43 1.41-1.41L3.42 2.45zM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5zm2.97-5.33c-.15-1.4-1.25-2.49-2.64-2.64l2.64 2.64z'/%3E%3C/svg%3E")}
.nav-item.active .nav-date{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff9248'%3E%3Cpath d='M21 6h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1zm-4 6V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1z'/%3E%3C/svg%3E")}
.nav-item.active .nav-fun{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg transform='scale(0.85)'%3E%3Cpath d='M8.1 24.5c.6 4.6 12.5.9 10.4 2.8-2.9 2.7-6.5 4.4-6.5 4.4-.4.2-2-.7-3.2-1.9h0c-1.5-1.5-2.9-3.1-2.6-3.5 0 0 1.8-2.2 1.9-1.8z' fill='%23ff9248'/%3E%3Cpath d='M15 16.2s-3.9.3-5.6-2.1c-.4-.7-1.1-1.4-1.1-2.2.1-.3.2-.7.1-1.2-.2-1.3-1.9-2-3-2.1-.8.1-1.4.6-1.5 1.3-.1.1-.1.3-.1.6v.5c.4 2.8 1.6 7.4 5.2 10.5 6.6 5.4 6-5.3 6-5.3z' fill='%23ff9248'/%3E%3Cpath d='M13.3 17.2s-3.5-.6-5.3-2.3c-.4-.4-.8-1.8-.8-2.3.1-.2.1-.5.1-.8-.1-.8-.8-1.6-1.6-1.6-.5 0-.9.3-1 .8-.1.1-.1.2 0 .4v.4c.3 1.9 1.4 7.1 7 10.6 4.9 2.9 1.6-5.2 1.6-5.2z' fill='%23ff9248'/%3E%3Cpath d='M7.4 25s4.7-5 6.1-16.9c.4-3.8 5.1-8.7 10.3-6.3h0c5.6 2.6 6.6 10.8 4.1 14.3-5.5 7.8-11 14.5-15.5 14l-5-5.1z' fill='%23ff9248'/%3E%3C/g%3E%3C/svg%3E");}
.nav-item.active .nav-user{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff9248'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E")}
@supports (padding-bottom:env(safe-area-inset-bottom)){.footer-navigation{padding-bottom:calc(5px + env(safe-area-inset-bottom))}}
.has-footer-spacing{margin-bottom:60px}
.guide-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000;max-width:500px;margin:0 auto}
.guide-content{background-color:#fff;width:85%;max-width:350px;border-radius:10px;padding:20px;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.guide-close{position:absolute;top:10px;right:15px;font-size:24px;color:#999;cursor:pointer;line-height:1}
.guide-title{text-align:center;font-size:18px;font-weight:700;color:#333;margin-top:5px;margin-bottom:5px}
.guide-subtitle{text-align:center;font-size:14px;color:#666;margin-bottom:15px}
.guide-step{position:relative;margin-bottom:12px;display:flex;flex-direction:column;align-items:center}
.step-image{width:100%;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1);margin-top:0}

@supports (padding-bottom: env(safe-area-inset-bottom)) {
.has-footer-spacing {
  margin-bottom: calc(60px + env(safe-area-inset-bottom));
}
}

/* 弹窗功能样式 */
.popup-overlay{position:fixed;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:9999;visibility:hidden;opacity:0;transition:all .3s ease;max-width:500px;margin:0 auto;width:100%;height:100%}
.popup-content{background-color:#000;width:80%;max-width:320px;border-radius:10px;position:relative;padding:0;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.3);text-align:center}
.popup-close{position:absolute;top:10px;right:10px;width:30px;height:30px;background-color:rgba(0,0,0,.5);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:20px;font-weight:700;z-index:5}
.popup-image{width:100%;margin-bottom:0;border-radius:10px;overflow:hidden;display:block;position:relative;z-index:1}
.popup-image img{width:100%;display:block;border-radius:10px}
.popup-active{visibility:visible;opacity:1}

/* 弹窗登录样式 */
.mac_pop_bg{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:500px;height:100%;background-color:rgba(0,0,0,.5);z-index:9998}
.mac_pop{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:9999;overflow:hidden;width:380px!important;height:auto!important;max-width:90%!important}
.pop_top{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:var(--nav-bg,#46a4b4);border-bottom:1px solid var(--border-color,#e0e6e8)}
.pop_top h2{margin:0;font-size:18px;color:var(--text-light,#f8f9fa);font-weight:700}
.pop_close{width:24px;height:24px;line-height:24px;text-align:center;cursor:pointer;font-size:20px;color:var(--text-light,#f8f9fa);transition:color .3s}
.pop_close:hover{color:var(--secondary-color,#ff9248)}
.pop_content{padding:15px}
.mac_login{position:relative}
.login_form_group{margin-bottom:15px;position:relative}
.login_form_group:last-child{margin-bottom:0}
.login_form_group input[type=password],.login_form_group input[type=text]{width:100%;padding:12px 15px;border:1px solid var(--border-color,#e0e6e8);border-radius:5px;font-size:14px;outline:0;box-sizing:border-box;transition:all .3s}
.login_form_group input[type=password]:focus,.login_form_group input[type=text]:focus{border-color:var(--primary-color,#46a4b4);box-shadow:0 0 5px rgba(70,164,180,.3)}
.login_form_group.clearfix{display:flex;align-items:center;gap:10px}
.login_form_group.clearfix input{flex:1}
.mac_verify_img{height:42px;border-radius:5px;cursor:pointer}
.login_form_link{display:flex;justify-content:space-between;margin-bottom:5px;font-size:14px}
.login_form_link a{color:var(--text-secondary,#607d8b);text-decoration:none;transition:color .3s}
.login_form_link a:hover{color:var(--primary-color,#46a4b4)}
.login_form_submit{width:100%;padding:12px;background-color:var(--primary-color,#46a4b4);color:var(--text-light,#f8f9fa);border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s}
.login_form_submit:hover{background-color:var(--hover-color,#57b5c4)}

/* 分页样式 */
.mac_pages { width: 100%; text-align: center; padding: 15px 0; box-shadow: 0 1px 3px rgba(0,0,0,0.1); border-radius: 6px; }
.page_nav { width: 100%; display: flex; justify-content: center; align-items: center; gap: 0px; margin-bottom: 15px; flex-wrap: nowrap; }
.page_top { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.page_stats { color: #666; font-size: 12px; font-weight: 500; text-align: center; padding: 0 8px; }
.page_quick { display: flex; align-items: center; gap: 8px; justify-content: center; padding: 0 8px; }
.page_numbers { display: flex; gap: 3px; margin: 0 10px; flex-wrap: nowrap; }
.page_link { display: inline-flex; justify-content: center; align-items: center; min-width: 22px; height: 25px; padding: 0 8px; background: #f8f9fa; color: #495057; border-radius: 4px; text-decoration: none; font-size: 12px; font-weight: 500; transition: all 0.2s; border: 1px solid #dee2e6; }
.page_link:hover { background: #e9ecef; color: #495057; border-color: #adb5bd; }
.page_current { background: var(--primary-color); color: #fff; border-color: var(--primary-color); }
.page_current:hover { background: var(--primary-color); color: #fff; }
.page_input { width: 40px; height: 25px; padding: 0 8px; border: 1px solid #dee2e6; border-radius: 4px; outline: none; text-align: center; font-size: 13px; }
.page_input:focus { border-color: var(--primary-color); box-shadow: 0 0 0 2px rgba(var(--primary-color-rgb), 0.25); }
.page_btn { height: 25px; padding: 0 12px; background: var(--primary-color); color: #fff; border: none; border-radius: 4px; cursor: pointer; font-size: 12px; font-weight: 500; transition: all 0.2s; }
.wrap { text-align: center; padding: 40px 0; color: #666; }
.wrap h1 { font-size: 16px; font-weight: normal; margin: 0; }