/* ����ȫ����ʽ */
html,body{max-width:650px;margin:0 auto;}
body{background-color:#E7F1FA;/* ���� #0838a4 ��dz������Ϊ������ɫ */
 color:#333;font-size:14px;font-family:Arial,sans-serif;margin:0;padding:0;}
.editable-div{background:#FAFAFA;line-height:30px;border-radius:0 0 10px 10px;padding:18px;text-align:justify;font-size: 16px;}
.editable-div>p{margin-bottom:10px;}
p{color:#333333;text-align:left;margin:10px 0 20px 0;}
h1,h2,h3,h4,h5,h6{margin:10px 0;}
ul,ul li{padding:0;margin:0;list-style:none;}
table{background:#ffffff;width:100%;border-radius:4px;margin:20px 0;border-collapse:collapse;}
table tr td{font-size:12px !important;text-align:left;border:1px solid #ddd;padding:8px;}
#app{max-width:520px;margin:0 auto;}
#subSpnLoading{background:#ffffff;text-align:center;padding:20px;border-radius:4px;/*width:50%;*/left:50%;top:50%;/*transform:translateX(-50%);position:absolute*/;display:flex;gap:20px;flex-direction:column;justify-content:center;}
#subSpnLoading img{width:60px;margin:0 auto;}
.top{background:rgba(255,255,255,0.9);box-shadow:0 0 3px rgba(0,0,0,0.5);width:40px;height:40px;line-height:40px;text-align:center;font-weight:bold;border-radius:50%;position:fixed;right:20px;bottom:80px;display:none;}
.nodata{background:#ffffff;border:solid 1px #f1f1f1;font-size:14px;text-align:center;padding:20px;margin:0 0 10px 0;border-radius:10px;}
.nodata img {height: 100px !important;margin: 0 auto;display: block;}
.match{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.league{color:#666666;}
.league .leagueName{display:flex;gap:5px;align-items:center;justify-content:center;}
.payed{background:#f1f1f1;color:#333333;line-height:22px;border-radius:4px;padding:3px 5px;display:inline;}


/* �˵���ʽ */
.date{background:#ffffff;border-top:solid 1px #ebebeb;border-bottom:solid 1px #ebebeb;border-radius:8px;padding:0;margin:10px;list-style-type:none;display:flex;justify-content:center;padding-bottom: 4px;}
.date li{color:#666666;line-height:40px;flex:1;justify-content:center;display:flex;}
.date li.on{color:#FF6B42;font-size:16px;font-weight:bold;position:relative;}
.ai-menu{border-radius:12px 12px 0 0;overflow:hidden;font-size:16px;}
.ai-menu ul{    list-style-type: none; margin: 0px 12px;  display: flex ; justify-content: center;  background: #fff; border-radius: 10px 10px 2px 2px;}
.ai-menu li{flex:1;justify-content:center;display:flex;line-height:46px;}
.ai-menu li a{color:#333;text-decoration:none;transition:color 0.3s ease;display:block;width:100%;text-align:center;cursor:pointer;}
.ai-menu li a:hover{color:var(--gray50);}
.ai-menu li.active a{color:#FF6B42;position:relative;}
.date li.on::after,.ai-menu li.active a::after{border-bottom:solid 4px #FF6B42;content:'';width:30%;position:absolute;bottom:3px;border-radius:1000px;display:block;left:50%;transform:translateX(-50%);}


/* ���� */
.subscribeBox{background:#ffffff;margin:10px;overflow:hidden;border:solid 1px #ffcec0;border-radius:10px;box-shadow:0 3px 5px rgba(0,0,0,0.05);}
.subscribe-left{display:flex;flex-direction: row;}
.subscribeBox h3{margin:0;}
.subscribeBox h3 .red{color:#FF6B42;margin-left: 5px;}
.subscribe{/* background:var(--bg-color-1);*/line-height: 28px;
background:linear-gradient(90deg,#E6E4FF,#FFDBE6,#FFF6F5,#FFE9E5);color:#333;font-size:12px;padding:10px;border-radius:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;align-content:center;justify-content:space-between;}
.subscribe span{color:#FF6B42;display:block;text-align:left;margin: 0 5px;}
.subscribe span i{background:url(../images/subicon.png)no-repeat center;width:26px;height:26px;margin-right:10px;display:inline-block;vertical-align:middle;opacity:0.5;}
.subscribe .subbtn{background:#FF5722;color:#ffffff;width:14%;line-height:28px;font-weight:bold;text-align:center;border-radius:5px;float:right;cursor:pointer;}

/* ����������ʽ */
.match-content{padding:0px 10px;display:flex;gap:10px;flex-direction:column;}
.match-list{width:100%;display:flex;flex-direction:column;background:#fff;box-shadow:0px 0px 10px rgba(39,96,251,0.05);border-radius:10px;}
.match-content2{padding:0px 10px;display:flex;gap:10px;flex-direction:column;}
.match-list2{width:100%;display:flex;flex-direction:column;background:#fff;box-shadow:0px 0px 10px rgba(39,96,251,0.05);border-radius:10px;}
.match-item{display:flex;align-items:center;padding: 16px 16px 0px 16px;position:relative;flex-direction: column;}
.match-item:last-child{border-bottom:none;}
.match-label{color:#ff5722;font-size:14px;margin-right:10px;}
.item-left{display:flex;flex-wrap:nowrap;font-size:12px;min-width:48px;color: #666;gap:2px;position: absolute;line-height: 14px;}
.item-left2{display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;font-size:12px;min-width:48px;color:#8E8E8E;gap:2px;}
.match-out:last-child{border:none;}
.match-out{width:100%;margin-bottom: 12px;}
.match-out2{width:calc(100% - 125px);margin-bottom: 12px;display:flex;align-items:center;}
.line-border{border-bottom:0.5px solid #EAEAEA;display:flex;width:100%;}
.line-border2{border-bottom:0.5px solid #EAEAEA;display:flex;width:100%;margin-top: 12px;}
.match-info{display:flex;flex-direction:column;cursor:pointer;}
.match-info2{display:flex;flex-direction:column;cursor:pointer;width: calc(100% - 25px);}
.match-item .star-icon{background:url(/images/star_off.svg) no-repeat center;background-size:100%;width:14px;height:14px;cursor:pointer;margin-right: 2px;}
.match-item .star-icon-on{background:url(/images/star_on.svg) no-repeat center;background-size:100%;}
.match-item2 .star-icon{background:url(/images/star_off.svg) no-repeat center;background-size:100%;width:14px;height:14px;cursor:pointer;}
.match-item2 .star-icon-on{background:url(/images/star_on.svg) no-repeat center;background-size:100%;}

.league-time{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:6px;font-size:12px;color:#666;line-height:14px;
 /* ↓↓↓ 新增这3行 ↓↓↓ */
    flex-wrap: nowrap;    /* 强制不换行 */
    min-width: 0;         /* 允许容器收缩 */
    overflow: hidden;     /* 防止溢出破坏布局 */}
.group-bg{font-size: 13px;font-weight: 500;display:flex;padding:8px 16px 8px 0px;box-shadow:0px 0px 10px rgba(39,96,251,0.05);border-radius:8px 8px 0px 0px;;background:linear-gradient(90deg, #5594ff, #ff1e1e);;gap:10px;align-items:center;color:#fff;justify-content:space-between;}
.group-right{display:flex;font-size:12px;font-weight:400;gap:20px;}
.group-right-part{display:flex;gap:6px;align-items:center;}
.group-right-part .text{font-size:14px;font-weight:500;color:#ffcc00;}
.star-num{display:flex;gap:2px;}
.star-num .icon{background:url(/images/star-num.svg) no-repeat center;background-size:100%;width:12px;height:12px;}
@media screen and (max-width:750px) {

    .group-right{font-size: 11px;}
   
    .group-right-part .text {
    font-size: 12px;}
    
    .rating {
    --percent: 0;
    position: relative;
    display: inline-block;
    font-size: 13px !important;
    line-height: 1;
    letter-spacing: 0px;
    color: #fff;
}




  
}

@media screen and (max-width: 374px) {
     .league-time {
    display: flex
;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
    font-size: 11px;
    color: #666;
    line-height: 14px;
    flex-wrap: nowrap;
    min-width: 0;
    overflow: hidden;
}


    .tabNum { padding: 4px 6px !important; cursor: pointer; }
}


.status{color:#F44336;}
.teams{display:flex;justify-content:center;align-items:center;gap:4px;}
.teamLeft{font-size:16px;font-weight:500;flex:1;min-width:0;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.teamRight{font-size:16px;font-weight:500;flex:1;min-width:0;text-align:left; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vsNew{width:70px;font-size:16px;font-weight:500;justify-content:center;align-items:center;text-align:center;flex-shrink:0;line-height: 20px;}
.vsScore{width:50px;font-size:16px;font-weight:500;justify-content:center;align-items:center;text-align:center;flex-shrink:0;color:#F44336;line-height: 20px;}
.top-tag{position:absolute;top:3px;right:3px;color:#fff;font-size:12px;line-height:14px;padding:2px 8px;border-radius:3px;background:linear-gradient(270deg,#ff5050,#ec8e00);}
.true-tag{position:absolute;top:24px;right:4px;background:url(/images/ture.png) no-repeat center;background-size:100%;width:40px;height:40px;}
.true-tag2{position:absolute;top:4px;right:4px;background:url(/images/ture.png) no-repeat center;background-size:100%;width:40px;height:40px;}
.Matchsubscribe{display:flex;justify-content:center;align-items:center;gap:6px;padding: 0px 10px 12px 10px;;flex-direction:row;color:#ff5822;}
.Matchsubscribe2 { box-sizing: border-box; height: 36px; position: relative; border-radius: 100px; border: 0.5px solid #ff5822; display: flex; align-items: center; justify-content: center; padding: 2px 10px; gap: 6px; text-align: left; font-size: 14px; color: #ff5822; margin-left: 10px; margin: 10px 10px 12px; cursor: pointer; }
.lock-icon{background:url(/images/lock-red.svg) no-repeat center;background-size:100%;width:16px;height:16px;}
.indexbox{position:relative;border-radius:3px;background-color:#2F9DFF;padding:4px 10px;font-size:12px;color:#fff;border:0.5px solid #B8D5F0;}
.match-item .deepseek{background:#E7F1FA;color:#1272CC;font-size:12px;font-weight:normal;line-height:20px;padding:0 6px 0 1px;border-radius:20px;}
.match-item .deepseek img{height:12px;margin:0 0px 0px 4px;vertical-align:-2px;}


.match-item2{display:flex;align-items:center;padding:10px 12px 0px 5px;position:relative;/* flex-direction:row;*/
 justify-content:space-between;align-content:flex-end;}

.item-left3{display:flex;flex-wrap:nowrap;font-size:12px;min-width:25px;
 color:#666;gap:5px;/* position:absolute;*/
 flex-direction:column;align-items:center;}

.numberList2{display:flex;justify-content:space-between;align-items:center;margin:0px 0px 16px 0px;border-radius:8px;width:120px;}

.filter-wrapper2 {
    display: flex
;
    gap: 6px;
    align-items: center;
    flex-direction: column-reverse;
}

/* ������ʽ */

/* ʱ���������� */
.timeList{display:flex;justify-content:space-between;align-items:center;margin:10px;border-radius:8px;}
.timeList2{display: flex ; justify-content: space-between; align-items: center; border-radius: 8px; padding-left: 16px; padding-bottom: 10px;}
.timeList .time{font-size: 12px;color:#666;}
.timeList2 .time{font-size: 12px;color:#666;}
.rulesRight{display:flex;gap:8px;}
.rulesbtn{padding:2px 8px;border:1px solid #0099ff;border-radius:20px;background-color:#ffffff80;color:#0A8FEA;text-decoration:none;font-size:12px;}

.numberList{display:flex;justify-content:space-between;align-items:center;margin: 0px 10px 16px 10px;border-radius:8px;width:100%;}

.tab-radio{display:none;}
.tab-group{display:flex;gap:10px;}
.tabNum { padding: 4px 8px; border-radius: 4px; transition: all 0.3sease; background-color: #f9f9f9; color: #666; font-size: 12px; cursor: pointer; }
/* ѡ��״̬��ʽ */
 .tab-radio:checked + .tabNum{background-color:#0A8FEA;color:white;box-shadow:0 2px 5px rgba(0,123,255,0.3);}
/* ѡ��״̬����ͣЧ�� */
 .tab-radio:checked + .tabNum:hover{background-color:#0A8FEA;}


.filter-wrapper{display:flex;gap:16px;align-items: center;}
.filter-container{display:flex;gap:8px;}
/* ����ԭ����ѡ�� */
 .filter-checkbox{position:absolute;opacity:0;width:0;height:0;}
.filter-option{flex:1;text-align:center;border-radius:3px;font-size:12px;background-color:#f5f5f5;color:#333;user-select:none;padding:4px 14px;}

/* ѡ��״̬��ʽ - ��ɫ������ɫ���� */
 .filter-checkbox:checked + .filter-option{background-color:#F9AF06;color:#ffffff;}
/* δѡ��״̬����ͣЧ�� */
 .filter-checkbox:not(:checked) + .filter-option:hover{background-color:#f9f9f9;}
/* ������2��ѡ����ʱ����������ѡ���ѡ������ */
 .filter-checkbox:checked ~ .filter-checkbox:checked ~ .filter-checkbox + .filter-option{cursor:not-allowed;opacity:0.6;}
/* ������ѡ�������ѡ��ʱ���Զ�ȡ����ѡ��״̬ */
 .filter-checkbox:checked ~ .filter-checkbox:checked ~ .filter-checkbox:checked + .filter-option{background-color:#f5f5f5;color:#333;}
 .result-text-blue{color:#0A8FEA;font-size: 13px;}
 .result-text-red{color:#F04545;font-size: 13px;}


.lockbottom { background: #f1f1f1; height: 6px; width: 120px; border-radius: 1000px; margin: 8px 0 20px 0; position: relative; cursor: pointer; }
.lockbottom .icon{}
.lockbottom .icon{background:#f1f1f1;border:4px solid #ffffff;width:24px;height:24px;position:absolute;left:50%;top:50%;border-radius:1000px;transform:translate(-50%,-50%);margin:0 auto;display:flex;justify-content:center;align-items:center;}
.lockbottom .icon img{width:18px;}

:root { --primary-bg: #f0f2f5; --primary-orange: #f0ad4e; --text-color-primary: #333; --text-color-secondary: #888; --card-bg: #fff; --border-color: #e0e0e0; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background-color: var(--primary-bg); color: var(--text-color-primary); font-size: 14px; }
.container { /*max-width: 420px; */margin: 0 auto; padding-bottom: 10px; /* Space for bottom nav */ }
.container3 { /* max-width: 420px; */ margin: 0 auto; padding-bottom: 10px; padding: 14px 24px 24px 24px; background-color: #eef7fc; color: #000; margin-top: -14px; }
.top-nav { display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; background-color: var(--card-bg); position: sticky; top: 0; z-index: 100; }
.tabs { display: flex; font-size: 20px; font-weight: bold; }
.tabs .tab { padding: 0 10px; color: var(--text-color-secondary); }
.tabs .tab.active { color: var(--text-color-primary); }
.top-icons { display: flex; gap: 20px; font-size: 22px; color: var(--text-color-secondary); }

.sub-nav { display: flex; padding: 10px 15px; background-color: var(--card-bg); border-bottom: 1px solid var(--border-color); }
.sub-nav .tab { padding: 0 15px; text-align: center; color: var(--text-color-secondary); }
.sub-nav .tab.active { color: var(--text-color-primary); font-weight: bold; }
.sub-nav .tab.active .indicator { display: block; width: 20px; height: 3px; background-color: var(--primary-orange); border-radius: 2px; margin: 4px auto 0; }

.content { padding: 5px; }

.subscription-card { background-color: var(--card-bg); border-radius: 8px; padding: 15px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.subscription-info h4 { margin: 0; font-size: 16px; }
.subscription-info h4 span { color: var(--primary-orange); }
.subscription-info p { margin: 5px 0 0; font-size: 12px; color: var(--text-color-secondary); }
.subscribe-btn { background-color: var(--primary-orange); color: white; border: none; border-radius: 15px; padding: 8px 18px; font-size: 14px; cursor: pointer; }

.header-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.header-bar .right-actions { display: flex; gap: 15px; }
.header-bar .action-btn { background: #e9eaec; color: var(--text-color-secondary); padding: 4px 10px; border-radius: 12px; font-size: 12px; position: relative; }
.action-btn .badge { position: absolute; top: -4px; right: -4px; background: red; color: white; font-size: 9px; line-height: 12px; width: 12px; height: 12px; border-radius: 50%; }

.sellendtime{line-height:30px;padding-left:5px;}
.sellendtime .issue { cursor:pointer;color:#333;text-decoration:none;}
.sellendtime .issue-on { color: blue; text-decoration: underline; text-decoration-color: blue; }

.match-scheme { border-radius: 8px; margin-bottom: 10px; }
.match-card { background: var(--card-bg);  margin-bottom: 1px; padding: 15px; position: relative; }
.match-card.locked .match-teams, .match-card.locked .match-result { filter: blur(4px); }
.match-result span { background-color: #EFEFEF ;padding:5px 10px;}
.match-result .choosewin { background-color: #ED4337 !important; color: #fff; }
.match-card .zucai-result { text-align: left; }
.match-result .steady-score { color: red; background-color: #fff; }
.match-result .upset-score { color: blue; background-color: #fff; }
.match-result .choose-me { background-color: #F0A128; color: #fff; }
.match-result .choose-me { background-color: #F0A128; color: #fff; }

.lock-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: var(--primary-orange); background: rgba(255,255,255,0.7); padding: 10px; border-radius: 8px; }
.lock-overlay .icon { font-size: 24px; }
.lock-overlay p { margin: 5px 0 0; font-size: 12px; font-weight: bold; }
.match-card-header { display: flex; align-items: center; font-size: 12px; color: var(--text-color-secondary); margin-bottom: 10px; }
.match-card-header .fav-icon { margin-right: 8px; }
.match-card-header .match-id { flex-grow: 1; }
.match-card-header .status { margin-left: 8px; }
.match-card-header .status.finished { color: var(--text-color-secondary); }
.match-teams { display: flex; align-items: center; justify-content: center; text-align: center; font-size: 16px; font-weight: 500; }
.team-name { flex: 1; }
.vs { margin: 0 15px; font-size: 14px; color: var(--text-color-secondary); }
.score { margin: 0 15px; font-size: 18px; font-weight: bold; color: red; }
.match-result { text-align: center; margin-top: 10px; font-size: 14px; }
.badge-2c1 { position: absolute; top: 10px; right: 10px; background: red; color: white; font-size: 10px; padding: 2px 5px; border-radius: 8px 8px 8px 0; }
.stamp { position: absolute; right: 15px; bottom: 35px; width: 50px; height: 50px; border: 2px solid red; border-radius: 50%; color: red; display: flex; align-items: center; justify-content: center; opacity: 0.5; transform: rotate(-15deg); font-size: 12px; }

.right-links{float:right;display:flex;align-items:center;}
.right-links .links-btn { border: 1px solid blue; color: blue; padding: 0px 10px; border-radius: 3px; position: relative; margin-left: 10px; line-height: 25px; cursor: pointer; text-decoration: none; }

.bottom-nav { position: fixed; bottom: 0; left: 0; right: 0; /*max-width: 420px; */ margin: 0 auto; display: flex; justify-content: space-around; background: var(--card-bg); border-top: 1px solid var(--border-color); padding: 5px 0; }
.nav-item { text-align: center; font-size: 10px; color: var(--text-color-secondary); }
.nav-item .icon { font-size: 24px; }
.nav-item.active { color: var(--text-color-primary); }


/* ֧������ */
.opvip-popu{ width:90%;background:#fff;position:fixed;top:0px;right:0px;bottom:0px;left:0px;border-radius:10px;box-shadow:0 0 15px var(--black30);z-index:100;margin: auto;height: min-content;}
.opvip-popu .title{font-size:16px;font-weight:bold;text-align:center;padding:10px;border-bottom:1px solid #efefef;}
.opvip-popu .closebtn{width:24px;height:24px;position:absolute;top:10px;right:10px;}
.opvip-popu .closebtn::before,.opvip-popu .closebtn::after{content:"";background:#bbb;width:80%;height:1px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);position:absolute;}
.opvip-popu .closebtn::after{transform:translate(-50%,-50%) rotate(-45deg);}
.opvip-popu .fixedBox{padding:16px;}
.opvip-popu .fixedBox .btn{width:calc(50% - 15px);background:linear-gradient(180deg,#FDEBB3,#FFFCF4);border:1px solid #F7DBA5;border-radius:12px;margin:5px;display:inline-block;cursor:pointer;vertical-align: top;}
.opvip-popu .fixedBox .DYdate{background:#765E37;color:#FFD77A;font-size:12px;line-height:18px;text-align:center;font-style:normal;width:max-content;padding:0 10px;margin:0 auto;border-radius:0 0 10px 10px;display:block;}
.opvip-popu .fixedBox .DY{color:#765E37;font-size:12px;text-align:center;border-top:1px solid #f4ebce;padding:5px;}
.opvip-popu .fixedBox .price{font-size:20px;font-weight:bold;text-align:center;padding:10px 0;}
.opvip-popu .fixedBox .price .unit{color:#666;font-size:12px;font-weight:normal;vertical-align:2px;}
.opvip-popu .fixedBox .price .del{text-decoration:line-through;}
.agree{color:#666;font-size:12px;text-align:center;margin:0 0 20px 0;}
.agree input{vertical-align:-2px;margin-right:2px;}
.agree a{color:#2885d1;}
.my-coin-yellow{color:#fb8c00;}
.payTipWin{font-size:14px;text-align:left;line-height:25px;padding:10px;}
.payTipWin .pay{font-size:16px;font-weight:bold;padding:6px 10px;margin-bottom:10px;border-radius:5px;}
.payTipWin .pay .QB{background:url(./images/QBpay.png)no-repeat left;color:#fb8c00;font-size:22px;font-weight:bold;padding-left:24px;margin-left:10px;float:right;}
.discount{color:#666;font-size:12px;float:right;}
.discount b{color:#bd6900;padding:0 2px;}
.layui-layer-btn .layui-layer-btn1{background-color:#b2b2b2;color:#fff;border-color:#b2b2b2;border-radius:4px;padding:0 30px;margin:0 auto;margin-left:10px;}
       #backgound{position:fixed;left:0px;top:0px;right:0px;bottom:0px;margin:auto; height:100vh;width:100%;background-color:#333;z-index:1;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}

.filter-option.choose-me {
    background-color: #F9AF06 !important;
    color: #fff;
}
.filter-option.choosewin {
    background-color: #ED4337 !important;
    color: #fff;
}

.filter-option.chooselose {
    background-color: #aaaaaa !important;
    color: #fff;
}

.tabNum.issue-on {
    background-color: #0A8FEA;
    color:#fff;
}
.no-data {
    color: #666;
    font-size: 14px;
    text-align: center;
    padding: 20px;
}

.no-data img {
    height: 100px;
    margin: 0 auto;
    display: block;
}

.rating { --percent: 0; /* 0 ~ 100 */ position: relative; display: inline-block; font-size: 15px; /* 控制星星大小 */ line-height: 1; letter-spacing: 0px; /* 星与星间距，before/after 保持一致即可 */ color: #fff; /* 未选中灰色 */ /*margin-right:-6px;*/}
.rating::before { content: "★★★★★"; }
.rating::after { content: "★★★★★"; position: absolute; inset: 0 auto auto 0; /* top:0; left:0; */ width: calc(var(--percent) * 1%); /* 百分比宽度裁切，自动形成半星效果 */ overflow: hidden; color: #ffb400; /* 选中颜色（可换为品牌色） */ white-space: nowrap; pointer-events: none; }
.dark .rating { color: #fff; }


.back-btn{ font-size: 16px; color: #fff; position: fixed; display: flex; background: #439bff; width: 100%; padding: 10px 20px 8px 20px; align-items: center; }

.icon-back{ background:url(/images/back-icon.svg) no-repeat center;background-size:100%;width:12px;height:24px;margin-right: 6px; }
.icon-tick{ background:url(/images/tick.png) no-repeat center;background-size:100%;width:18px;height:18px;margin-right: 6px; }

.statement{ font-size: 10px; color: #aaaaaa; line-height: 14px;  text-align: center;}

.ai-banner{ padding: 10px;display: flex;position: relative;width: 100%;border-radius: 10px;border-radius: 10px;overflow: hidden;box-sizing: border-box;}
.ai-banner img { width: 100%; height: auto; display: block; object-fit: cover; border-radius: 10px;}
.old-enter{position: absolute; left: 10px;width: 50px;height: 20px;display: none;}

.ai-more-btn{width:74px;height: 24px; position: absolute;right: 26px;top: 22px;cursor: pointer;}
.AI-group{display: flex;justify-content: space-between; background: #fff; margin: 10px; padding: 12px; border-radius: 8px;}
.left-part-logo{ background:url(/images/ai-group.svg) no-repeat center;background-size:100%;width: 117px; height: 24px; }
.left-part-logo2{ background:url(/images/ai-num.svg) no-repeat center;background-size:100%;width: 120px; height: 24px; }
.right-btn-part{display: flex;justify-content: center;}
.ai-group-btn{ align-items: center;
  justify-content: center;text-decoration: none;-webkit-tap-highlight-color: transparent;outline: none;border: none;border-radius: 100px;background: linear-gradient(95.94deg, #00aaff, #1c90ff); line-height: 16px; align-items: center; padding: 4px 8px;min-width: 48px;
 box-sizing: border-box; text-align: center; font-size: 12px; color: #fff;margin-right: 8px;} .ai-group-btn:last-child{margin-right: 0px;}

 .pop-out{     display: flex ; min-width: 352px; color: #141414; background-color: #fff; border-radius: 8px; position: fixed;  justify-content: center; margin: auto; flex-direction: column; align-items: center;z-index:3;left:0px;right:0px;top:0px;bottom:0px;height:min-content;width:90%; }
 .pop-out-title{font-size: 16px;font-weight: 600;line-height: 20px;padding: 16px; }
 .pop-out-content{font-size: 14px;line-height: 18px;margin: 0px 16px 16px 16px;}
 .pop-out-bottom{border-top: 0.5px solid #CCCCCC; color: #BFBFBF; font-size: 16px; line-height: 20px; width: 100%; text-align: center; padding: 16px 0;}
 .pop-out-bottom2{color: #141414;border-top: 0.5px solid #CCCCCC; font-size: 16px; line-height: 20px; width: 100%; text-align: center; padding: 16px 0;}
 a{ text-decoration: none; color: inherit;cursor:pointer; }
a:hover { text-decoration: underline; }

.pop-out2{ margin: auto;z-index:3;display: flex ; border-radius: 8px; justify-content: center; flex-direction: column; align-items: center; min-width: 352px; background: #fff; position: fixed;left:0px;right:0px;top:0px;bottom:0px;height:min-content;width:90%;}

.pop-out2Content{ display: flex
;
    /* min-width: 300px; */
    color: #141414;
    background: linear-gradient(180deg, #cfe8ff, #fff);
    border: 1px solid #fff;
    border-radius: 8px;
    justify-content: center;
    /* margin: auto; */
    flex-direction: column;
    align-items: center;
    /* height: min-content; */
    width: calc(100% - 42px);
    padding: 20px 20px 0px 20px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);}    

.top-title{background:url(/images/title-bg.svg) no-repeat center;background-size:100%;width: 266px; height: 18px;}     
.pop-out-content{ display: flex ; flex-direction: column;  border-radius: 10px; background-color: #fff;     /* padding: 18px 0px 6px 0px; */
    /* margin-top: 18px;*/}

.pop-out2-content{ display: flex ; flex-direction: column;  border-radius: 10px; background-color: #fff; padding: 18px 0px 6px 0px;margin-bottom: 16px;width: 100%;
    margin-top: 18px;}


.pop-out-content2{    
   color: #333;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    /* margin: 0px 16px 16px 16px; */
    display: flex
;
    flex-direction: row;
    align-items: center;
    margin-left: 18px;
    margin-bottom: 12px;
}    

.pop-out2-btn{align-items: center;
  justify-content: center;text-decoration: none;-webkit-tap-highlight-color: transparent;outline: none;border: none;border-radius: 100px;background: linear-gradient(95.94deg, #00aaff, #1c90ff); line-height: 20px; align-items: center; padding: 10px 20px;width: 100%;
 box-sizing: border-box; text-align: center; font-size: 16px; color: #fff;font-weight: 500;}

.text-cancel{text-align: center;font-size: 12px;color: #b5b5b5;line-height: 18px;margin:12px 0px 16px 0px;} 
.disclaimer { text-align: center; color: #9C9C9C ;margin-top:20px;}
.subscribeBox h3 {
    display: flex;
    flex-direction: row;
}
    .subscribeBox h3 .highlight {
        color: #FF6B42
    }


  .stars-wrapper {
            display: flex;
        }

        .Star {
    
    width: 14px;
    height: 14px;
    position: relative;
    color: #e0e0e0;      /* 灰色底星颜色 */
    font-size: 14px;
    line-height: 1;
}

       

        /* 底层白色星星（未填充部分） */
        .Star-bg {
            position: absolute;
            left: 0;
            top: 0;
            color: #fff;
        }

        /* 上层黄色星星（填充部分） */
        .Star-fill {
            position: absolute;
            left: 0;
            top: 0;
            color: #ffd700;
            overflow: hidden;
            width: 0; /* 默认不显示 */
            transition: width 0.3s ease;
        }

        /* 满星：黄色层宽度100% */
        .Star.full .Star-fill {
            width: 100%;
        }

        /* 半星：黄色层宽度50% */
        .Star.half .Star-fill {
            width: 50%;
        }

 .middle-line-text {
  text-decoration-line: line-through; 
  text-decoration-style: solid; 
  text-decoration-thickness: 1px; 
  color: #868686;
  font-weight: 400;
  font-size: 16px;
} 


.old-enter2{padding: 10px;
    display: flex
;
    position: relative;
    width: 100%;
    border-radius: 10px;
    box-sizing: border-box;}


 .old-enter2 img{border-radius: 6px;}   


 /* 免责声明 */
.disclaimer{background:#fff;font-size:12px;text-align:left;line-height:20px;border-radius:10px;margin:8px 0;padding-bottom:12px;}
.disclaimer h3{font-size: 16px; font-weight: bold; line-height: 22px; padding: 10px; margin: 0; border-bottom: 1px solid #eee; color: #141414;}
.disclaimer p{font-size:14px;padding:10px 0px 0 0px;margin:0 20px;}

.group-enter{      display: flex
;
    text-align: center;
    justify-content: center;
    padding: 0 10px 10px 10px;
    color: #F44336;
    font-size: 14px;
    font-weight: 600;}


 .group-enter a{text-decoration: none;}