/* 足球公告 H5 - 按用户参考图重排；保留原有素材与入口配置 */
:root{--ink:#082d78;--blue:#0878ed;--pink:#ed2479;--red:#ed273e;--gold:#ff9c19}
*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
body{color:var(--ink);overflow-x:hidden;background:#c9edff url("./assets/stadium-bg.jpg") center/cover fixed no-repeat}
.page{width:100%;min-height:100dvh;display:flex;justify-content:center;align-items:flex-start}
.poster{position:relative;width:min(100vw,832px);aspect-ratio:832/1806;height:auto;overflow:hidden;container-type:inline-size;isolation:isolate;background:url("./assets/stadium-bg.jpg") center/100% 100% no-repeat}
.header{position:absolute;z-index:2;left:0;top:0;width:100%;height:13.2%;overflow:hidden}
.announcement-banner{display:block;width:100%;height:100%;object-fit:fill}
.quick-nav{position:absolute;z-index:4;left:2.5%;top:13.55%;width:95%;height:3.55%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2%}
.quick-link{min-width:0;display:flex;align-items:center;justify-content:center;gap:4%;border: .42cqw solid #fff;border-radius:999px;text-decoration:none;color:#06429b;font-size:2.65cqw;font-weight:1000;white-space:nowrap;background:linear-gradient(180deg,#fff 0%,#d7efff 100%);box-shadow:0 .5cqw 1.2cqw #0059b944,inset 0 .25cqw .5cqw #fff}
.quick-link span{font-size:3.2cqw}
.quick-link.active{color:#fff;background:linear-gradient(110deg,#27c9ff,#0875f6 60%,#1649d9);box-shadow:0 0 1.3cqw #39dfff,inset 0 .3cqw .7cqw #ffffff88}
.panel{position:absolute;z-index:3;border:.55cqw solid rgba(255,255,255,.98);border-radius:3.2cqw;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(225,242,255,.94));box-shadow:0 .8cqw 2cqw rgba(0,76,170,.22),inset 0 .25cqw .7cqw rgba(255,255,255,.95);overflow:hidden}
.notice-panel{left:1.8%;top:18.1%;width:47.2%;height:53.6%;padding:1.1%}
.update-panel{left:49.7%;top:18.1%;width:48.5%;height:25.2%;padding:1.1%}
.stats-panel{left:49.7%;top:44.1%;width:48.5%;height:14.2%;padding:1.1%}
.activity-panel{left:49.7%;top:59%;width:48.5%;height:12.7%;padding:1.1%}
.panel-heading{position:relative;width:100%;height:13.5%;display:flex;align-items:center;gap:2.5%;padding:1.5% 3%;border-radius:2.5cqw}
.notice-heading{height:13.2%;background:linear-gradient(100deg,#bdeaff,#fff 53%,#9abfff);border-bottom:.7cqw solid #0879f3}
.update-heading{height:24%;background:linear-gradient(100deg,#ffc7d7,#fff1f5 52%,#1594f5);border-bottom:.7cqw solid #ff477c}
.heading-icon{flex:0 0 15%;width:15%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fff,#8ddcff);box-shadow:0 .4cqw 1cqw #0062d233;font-size:6cqw}
.flame{background:linear-gradient(145deg,#fff,#ffb9ca)}
.heading-copy{min-width:0;display:block}
.heading-copy strong{display:block;color:#0644a4;font-size:4.4cqw;line-height:1.15;font-weight:1000;white-space:nowrap}
.heading-copy small{display:block;margin-top:.7cqw;color:#3d79bb;font-size:1.55cqw;letter-spacing:.13cqw;font-weight:800;white-space:nowrap}
.update-heading .heading-copy strong{color:#cf164b;font-size:3.7cqw}
.update-heading .heading-copy small{font-size:1.45cqw}
.trend{margin-left:auto;color:#fff;font-size:8cqw;font-weight:1000;text-shadow:0 .5cqw 1cqw #146ed4}
.new-ribbon{position:absolute;right:-1%;top:-4%;padding:1% 8%;transform:rotate(43deg);background:#ff4050;color:#fff;font-size:2cqw;font-weight:1000}
.notice-content{height:85%;padding:3.8% 2.3% 1%;display:flex;flex-direction:column;justify-content:space-between;font-size:2.4cqw;line-height:1.7}
.notice-content h2{margin:0 0 2.2%;font-size:3.1cqw;font-weight:1000}
.intro{margin:0 0 3.4%;padding:0 1%;text-indent:2em;line-height:1.75}
.important-box{margin:0 0 3.4%;padding:0 3% 3%;border-radius:2.4cqw;background:linear-gradient(145deg,#fff0f3,#fff);box-shadow:0 .5cqw 1.2cqw #dc305324;overflow:hidden}
.important-box h3{display:flex;align-items:center;gap:3%;margin:0 -3.2% 2.4%;padding:2.4% 3%;color:#e61f3d;background:linear-gradient(90deg,#ffb9c6,#ffe0e7);font-size:3cqw;line-height:1.3}
.important-box h3 span{display:grid;place-items:center;width:6cqw;height:6cqw;border-radius:50%;color:#fff;background:linear-gradient(145deg,#ff7d88,#ed1738);font-size:4cqw}
.important-box ul{display:grid;gap:2.3%;margin:0;padding:0;list-style:none}
.important-box li{display:flex;align-items:flex-start;gap:2.5%;font-size:2.4cqw;line-height:1.55}
.important-box li i{flex:0 0 5.5cqw;width:5.5cqw;height:5.5cqw;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#ff7180,#ed1d3d);font-size:3.8cqw;font-style:normal;font-weight:1000;line-height:1}
.important-box li span{flex:1}
.thanks-box{overflow:hidden;border-radius:2.5cqw;color:#d91d45;background:linear-gradient(110deg,#fff0f4,#ffd9e7);box-shadow:0 .4cqw 1cqw #df477022}
.reminder-title{display:flex;align-items:center;gap:2%;padding:2.3% 3%;background:linear-gradient(90deg,#ffc1d0,#ffe0e8);font-size:3cqw}
.reminder-title span{font-size:5cqw}
.thanks-box p{margin:0;padding:2.5% 3.5%;font-size:2.45cqw;line-height:1.6}
.update-list{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));height:73%;margin:1.5% 1.5% 0;padding:0;list-style:none;counter-reset:update}
.update-list li{display:flex;align-items:center;gap:2.5%;min-height:0;border-bottom:.15cqw solid #498eda47;color:#09265f;font-size:2.5cqw;line-height:1.35;counter-increment:update}
.update-list li:last-child{border-bottom:0}
.update-list li:before{content:counter(update);flex:0 0 7.1cqw;width:7.1cqw;height:7.1cqw;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#ff775e,#ff9d13);font-size:4.1cqw;font-weight:1000;box-shadow:0 .35cqw .7cqw #eb682233}
.stats-title{display:flex;align-items:center;gap:3%;height:29%}
.stats-icon{flex:0 0 12%;width:12%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#27d6ff,#0759ee);font-size:6cqw;font-weight:1000;box-shadow:0 .4cqw 1cqw #0058dc40}
.stats-title strong{display:block;color:#073b9b;font-size:3.7cqw;line-height:1.1;font-weight:1000;white-space:nowrap}
.stats-title small{display:block;margin-top:.5cqw;color:#4b83c7;font-size:1.35cqw;letter-spacing:.12cqw;font-weight:800}
.stats-values{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2%;height:67%;margin-top:1%}
.stat-item{min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:5%;padding:1% 4%;border-radius:2.1cqw;background:linear-gradient(120deg,#fff,#e5f1ff);box-shadow:0 .3cqw .7cqw #3477b522}
.stat-item small{display:block;font-size:1.65cqw;white-space:nowrap}
.stat-item b{display:block;margin-top:.3cqw;color:#092d88;font-size:2.7cqw;line-height:1.1;white-space:nowrap}
.stat-symbol{flex:0 0 7cqw;width:7cqw;height:7cqw;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:5cqw;font-weight:1000}
.purple{background:linear-gradient(145deg,#bd55ff,#7127e8)}
.green{background:linear-gradient(145deg,#2de5a1,#00a875)}
.orange{background:linear-gradient(145deg,#ffc14d,#ff8611)}
.trend-up{color:#ff901b;background:#fff}
.stat-item b.status{color:#00a66e}
.activity-title{height:27%;display:flex;align-items:center;gap:2%;padding:0 3%;border-radius:999px;color:#fff;background:linear-gradient(100deg,#ff559b,#a51de2 75%,#5960ff)}
.activity-title>span{font-size:5.5cqw}
.activity-title strong{font-size:3.05cqw;white-space:nowrap}
.more-link{margin-left:auto;color:#fff;text-decoration:none;font-size:2.5cqw;font-weight:900}
.activity-rows{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:1.2%;height:68%;margin-top:2%}
.activity-row{display:flex;align-items:center;gap:2%;min-height:0;padding:0 2.5%;border-radius:1.8cqw;background:#ffffffe0;color:#10265c;font-size:2cqw;white-space:nowrap}
.activity-row b{color:#ffad17;font-size:3.2cqw}
.activity-row time{font-size:2.15cqw;font-weight:900}
.activity-row span{margin-left:auto;overflow:hidden;text-overflow:ellipsis}
.trust-strip{position:absolute;z-index:4;left:2%;top:73.2%;width:96%;height:5.2%;display:flex;align-items:center;gap:2%;padding:1%;border:.4cqw solid #fff;border-radius:3cqw;background:linear-gradient(100deg,#0789ff,#2529bd 54%,#d7f3ff);box-shadow:0 0 1.5cqw #1dbaffaa,inset 0 .3cqw .8cqw #ffffff77;color:#fff}
.trust-main{height:100%;display:flex;align-items:center;gap:2%;flex:1;min-width:0}
.trust-shield{flex:0 0 9cqw;width:9cqw;height:9cqw;display:grid;place-items:center;border:.5cqw solid #fff;border-radius:2cqw;background:linear-gradient(145deg,#4bcaff,#064acb);font-size:6cqw;font-weight:1000;box-shadow:0 .4cqw 1cqw #002b8a66}
.trust-main strong{font-size:2.8cqw;white-space:nowrap;text-shadow:0 .3cqw .5cqw #002b8a}
.trust-items{height:85%;display:grid;grid-template-columns:repeat(4,1fr);flex:1.15;background:#eaf7ff;border-radius:2cqw;color:#0649ad}
.trust-items span{display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:.2cqw solid #9dcdf2}
.trust-items b{font-size:3.4cqw;line-height:1.1}
.trust-items small{font-size:1.45cqw;font-weight:900;white-space:nowrap}
.actions{position:absolute;z-index:5;left:1.8%;top:79.1%;width:96.4%;height:7.3%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3%}
.action{min-width:0;display:flex;align-items:center;justify-content:center;gap:3%;padding:2%;border:.55cqw solid #fffffffa;border-radius:4.2cqw;color:#fff;text-decoration:none;box-shadow:0 .8cqw 1.5cqw #003d9147,inset 0 .6cqw 1cqw #ffffff66;overflow:hidden}
.account{background:linear-gradient(135deg,#36d9ff,#0877f4 62%,#1644d9)}
.download{background:linear-gradient(135deg,#ffe85b,#ff9d10 55%,#ff5b18)}
.service{background:linear-gradient(135deg,#ff7bd0,#f01e91 58%,#d50075)}
.action-symbol{flex:0 0 22%;width:22%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#ffffff33;font-size:6.5cqw;font-weight:1000}
.action-label{min-width:0}
.action-label strong{display:block;font-size:3.1cqw;line-height:1.2;white-space:nowrap}
.action-label small{display:block;margin-top:.8cqw;font-size:1.65cqw;white-space:nowrap}
.action-arrow{flex:0 0 5.8cqw;width:5.8cqw;height:5.8cqw;display:grid;place-items:center;border-radius:50%;color:#0870d8;background:#fff;font-size:4.8cqw;font-weight:1000;line-height:1}
.footer{position:absolute;z-index:5;left:0;top:87.8%;width:100%;color:#fff;text-align:center;font-size:2.7cqw;font-weight:900;text-shadow:0 .3cqw .8cqw #0754a5}
.notice-dialog{width:min(88vw,360px);border:2px solid #fff;border-radius:20px;padding:22px;color:#09265f;text-align:center;background:linear-gradient(145deg,#fff,#e8f5ff);box-shadow:0 15px 45px #00286e4d}
.notice-dialog::backdrop{background:#001e5080;backdrop-filter:blur(4px)}
.notice-dialog h2{margin:0 0 8px}.notice-dialog p{line-height:1.7}
.notice-dialog button{border:0;border-radius:999px;padding:10px 25px;color:#fff;background:linear-gradient(90deg,#168cff,#0755d8);font-weight:900}
@media(min-width:481px){body{background:#e8f5ff}.poster{width:min(608px,46.06dvh);max-width:832px}}
@media(max-width:380px){.quick-link{font-size:2.45cqw}.heading-copy strong{font-size:4.1cqw}.update-heading .heading-copy strong{font-size:3.45cqw}.action-label strong{font-size:2.9cqw}.trust-main strong{font-size:2.55cqw}}

/* =====================================================
   参考图质感增强补丁 V2
   保留现有布局，只增强高光、霓虹外发光、玻璃层次和按钮立体感
===================================================== */
.poster {
  background-color: #48bdf8;
  filter: saturate(1.08);
}

/* 卡片：白色厚边 + 冰蓝外发光 + 内部高光 */
.panel {
  isolation: isolate;
  border: .68cqw solid rgba(255,255,255,.99);
  background:
    linear-gradient(145deg,rgba(255,255,255,.985) 0%,rgba(242,250,255,.96) 45%,rgba(214,237,255,.94) 100%);
  box-shadow:
    0 0 .55cqw rgba(255,255,255,.98),
    0 0 1.35cqw rgba(80,208,255,.95),
    0 0 2.8cqw rgba(0,112,255,.54),
    0 .9cqw 1.8cqw rgba(0,49,143,.34),
    inset 0 .35cqw .8cqw rgba(255,255,255,1),
    inset 0 -.35cqw .8cqw rgba(72,170,255,.18);
}
.panel::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:.45cqw;
  border-radius:2.65cqw;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.42),transparent 28%,transparent 72%,rgba(95,190,255,.10));
  box-shadow:inset 0 0 .65cqw rgba(255,255,255,.75);
}
.panel > * { position:relative; z-index:1; }

/* 导航按钮：边缘亮线与蓝色霓虹 */
.quick-link {
  border: .5cqw solid rgba(255,255,255,1);
  background:linear-gradient(180deg,#ffffff 0%,#f3fbff 38%,#bfe5ff 100%);
  box-shadow:
    0 0 .45cqw rgba(255,255,255,1),
    0 0 1.2cqw rgba(81,211,255,.95),
    0 .55cqw 1.2cqw rgba(0,75,180,.38),
    inset 0 .35cqw .65cqw rgba(255,255,255,1),
    inset 0 -.35cqw .6cqw rgba(29,127,238,.16);
  text-shadow:0 .12cqw .25cqw rgba(255,255,255,.9);
}
.quick-link.active {
  border-color:#fff;
  background:linear-gradient(180deg,#46dfff 0%,#078cff 42%,#0754df 100%);
  box-shadow:
    0 0 .6cqw #fff,
    0 0 1.6cqw #47eaff,
    0 0 3cqw rgba(0,132,255,.95),
    0 .65cqw 1.2cqw rgba(0,47,160,.5),
    inset 0 .45cqw .8cqw rgba(255,255,255,.78),
    inset 0 -.45cqw .8cqw rgba(0,30,155,.25);
}

/* 卡片标题：更鲜明的色带、亮边和玻璃高光 */
.panel-heading {
  box-shadow:inset 0 .35cqw .75cqw rgba(255,255,255,.95),0 .25cqw .65cqw rgba(0,89,190,.12);
}
.notice-heading {
  background:linear-gradient(105deg,#9de4ff 0%,#fafdff 43%,#83b5ff 100%);
  border-bottom:.85cqw solid #0879f3;
  box-shadow:0 .35cqw .8cqw rgba(0,111,255,.35),inset 0 .4cqw .7cqw #fff;
}
.update-heading {
  background:linear-gradient(105deg,#ffb7cc 0%,#fff5f8 48%,#72caff 100%);
  border-bottom:.85cqw solid #ff477c;
  box-shadow:0 .35cqw .8cqw rgba(255,65,130,.28),inset 0 .4cqw .7cqw #fff;
}
.heading-icon {
  border: .25cqw solid rgba(255,255,255,.95);
  box-shadow:0 0 .55cqw rgba(255,255,255,.95),0 .45cqw 1.15cqw rgba(0,95,205,.35),inset 0 .3cqw .6cqw #fff;
  text-shadow:0 .15cqw .25cqw rgba(0,45,110,.25);
}
.flame {
  box-shadow:0 0 .55cqw rgba(255,255,255,.95),0 .45cqw 1.15cqw rgba(255,80,120,.32),inset 0 .3cqw .6cqw #fff;
}
.heading-copy strong { text-shadow:0 .18cqw .25cqw rgba(255,255,255,.85); }

/* 重要提示和温馨提醒：粉色玻璃卡片与柔和红光 */
.important-box {
  border:.28cqw solid rgba(255,255,255,.95);
  background:linear-gradient(145deg,#fff8fa 0%,#ffe8ee 48%,#fff 100%);
  box-shadow:0 .45cqw 1.25cqw rgba(255,55,100,.20),inset 0 .25cqw .55cqw #fff;
}
.important-box h3 {
  background:linear-gradient(90deg,#ff9eae 0%,#ffc8d3 52%,#ffe4eb 100%);
  text-shadow:0 .15cqw .25cqw rgba(255,255,255,.7);
}
.important-box h3 span,
.important-box li i {
  box-shadow:0 0 .4cqw rgba(255,255,255,.9),0 .35cqw .75cqw rgba(220,20,55,.28),inset 0 .25cqw .35cqw rgba(255,255,255,.35);
}
.thanks-box {
  border:.28cqw solid rgba(255,255,255,.95);
  background:linear-gradient(115deg,#ffeaf1 0%,#ffd2e1 52%,#fff0f5 100%);
  box-shadow:0 .45cqw 1.2cqw rgba(220,38,91,.2),inset 0 .3cqw .6cqw rgba(255,255,255,.95);
}
.reminder-title { background:linear-gradient(90deg,#ffb6ca,#ffe0e9); }

/* 更新序号：橙色立体圆章 */
.update-list li::before {
  background:radial-gradient(circle at 32% 22%,#ffc078 0%,#ff8b24 42%,#f45a16 100%);
  border:.22cqw solid rgba(255,255,255,.88);
  box-shadow:0 .35cqw .75cqw rgba(229,91,22,.3),inset 0 .25cqw .45cqw rgba(255,255,255,.5),inset 0 -.25cqw .4cqw rgba(165,52,0,.16);
  text-shadow:0 .18cqw .3cqw rgba(145,54,0,.25);
}

/* 运营数据小卡：白色浮层与彩色图标光晕 */
.stat-item {
  border:.25cqw solid rgba(255,255,255,.98);
  background:linear-gradient(135deg,#fff 0%,#f5fbff 48%,#dceeff 100%);
  box-shadow:0 .35cqw .85cqw rgba(0,70,160,.18),inset 0 .25cqw .55cqw #fff;
}
.stat-symbol {
  border:.22cqw solid rgba(255,255,255,.95);
  box-shadow:0 .35cqw .8cqw rgba(0,67,155,.2),inset 0 .25cqw .45cqw rgba(255,255,255,.45);
  text-shadow:0 .15cqw .25cqw rgba(0,35,100,.25);
}
.stats-icon {
  border:.28cqw solid #fff;
  box-shadow:0 0 .55cqw rgba(255,255,255,.9),0 .4cqw 1.2cqw rgba(0,88,220,.38),inset 0 .35cqw .6cqw rgba(255,255,255,.4);
}

/* 平台动态：紫粉渐变发光标题条 */
.activity-title {
  border:.25cqw solid rgba(255,255,255,.95);
  background:linear-gradient(100deg,#ff4e9a 0%,#d21be8 52%,#565cff 100%);
  box-shadow:0 0 .55cqw rgba(255,255,255,.95),0 .35cqw 1.1cqw rgba(166,25,216,.4),inset 0 .35cqw .55cqw rgba(255,255,255,.38);
  text-shadow:0 .18cqw .35cqw rgba(75,0,110,.32);
}
.activity-row {
  border-bottom:.18cqw solid rgba(80,151,220,.3);
  background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(238,248,255,.94));
  box-shadow:inset 0 .18cqw .35cqw rgba(255,255,255,.95);
}

/* 安全保障横幅：亮蓝霓虹边与玻璃内层 */
.trust-strip {
  border:.55cqw solid #fff;
  background:linear-gradient(100deg,#09caff 0%,#0757ec 38%,#2922b7 68%,#b9eaff 100%);
  box-shadow:0 0 .65cqw #fff,0 0 1.7cqw #24bfff,0 .75cqw 1.5cqw rgba(0,39,145,.45),inset 0 .45cqw .9cqw rgba(255,255,255,.72),inset 0 -.35cqw .7cqw rgba(0,27,145,.25);
}
.trust-shield {
  border:.55cqw solid #fff;
  box-shadow:0 0 .55cqw #fff,0 .5cqw 1cqw rgba(0,25,130,.45),inset 0 .35cqw .65cqw rgba(255,255,255,.65);
}
.trust-items {
  border:.28cqw solid #fff;
  background:linear-gradient(180deg,#fff,#cceaff);
  box-shadow:inset 0 .25cqw .55cqw #fff,0 .25cqw .6cqw rgba(0,50,130,.18);
}

/* 底部功能按钮：加强白色描边、霓虹外光和顶部反光 */
.action {
  position:relative;
  border:.72cqw solid #fff;
  box-shadow:
    0 0 .55cqw rgba(255,255,255,1),
    0 0 1.4cqw rgba(73,209,255,.88),
    0 .85cqw 1.6cqw rgba(0,45,145,.42),
    inset 0 .65cqw 1.1cqw rgba(255,255,255,.58),
    inset 0 -.45cqw .8cqw rgba(0,30,120,.18);
}
.action::before {
  content:"";
  position:absolute;
  left:3%;right:3%;top:3%;height:35%;
  border-radius:999px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,0));
}
.account { box-shadow:0 0 .55cqw #fff,0 0 1.7cqw #29caff,0 .85cqw 1.6cqw rgba(0,45,145,.42),inset 0 .65cqw 1.1cqw #ffffff88; }
.download { box-shadow:0 0 .55cqw #fff,0 0 1.7cqw #ffd65a,0 .85cqw 1.6cqw rgba(145,65,0,.35),inset 0 .65cqw 1.1cqw #ffffff88; }
.service { box-shadow:0 0 .55cqw #fff,0 0 1.7cqw #ff68c9,0 .85cqw 1.6cqw rgba(145,0,85,.35),inset 0 .65cqw 1.1cqw #ffffff88; }
.action-symbol { border:.25cqw solid rgba(255,255,255,.65); box-shadow:inset 0 .3cqw .6cqw rgba(255,255,255,.4),0 .25cqw .6cqw rgba(0,30,110,.18); }
.action-arrow { box-shadow:0 .25cqw .55cqw rgba(0,35,110,.28),inset 0 .2cqw .35cqw #fff; }

.footer { text-shadow:0 .25cqw .45cqw #0754a5,0 0 .9cqw rgba(255,255,255,.85); }

/* 手机窄屏仍保持比例，不让霓虹阴影撑开画布 */
@media(max-width:380px){
  .panel { box-shadow:0 0 .4cqw #fff,0 0 1.1cqw rgba(80,208,255,.9),0 0 2.2cqw rgba(0,112,255,.48),0 .7cqw 1.4cqw rgba(0,49,143,.3),inset 0 .3cqw .65cqw #fff; }
}


/* =====================================================
   平台保障横幅：按用户提供的 427×56 原图还原
   使用原图，确保盾牌、文字、图标、金色麦穗和霓虹光效一致
===================================================== */
.trust-strip{
    position:absolute;
    z-index:4;
    left:1.2%;
    top:73.15%;
    width:97.6%;
    height:auto;
    aspect-ratio:427 / 56;
    display:block;
    padding:0;
    margin:0;
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:inherit;
}
.trust-strip img{
    display:block;
    width:100%;
    height:100%;
    object-fit:fill;
    filter:drop-shadow(0 0 .65cqw rgba(0,180,255,.65));
}
@media(max-width:480px){
    .trust-strip{
        left:1.2%;
        width:97.6%;
        top:73.15%;
    }
}


/* 运营数据：两个并排的大卡片 */
.stats-values-two{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:1fr;
    gap:2.5%;
    height:65%;
    margin-top:2%;
}
.stats-values-two .stat-item-large{
    min-width:0;
    min-height:0;
    justify-content:center;
    gap:7%;
    padding:3% 4%;
    border:.28cqw solid rgba(255,255,255,.98);
    border-radius:2.5cqw;
    background:linear-gradient(135deg,#ffffff 0%,#edf7ff 58%,#d9edff 100%);
    box-shadow:
        0 .55cqw 1.2cqw rgba(23,103,190,.18),
        inset 0 .35cqw .7cqw rgba(255,255,255,.98);
}
.stats-values-two .stat-symbol{
    flex:0 0 10cqw;
    width:10cqw;
    height:10cqw;
    font-size:6cqw;
    box-shadow:0 .45cqw 1cqw rgba(0,72,170,.2), inset 0 .25cqw .5cqw rgba(255,255,255,.3);
}
.stats-values-two .stat-copy{
    min-width:0;
}
.stats-values-two .stat-item small{
    font-size:2.05cqw;
    font-weight:800;
    color:#315b91;
}
.stats-values-two .stat-item b{
    margin-top:.8cqw;
    font-size:2.65cqw;
    color:#073b9b;
    white-space:nowrap;
}
@media(max-width:380px){
    .stats-values-two .stat-symbol{
        flex-basis:8.2cqw;
        width:8.2cqw;
        height:8.2cqw;
        font-size:5cqw;
    }
    .stats-values-two .stat-item small{font-size:1.9cqw}
    .stats-values-two .stat-item b{font-size:2.35cqw}
}


/* =====================================================
   运营数据双卡片美化修正
   修复窄屏文字溢出、图标过大和内容拥挤
===================================================== */
.stats-panel{
    padding:1.25%;
}
.stats-panel .stats-title{
    height:30%;
    gap:2.2%;
}
.stats-panel .stats-values-two{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:minmax(0,1fr);
    gap:2.2%;
    width:100%;
    height:64%;
    margin-top:1.2%;
}
.stats-panel .stats-values-two .stat-item-large{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:3%;
    min-width:0;
    min-height:0;
    padding:2% 2.5%;
    overflow:hidden;
    border:.28cqw solid rgba(255,255,255,.98);
    border-radius:2.35cqw;
    background:
        radial-gradient(circle at 18% 12%,rgba(255,255,255,.98),transparent 48%),
        linear-gradient(135deg,#ffffff 0%,#eff8ff 56%,#dcefff 100%);
    box-shadow:
        0 .45cqw 1.15cqw rgba(24,103,190,.19),
        inset 0 .35cqw .65cqw rgba(255,255,255,.98);
}
.stats-panel .stats-values-two .stat-symbol{
    flex:0 0 7.8cqw;
    width:7.8cqw;
    height:7.8cqw;
    max-width:7.8cqw;
    display:grid;
    place-items:center;
    border-radius:50%;
    font-size:4.7cqw;
    line-height:1;
    box-shadow:
        0 .45cqw .85cqw rgba(0,61,145,.2),
        inset 0 .25cqw .55cqw rgba(255,255,255,.34);
}
.stats-panel .stats-values-two .stat-copy{
    display:flex;
    flex:1 1 0;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    min-width:0;
    overflow:hidden;
}
.stats-panel .stats-values-two .stat-copy small{
    display:block;
    width:100%;
    color:#315b91;
    font-size:1.8cqw;
    line-height:1.3;
    font-weight:900;
    white-space:normal;
    overflow-wrap:anywhere;
}
.stats-panel .stats-values-two .stat-copy b{
    display:block;
    max-width:100%;
    margin-top:.65cqw;
    color:#073b9b;
    font-size:2.05cqw;
    line-height:1.2;
    font-weight:1000;
    white-space:normal;
    overflow-wrap:anywhere;
}
.stats-panel .stats-values-two .purple{
    background:linear-gradient(145deg,#c65aff,#8127e9 72%,#6620ce);
}
.stats-panel .stats-values-two .green{
    background:linear-gradient(145deg,#31e5ae,#00b77c 72%,#009b69);
}
@media(max-width:380px){
    .stats-panel .stats-values-two .stat-item-large{
        gap:2%;
        padding-left:1.5%;
        padding-right:1.5%;
    }
    .stats-panel .stats-values-two .stat-symbol{
        flex-basis:7cqw;
        width:7cqw;
        height:7cqw;
        font-size:4.2cqw;
    }
    .stats-panel .stats-values-two .stat-copy small{
        font-size:1.7cqw;
    }
    .stats-panel .stats-values-two .stat-copy b{
        font-size:1.9cqw;
    }
}


/* =====================================================
   运营数据区域：压缩上下留白 + 强化彩色文字
===================================================== */
.stats-panel{
    padding: .8% 1.15% 1.05%;
}
.stats-panel .stats-title{
    height:25%;
    gap:2%;
    margin:0;
    align-items:center;
}
.stats-panel .stats-icon{
    flex-basis:18%;
    width:11%;
    font-size:5.6cqw;
}
.stats-panel .stats-title strong{
    font-size:3.85cqw;
    line-height:1.05;
}
.stats-panel .stats-title small{
    margin-top:.25cqw;
    font-size:1.45cqw;
}
.stats-panel .stats-values-two{
    height:72%;
    margin-top:.45%;
    gap:2%;
    align-items:stretch;
}
.stats-panel .stats-values-two .stat-item-large{
    justify-content:flex-start;
    gap:4%;
    padding:2% 3%;
    border-radius:2.25cqw;
}
.stats-panel .stats-values-two .stat-symbol{
    flex:0 0 8.1cqw;
    width:8.1cqw;
    height:8.1cqw;
    font-size:4.8cqw;
}
.stats-panel .stats-values-two .stat-copy{
    justify-content:center;
    gap:.45cqw;
}
.stats-panel .stats-values-two .stat-copy small{
    font-size:2.15cqw;
    line-height:1.25;
    font-weight:1000;
    white-space:nowrap;
}
.stats-panel .stats-values-two .stat-item:first-child .stat-copy small{
    color:#7730d5;
    text-shadow:0 .12cqw .3cqw rgba(126,42,218,.18);
}
.stats-panel .stats-values-two .stat-item:last-child .stat-copy small{
    color:#009d70;
    text-shadow:0 .12cqw .3cqw rgba(0,157,112,.18);
}
.stats-panel .stats-values-two .stat-copy b{
    margin-top:.25cqw;
    font-size:2.25cqw;
    line-height:1.18;
    font-weight:1000;
    letter-spacing:.02cqw;
    white-space:nowrap;
}
.stats-panel .stats-values-two .stat-item:first-child .stat-copy b{
    color:#5c28bb;
    text-shadow:0 .15cqw .35cqw rgba(92,40,187,.15);
}
.stats-panel .stats-values-two .stat-item:last-child .stat-copy b{
    color:#008d66;
    text-shadow:0 .15cqw .35cqw rgba(0,141,102,.15);
}
@media(max-width:380px){
    .stats-panel .stats-title{height:24%}
    .stats-panel .stats-values-two{height:73%;margin-top:.35%}
    .stats-panel .stats-values-two .stat-item-large{gap:3%;padding:1.5% 2%}
    .stats-panel .stats-values-two .stat-symbol{
        flex-basis:7.3cqw;width:7.3cqw;height:7.3cqw;font-size:4.3cqw
    }
    .stats-panel .stats-values-two .stat-copy small{font-size:2.0cqw}
    .stats-panel .stats-values-two .stat-copy b{font-size:2.05cqw}
}


/* 双数据卡片：将“已转移人数 / 已获取彩金人数”放入卡片顶部红框位置 */
.stats-panel .stats-values-two .stat-item-large{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:2%;
    padding:2.2% 3%;
}
.stats-panel .stats-values-two .stat-label-box{
    flex:0 0 28%;
    min-height:28%;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    border:.55cqw solid #ff4545;
    border-radius:1.25cqw;
    background:linear-gradient(180deg,#fff 0%,#f5faff 100%);
    font-size:2.15cqw;
    line-height:1.1;
    font-weight:1000;
    white-space:nowrap;
    text-align:center;
    box-shadow:0 .25cqw .55cqw rgba(255,53,53,.12),inset 0 .2cqw .35cqw rgba(255,255,255,.95);
}
.stats-panel .stats-values-two .purple-label{
    color:#752bd4;
}
.stats-panel .stats-values-two .green-label{
    color:#009e70;
}
.stats-panel .stats-values-two .stat-detail{
    flex:1 1 auto;
    min-height:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5%;
}
.stats-panel .stats-values-two .stat-detail .stat-symbol{
    flex:0 0 7.6cqw;
    width:7.6cqw;
    height:7.6cqw;
    font-size:4.6cqw;
}
.stats-panel .stats-values-two .stat-value{
    min-width:0;
    font-size:2.0cqw;
    line-height:1.2;
    font-weight:1000;
    white-space:nowrap;
}
.stats-panel .stats-values-two .purple-value{color:#6125bc}
.stats-panel .stats-values-two .green-value{color:#008c65}
@media(max-width:380px){
    .stats-panel .stats-values-two .stat-label-box{
        font-size:2.05cqw;
        border-width:.5cqw;
    }
    .stats-panel .stats-values-two .stat-detail .stat-symbol{
        flex-basis:7cqw;width:7cqw;height:7cqw;font-size:4.2cqw;
    }
    .stats-panel .stats-values-two .stat-value{font-size:1.9cqw}
}


/* =====================================================
   运营数据双卡片最终文字优化：去除红框，统一字号层级
===================================================== */
.stats-panel .stats-values-two .stat-item-large{
    gap:1.5%;
    padding:3% 3.5% 2.5%;
}
.stats-panel .stats-values-two .stat-label-box{
    flex:0 0 auto;
    min-height:0;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:6.5% 0 0.5%;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:3cqw;
    line-height:1.5;
    font-weight:1000;
    letter-spacing:.02em;
    white-space:nowrap;
    text-align:center;
}
.stats-panel .stats-values-two .purple-label{
    color:#7430d8;
    text-shadow:0 .18cqw .45cqw rgba(116,48,216,.18);
}
.stats-panel .stats-values-two .green-label{
    color:#009b70;
    text-shadow:0 .18cqw .45cqw rgba(0,155,112,.18);
}
.stats-panel .stats-values-two .stat-detail{
    flex:1 1 auto;
    min-height:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5%;
}
.stats-panel .stats-values-two .stat-detail .stat-symbol{
    flex:0 0 8.2cqw;
    width:8.2cqw;
    height:8.2cqw;
    font-size:4.9cqw;
}
.stats-panel .stats-values-two .stat-value{
    min-width:0;
    font-size:2.45cqw;
    line-height:1.25;
    font-weight:1000;
    letter-spacing:.015em;
    white-space:nowrap;
}
.stats-panel .stats-values-two .purple-value{
    color:#6125bc;
    text-shadow:0 .16cqw .4cqw rgba(97,37,188,.15);
}
.stats-panel .stats-values-two .green-value{
    color:#008b64;
    text-shadow:0 .16cqw .4cqw rgba(0,139,100,.15);
}
@media(max-width:380px){
    .stats-panel .stats-values-two .stat-item-large{
        padding:3% 2.5% 2%;
    }
    .stats-panel .stats-values-two .stat-label-box{
        font-size:2.55cqw;
        padding-bottom:2%;
    }
    .stats-panel .stats-values-two .stat-detail{
        gap:3%;
    }
    .stats-panel .stats-values-two .stat-detail .stat-symbol{
        flex-basis:7.6cqw;
        width:7.6cqw;
        height:7.6cqw;
        font-size:4.5cqw;
    }
    .stats-panel .stats-values-two .stat-value{
        font-size:2.25cqw;
    }
}


/* =====================================================
   平台保障横幅：恢复为之前的 CSS 原生霓虹保障条
   不再依赖 trust-strip.png，避免图片缺失显示 alt 文本
===================================================== */
.trust-strip{
    position:absolute;
    z-index:4;
    left:2%;
    top:73.2%;
    width:96%;
    height:5.2%;
    display:flex;
    align-items:center;
    gap:2%;
    padding:1%;
    overflow:hidden;
    border:.55cqw solid #fff;
    border-radius:3cqw;
    background:linear-gradient(100deg,#078dff 0%,#0757e9 42%,#2922b7 70%,#c8edff 100%);
    box-shadow:
      0 0 .65cqw #fff,
      0 0 1.7cqw #24bfff,
      0 .75cqw 1.5cqw rgba(0,39,145,.42),
      inset 0 .45cqw .9cqw rgba(255,255,255,.72),
      inset 0 -.35cqw .7cqw rgba(0,27,145,.25);
    color:#fff;
}
.trust-strip img{display:none}
.trust-main{
    height:100%;
    display:flex;
    align-items:center;
    gap:2%;
    flex:1 1 58%;
    min-width:0;
}
.trust-shield{
    flex:0 0 9cqw;
    width:9cqw;
    height:9cqw;
    display:grid;
    place-items:center;
    border:.55cqw solid #fff;
    border-radius:2cqw;
    color:#fff;
    background:linear-gradient(145deg,#4bcaff,#064acb);
    font-size:6cqw;
    font-weight:1000;
    text-shadow:0 .2cqw .5cqw #0345b8;
    box-shadow:
      0 0 .55cqw #fff,
      0 .5cqw 1cqw rgba(0,25,130,.45),
      inset 0 .35cqw .65cqw rgba(255,255,255,.65);
}
.trust-main strong{
    display:block;
    color:#fff;
    font-size:2.8cqw;
    line-height:1.15;
    font-weight:1000;
    white-space:nowrap;
    text-shadow:0 .3cqw .5cqw #002b8a;
}
.trust-items{
    height:85%;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    flex:1 1 42%;
    min-width:0;
    border:.28cqw solid #fff;
    border-radius:2cqw;
    color:#0649ad;
    background:linear-gradient(180deg,#fff,#cceaff);
    box-shadow:
      inset 0 .25cqw .55cqw #fff,
      0 .25cqw .6cqw rgba(0,50,130,.18);
}
.trust-items span{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:.15cqw;
    border-left:.2cqw solid #9dcdf2;
}
.trust-items span:first-child{border-left:0}
.trust-items b{
    display:block;
    color:#0755c9;
    font-size:3.4cqw;
    line-height:1;
    text-shadow:0 .15cqw .3cqw rgba(0,76,190,.2);
}
.trust-items small{
    display:block;
    color:#0649ad;
    font-size:1.45cqw;
    line-height:1.1;
    font-weight:1000;
    white-space:nowrap;
}
@media(max-width:480px){
    .trust-strip{
        left:2%;
        top:73.2%;
        width:96%;
        height:5.2%;
        padding:.9%;
    }
    .trust-main{flex-basis:58%}
    .trust-items{flex-basis:42%}
}


/* =====================================================
   平台保障横幅 - 精致霓虹 UI
   仅美化此区域，不改变其他版面和功能
===================================================== */
.trust-strip{
    position:absolute;
    z-index:4;
    left:1.7%;
    top:73.05%;
    width:96.6%;
    height:5.45%;
    display:flex;
    align-items:center;
    gap:1.8%;
    padding:.75% 1.05%;
    overflow:hidden;
    border:.48cqw solid rgba(255,255,255,.98);
    border-radius:3.1cqw;
    background:
      radial-gradient(ellipse at 8% 0%,rgba(113,230,255,.45),transparent 36%),
      radial-gradient(ellipse at 95% 100%,rgba(122,188,255,.38),transparent 34%),
      linear-gradient(105deg,#087fff 0%,#0754e7 38%,#1e2bbd 70%,#0876df 100%);
    box-shadow:
      0 0 .55cqw rgba(255,255,255,.95),
      0 0 1.35cqw rgba(28,194,255,.9),
      0 .7cqw 1.45cqw rgba(0,40,145,.35),
      inset 0 .35cqw .75cqw rgba(255,255,255,.55),
      inset 0 -.35cqw .65cqw rgba(0,26,123,.32);
    color:#fff;
}
.trust-strip::before{
    content:"";
    position:absolute;
    inset:.55cqw;
    border:.18cqw solid rgba(177,237,255,.5);
    border-radius:2.45cqw;
    pointer-events:none;
    box-shadow:inset 0 0 .5cqw rgba(255,255,255,.22);
}
.trust-strip::after{
    content:"";
    position:absolute;
    top:-45%;
    left:18%;
    width:30%;
    height:190%;
    transform:rotate(24deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
    pointer-events:none;
}
.trust-main{
    position:relative;
    z-index:1;
    height:100%;
    display:flex;
    align-items:center;
    gap:2.1%;
    flex:1 1 59%;
    min-width:0;
}
.trust-shield{
    position:relative;
    flex:0 0 9.1cqw;
    width:9.1cqw;
    height:9.1cqw;
    display:grid;
    place-items:center;
    border:.48cqw solid #fff;
    border-radius:2.05cqw;
    background:linear-gradient(145deg,#62dcff 0%,#1688ff 48%,#0750cf 100%);
    box-shadow:
      0 0 .55cqw rgba(255,255,255,.95),
      0 .45cqw .9cqw rgba(0,25,120,.45),
      inset 0 .45cqw .65cqw rgba(255,255,255,.58),
      inset 0 -.35cqw .5cqw rgba(0,33,151,.28);
}
.trust-shield i{
    color:#fff;
    font-size:6.3cqw;
    line-height:1;
    font-style:normal;
    font-weight:1000;
    text-shadow:0 .22cqw .45cqw rgba(0,42,155,.65);
}
.trust-main strong{
    display:block;
    color:#fff;
    font-size:2.85cqw;
    line-height:1.12;
    font-weight:1000;
    letter-spacing:.015em;
    white-space:nowrap;
    text-shadow:
      0 .2cqw .35cqw rgba(0,32,130,.7),
      0 0 .65cqw rgba(255,255,255,.22);
}
.trust-items{
    position:relative;
    z-index:1;
    height:88%;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    flex:1 1 41%;
    min-width:0;
    overflow:hidden;
    border:.3cqw solid rgba(255,255,255,.98);
    border-radius:2.05cqw;
    color:#0750ae;
    background:linear-gradient(180deg,#ffffff 0%,#eaf8ff 55%,#c9eaff 100%);
    box-shadow:
      0 .3cqw .75cqw rgba(0,31,125,.23),
      inset 0 .3cqw .55cqw rgba(255,255,255,.98),
      inset 0 -.2cqw .35cqw rgba(66,153,228,.18);
}
.trust-items span{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:.35cqw;
    border-left:.2cqw solid rgba(83,161,226,.45);
}
.trust-items span:first-child{border-left:0}
.trust-items b.trust-icon{
    width:4.2cqw;
    height:4.2cqw;
    display:grid;
    place-items:center;
    color:#0757c9;
    filter:drop-shadow(0 .15cqw .2cqw rgba(0,65,160,.18));
}
.trust-items b.trust-icon svg{
    display:block;
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.trust-items b.trust-icon-gold{color:#f4a900}
.trust-items small{
    display:block;
    color:#0649ad;
    font-size:1.48cqw;
    line-height:1.1;
    font-weight:1000;
    white-space:nowrap;
    text-shadow:0 .1cqw .2cqw rgba(0,72,170,.12);
}
@media(max-width:480px){
    .trust-strip{
        left:1.7%;
        top:73.05%;
        width:96.6%;
        height:5.45%;
        padding:.75% 1.05%;
    }
    .trust-main{flex-basis:59%;gap:2%}
    .trust-items{flex-basis:41%}
}
@media(max-width:360px){
    .trust-main strong{font-size:2.65cqw}
    .trust-shield{flex-basis:8.5cqw;width:8.5cqw;height:8.5cqw}
    .trust-items b.trust-icon{width:3.9cqw;height:3.9cqw}
    .trust-items small{font-size:1.35cqw}
}


/* =====================================================
   底部区域比例协调优化
   保障横幅、三个入口按钮、版权文字统一比例
===================================================== */

/* 保障横幅：压低视觉厚度，标题与右侧四项重新分配 */
.trust-strip{
    left:2%;
    top:73.15%;
    width:96%;
    height:5.05%;
    gap:1.5%;
    padding:.65% .9%;
    border-radius:2.8cqw;
    box-shadow:
      0 0 .4cqw rgba(255,255,255,.95),
      0 0 1.05cqw rgba(28,194,255,.78),
      0 .5cqw 1.1cqw rgba(0,40,145,.3),
      inset 0 .28cqw .6cqw rgba(255,255,255,.52),
      inset 0 -.25cqw .5cqw rgba(0,26,123,.26);
}
.trust-strip::before{inset:.45cqw;border-radius:2.2cqw}
.trust-main{flex:0 0 57%;gap:2.2%}
.trust-shield{
    flex:0 0 8.1cqw;
    width:8.1cqw;
    height:8.1cqw;
    border-radius:1.8cqw;
}
.trust-shield i{font-size:5.6cqw}
.trust-main strong{
    font-size:3.65cqw;
    letter-spacing:0;
}
.trust-items{
    flex:1 1 43%;
    height:86%;
    border-radius:1.8cqw;
}
.trust-items span{gap:.2cqw}
.trust-items b.trust-icon{width:3.55cqw;height:3.55cqw}
.trust-items small{font-size:1.35cqw}

/* 三个入口按钮：减少厚重感，统一图标、文字和箭头的比例 */
.actions{
    left:2%;
    top:79.0%;
    width:96%;
    height:6.65%;
    gap:1.55%;
}
.action{
    gap:2.2%;
    padding:1.6% 2%;
    border-width:.42cqw;
    border-radius:3.5cqw;
    box-shadow:
      0 .55cqw 1.1cqw rgba(0,45,120,.28),
      inset 0 .4cqw .75cqw rgba(255,255,255,.56),
      inset 0 -.25cqw .45cqw rgba(0,32,100,.12);
}
.action-symbol{
    flex:0 0 30%;
    width:100%;
    font-size:5.3cqw;
    background:rgba(255,255,255,.25);
    box-shadow:inset 0 .2cqw .35cqw rgba(255,255,255,.3);
}
.action-label{flex:1 1 auto;min-width:0}
.action-label strong{
    font-size:3.2cqw;
    line-height:1.15;
    letter-spacing:0;
}
.action-label small{
    margin-top:.55cqw;
    font-size:2cqw;
    line-height:1.15;
}
.action-arrow{
    flex:0 0 5.1cqw;
    width:5.1cqw;
    height:5.1cqw;
    font-size:4.1cqw;
    box-shadow:0 .2cqw .45cqw rgba(0,35,100,.2);
}

/* 版权：与按钮留出距离，避免压在装饰素材上显得拥挤 */
.footer{
    top:86.35%;
    width:100%;
    font-size:2.45cqw;
    line-height:1.25;
    letter-spacing:.01em;
    text-shadow:
      0 .18cqw .35cqw rgba(0,38,100,.95),
      0 .35cqw .8cqw rgba(0,48,140,.7),
      0 0 .35cqw rgba(255,255,255,.45);
}

/* 极窄屏时优先保证文字完整 */
@media(max-width:380px){
    .trust-main{flex-basis:56%}
    .trust-main strong{font-size:2.5cqw}
    .trust-shield{flex-basis:7.7cqw;width:7.7cqw;height:7.7cqw}
    .trust-items{flex-basis:44%}
    .trust-items b.trust-icon{width:3.35cqw;height:3.35cqw}
    .trust-items small{font-size:1.25cqw}
    .action{gap:1.7%;padding:1.4%}
    .action-symbol{flex-basis:17%;width:17%;font-size:5cqw}
    .action-label strong{font-size:2.6cqw}
    .action-label small{font-size:1.35cqw}
    .action-arrow{flex-basis:4.7cqw;width:4.7cqw;height:4.7cqw}
    .footer{font-size:2.3cqw}
}


/* ===== APP下载弹窗按钮 ===== */

.dialog-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 18px 0;
}

.dialog-option {
    width: 100%;
    min-height: 48px;
    border: 2px solid #fff;
    border-radius: 14px;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
    box-shadow:
        0 4px 12px rgba(0, 75, 160, .2),
        inset 0 2px 5px rgba(255,255,255,.4);
}

.android-option {
    background: linear-gradient(
        135deg,
        #45dc9a,
        #00a96d
    );
}

.ios-option {
    background: linear-gradient(
        135deg,
        #55baff,
        #0757dc
    );
}

.dialog-option:active {
    transform: scale(.98);
}


/* ===== 安卓苹果标准图标 ===== */

.dialog-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 18px 0;
}

.dialog-option {
    width: 100%;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 2px solid #fff;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
    box-shadow:
        0 4px 12px rgba(0,75,160,.2),
        inset 0 2px 5px rgba(255,255,255,.4);
}

.android-option {
    background: linear-gradient(135deg,#249aff,#0758df);
}

.ios-option {
    background: linear-gradient(135deg,#249aff,#0758df);
}

.download-brand-icon {
    display: block;
    width: 23px;
    height: 23px;
    flex-shrink: 0;
    color: #fff;
}

.dialog-option:active {
    transform: scale(.98);
}

/* 模拟数据用户名 */
.demo-user {
    color: #16458d;
    font-size: 2.2cqw;
    font-weight: 900;
}

/* 模拟金额 */
.demo-amount {
    margin-left: auto;
    color: #ed8b13;
    font-size: 2.35cqw;
    font-weight: 1000;
}

/* 轮播淡入效果 */
.demo-refresh {
    animation: demoFade .45s ease;
}

@keyframes demoFade {
    0% {
        opacity: .25;
        transform: translateY(3px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


/* =====================================================
   近期公告动态：底部新增、上方顶替
   配合 script.js：
   - 删除第一行
   - 新记录 appendChild 到最后
   - 始终保留三行
===================================================== */

.activity-rows {
    display: grid;
    grid-template-rows: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    position: relative;
}

.activity-rows .activity-row {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    gap: 2%;
    padding: 0 2.5%;
    border-bottom: .18cqw solid rgba(80,151,220,.3);
    border-radius: 1.8cqw;
    background: linear-gradient(90deg,rgba(255,255,255,.98),rgba(238,248,255,.94));
    box-shadow: inset 0 .18cqw .35cqw rgba(255,255,255,.95);
    color: #10265c;
    font-size: 2cqw;
    white-space: nowrap;
}

.activity-rows .activity-row b {
    flex: 0 0 auto;
    color: #71839b;
    font-size: 3.2cqw;
}

.activity-rows .activity-row .demo-user {
    min-width: 0;
    color: #16458d;
    font-size: 2.2cqw;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
}

.activity-rows .activity-row .demo-amount {
    flex: 0 0 auto;
    margin-left: auto;
    color: #ed8b13;
    font-size: 2.35cqw;
    font-weight: 1000;
    white-space: nowrap;
}

/* 新数据从底部进入第三行 */
.activity-rows .demo-new-row {
    animation: activitySlideInBottom .42s ease-out both;
    will-change: transform, opacity;
}

@keyframes activitySlideInBottom {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 减少动态效果偏好 */
@media (prefers-reduced-motion: reduce) {
    .activity-rows .demo-new-row {
        animation: none;
    }
}


/* =====================================================
   账号中心 · 测速结果列表
===================================================== */

.account-test-results {
    gap: 8px;
    margin: 16px 0 6px;
    text-align: left;
}

.account-test-results p {
    margin: 0;
    color: #0b3f8f;
    font-size: 14px;
    line-height: 1.6;
}

.account-test-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .82);
    box-shadow: inset 0 0 0 1px rgba(13, 106, 216, .16);
}

.account-test-name {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #09265f;
    font-size: 14px;
    font-weight: 900;
    white-space: nowrap;
}

.account-test-best {
    padding: 1px 6px;
    border-radius: 999px;
    color: #fff;
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    background: linear-gradient(135deg, #22b573, #068a52);
}

.account-test-status {
    margin-left: auto;
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
}

.account-test-status.success {
    color: #06884f;
}

.account-test-status.error {
    color: #d0413a;
}

.account-test-link {
    padding: 4px 10px;
    border-radius: 999px;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
    background: linear-gradient(90deg, #168cff, #0755d8);
}

.account-test-link:active {
    transform: scale(.97);
}

.account-test-summary {
    margin: 4px 0 0;
    color: #0b3f8f;
    font-size: 13px;
    font-weight: 900;
    text-align: center;
}

.notice-dialog button[disabled] {
    opacity: .5;
    cursor: not-allowed;
}


/* 窄屏优化：5 个站点的结果列表不撑破弹窗 */
@media (max-width: 420px) {
    .notice-dialog {
        max-height: 86vh;
        overflow-y: auto;
        padding: 18px 16px;
    }
    .account-test-row {
        padding: 7px 9px;
        gap: 6px;
    }
    .account-test-name,
    .account-test-status {
        font-size: 12.5px;
    }
    .account-test-link {
        padding: 3px 8px;
        font-size: 11.5px;
    }
    .account-test-best {
        font-size: 10px;
        padding: 1px 5px;
    }
}

/* 新版本更新说明：拉开 1-6 条之间的距离 */
.update-list{
    row-gap:8%;
    grid-template-rows:repeat(4,minmax(0,1fr));
}

.update-list li{
    padding:1.2% 0;
    line-height:1.2;
    align-items:center;
}