* {padding: 0; margin: 0;}
.footer {margin-top: 0;}
.cri-h5{
  --verm:#C4523A;--verm2:#D96C3F;--azure:#2E5E6E;--azure2:#4A7C8C;
  --gold:#B8862F;--moss:#5F8468;--plum:#A25B6E;
  --ink:#3A362E;--ink2:#5A5347;
  --paper:#FAF6ED;--paper2:#F1EADB;
  --w:#FFFDF8;--cream:#F6F0E2;--ww:#FBF8F1;
  --g1:#EFE8D8;--g2:#DED4BE;--g4:#9A9080;--g6:#6B6152;--g8:#3A362E;
  --ny:#FCF3D3;--np:#F9E0E4;--nb:#DEEAF0;--ng:#E1EDDD;--no:#F8E7D2;--nv:#EAE2EF;
  --gv:linear-gradient(135deg,#C4523A,#D96C3F);
  --sh1:0 1px 3px rgba(58,42,24,.05);--sh2:0 4px 16px rgba(58,42,24,.09);--sh3:0 10px 36px rgba(58,42,24,.16);
  --sn:2px 4px 12px rgba(58,42,24,.13);
  --r1:8px;--r2:12px;--r3:16px;--r4:24px;--rf:9999px;
  --s1:4px;--s2:8px;--s3:16px;--s4:24px;--s5:32px;--s6:48px;--s7:64px;
  --es:cubic-bezier(.4,0,.2,1);--eb:cubic-bezier(.34,1.56,.64,1);
  background-color:var(--paper);
  background-image:radial-gradient(ellipse at 18% 14%,rgba(196,82,58,.05) 0%,transparent 50%),radial-gradient(ellipse at 84% 54%,rgba(46,94,110,.055) 0%,transparent 50%),radial-gradient(ellipse at 46% 90%,rgba(95,132,104,.05) 0%,transparent 45%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.31 0 0 0 0 0.25 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
  color:var(--ink);line-height:1.7;position:relative;overflow-x:clip;-webkit-font-smoothing:antialiased;
}
.cri-h5,.cri-h5 *,.cri-h5 *::before,.cri-h5 *::after{margin:0;padding:0;box-sizing:border-box}
.cri-h5 img{display:block;max-width:100%;height:auto}
.cri-h5 button{cursor:pointer;border:none;background:none}
.cri-h5 .fu{opacity:0;transform:translateY(20px);transition:opacity .7s var(--es),transform .7s var(--es)}.cri-h5 .fu.visible{opacity:1;transform:none}
@media(min-width:768px){.cri-h5{max-width:1242px;margin:0 auto;box-shadow:0 0 80px rgba(58,42,24,.12)}}

/* ══ Floating cherry blossoms ══ */
@keyframes cri-petal{0%{transform:translateY(-10vh) rotate(0deg) translateX(0);opacity:0}10%{opacity:.65}90%{opacity:.45}100%{transform:translateY(105vh) rotate(720deg) translateX(80px);opacity:0}}
.cri-h5 .petal{position:absolute;top:0;width:12px;height:12px;pointer-events:none;z-index:1;opacity:0}
.cri-h5 .petal::before{content:'';display:block;width:100%;height:100%;background:radial-gradient(ellipse at 30% 30%,#F6CBD5,#EFB3C4);border-radius:50% 0 50% 50%;transform:rotate(-45deg)}
.cri-h5 .petal:nth-child(1){left:8%;animation:cri-petal 12s linear infinite;animation-delay:0s}
.cri-h5 .petal:nth-child(2){left:25%;animation:cri-petal 15s linear infinite;animation-delay:3s;width:8px;height:8px}
.cri-h5 .petal:nth-child(3){left:48%;animation:cri-petal 18s linear infinite;animation-delay:6s;width:10px;height:10px}
.cri-h5 .petal:nth-child(4){left:70%;animation:cri-petal 14s linear infinite;animation-delay:2s;width:9px;height:9px}
.cri-h5 .petal:nth-child(5){left:88%;animation:cri-petal 16s linear infinite;animation-delay:8s;width:7px;height:7px}

/* ══ Transitions ══ */
.cri-h5 .wave-div{position:relative;overflow:hidden;line-height:0;margin:-1px 0}
.cri-h5 .wave-div svg{display:block;width:100%}
.cri-h5 .wave-div--wb svg{height:48px}
.cri-h5 .wave-div--lg svg{height:64px}

/* ══ Hero ══ */
.cri-h5 .hero{position:relative;overflow:hidden;background:var(--ww)}
.cri-h5 .hero__bg img{width:100%;height:auto;display:block;opacity:.85}
.cri-h5 .btn1{padding:12px 28px;background:var(--gv);color:var(--w);font-size:14px;font-weight:600;border-radius:var(--rf);box-shadow:0 4px 20px rgba(196,82,58,.28);transition:all .3s var(--es)}
.cri-h5 .btn1:active{transform:scale(.96)}
.cri-h5 .btn2{padding:12px 24px;background:rgba(255,253,248,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid var(--azure);color:var(--azure);font-size:14px;font-weight:600;border-radius:var(--rf);transition:all .3s var(--es)}
.cri-h5 .btn2:active{transform:scale(.96)}

/* ══ Nav ══ */
.cri-h5 .nav{position:sticky;top:0;z-index:100;display:flex;background:rgba(250,246,237,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(58,42,24,.08)}
.cri-h5 .nav__i{flex:1;padding:13px 0;text-align:center;font-size:13px;color:var(--g4);font-weight:500;position:relative;transition:color .2s;white-space:nowrap;cursor:pointer}
.cri-h5 .nav__i.active{color:var(--verm);font-weight:700}
.cri-h5 .nav__i.active::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:24px;height:4px;background:var(--gv);border-radius:3px}

/* ══ Shared ══ */
.cri-h5 .sec{padding:0 var(--s3)}
.cri-h5 .sec__hd{margin-bottom:var(--s3);display:flex;flex-direction:column;align-items:center;text-align:center}
.cri-h5 .sec__t{font-size:25px;font-weight:900;color:var(--g8);line-height:1.3;position:relative;display:inline-block;padding:0 6px 6px;isolation:isolate}
.cri-h5 .sec__t::after{content:'';position:absolute;left:6%;right:6%;bottom:2px;height:9px;background:linear-gradient(90deg,transparent,rgba(196,82,58,.24) 18%,rgba(196,82,58,.24) 82%,transparent);border-radius:5px;z-index:-1}
.cri-h5 .sec__d{font-size:13px;color:var(--g4);margin-top:6px;line-height:1.5}
.cri-h5 .sec__img{width:100%;max-width:320px;height:auto}
.cri-h5 #truth .sec__hd{margin-left:calc(-1*var(--s3));margin-right:calc(-1*var(--s3));margin-bottom:0}
.cri-h5 #truth .sec__img{max-width:none}
.cri-h5 #nS{margin-top:-15%}

/* ══ S2: 走走看看 ══ */
.cri-h5 .main-bg{width:100%;background:url(https://a3.cri.cn/resource/a827aaba-d32e-4f9e-9af8-a03ba297a8da/activity/2026/wuhansuishoupai/images.bg-re.jpg) repeat;background-size:100% auto}
.cri-h5 .s2{position:relative}
.cri-h5 #ppz{padding-bottom:var(--s3)}
.cri-h5 .car{position:relative;border-radius:4px;overflow:hidden;margin-bottom:var(--s4);box-shadow:var(--sh2);border:8px solid #FFFDF8;outline:1px solid rgba(58,42,24,.08);background:#FFFDF8}
.cri-h5 .car__t{display:flex;transition:transform .6s var(--es)}
.cri-h5 .car__s{flex-shrink:0;width:100%;position:relative;height:0;padding-bottom:62.5%;background:var(--g1);display:block}
.cri-h5 .car__s img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.cri-h5 .car__cap{display:block;text-decoration:none;position:absolute;bottom:0;left:0;right:0;padding:var(--s5) var(--s3) var(--s3);background:linear-gradient(transparent,rgba(38,32,22,.68));color:var(--w)}
.cri-h5 .car__cap h3{font-size:17px;font-weight:700}.cri-h5 .car__cap p{font-size:12px;opacity:.88;margin-top:3px}
.cri-h5 .car__dots{display:flex;justify-content:center;gap:6px;margin-bottom:var(--s5)}
.cri-h5 .car__dot{width:6px;height:6px;border-radius:50%;background:var(--g2);transition:all .3s;cursor:pointer}
.cri-h5 .car__dot.on{width:22px;border-radius:3px;background:var(--gv)}

/* News list */
.cri-h5 .nl{display:flex;flex-direction:column}
.cri-h5 .nl__i{display:flex;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px dashed var(--g2);align-items:flex-start;text-decoration:none;color:inherit}
.cri-h5 .nl__i:last-child{border-bottom:none}
.cri-h5 .nl__i:active{opacity:.7}
.cri-h5 .nl__img{width:96px;height:72px;border-radius:4px;overflow:hidden;flex-shrink:0;background:var(--g1);border:3px solid #FFFDF8;box-shadow:var(--sh1)}
.cri-h5 .nl__img img{width:100%;height:100%;object-fit:cover}
.cri-h5 .nl__bd{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding-top:2px}
.cri-h5 .nl__h{font-size:14px;font-weight:700;color:#000;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cri-h5 .nl__h--hl{color:#000}
.cri-h5 .nl__desc{font-size:12px;color:#000;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cri-h5 .more-btn{display:block;width:100%;margin-top:var(--s3);padding:12px;background:var(--w);border:1px dashed var(--g2);border-radius:var(--r2);font-size:13px;color:var(--g6);font-weight:500;text-align:center;transition:all .2s}
.cri-h5 .more-btn:active{background:var(--g1)}

/* ══ S3: 真心话 ══ */
.cri-h5 .s3{position:relative}
.cri-h5 #truth{padding-bottom:var(--s5)}
.cri-h5 .ns{display:flex;overflow-x:auto;-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--s3);margin:0 calc(-1*var(--s3))}
.cri-h5 .ns::-webkit-scrollbar{display:none}
.cri-h5 .np{flex-shrink:0;width:100%;max-width:398px;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(150px,auto);gap:12px 14px;align-content:start;padding:4px 2px 4px var(--s3);-webkit-scroll-snap-align:start;scroll-snap-align:start}
.cri-h5 .note{position:relative;padding:14px 14px 12px;border-radius:0;background:#FFFFFF;border:1px solid rgba(0,0,0,.18);box-shadow:none;cursor:pointer;transition:transform .3s var(--eb);display:flex;flex-direction:column;overflow:hidden}
.cri-h5 .note::before{content:'';position:absolute;top:12px;left:14px;width:80px;height:13px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='13'%3E%3Cg fill='none' stroke='%23111' stroke-width='1'%3E%3Crect x='0.5' y='0.5' width='9' height='12'/%3E%3Crect x='14.5' y='0.5' width='9' height='12'/%3E%3Crect x='28.5' y='0.5' width='9' height='12'/%3E%3Crect x='42.5' y='0.5' width='9' height='12'/%3E%3Crect x='56.5' y='0.5' width='9' height='12'/%3E%3Crect x='70.5' y='0.5' width='9' height='12'/%3E%3C/g%3E%3C/svg%3E") no-repeat;pointer-events:none}
.cri-h5 .note:active{transform:scale(1.04)!important}
.cri-h5 .note__pm{display:none}
.cri-h5 .note__t{font-size:13px;line-height:22px;color:#2b2b2b;flex:1;padding:0px 0px 0 0px;overflow:hidden;text-align: justify;
/* background:repeating-linear-gradient(180deg,transparent 0 21px,rgba(0,0,0,.12) 21px 22px); */
    background: repeating-linear-gradient(180deg, transparent 0 21px, rgba(0,0,0,.1) 21px 22px);margin-top: 20px;text-indent: 2em;
}
.cri-h5 .note__meta{display:flex;align-items:center;justify-content:flex-start;gap:6px;margin-top:10px;padding-left:2px}
.cri-h5 .note__c{font-size:11px;color:var(--g4);line-height:1;min-width:14px;text-align:left}
.cri-h5 .note__a{max-width:70%;font-size:11px;color:var(--g4);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:auto}
.cri-h5 .note__h,.cri-h5 .nm__h{--hk:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C4523A' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");--hk-lk:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23C4523A' stroke='%23C4523A' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");width:16px;height:16px;flex-shrink:0;cursor:pointer;opacity:.85;padding:0;background:var(--hk) center/contain no-repeat}
.cri-h5 .note__h.lk,.cri-h5 .nm__h.lk{background-image:var(--hk-lk)}
.cri-h5 .ni{display:flex;justify-content:center;gap:4px;margin-top:var(--s2)}
.cri-h5 .ni__d{width:6px;height:6px;border-radius:50%;background:var(--g2);transition:all .3s}
.cri-h5 .ni__d.on{background:var(--verm);width:16px;border-radius:3px}

/* Note modal */
.cri-h5 .nm{position:fixed;top:0;left:0;right:0;bottom:0;z-index:500;background:rgba(48,40,30,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:var(--s5);opacity:0;pointer-events:none;transition:opacity .3s var(--es)}
.cri-h5 .nm.show{opacity:1;pointer-events:auto}
.cri-h5 .nm__c{width:100%;max-width:340px;min-height:240px;padding:14px 14px 12px;border-radius:0;background:#FFFFFF;border:1px solid rgba(0,0,0,.18);box-shadow:none;position:relative;transform:scale(.85);transition:transform .4s var(--eb);display:flex;flex-direction:column;overflow:hidden}
.cri-h5 .nm__c::before{content:'';position:absolute;top:12px;left:14px;width:98px;height:16px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='98' height='16'%3E%3Cg fill='none' stroke='%23111' stroke-width='1'%3E%3Crect x='0.5' y='0.5' width='12' height='15'/%3E%3Crect x='17.5' y='0.5' width='12' height='15'/%3E%3Crect x='34.5' y='0.5' width='12' height='15'/%3E%3Crect x='51.5' y='0.5' width='12' height='15'/%3E%3Crect x='68.5' y='0.5' width='12' height='15'/%3E%3Crect x='85.5' y='0.5' width='12' height='15'/%3E%3C/g%3E%3C/svg%3E") no-repeat;pointer-events:none}
.cri-h5 .nm.show .nm__c{transform:scale(1)}
.cri-h5 .nm__main{flex:1;min-width:0;display:flex;flex-direction:column;padding-top:30px}
.cri-h5 .nm__t{font-size:17px;line-height:30px;color:#2b2b2b;height:120px;padding:0;text-indent:2em;overflow:hidden;text-align:justify;background:repeating-linear-gradient(180deg,transparent 0 28px,rgba(0,0,0,.1) 28px 30px)}
.cri-h5 .nm__meta{display:flex;align-items:center;justify-content:flex-start;gap:6px;margin-top:auto;padding-left:2px}
.cri-h5 .nm__cnt{font-size:12px;color:var(--g4);line-height:1;min-width:16px;text-align:left}
.cri-h5 .nm__au{max-width:70%;min-width:0;font-size:11px;color:var(--g4);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:auto}
.cri-h5 .nm__aside{display:none}
.cri-h5 .nm__x{position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:50%;background:rgba(58,42,24,.07);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--g4);z-index:2}

/* ══ S6: 分线探城 ══ */
.cri-h5 .s6{position:relative}
.cri-h5 .gcar{position:relative;border-radius:4px;overflow:hidden;margin-bottom:14px;box-shadow:var(--sh2);border:8px solid #FFFDF8;outline:1px solid rgba(58,42,24,.08);background:#FFFDF8}
.cri-h5 .gcar__t{display:flex;transition:transform .6s var(--es)}
.cri-h5 .gc{flex-shrink:0;width:100%;background:#FFFDF8;display:block;text-decoration:none;color:inherit}
.cri-h5 .gc__img{position:relative;height:0;padding-bottom:66.6667%;background:var(--g1);overflow:hidden}
.cri-h5 .gc__img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.cri-h5 .gc__bd{padding:16px 18px 18px}
.cri-h5 .gc__hd{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.cri-h5 .gc__badge{width:36px;height:36px;border-radius:9px;color:#FFFDF8;font-size:19px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transform:rotate(-3deg);box-shadow:0 3px 8px rgba(58,42,24,.18)}
.cri-h5 .gc__name{font-size:17px;font-weight:900;color:var(--g8);line-height:1.3}
.cri-h5 .gc__sl{font-size:14px;font-weight:700;color:var(--verm);line-height:1.6;margin-bottom:10px}
.cri-h5 .gc__desc{font-size:12.5px;color:var(--g6);line-height:1.85;text-align:justify}
.cri-h5 .gcar__nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:var(--s4)}
.cri-h5 .gcar__btn{width:34px;height:34px;border-radius:50%;background:var(--w);border:1px solid var(--g2);color:var(--g6);font-size:18px;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .2s;padding-bottom:2px}
.cri-h5 .gcar__btn:active{background:var(--g1)}
.cri-h5 .gcar__dots{display:flex;gap:6px}
.cri-h5 .gcar__dot{width:6px;height:6px;border-radius:50%;background:var(--g2);transition:all .3s;cursor:pointer}
.cri-h5 .gcar__dot.on{width:20px;border-radius:3px;background:var(--gv)}

/* ══ S4: 随手拍 ══ */
.cri-h5 .s4{position:relative}
.cri-h5 #photos{padding-bottom:var(--s5)}
.cri-h5 .ri{display:flex;min-width:0;align-items:center;gap:var(--s3);padding:var(--s3);background:var(--w);border-radius:var(--r3);margin-bottom:var(--s2);box-shadow:var(--sh1);border:1px solid rgba(58,42,24,.05);transition:all .5s var(--es)}
.cri-h5 .ri__th{width:84px;height:84px;border-radius:12px;overflow:hidden;flex-shrink:0;position:relative;cursor:pointer;border:3px solid #FFFDF8;box-shadow:var(--sh1)}.cri-h5 .ri__th img{width:100%;height:100%;object-fit:cover}
.cri-h5 .ri__th .vp{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(38,32,22,.3);display:flex;align-items:center;justify-content:center;transition:background .2s}
.cri-h5 .ri__th:active .vp{background:rgba(38,32,22,.5)}
.cri-h5 .ri__th .vp svg{width:30px;height:30px;fill:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}
.cri-h5 .rkf{text-align:center;margin-top:var(--s3)}
.cri-h5 .rkt{display:block;width:100%;padding:12px;background:var(--w);border:1px dashed var(--g2);border-radius:var(--r2);font-size:13px;color:var(--g6);font-weight:500;text-align:center;cursor:pointer;transition:all .2s}
.cri-h5 .rkt:active{background:var(--g1)}

/* Video modal */
.cri-h5 .vm{position:fixed;top:0;left:0;right:0;bottom:0;z-index:600;background:rgba(30,26,20,.93);display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .3s var(--es)}
.cri-h5 .vm.show{opacity:1;pointer-events:auto}
.cri-h5 .vm__hd{display:flex;align-items:center;justify-content:space-between;padding:var(--s3) var(--s4);color:#fff;flex-shrink:0}
.cri-h5 .vm__hd-info{display:flex;flex-direction:column;gap:2px}
.cri-h5 .vm__hd-t{font-size:15px;font-weight:700}.cri-h5 .vm__hd-a{font-size:12px;opacity:.6}
.cri-h5 .vm__x{width:36px;height:36px;border-radius:50%;background:rgba(255,253,248,.12);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;cursor:pointer;flex-shrink:0;transition:background .2s}
.cri-h5 .vm__x:active{background:rgba(255,253,248,.25)}
.cri-h5 .vm__body{flex:1;display:flex;align-items:center;justify-content:center;padding:0 var(--s3);overflow:hidden}
.cri-h5 .vm__body video{width:100%;max-height:70vh;border-radius:var(--r3);background:#000}
.cri-h5 .ri__in{flex:1;min-width:0}.cri-h5 .ri__n{font-size:14.5px;font-weight:700;color:var(--g8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cri-h5 .ri__au{font-size:12px;color:var(--g4);margin-top:3px}
.cri-h5 .ri--more{display:none}
.cri-h5 .rkl.open .ri--more{display:flex}
.cri-h5 .nl__i--more{display:none}

/* ══ Footer ══ */
.cri-h5 .ft{background:linear-gradient(150deg,#2B3440 0%,#2E5E6E 55%,#5F8468 100%);padding:var(--s5) var(--s3);text-align:center}
.cri-h5 .ft__l{font-size:20px;font-weight:400;color:var(--w);margin-bottom:var(--s2);letter-spacing:2px}
.cri-h5 .ft__t{font-size:11px;color:rgba(255,253,248,.4);line-height:1.6}
.cri-h5 .toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%) translateY(20px);background:rgba(43,40,32,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--w);padding:12px 24px;border-radius:var(--rf);font-size:13px;font-weight:500;z-index:1000;opacity:0;pointer-events:none;transition:all .35s var(--eb);white-space:nowrap}
.cri-h5 .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ══ Responsive：平板/桌面（最大 1242） ══ */
@media(min-width:768px){
  .body-top {max-width: 1242px;margin: 0 auto;}
  .cri-h5{--s3:20px;--s4:32px;--s5:44px;--s6:64px;--s7:88px}
  .cri-h5 .hero{min-height:560px}
  .cri-h5 .nav__i{font-size:15px;padding:17px 0}
  .cri-h5 .sec__t{font-size:32px}
  .cri-h5 .sec__d{font-size:15px}
  .cri-h5 .car{max-width:820px;margin-left:auto;margin-right:auto}
  .cri-h5 .car__dots{max-width:820px;margin-left:auto;margin-right:auto}
  .cri-h5 .car__cap h3{font-size:21px}
  .cri-h5 .car__cap p{font-size:14px}
  .cri-h5 .ns{max-width:820px;margin-left:auto;margin-right:auto}
  .cri-h5 .np{max-width:520px;grid-template-columns:1fr 1fr 1fr}
  .cri-h5 .nl{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
  .cri-h5 .nl__i{border:1px dashed var(--g2);border-radius:var(--r2);padding:var(--s3);background:var(--w)}
  .cri-h5 .nl__img{width:110px;height:84px}
  .cri-h5 .nl__h{font-size:15px}
  .cri-h5 .nl__desc{font-size:13px}
  .cri-h5 .rkl{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
  .cri-h5 .ri{margin-bottom:0}
  .cri-h5 .ri__th{width:96px;height:96px}
  .cri-h5 .ri__n{font-size:16px}
  .cri-h5 .ri__au{font-size:13px}
  .cri-h5 .gc__name{font-size:20px}
  .cri-h5 .gc__sl{font-size:16px}
  .cri-h5 .gc__desc{font-size:14px}
  .cri-h5 .ft__l{font-size:26px}
  .cri-h5 .ft__t{font-size:13px}
  .cri-h5 .nm__c{max-width:480px;min-height:320px;padding:20px 22px 16px}
  .cri-h5 .nm__c::before{width:132px;height:22px;top:18px;left:22px;background-size:100% 100%}
  .cri-h5 .nm__main{padding-top:42px}
  .cri-h5 .nm__t{font-size:23px;line-height:40px;height:160px;background:repeating-linear-gradient(180deg,transparent 0 38px,rgba(0,0,0,.1) 38px 40px)}
  .cri-h5 .nm__h{width:20px;height:20px}
  .cri-h5 .nm__cnt{font-size:15px}
  .cri-h5 .nm__au{font-size:14px}
  .cri-h5 .nm__x{width:32px;height:32px;font-size:16px}
}
@media(min-width:1024px){
  .cri-h5 .sec__t{font-size:36px}
  .cri-h5 .nl{grid-template-columns:1fr 1fr 1fr}
  .cri-h5 .rkl{grid-template-columns:1fr 1fr 1fr}
  .cri-h5 .gcar{max-width:880px;margin-left:auto;margin-right:auto}
}



.conmon-return a::before {background: url(https://a3.cri.cn/resource/a827aaba-d32e-4f9e-9af8-a03ba297a8da/activity/2026/wuhansuishoupai/images.icon-5_03.png) no-repeat center center !important;background-size: auto 100% !important;}
.conmon-return a {color: #000 !important;}
.details-labels-style b {display: inline !important;}
.cri-h5 .car__cap p {display: none;}
.cri-h5 .nm.show #nMC.nm__c {background:url(https://a3.cri.cn/resource/a827aaba-d32e-4f9e-9af8-a03ba297a8da/activity/2026/wuhansuishoupai/images.bg-re.jpg) repeat #fff;background-size:100% auto}
.cri-h5 .nav__i {font-size: 16px;}
.cri-h5 .nm.show .nm__c::after {background:url(https://a3.cri.cn/resource/a827aaba-d32e-4f9e-9af8-a03ba297a8da/activity/2026/wuhansuishoupai/images.logo.png) repeat;background-size:100% 100%;content: "";display: block;position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0);width: 113px;height: 55px;}

/* ══ Music ══ */
.cri-h5 {position: relative;}
.cri-h5 #mAudio{display:none}
.cri-h5 .music{position:absolute;top:14px;right:14px;z-index:999;width:44px;height:44px;border-radius:50%;background-color:var(--verm);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 3v10.55A4 4 0 1 0 14 17V7h4V3h-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:20px;box-shadow:0 2px 10px rgba(196,82,58,.35);cursor:pointer;touch-action:none}
.cri-h5 .music.playing{animation:criSpin 3s linear infinite}
@keyframes criSpin{to{transform:rotate(360deg)}}

@font-face {
  font-family: "HYShangWeiShouShuJ";
  src: url(https://a3.cri.cn/resource/a827aaba-d32e-4f9e-9af8-a03ba297a8da/activity/2026/wuhansuishoupai/font.HYSWSSJ.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
#nMT,#nMA {font-family: 'HYShangWeiShouShuJ';}