:root{
  --ink:#0A0A0C; --ink2:#141318; --ink3:#1E1C24;
  --paper:#F2EDE3; --paper2:#E5DDCD;
  --red:#FF2D16; --blue:#1F2EFF; --acid:#DDFF00;
  --line:rgba(242,237,227,.13);
  --cjk:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,sans-serif;
  --disp:"Archivo Black",var(--cjk); --arch:"Archivo",var(--cjk);
  --body:"Space Grotesk",var(--cjk); --mono:"Space Mono",monospace;
  --hero-pc:21 / 9; --hero-mb:3 / 4; --card-r:16 / 9;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--ink);color:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.5}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
::selection{background:var(--red);color:#fff}
.wrap{width:min(1340px,92vw);margin:0 auto}
.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.6em}
.eyebrow::before{content:"";width:24px;height:2px;background:currentColor}
body::after{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(16px,4vw,42px);transition:background .3s,padding .3s}
.nav.scrolled{background:rgba(10,10,12,.85);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding-top:11px;padding-bottom:11px}
.brand{display:flex;align-items:center;gap:9px;font-weight:900}
.brand .dot{width:9px;height:9px;background:var(--red);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.4}}
.brand .en{font-family:var(--disp);font-size:1.1rem;letter-spacing:.02em}
.brand .cn{font-family:var(--cjk);font-size:1.1rem;font-weight:900}
.menu{display:flex;align-items:center;gap:clamp(14px,1.9vw,28px);font-size:.92rem;font-weight:500}
.menu a{position:relative;padding:4px 0;opacity:.82;transition:opacity .2s}
.menu a:hover,.menu a.active{opacity:1}
.menu a.active::after,.menu a:hover::after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:2px;background:var(--red)}
.menu .pub{background:var(--red);color:#fff;padding:9px 18px;border-radius:999px;font-weight:700;font-size:.86rem;transition:transform .2s}
.menu .pub:hover{transform:translateY(-2px)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;z-index:210}
.burger span{width:26px;height:2px;background:var(--paper);transition:.3s;display:block}

/* HERO */
.hero{position:relative;width:100%;aspect-ratio:var(--hero-pc);min-height:520px;overflow:hidden}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease}
.slide.active{opacity:1;visibility:visible}
.slide-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.slide-bg img.blur{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;filter:blur(34px) brightness(.42) saturate(1.25)}
.slide-bg::after{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,var(--ink) 4%,rgba(10,10,12,.7) 36%,rgba(10,10,12,.25) 72%,rgba(10,10,12,.45) 100%),
  linear-gradient(0deg,var(--ink) 1%,transparent 30%)}
.kv1{background:radial-gradient(120% 130% at 88% 18%,#3a1f6e,#7a1430 42%,#0A0A0C 82%)}
.kv2{background:radial-gradient(120% 130% at 84% 22%,#0e3aa0,#1a0f6e 46%,#0A0A0C 84%)}
.kv3{background:radial-gradient(120% 130% at 86% 20%,#0a5c4f,#1d3a16 44%,#0A0A0C 82%)}
.slide-num{position:absolute;right:-2vw;top:-4vh;font-family:var(--disp);font-size:min(58vh,40vw);line-height:.7;color:rgba(242,237,227,.05);user-select:none;z-index:1}
.slide-in{position:relative;z-index:2;height:100%;width:min(1340px,92vw);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.92fr);gap:clamp(20px,4vw,56px);align-items:center;padding:6vh 0}
.slide-text{display:flex;flex-direction:column;justify-content:center;gap:clamp(9px,1.5vh,20px);min-width:0}
.s-eye{color:var(--red)}
.s-host{font-family:var(--arch);font-weight:700;letter-spacing:.05em;font-size:clamp(.78rem,1.4vw,1rem);color:var(--paper2);opacity:.85}
.s-title{font-family:var(--cjk);font-weight:900;font-size:clamp(1.7rem,3.1vw,3.1rem);line-height:1.02;letter-spacing:-.015em;text-wrap:balance}
.s-title em{font-style:normal;color:var(--red)}
.clock{display:flex;align-items:flex-end;gap:clamp(6px,1vw,16px);font-family:var(--mono);font-weight:700}
.clock .u{display:flex;flex-direction:column;align-items:center;gap:5px}
.clock .n{font-size:clamp(1.8rem,4.2vw,3.6rem);line-height:.82;letter-spacing:.02em;color:#fff;font-variant-numeric:tabular-nums}
.clock .l{font-family:var(--body);font-size:.6rem;letter-spacing:.16em;opacity:.55;text-transform:uppercase}
.clock .c{font-size:clamp(1.4rem,3.2vw,2.8rem);color:var(--red);line-height:1;transform:translateY(-5px)}
.clock.is-ended .n{color:#777}
.s-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.btn{display:inline-flex;align-items:center;gap:9px;font-weight:700;padding:13px 24px;border-radius:999px;font-size:.95rem;transition:transform .2s,background .2s,color .2s,border-color .2s}
.btn-red{background:var(--red);color:#fff}.btn-red:hover{transform:translateY(-3px) scale(1.02)}
.btn-ghost{border:1.5px solid var(--line);color:var(--paper)}.btn-ghost:hover{border-color:var(--paper);background:var(--paper);color:var(--ink)}
.s-meta{display:flex;flex-wrap:wrap;gap:6px 24px;font-size:.82rem;font-family:var(--mono);color:rgba(242,237,227,.6)}
.s-meta b{color:var(--paper);font-weight:700}
/* poster region */
.slide-poster{position:relative;width:100%;aspect-ratio:var(--card-r);max-height:82%;align-self:center;border-radius:14px;overflow:hidden;box-shadow:0 34px 90px -34px rgba(0,0,0,.8);border:1px solid rgba(242,237,227,.12)}
.slide-poster img{width:100%;height:100%;object-fit:cover}
.poster-ph{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:22px}
.poster-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,12,.7),transparent 60%)}
.poster-ph .pp-ed{position:absolute;top:-2vh;right:-1vw;font-family:var(--disp);font-size:30vh;line-height:.7;color:rgba(242,237,227,.1)}
.poster-ph .pp-t{position:relative;z-index:1;font-family:var(--cjk);font-weight:900;font-size:clamp(1.1rem,1.6vw,1.6rem);line-height:1.2}
.poster-ph .pp-s{position:relative;z-index:1;font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;opacity:.6}
/* controls */
.dots{position:absolute;z-index:6;left:clamp(16px,4vw,42px);bottom:20px;display:flex;gap:8px}
.dots button{width:30px;height:4px;border:0;background:rgba(242,237,227,.25);cursor:pointer;transition:.3s;padding:0}
.dots button.on{background:var(--red);width:50px}
.arrow{position:absolute;z-index:6;top:50%;transform:translateY(-50%);width:50px;height:50px;border:1px solid var(--line);background:rgba(10,10,12,.4);color:var(--paper);font-size:1.2rem;cursor:pointer;border-radius:50%;backdrop-filter:blur(6px);transition:.25s;display:none}
.arrow:hover{background:var(--red);border-color:var(--red)}
.arrow.prev{left:20px}.arrow.next{right:20px}
@media(min-width:1000px){.arrow{display:block}}

/* MARQUEE */
.marquee{background:var(--red);color:#fff;overflow:hidden;white-space:nowrap}
.mq{display:inline-flex;align-items:center;padding:12px 0;animation:scroll 58s linear infinite;font-family:var(--disp);font-size:1rem}
.marquee:hover .mq{animation-play-state:paused}
.mq span{padding:0 24px}.mq .x{opacity:.65}
@keyframes scroll{to{transform:translateX(-50%)}}

/* QUICK */
.quick{background:var(--ink);border-bottom:1px solid var(--line)}
.quick-row{display:grid;grid-template-columns:repeat(4,1fr)}
.qa{padding:30px clamp(14px,2.2vw,34px);display:flex;align-items:center;gap:18px;border-left:1px solid var(--line);transition:.25s}
.qa:first-child{border-left:0}
.qa .ic{width:50px;height:50px;flex:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;transition:.25s}
.qa .ic svg{width:24px;height:24px;stroke:var(--paper);fill:none;stroke-width:1.6;transition:.25s}
.qa h4{font-size:1.05rem;font-weight:700}.qa p{font-family:var(--mono);font-size:.74rem;opacity:.5}
.qa .go{margin-left:auto;font-family:var(--mono);font-size:.8rem;color:var(--red);opacity:0;transform:translateX(-6px);transition:.25s}
.qa:hover{background:var(--ink2)}.qa:hover .ic{background:var(--red);border-color:var(--red)}.qa:hover .ic svg{stroke:#fff}.qa:hover .go{opacity:1;transform:none}

/* SECTION */
.sec{padding:clamp(46px,6.5vh,92px) 0}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:clamp(26px,4.5vh,52px);flex-wrap:wrap}
.sec-head .en{font-family:var(--disp);letter-spacing:.02em;font-size:clamp(1.7rem,4.4vw,3.2rem);text-transform:uppercase;display:block;opacity:.22;line-height:1}
.sec-head h2{font-family:var(--cjk);font-weight:900;font-size:clamp(1.9rem,4.6vw,3.4rem);line-height:1;letter-spacing:-.01em;margin-top:4px}
.more{font-family:var(--mono);font-size:.84rem;border:1px solid var(--line);padding:11px 20px;border-radius:999px;transition:.25s;white-space:nowrap}
.more:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.sec-light{background:var(--paper);color:var(--ink)}
.sec-light .sec-head .en{opacity:.14}
.sec-light .more{border-color:rgba(10,10,12,.2);color:var(--ink)}
.sec-light .more:hover{background:var(--ink);color:var(--paper)}

/* OPEN CALLS */
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.card{grid-column:span 4;border-radius:16px;overflow:hidden;background:var(--ink);display:flex;flex-direction:column;cursor:pointer;transition:transform .3s}
.sec-light .card{box-shadow:0 20px 50px -30px rgba(10,10,12,.5)}
.card:hover{transform:translateY(-6px)}
.card-img{position:relative;aspect-ratio:var(--card-r);overflow:hidden}
.card-img .face{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.card:hover .card-img .face{transform:scale(1.08)}
.card-img .pnum{position:absolute;right:-.5vw;bottom:-3vh;font-family:var(--disp);font-size:18vh;line-height:.7;color:rgba(242,237,227,.1)}
.card-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,12,.55),transparent 55%)}
.card-img .top{position:absolute;top:12px;left:12px;right:12px;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.tag{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:999px;color:#fff;white-space:nowrap}
.tag.dom{background:var(--red)}.tag.intl{background:var(--blue)}
.tag.pin{background:var(--acid);color:var(--ink);font-weight:700}
.tag.crawl{background:rgba(10,10,12,.55);backdrop-filter:blur(4px);border:1px solid rgba(242,237,227,.3);color:#fff}
.tg-wrap{display:inline-flex;gap:6px;flex-wrap:wrap;align-items:flex-start}
.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.72rem;padding:5px 10px;border-radius:999px;background:rgba(10,10,12,.5);backdrop-filter:blur(6px);border:1px solid rgba(242,237,227,.2);color:#fff}
.chip .lv{width:6px;height:6px;border-radius:50%;background:var(--acid);animation:beat 1.4s infinite}
.chip.urg .lv{background:var(--red)}
.chip.ended{background:rgba(120,120,132,.55);border-color:rgba(242,237,227,.2)}
.chip.ended .lv{display:none}
.ended-label{font-family:var(--mono);font-weight:700;font-size:.92rem;color:#9a9aa2;letter-spacing:.06em}
.sec-light .ended-label{color:#9a9aa2}
.card-img .face.dim{filter:grayscale(.55) brightness(.68)}
.card.is-ended-card h3{opacity:.82}
.card.is-ended-card .card-img::after{background:linear-gradient(0deg,rgba(10,10,12,.62),rgba(10,10,12,.28) 60%)}
@keyframes beat{0%{box-shadow:0 0 0 0 rgba(221,255,0,.6)}70%{box-shadow:0 0 0 6px rgba(221,255,0,0)}100%{box-shadow:0 0 0 0 rgba(221,255,0,0)}}
.card-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1;background:var(--ink)}
.sec-light .card-body{background:#fff}
.card-body .host{font-family:var(--mono);font-size:.72rem;opacity:.6}
.card-body h3{font-family:var(--cjk);font-weight:900;font-size:clamp(1.08rem,1.5vw,1.4rem);line-height:1.2;letter-spacing:-.01em}
.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid rgba(128,128,128,.18)}
.cd-mini{font-family:var(--mono);font-weight:700;font-size:1rem;display:flex;align-items:baseline;gap:2px;font-variant-numeric:tabular-nums}
.cd-mini small{font-size:.6rem;opacity:.55;font-weight:400;margin-right:4px}
.cd-mini.is-ended{color:#999}
.card-foot .ar{font-size:1.1rem;transition:transform .25s}
.card:hover .card-foot .ar{transform:translate(4px,-4px)}
.card.feat{grid-column:span 8}
.card.feat h3{font-size:clamp(1.4rem,2.4vw,2.2rem)}

/* RED BAND */
.band{background:var(--red);color:#fff;overflow:hidden;position:relative}
.band-in{display:grid;grid-template-columns:repeat(3,1fr);position:relative;z-index:2}
.band-cell{padding:clamp(40px,7vh,84px) clamp(20px,3vw,48px);border-left:1px solid rgba(255,255,255,.22)}
.band-cell:first-child{border-left:0}
.band-cell .big{font-family:var(--disp);font-size:clamp(3rem,8vw,6rem);line-height:.85;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.band-cell .lbl{font-family:var(--mono);font-size:.8rem;letter-spacing:.12em;margin-top:12px;opacity:.85;text-transform:uppercase}
.band .ghost{position:absolute;right:-1vw;top:50%;transform:translateY(-50%);font-family:var(--disp);font-size:34vh;line-height:.7;color:rgba(255,255,255,.08);z-index:1;user-select:none}

/* CLOSING */
.closing{background:var(--ink2)}
.cs-track{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:none}
.cs-track::-webkit-scrollbar{display:none}
.cs{flex:0 0 clamp(250px,30vw,330px);scroll-snap-align:start;border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--ink);transition:.25s}
.cs:hover{border-color:var(--red);transform:translateY(-4px)}
.cs .d{font-family:var(--mono);font-size:.72rem;color:var(--red);letter-spacing:.1em;margin-bottom:12px}
.cs h4{font-family:var(--cjk);font-weight:800;font-size:1.16rem;line-height:1.25;min-height:2.5em}
.cs .cd-mini{margin-top:16px;font-size:1.3rem}

/* RESULTS */
.results{background:var(--ink)}
.res-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.res{position:relative;border-radius:16px;overflow:hidden;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;color:#fff;isolation:isolate}
.res::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#1E1C24,#0A0A0C)}
.res::after{content:"";position:absolute;right:-30px;bottom:-30px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,var(--blue),transparent 70%);opacity:.5;z-index:-1}
.res.r2::after{background:radial-gradient(circle,var(--red),transparent 70%)}
.res .seal{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;color:var(--acid);text-transform:uppercase}
.res h4{font-family:var(--cjk);font-weight:900;font-size:1.26rem;line-height:1.2}
.res .meta{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.74rem;opacity:.7}

/* SPLIT */
.split{display:grid;grid-template-columns:1fr 1fr}
.split>a{padding:clamp(46px,8vh,92px) clamp(22px,5vw,70px);position:relative;overflow:hidden;min-height:340px;display:flex;flex-direction:column;justify-content:space-between}
.split .dom{background:var(--red);color:#fff}.split .intl{background:var(--blue);color:#fff}
.split .big{font-family:var(--disp);font-size:clamp(3rem,9vw,7.5rem);line-height:.85;letter-spacing:-.03em;opacity:.16;position:absolute;right:-1vw;bottom:-2vh}
.split h3{font-family:var(--cjk);font-weight:900;font-size:clamp(1.7rem,3.8vw,2.8rem);line-height:1.05;position:relative}
.split p{max-width:34ch;margin-top:12px;opacity:.85;position:relative}
.split .lk{margin-top:auto;font-family:var(--mono);font-weight:700;display:inline-flex;gap:10px;align-items:center;position:relative;padding-top:22px;transition:gap .2s}
.split>a:hover .lk{gap:16px}

/* AD */
.ad{background:var(--paper);color:var(--ink);padding:clamp(26px,5vh,54px) 0}
.ad-box{border:2px dashed rgba(10,10,12,.25);border-radius:18px;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;background:repeating-linear-gradient(45deg,transparent,transparent 18px,rgba(10,10,12,.03) 18px,rgba(10,10,12,.03) 36px)}
.ad-box .t{font-family:var(--disp);font-size:1.4rem}.ad-box .s{font-family:var(--mono);font-size:.82rem;opacity:.6}
.ad-live{display:block;border-radius:18px;overflow:hidden;aspect-ratio:6 / 1;background:#15131a}
.ad-live img{width:100%;height:100%;object-fit:cover;display:block}
.ad-mid .ad-live{aspect-ratio:4 / 1}
.slide-promo .slide-poster{display:block}

/* FOOTER */
.foot{background:var(--ink);border-top:1px solid var(--line);padding:clamp(50px,8vh,88px) 0 32px}
.foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:38px;align-items:start}
.foot .logo{font-family:var(--disp);font-size:clamp(2.4rem,6vw,4.4rem);line-height:.9;letter-spacing:-.02em}
.foot .logo span{color:var(--red)}
.foot .desc{margin-top:16px;max-width:40ch;opacity:.6;font-size:.92rem}
.foot h5{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;opacity:.5;margin-bottom:14px}
.foot ul{list-style:none;display:grid;gap:10px;font-size:.92rem}
.foot ul a{opacity:.8;transition:.2s}.foot ul a:hover{opacity:1;color:var(--red);padding-left:5px}
.partners{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.partners span{font-family:var(--mono);font-size:.7rem;border:1px solid var(--line);padding:6px 11px;border-radius:999px;opacity:.7}
.foot-bot{display:flex;justify-content:space-between;align-items:center;margin-top:50px;padding-top:22px;border-top:1px solid var(--line);font-family:var(--mono);font-size:.74rem;opacity:.5;flex-wrap:wrap;gap:10px}

/* MOBILE TAB BAR */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:300;display:none;background:rgba(10,10,12,.9);backdrop-filter:blur(20px);border-top:1px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr)}
.tabbar a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;font-size:.66rem;opacity:.6;transition:.2s;position:relative}
.tabbar a svg{width:23px;height:23px;stroke:var(--paper);fill:none;stroke-width:1.7}
.tabbar a.on{opacity:1}.tabbar a.on svg{stroke:var(--red)}
.tabbar a.on::before{content:"";position:absolute;top:-9px;width:24px;height:3px;border-radius:3px;background:var(--red)}
.tabbar a.center{margin-top:-22px}
.tabbar a.center .cbtn{width:54px;height:54px;border-radius:50%;background:var(--red);display:grid;place-items:center;box-shadow:0 8px 24px rgba(255,45,22,.45);margin-bottom:2px}
.tabbar a.center .cbtn svg{stroke:#fff;width:26px;height:26px}
.tabbar a.center span{color:var(--red);font-weight:700;opacity:1}

/* SERVICE POPUP */
.service-pop{position:fixed;right:16px;bottom:90px;z-index:320;width:min(86vw,330px);background:var(--ink2);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.service-pop[hidden]{display:none}
.sp-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--red);color:#fff;font-size:.95rem}
.sp-head button{background:none;border:0;color:#fff;font-size:1.3rem;cursor:pointer;line-height:1}
.sp-body{padding:18px 16px;font-size:.9rem;opacity:.8;line-height:1.6}

/* REVEAL */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}

/* DEMO BANNER */
.demo-banner{position:relative;z-index:150;background:var(--acid);color:var(--ink);font-family:var(--mono);font-size:.82rem;text-align:center;padding:9px 16px;line-height:1.5}
.demo-banner b{font-weight:700}
.demo-banner code{background:rgba(10,10,12,.12);padding:1px 7px;border-radius:5px}

/* LIST / DETAIL PAGES */
.page-hero{padding:calc(72px + clamp(30px,6vh,66px)) 0 clamp(20px,4vh,40px);background:var(--ink);border-bottom:1px solid var(--line)}
.ph-title{font-family:var(--cjk);font-weight:900;font-size:clamp(2.2rem,6vw,4.6rem);line-height:1;letter-spacing:-.02em;margin:10px 0 22px}
.ph-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.ph-tabs a{font-family:var(--mono);font-size:.86rem;padding:9px 18px;border:1px solid var(--line);border-radius:999px;transition:.2s}
.ph-tabs a:hover{border-color:var(--paper)}
.ph-tabs a.on{background:var(--red);border-color:var(--red);color:#fff}
.grid-list{grid-template-columns:repeat(12,1fr)}
.grid-list .card{grid-column:span 4}
.empty{text-align:center;padding:60px 20px;font-family:var(--mono);opacity:.5;border:1px dashed var(--line);border-radius:16px}
.sec-light .empty{border-color:rgba(10,10,12,.2)}

.detail{position:relative;padding:calc(72px + clamp(30px,6vh,66px)) 0 clamp(50px,9vh,110px);overflow:hidden;isolation:isolate}
.detail-bg{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;filter:blur(40px) brightness(.3) saturate(1.2);z-index:-2}
.detail::after{content:"";position:absolute;inset:0;background:var(--ink);opacity:.5;z-index:-1}
.detail-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:center}
.detail-poster{position:relative;width:100%;aspect-ratio:var(--card-r);border-radius:16px;overflow:hidden;box-shadow:0 40px 100px -40px rgba(0,0,0,.85);border:1px solid rgba(242,237,227,.12)}
.detail-poster img{width:100%;height:100%;object-fit:cover}
.detail-info{display:flex;flex-direction:column;gap:16px;min-width:0}
.d-title{font-family:var(--cjk);font-weight:900;font-size:clamp(1.8rem,4vw,3.4rem);line-height:1.04;letter-spacing:-.015em}
.d-sum{opacity:.78;max-width:54ch;line-height:1.7}
.d-meta{display:flex;flex-wrap:wrap;gap:14px 36px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.d-meta>div{display:flex;flex-direction:column;gap:4px}
.d-meta span{font-family:var(--mono);font-size:.72rem;opacity:.5;text-transform:uppercase;letter-spacing:.1em}
.d-meta b{font-family:var(--cjk);font-size:1.05rem}
.d-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
@media(max-width:1000px){.grid-list .card{grid-column:span 6}}
@media(max-width:700px){.detail-grid{grid-template-columns:1fr}.detail-poster{order:-1}.grid-list .card{grid-column:span 1}}

/* ===== 动效增强 / 更大胆 ===== */
/* 征稿中/即将截止 标签:流光扫过 + 呼吸点 */
.chip{position:relative;overflow:hidden;font-weight:700}
.chip::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.35) 50%,transparent 72%);transform:translateX(-130%);animation:chipShine 2.6s ease-in-out infinite}
.chip.ended::after{display:none}
.chip .lv{width:7px;height:7px;box-shadow:0 0 0 0 rgba(221,255,0,.7);animation:beat 1.3s infinite}
.chip.urg .lv{box-shadow:0 0 0 0 rgba(255,45,22,.7)}
@keyframes chipShine{0%{transform:translateX(-130%)}55%,100%{transform:translateX(130%)}}

/* 已结束:对角大印章,一眼可辨 */
/* 已结束:仅灰化 + 右上小角标 + 页脚小字,不再放大印章 */

/* 更多赛事 按钮 */
.more-wrap{display:flex;justify-content:center;margin-top:clamp(30px,5vh,56px)}
.more-btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--cjk);font-weight:800;font-size:1.05rem;padding:16px 40px;border-radius:999px;background:var(--ink);color:var(--paper);transition:transform .25s,background .25s,box-shadow .25s;box-shadow:0 10px 30px -16px rgba(10,10,12,.6)}
.more-btn span{transition:transform .25s;font-family:var(--mono)}
.more-btn:hover{background:var(--red);transform:translateY(-3px);box-shadow:0 16px 40px -16px rgba(255,45,22,.7)}
.more-btn:hover span{transform:translateX(7px)}

/* HERO 入场动画(每次切换都重放) */
.slide.active .slide-text>*{animation:heroUp .7s cubic-bezier(.2,.8,.2,1) backwards}
.slide.active .slide-text>*:nth-child(1){animation-delay:.04s}
.slide.active .slide-text>*:nth-child(2){animation-delay:.10s}
.slide.active .slide-text>*:nth-child(3){animation-delay:.16s}
.slide.active .slide-text>*:nth-child(4){animation-delay:.24s}
.slide.active .slide-text>*:nth-child(5){animation-delay:.32s}
.slide.active .slide-text>*:nth-child(6){animation-delay:.40s}
@keyframes heroUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.slide.active .slide-poster{animation:posterIn .85s cubic-bezier(.2,.8,.2,1) .14s backwards}
@keyframes posterIn{from{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:none}}
/* 海报框呼吸光晕 */
.slide-poster::after{content:"";position:absolute;inset:0;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);animation:posterGlow 3.6s ease-in-out infinite;pointer-events:none}
@keyframes posterGlow{0%,100%{box-shadow:0 0 0 0 rgba(255,45,22,0),inset 0 0 0 1px rgba(255,255,255,.06)}50%{box-shadow:0 0 40px -6px rgba(255,45,22,.35),inset 0 0 0 1px rgba(255,255,255,.12)}}
/* 模糊背景缓慢浮动 */
.slide-bg img.blur{animation:bgFloat 18s ease-in-out infinite alternate}
@keyframes bgFloat{from{transform:scale(1.06) translate(0,0)}to{transform:scale(1.14) translate(-2%,-1%)}}

/* 卡片 hover 更带劲 */
.card{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.card:hover{transform:translateY(-8px)}
.sec-light .card:hover{box-shadow:0 30px 60px -30px rgba(10,10,12,.55)}
/* 段标题更大更狠 + 入场下划线 */
.sec-head h2{position:relative;display:inline-block}
.sec-head h2::after{content:"";position:absolute;left:0;bottom:-10px;height:5px;width:0;background:var(--red);transition:width .8s cubic-bezier(.2,.8,.2,1) .2s}
.sec-head.in h2::after{width:64px}
/* 标语滚动条更大胆 */
.mq{font-size:1.12rem}

/* SERVICE QR */
.sp-qr{text-align:center;padding:18px}
.sp-qr img{width:100%;max-width:230px;border-radius:10px;margin:0 auto;background:#fff}
.sp-tip{margin-top:12px;font-family:var(--mono);font-size:.78rem;opacity:.7}

/* 赛事章程弹窗 */
.charter-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}
.charter-modal[hidden]{display:none}
.cm-mask{position:absolute;inset:0;background:rgba(8,8,10,.72);backdrop-filter:blur(3px)}
.cm-box{position:relative;width:min(760px,100%);max-height:88vh;display:flex;flex-direction:column;background:var(--paper,#f2ede3);color:var(--ink,#0a0a0c);border-radius:16px;overflow:hidden;box-shadow:0 40px 100px -30px rgba(0,0,0,.7);animation:cmIn .3s cubic-bezier(.2,.8,.2,1)}
@keyframes cmIn{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
.cm-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-bottom:1px solid rgba(10,10,12,.1)}
.cm-head b{font-family:var(--cjk);font-size:1.05rem;line-height:1.3}
.cm-x{flex:none;width:34px;height:34px;border-radius:50%;background:rgba(10,10,12,.06);font-size:1.4rem;line-height:1;cursor:pointer;border:0}
.cm-x:hover{background:var(--red);color:#fff}
.cm-body{padding:22px 26px;overflow-y:auto;line-height:1.85;font-size:.98rem}
.cm-body img{max-width:100%;height:auto;border-radius:8px;margin:10px auto;display:block}
.cm-body p{margin:0 0 12px}
.cm-body h1,.cm-body h2,.cm-body h3,.cm-body h4{font-family:var(--cjk);margin:18px 0 10px;line-height:1.3}
.cm-body a{color:var(--red);text-decoration:underline}
.cm-body table{width:100%;border-collapse:collapse;margin:12px 0}
.cm-body td,.cm-body th{border:1px solid rgba(10,10,12,.15);padding:6px 10px}
.cm-foot{padding:14px 22px;border-top:1px solid rgba(10,10,12,.1);text-align:right}
.cm-foot a{font-family:var(--mono);font-size:.85rem;color:var(--ink);opacity:.7}
.cm-foot a:hover{opacity:1;color:var(--red)}
body.cm-open{overflow:hidden}
/* 获奖查询 金色按钮 */
.btn-gold{background:linear-gradient(135deg,#f5c451,#d99b1c);color:#3a2a00;border:0}
.btn-gold:hover{filter:brightness(1.06);transform:translateY(-2px)}
.btn-disabled{background:rgba(160,160,170,.25);color:#9a9aa3;cursor:not-allowed;border:0;pointer-events:none}
/* 网址内嵌弹窗 */
.cm-box-wide{width:min(1000px,100%);max-height:92vh}
.cm-frame{flex:1;min-height:62vh;background:#fff}
.cm-frame iframe{width:100%;height:64vh;border:0;display:block}
.cm-newtab{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;background:rgba(10,10,12,.06);color:var(--ink);text-decoration:none;font-size:1rem;margin-right:6px}
.cm-newtab:hover{background:var(--red);color:#fff}
@media(max-width:700px){.cm-frame iframe{height:78vh}}

/* RESPONSIVE */
@media(max-width:1000px){
  .menu{position:fixed;inset:0 0 0 auto;width:min(82vw,360px);background:var(--ink2);flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;padding:40px;transform:translateX(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1);font-size:1.35rem;border-left:1px solid var(--line);z-index:205}
  .menu.open{transform:none}.menu .pub{margin-top:8px}
  .burger{display:flex}
  .nav.menu-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav.menu-open .burger span:nth-child(2){opacity:0}
  .nav.menu-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .card.feat{grid-column:span 12}.card{grid-column:span 6}
  .band-in{grid-template-columns:1fr 1fr}.band-cell:nth-child(3){border-left:0;border-top:1px solid rgba(255,255,255,.22);grid-column:1/-1}
  .foot-top{grid-template-columns:1fr 1fr}.foot .logo{grid-column:1/-1}
}
@media(max-width:700px){
  .hero{aspect-ratio:var(--hero-mb);min-height:0}
  .slide-bg::after{background:linear-gradient(0deg,var(--ink) 5%,rgba(10,10,12,.4) 50%,rgba(10,10,12,.55) 100%)}
  .slide-num{display:none}
  .slide-in{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-content:center;gap:14px;padding:calc(58px + 3vh) 0 4vh}
  .slide-poster{order:-1;max-height:none;aspect-ratio:16 / 9}
  .s-title{font-size:clamp(1.6rem,6.5vw,2.4rem)}
  .clock .n{font-size:clamp(1.7rem,8vw,2.4rem)}.clock .c{display:none}.clock{gap:14px;flex-wrap:wrap}
  .quick{display:none}
  .tabbar{display:grid}
  body{padding-bottom:74px}
  .grid{grid-template-columns:1fr;gap:16px}
  .card,.card.feat{grid-column:span 1}
  .split{grid-template-columns:1fr}
  .band-in{grid-template-columns:1fr}.band-cell{border-left:0;border-top:1px solid rgba(255,255,255,.22)}.band-cell:first-child{border-top:0}.band-cell:nth-child(3){grid-column:auto}
  .foot-top{grid-template-columns:1fr}
  .sec{padding:48px 0}
  .nav{padding:12px 16px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* ===== 细数据条 ===== */
.statline{background:var(--ink2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.st-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.st{padding:26px 18px;text-align:center;border-left:1px solid var(--line)}
.st:first-child{border-left:0}
.st b{display:block;font-family:var(--disp);font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1;color:var(--paper);letter-spacing:-.02em}
.st b em{color:var(--red);font-style:normal}
.st span{display:block;margin-top:9px;font-size:.78rem;color:rgba(242,237,227,.62);font-family:var(--cjk)}
.st span i{display:block;font-family:var(--mono);font-style:normal;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;opacity:.5;margin-top:3px}
@media(max-width:640px){.st-row{grid-template-columns:repeat(2,1fr)}.st:nth-child(3){border-left:0}.st{padding:20px 10px}}

/* ===== 卡片摘要 + 分类色点 ===== */
.card-sum{font-size:.8rem;line-height:1.5;opacity:.58;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sec-light .card-sum{opacity:1;color:#5a5550}
.card-body .host{display:flex;align-items:center;gap:7px}
.card-body .host::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.4;flex:none}
.card.c-dom .card-body .host::before{background:var(--red);opacity:1}
.card.c-intl .card-body .host::before{background:var(--blue);opacity:1}
.card-foot{margin-top:auto}

/* ===== 全部赛事页:搜索框 ===== */
.ph-search{display:flex;align-items:center;gap:8px;margin-top:22px;max-width:640px;background:rgba(242,237,227,.06);border:1px solid var(--line);border-radius:999px;padding:7px 7px 7px 18px;position:relative}
.ph-search svg{color:rgba(242,237,227,.5);flex:none}
.ph-search input[type=search]{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--paper);font-family:var(--cjk);font-size:.95rem;padding:8px 12px 8px 0;margin-right:4px}
.ph-search input[type=search]::placeholder{color:rgba(242,237,227,.4)}
.ph-search button{flex:none;border:0;background:var(--red);color:#fff;font-family:var(--cjk);font-weight:700;font-size:.9rem;padding:11px 26px;border-radius:999px;cursor:pointer;transition:filter .15s,transform .15s;margin-left:6px}
.ph-search button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.ph-clear{flex:none;color:rgba(242,237,227,.55);font-size:.82rem;text-decoration:none;padding:0 6px}
.ph-clear:hover{color:var(--paper)}
.search-cnt{font-family:var(--cjk);font-size:.9rem;color:#6a655f;margin:0 0 20px}
.search-cnt b{color:var(--red)}
@media(max-width:560px){.ph-search{max-width:none}.ph-search button{padding:9px 14px}}

/* 列表/公示页副标题 */
.ph-sub{margin-top:14px;max-width:60ch;font-family:var(--cjk);font-size:.98rem;line-height:1.6;color:rgba(242,237,227,.62)}

/* ===== 顶部:搜索 + 会员登录 ===== */
.nav-end{display:flex;align-items:center;gap:clamp(12px,1.6vw,22px)}
.nav-search-btn{background:transparent;border:0;color:var(--paper);cursor:pointer;display:flex;align-items:center;padding:5px;opacity:.82;transition:opacity .2s,color .2s}
.nav-search-btn:hover{opacity:1;color:var(--red)}
.nav-login{display:inline-flex;align-items:center;gap:6px;background:var(--red);color:#fff;font-family:var(--cjk);font-weight:700;font-size:.86rem;padding:9px 18px;border-radius:999px;text-decoration:none;white-space:nowrap;transition:filter .15s,transform .12s}
.nav-login:hover{filter:brightness(1.08);transform:translateY(-1px);color:#fff}
.search-pop{position:fixed;top:0;left:0;right:0;background:rgba(10,10,12,.97);backdrop-filter:blur(8px);padding:22px clamp(16px,4vw,42px);transform:translateY(-100%);transition:transform .32s cubic-bezier(.2,.8,.2,1);z-index:300;border-bottom:1px solid var(--line)}
.search-pop.on{transform:translateY(0)}
.search-pop form{max-width:780px;margin:0 auto;display:flex;align-items:center;gap:12px}
.search-pop input[type=search]{flex:1;background:transparent;border:0;border-bottom:2px solid var(--line);color:var(--paper);font-family:var(--cjk);font-size:clamp(1.1rem,2.4vw,1.5rem);padding:12px 4px;outline:none}
.search-pop input[type=search]::placeholder{color:rgba(242,237,227,.32)}
.search-pop button[type=submit]{flex:none;background:var(--red);color:#fff;border:0;border-radius:999px;font-family:var(--cjk);font-weight:700;font-size:.9rem;padding:11px 24px;cursor:pointer}
.search-pop .sp-close{flex:none;background:transparent;border:0;color:rgba(242,237,227,.6);font-size:1.7rem;cursor:pointer;line-height:1;padding:2px 8px}
.search-pop .sp-close:hover{color:var(--paper)}
@media(max-width:560px){.nav-login{padding:8px 13px;font-size:.8rem}.nav-end{gap:12px}}

/* ===== 设计资讯 ===== */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:6px}
.ncard{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(10,10,12,.1);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .3s,box-shadow .3s}
.ncard:hover{transform:translateY(-5px);box-shadow:0 18px 40px -18px rgba(10,10,12,.35)}
.ncard-img{aspect-ratio:16/9;background:var(--ink3);overflow:hidden;display:flex;align-items:center;justify-content:center}
.ncard-img img{width:100%;height:100%;object-fit:cover}
.ncard-ph{font-family:var(--disp);font-size:1.2rem;color:rgba(242,237,227,.28);letter-spacing:.12em}
.ncard-bd{padding:16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.ncard-bd h4{margin:0;font-family:var(--cjk);font-size:1.02rem;line-height:1.4;font-weight:700;color:var(--ink)}
.ncard-bd p{margin:0;font-size:.84rem;line-height:1.5;color:#6a655f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ncard-meta{margin-top:auto;display:flex;justify-content:space-between;font-family:var(--mono);font-size:.68rem;letter-spacing:.04em;color:#9a948c;padding-top:6px}
@media(max-width:880px){.news-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.news-grid{grid-template-columns:1fr}}
.news-hero-img{width:100%;border-radius:14px;margin-bottom:26px;display:block}
.news-article{font-family:var(--cjk);font-size:1.02rem;line-height:1.85;color:#2a2620}
.news-article h3{font-size:1.4rem;margin:1.4em 0 .5em;color:var(--ink)}
.news-article h4{font-size:1.12rem;margin:1.2em 0 .4em;color:var(--ink)}
.news-article p{margin:1em 0}
.news-article img{max-width:100%;height:auto;border-radius:10px;margin:1em 0}
.news-article a{color:var(--red);text-decoration:underline}
.news-article ul,.news-article ol{padding-left:1.6em;margin:1em 0}

/* ===== 赛事发布 / 报价 ===== */
.pub-wrap{max-width:1040px}
.pub-notice{background:#fff;border:1px solid rgba(10,10,12,.1);border-radius:16px;padding:24px 26px;margin-bottom:26px;font-family:var(--cjk);line-height:1.8;color:#2a2620}
.pub-notice img{max-width:100%;height:auto;border-radius:10px;margin:.6em 0}
.pub-notice h3{font-size:1.3rem;margin:.6em 0 .4em;color:var(--ink)}
.pub-notice h4{font-size:1.08rem;margin:.6em 0 .3em;color:var(--ink)}
.pub-err{background:#fff1f0;border:1px solid #ffccc7;color:#cf1322;border-radius:10px;padding:12px 16px;margin-bottom:18px;font-family:var(--cjk);font-size:.92rem}
.pub-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}
.pub-h{font-family:var(--cjk);font-size:1.06rem;font-weight:800;color:var(--ink);margin:0 0 14px}
.pub-items{display:flex;flex-direction:column;gap:12px}
.qitem{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1.5px solid rgba(10,10,12,.1);border-radius:14px;padding:16px 18px;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.qitem:hover{border-color:rgba(255,45,22,.4)}
.qitem:has(input:checked){border-color:var(--red);box-shadow:0 0 0 3px rgba(255,45,22,.08)}
.qitem input[type=checkbox]{width:20px;height:20px;accent-color:var(--red);margin-top:2px;flex:none;cursor:pointer}
.qi-main{flex:1;display:flex;flex-direction:column;gap:4px}
.qi-name{font-family:var(--cjk);font-weight:700;font-size:1rem;color:var(--ink)}
.qi-name em{font-style:normal;font-size:.7rem;color:#fff;background:var(--red);padding:1px 7px;border-radius:99px;margin-left:6px;vertical-align:middle}
.qi-desc{font-family:var(--cjk);font-size:.82rem;color:#7a756e;line-height:1.5}
.qi-price{font-family:var(--mono);font-weight:700;font-size:1.05rem;color:var(--ink);white-space:nowrap}
.qi-price i{font-style:normal;font-size:.72rem;color:#9a948c}
.pub-side{position:sticky;top:88px;display:flex;flex-direction:column;gap:18px;background:#fff;border:1px solid rgba(10,10,12,.1);border-radius:16px;padding:22px}
.pub-fields{display:flex;flex-direction:column;gap:13px}
.pf{display:flex;flex-direction:column;gap:5px}
.pf label{font-family:var(--cjk);font-size:.84rem;font-weight:600;color:#4a463f}
.pf label em{color:var(--red);font-style:normal}
.pf input,.pf textarea,.pf select{font-family:var(--cjk);font-size:.92rem;padding:10px 12px;border:1px solid #d9d4ca;border-radius:9px;background:#fcfbf9;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s;width:100%}
.pf input:focus,.pf textarea:focus,.pf select:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(255,45,22,.1);background:#fff}
.pub-total{border-top:1px dashed #e2ddd3;padding-top:16px;display:flex;flex-direction:column;gap:12px}
.pt-row{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--cjk)}
.pt-row span{font-size:.92rem;color:#4a463f}
.pt-row b{font-family:var(--disp);font-size:1.9rem;color:var(--red);line-height:1}
.pt-btn{justify-content:center;width:100%;padding:14px;font-size:1rem}
.pt-tip{font-family:var(--cjk);font-size:.76rem;color:#9a948c;margin:0;text-align:center;line-height:1.5}
@media(max-width:780px){.pub-grid{grid-template-columns:1fr}.pub-side{position:static}}

/* 报价弹窗 */
.quote-modal{display:none;position:fixed;inset:0;z-index:400;align-items:center;justify-content:center;padding:20px}
.quote-modal.on{display:flex}
.qm-mask{position:absolute;inset:0;background:rgba(10,10,12,.72);backdrop-filter:blur(4px)}
.qm-box{position:relative;background:#fff;border-radius:20px;max-width:400px;width:100%;padding:30px 28px;text-align:center;box-shadow:0 30px 80px -20px rgba(0,0,0,.6);max-height:92vh;overflow:auto}
.qm-x{position:absolute;top:14px;right:16px;background:transparent;border:0;font-size:1.6rem;color:#999;cursor:pointer;line-height:1}
.qm-head .qm-ok{display:inline-block;font-family:var(--cjk);font-size:.8rem;font-weight:700;color:#067647;background:#ecfdf3;padding:4px 12px;border-radius:99px}
.qm-head h3{font-family:var(--cjk);font-size:1.3rem;color:var(--ink);margin:14px 0 6px}
.qm-head p{font-family:var(--cjk);font-size:.86rem;color:#7a756e;margin:0;line-height:1.6}
.qm-quote{text-align:left;background:#faf8f4;border-radius:12px;padding:14px 16px;margin:18px 0 16px;font-family:var(--cjk)}
.qq-line{display:flex;justify-content:space-between;font-size:.85rem;color:#4a463f;padding:3px 0}
.qq-line span:last-child{font-family:var(--mono);color:var(--ink)}
.qq-total{display:flex;justify-content:space-between;border-top:1px solid #e7e1d6;margin-top:8px;padding-top:8px;font-weight:800;color:var(--ink)}
.qq-total span:last-child{color:var(--red);font-family:var(--mono)}
.qm-qr{margin:6px auto 14px;width:190px;height:190px;background:#f4f2ee;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.qm-qr img{width:100%;height:100%;object-fit:contain}
.qm-foot .btn{width:100%;justify-content:center}
/* 报价弹窗「完成」按钮——白底弹窗内,改深色描边可见(原幽灵按钮浅色文字在白底不可见) */
.qm-foot .btn-ghost{border:1.5px solid rgba(20,20,22,.16);color:var(--ink);background:#faf9f7}
.qm-foot .btn-ghost:hover{border-color:var(--ink);background:var(--ink);color:#fff}

/* ===== 详情页 · 已公布获奖数据板 ===== */
.award-stats{margin-top:2px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:linear-gradient(135deg,rgba(242,237,227,.05),rgba(242,237,227,.015))}
.as-head{display:flex;align-items:center;gap:9px;padding:11px 18px;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--acid);border-bottom:1px solid var(--line)}
.as-dot{width:7px;height:7px;border-radius:50%;background:var(--acid);animation:beat 1.5s infinite}
.as-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.as-cell{padding:18px 14px;text-align:center;border-right:1px solid var(--line)}
.as-cell:last-child{border-right:0}
.as-cell b{display:block;font-family:var(--disp);font-size:clamp(1.6rem,4.4vw,2.5rem);line-height:1;letter-spacing:-.02em}
.as-cell span{display:block;margin-top:9px;font-family:var(--cjk);font-size:.82rem;opacity:.6}
.as-win{position:relative}
.as-win b{color:var(--acid)}
.as-win::after{content:"";position:absolute;right:-26px;bottom:-26px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(221,255,0,.16),transparent 70%);pointer-events:none}
@media(max-width:420px){.as-cell{padding:14px 6px}.as-cell b{font-size:1.45rem}.as-cell span{font-size:.74rem}}
/* 报名进行中数据板(2列):去掉获奖金色,用品牌红强调 */
.award-stats.is-signup .as-head{color:var(--red)}
.award-stats.is-signup .as-dot{background:var(--red)}
.as-grid-2{grid-template-columns:repeat(2,1fr)}

/* 详情页 CTA · 幽灵按钮在模糊海报背景上更清晰可见 */
.detail .d-cta .btn-ghost{border-color:rgba(242,237,227,.5);background:rgba(10,10,12,.34);backdrop-filter:blur(4px)}
.detail .d-cta .btn-ghost:hover{border-color:var(--paper);background:var(--paper);color:var(--ink)}

/* ===== 关于我们 ?p=about ===== */
.about-lead{max-width:760px}
.about-lead h2{font-family:var(--cjk);font-weight:900;font-size:clamp(1.6rem,3.6vw,2.6rem);line-height:1.15;letter-spacing:-.01em;margin-bottom:16px}
.about-lead p{line-height:1.85;opacity:.82;font-size:1.02rem}
.about-lead strong{color:var(--red);font-weight:700}
.about-vals{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:clamp(28px,5vh,52px)}
.aval{border:1px solid rgba(10,10,12,.14);border-radius:16px;padding:24px 22px;background:rgba(10,10,12,.015)}
.aval-no{font-family:var(--disp);font-size:1.4rem;color:var(--red)}
.aval h3{font-family:var(--cjk);font-weight:900;font-size:1.3rem;margin:8px 0 10px}
.aval p{line-height:1.75;opacity:.74;font-size:.94rem}
.about-partners{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.apart{border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(135deg,rgba(242,237,227,.04),transparent);transition:transform .25s,border-color .25s}
.apart:hover{transform:translateY(-5px);border-color:rgba(242,237,227,.3)}
.apart b{font-family:var(--disp);font-size:1.5rem;letter-spacing:.01em}
.apart-nm{font-family:var(--cjk);font-size:.98rem;opacity:.9}
.apart-rg{font-family:var(--mono);font-size:.76rem;opacity:.55;margin-top:2px}
.about-cta{display:grid;grid-template-columns:1.4fr .6fr;gap:clamp(24px,4vw,52px);align-items:center}
.ac-text h2{font-family:var(--cjk);font-weight:900;font-size:clamp(1.5rem,3.2vw,2.3rem);margin-bottom:12px}
.ac-text p{line-height:1.8;opacity:.78;max-width:48ch}
.ac-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.ac-qr{text-align:center}
.ac-qr img{width:100%;max-width:200px;border-radius:14px;background:#fff;padding:8px}
.ac-qr span{display:block;margin-top:10px;font-family:var(--mono);font-size:.78rem;opacity:.6}
@media(max-width:760px){.about-vals{grid-template-columns:1fr}.about-cta{grid-template-columns:1fr}.ac-qr{max-width:220px}}

/* ===================== 本批新增样式 ===================== */
/* 需求4/7b:卡片「获奖已公布」标签 */
.tag.award{background:linear-gradient(135deg,#f5c451,#d99b1c);color:#3a2a00;font-weight:800;box-shadow:0 4px 14px -4px rgba(217,155,28,.6)}

/* 需求3:详情页多阶段倒计时 */
.phase-clocks{display:flex;flex-wrap:wrap;gap:clamp(16px,3vw,40px);margin:2px 0 4px}
.phase-clock{display:flex;flex-direction:column;gap:8px}
.pc-label{font-family:var(--cjk);font-weight:800;font-size:.92rem;color:var(--paper);display:inline-flex;align-items:center;gap:8px;opacity:.92}
.pc-label::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--red);transform:rotate(45deg)}
.phase-clock:nth-child(2) .pc-label::before{background:var(--acid)}
.phase-clock:nth-child(3) .pc-label::before{background:var(--blue)}
.clock-sm .n{font-size:clamp(1.3rem,3vw,2.2rem)}
.clock-sm .l{font-size:.52rem}
.clock-sm.is-ended .n{color:rgba(242,237,227,.4)}

/* 需求5:获奖页 PC 5列 + 折叠 */
.res-5{grid-template-columns:repeat(5,1fr)}
@media(max-width:1200px){.res-5{grid-template-columns:repeat(4,1fr)}}
@media(max-width:980px){.res-5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.res-5{grid-template-columns:repeat(2,1fr);gap:12px}}
@media(max-width:720px){#homeResults{grid-template-columns:repeat(2,1fr);gap:12px}}
.res-hide{display:none !important}
/* 通用折叠隐藏 + 移动端推荐 2 列 */
.rv-hide{display:none !important}
@media(max-width:700px){#recoGrid{grid-template-columns:repeat(2,1fr);gap:12px}#recoGrid .card{grid-column:auto}#recoGrid .card h3{font-size:1rem}#recoGrid .card .card-body{padding:12px 13px}}
#awardsMore,#recoMore,#resultsMore{border:0}

/* 需求8:搜索实时下拉 */
.ls-pop{position:absolute;left:0;right:0;top:calc(100% + 10px);background:#15131a;border:1px solid rgba(242,237,227,.14);border-radius:18px;box-shadow:0 30px 70px -24px rgba(0,0,0,.8);padding:8px;z-index:60;display:none;max-height:min(60vh,440px);overflow:auto}
.ls-pop.on{display:block}
.ls-row{display:flex;align-items:center;gap:13px;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--paper);transition:background .14s}
.ls-row:hover{background:rgba(242,237,227,.07)}
.ls-thumb{width:58px;height:42px;flex:none;border-radius:8px;object-fit:cover;background:#26222e}
.ls-thumb.ph{display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.6rem;color:rgba(242,237,227,.5)}
.ls-info{min-width:0;flex:1}
.ls-info b{display:block;font-family:var(--cjk);font-size:.92rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ls-info span{font-family:var(--mono);font-size:.68rem;opacity:.55;display:inline-flex;gap:8px;margin-top:3px}
.ls-badge{color:#f5c451}
.ls-foot{display:block;text-align:center;padding:11px;font-family:var(--cjk);font-size:.84rem;color:var(--red);font-weight:700;text-decoration:none;border-top:1px solid rgba(242,237,227,.08);margin-top:4px}
.ls-foot:hover{background:rgba(255,45,22,.08);border-radius:10px}
.ls-empty{padding:22px;text-align:center;font-family:var(--cjk);font-size:.86rem;opacity:.5}
.ls-loading{padding:22px;text-align:center;font-family:var(--mono);font-size:.78rem;opacity:.45;letter-spacing:.1em}

/* 需求10:首页更年轻、有动感(关键:绝不改 .slide 定位,避免幻灯堆叠) */
/* 卡片悬停:海报放大 + 彩色投影 + 上浮 */
.card{transition:transform .32s cubic-bezier(.2,.7,.3,1),box-shadow .32s}
.card .card-img{overflow:hidden}
.card .face{transition:transform .5s cubic-bezier(.2,.7,.3,1),filter .4s}
.card:hover{transform:translateY(-8px);box-shadow:0 26px 54px -22px rgba(255,45,22,.5)}
.card:hover .face:not(.dim){transform:scale(1.08)}
.card .ar{transition:transform .3s}
.card:hover .ar{transform:translate(4px,-4px)}

/* hero 氛围光晕:作为顶层装饰(pointer-events:none 不挡点击),边缘上色、中心留白保证文字清晰 */
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;mix-blend-mode:screen;opacity:.85;
  background:radial-gradient(42% 55% at 12% 18%,rgba(255,45,22,.55),transparent 62%),radial-gradient(40% 50% at 90% 26%,rgba(31,46,255,.42),transparent 64%),radial-gradient(46% 46% at 70% 96%,rgba(221,255,0,.22),transparent 66%);
  animation:auroraShift 14s ease-in-out infinite alternate}
@keyframes auroraShift{0%{transform:translate3d(-4%,-3%,0) scale(1.04)}50%{transform:translate3d(3%,4%,0) scale(1.12)}100%{transform:translate3d(4%,-4%,0) scale(1.06)}}
/* 细颗粒噪点 */
.hero::before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.06;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* 主按钮:渐变流光 + 红色辉光,更潮 */
.btn-red{background:linear-gradient(120deg,#ff2d16,#ff5a3c,#ff2d16);background-size:220% 100%;box-shadow:0 10px 30px -10px rgba(255,45,22,.6);animation:redFlow 5s linear infinite}
.btn-red:hover{box-shadow:0 16px 44px -10px rgba(255,45,22,.85);transform:translateY(-3px) scale(1.02)}
@keyframes redFlow{0%{background-position:0 0}100%{background-position:220% 0}}

/* 顶部细渐变进度线(潮流细节) */
.hero{border-bottom:none}
.hero::after,.hero::before{border-radius:0}

/* 数据条:数字 hover 发光 + 上浮 */
.statline .st b{transition:text-shadow .3s,transform .3s}
.statline .st:hover b{text-shadow:0 0 26px rgba(255,45,22,.6);transform:translateY(-3px)}
/* marquee 红条:加一点立体投影,更跳 */
.marquee{box-shadow:0 8px 30px -10px rgba(255,45,22,.5)}

/* 移动端阶段倒计时换行更紧凑 */
@media(max-width:560px){.phase-clocks{gap:14px}.clock-sm .n{font-size:1.4rem}}

/* ===================== 需求5:赛事推广页 + CSS 示意图 ===================== */
.promo-err{background:#fef3f2;border:1px solid #fda29b;color:#b42318;padding:12px 16px;border-radius:12px;margin-bottom:18px;font-family:var(--cjk);font-size:.9rem}
.promo-note{background:#fffaeb;border:1px solid #fde68a;color:#8a6a1f;padding:10px 14px;border-radius:10px;margin-bottom:14px;font-family:var(--cjk);font-size:.82rem}
.promo-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:30px;align-items:start}
@media(max-width:920px){.promo-grid{grid-template-columns:1fr}}
.promo-step{display:flex;align-items:center;gap:10px;margin:0 0 16px}
.promo-step .ps-n{width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;font-family:var(--mono);font-weight:700;display:grid;place-items:center;font-size:.85rem}
.promo-step h3{font-family:var(--cjk);font-weight:800;font-size:1.15rem;margin:0;color:var(--ink)}

/* 选位卡片 */
.promo-list{display:flex;flex-direction:column;gap:12px}
.promo-item{display:flex;gap:13px;align-items:flex-start;padding:15px 16px;border:1.5px solid #e5e3dd;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .18s,box-shadow .18s,background .18s}
.promo-item:hover{border-color:#c9c5bc}
.promo-item.on{border-color:var(--red);background:#fff8f7;box-shadow:0 6px 20px -10px rgba(255,45,22,.32)}
.promo-item .pi-check{width:20px;height:20px;accent-color:var(--red);margin-top:2px;flex:none;cursor:pointer}
.pi-body{flex:1;min-width:0}
.pi-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.pi-top b{font-family:var(--cjk);font-weight:700;font-size:1rem;color:var(--ink)}
.pi-price{font-family:var(--mono);font-weight:700;color:var(--red);font-size:.95rem;white-space:nowrap}
.pi-price i{font-style:normal;font-size:.72rem;opacity:.6;margin-left:2px}
.pi-sub{font-family:var(--cjk);font-size:.82rem;color:#7a756e;margin-top:3px}
.pi-meta{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-top:9px}
.pi-px{font-family:var(--mono);font-size:.72rem;color:#9a948c;background:#f3f1ec;padding:3px 9px;border-radius:7px}
.pi-ctrl{font-family:var(--cjk);font-size:.8rem;color:#5a554e;display:inline-flex;align-items:center;gap:6px}
.pi-days,.pi-qty{width:64px;padding:5px 8px;border:1px solid #d6dae1;border-radius:7px;font-family:var(--mono);font-size:.82rem;color:var(--ink);background:#fff}
.pi-qty{width:54px}

/* 资料表单 */
.promo-form{background:#fff;border:1px solid #ebe9e3;border-radius:16px;padding:22px}
.pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.pf-grid{grid-template-columns:1fr}}
.pf-grid .full{grid-column:1/-1}
.promo-form label{display:block;font-family:var(--cjk);font-size:.84rem;font-weight:600;color:#3a352e}
.promo-form input[type=text],.promo-form input[type=tel],.promo-form textarea{width:100%;margin-top:6px;padding:10px 12px;border:1px solid #d6dae1;border-radius:9px;font-family:var(--cjk);font-size:.9rem;color:var(--ink);background:#fff;font-weight:400}
.promo-form input:focus,.promo-form textarea:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 3px rgba(255,45,22,.1)}
.pf-block{margin-top:16px;position:relative}
.pf-label{font-family:var(--cjk);font-size:.84rem;font-weight:600;color:#3a352e;margin-bottom:8px}
.time-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.time-row input{flex:1;margin:0;padding:9px 11px;border:1px solid #d6dae1;border-radius:8px;font-family:var(--cjk);font-size:.86rem;min-width:0}
.time-row span{color:#9a948c}
.tr-del{flex:none;width:30px;height:30px;border:1px solid #e5e3dd;background:#faf9f7;border-radius:8px;color:#b42318;cursor:pointer;font-size:1.1rem;line-height:1}
.tr-del:hover{background:#fef3f2;border-color:#fda29b}
.promo-addrow{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;border:1.5px solid #d6dae1;background:#fff;border-radius:9px;font-family:var(--cjk);font-weight:700;font-size:.82rem;color:var(--ink);cursor:pointer;transition:.15s}
.promo-addrow:hover{border-color:var(--red);color:var(--red);background:#fff8f7}
.pf-count{position:absolute;right:4px;bottom:-18px;font-family:var(--mono);font-size:.72rem;color:#aaa}
.pf-file{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#faf9f7;border:1px dashed #d6dae1;border-radius:10px;padding:12px 14px}
.pf-file input[type=file]{font-family:var(--cjk);font-size:.82rem;color:#5a554e}
.pf-hint{font-family:var(--cjk);font-size:.76rem;color:#9a948c}
.imgf{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px dashed #eee}
.imgf:last-child{border-bottom:0}
.imgf-l{font-family:var(--cjk);font-size:.84rem;color:#3a352e;font-weight:600;min-width:130px}
.imgf-l i{display:block;font-style:normal;font-family:var(--mono);font-size:.7rem;color:#9a948c;font-weight:400;margin-top:2px}

/* 右侧 sticky:示意图 + 结算 */
.promo-sticky{position:sticky;top:90px}
.schem-tabs{display:flex;gap:6px;margin-bottom:12px}
.schem-tab{flex:1;padding:8px 0;border:1px solid #e5e3dd;background:#fff;border-radius:9px;font-family:var(--cjk);font-size:.82rem;font-weight:600;color:#7a756e;cursor:pointer;transition:.15s}
.schem-tab.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.schem{display:none}
.schem.on{display:block}

/* 线框通用 */
.wf{background:#f5f4f1;border:1px solid #e0ddd6;border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:7px}
.wf-browser .wf-bar{display:flex;gap:5px;padding:3px 2px 7px}
.wf-bar span{width:9px;height:9px;border-radius:50%;background:#d6d2c9}
.wf-nav{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#fff;border-radius:7px}
.wf-logo{width:34px;height:9px;background:var(--red);border-radius:3px;margin-right:auto}
.wf-nav i{width:24px;height:7px;background:#dcd8cf;border-radius:3px}
.wf-marquee{height:10px;background:repeating-linear-gradient(90deg,var(--red),var(--red) 18px,#ff6a55 18px,#ff6a55 36px);border-radius:3px;opacity:.85}
.wf-stat{display:flex;gap:6px}
.wf-stat i{flex:1;height:22px;background:#e7e3da;border-radius:5px}
.wf-sech{height:9px;width:42%;background:#ddd9d0;border-radius:3px}
.wf-res{display:flex;gap:5px}
.wf-res i{flex:1;height:34px;background:#26242b;border-radius:5px;opacity:.82}
.wf-foot{height:20px;background:#26242b;border-radius:5px;opacity:.7}
.wf-card{flex:1;height:46px;background:#e7e3da;border-radius:6px;display:grid;place-items:center}
.wf-card em{font-style:normal;font-family:var(--mono);font-size:.6rem;color:#a39d93;opacity:0}
.wf-card.on em{opacity:1}

/* 可选位:默认描边,选中高亮 */
.wf-slot{position:relative;border:1.5px dashed #c3beb3;border-radius:8px;transition:.18s}
.wf-slot em{font-style:normal;font-family:var(--cjk);font-weight:700;font-size:.74rem;color:#8a857c}
.wf-slot small{font-family:var(--mono);font-size:.62rem;color:#aaa}
.wf-hero{height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:linear-gradient(135deg,#2a2730,#3a3640)}
.wf-hero em{color:rgba(242,237,227,.9)}.wf-hero small{color:rgba(242,237,227,.55)}
.wf-reco{display:flex;gap:6px;padding:8px;align-items:center}
.wf-reco small{position:absolute;right:8px;bottom:3px}
.wf-ad{height:34px;display:flex;align-items:center;justify-content:center;gap:8px;background:#efece5}
.wf-adB{height:24px}
.wf-topic{height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(135deg,#2a2730,#3a3640)}
.wf-topic em{color:rgba(242,237,227,.9)}.wf-topic small{color:rgba(242,237,227,.55)}
.wf-tline{height:9px;background:#ddd9d0;border-radius:3px}.wf-tline.short{width:50%}
.wf-tgrid{display:flex;gap:6px}.wf-tgrid i{flex:1;height:40px;background:#e7e3da;border-radius:5px}

/* 手机线框 */
.wf-phone{max-width:230px;margin:0 auto;background:#fff;border:6px solid #1f1d24;border-radius:24px;padding:10px 9px}
.wf-phead{font-family:var(--cjk);font-size:.72rem;color:#9a948c;text-align:center;padding:4px 0 8px}
.wf-art1{padding:0;overflow:hidden}
.wf-art-img{height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:linear-gradient(135deg,#2a2730,#3a3640)}
.wf-art-img em{color:rgba(242,237,227,.9)}.wf-art-img small{color:rgba(242,237,227,.55)}
.wf-art-t{height:10px;background:#ddd9d0;margin:7px;border-radius:3px;width:70%}
.wf-art2,.wf-art3{display:flex;align-items:center;gap:8px;padding:8px}
.wf-art-t2{flex:1;height:9px;background:#ddd9d0;border-radius:3px}
.wf-art-thumb{width:40px;height:40px;flex:none;background:#e7e3da;border-radius:5px;display:grid;place-items:center}
.wf-art-thumb.sm{width:26px;height:26px}
.wf-art-thumb small{font-family:var(--mono);font-size:.55rem;color:#a39d93}

/* 选中 / hover 高亮 */
.wf-slot.picked{border-style:solid;border-color:var(--red);box-shadow:0 0 0 3px rgba(255,45,22,.16);background-image:linear-gradient(135deg,rgba(255,45,22,.10),transparent)}
.wf-slot.picked em{color:var(--red)}
.wf-slot.picked small{color:var(--red);font-weight:700}
.wf-slot.picked::after{content:"✓ 您选的位置";position:absolute;top:-9px;left:8px;background:var(--red);color:#fff;font-family:var(--cjk);font-size:.6rem;font-weight:700;padding:2px 7px;border-radius:99px;white-space:nowrap;z-index:2}
.wf-slot.hover:not(.picked){border-color:#ff8a3c;background:rgba(255,138,60,.08)}

/* 结算 */
.promo-sum{margin-top:14px;background:#fff;border:1px solid #ebe9e3;border-radius:14px;padding:16px}
.ps-lines{display:flex;flex-direction:column;gap:7px;min-height:24px}
.ps-empty{font-family:var(--cjk);font-size:.82rem;color:#aaa;text-align:center;padding:6px 0}
.ps-line{display:flex;justify-content:space-between;font-family:var(--cjk);font-size:.84rem;color:#4a463f}
.ps-line span:last-child{font-family:var(--mono);color:var(--ink)}
.ps-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #eee;margin-top:10px;padding-top:10px;font-family:var(--cjk);font-weight:800;color:var(--ink)}
.ps-total b{color:var(--red);font-family:var(--mono);font-size:1.3rem}
.ps-btn{width:100%;justify-content:center;margin-top:14px}
.ps-mode{text-align:center;font-family:var(--cjk);font-size:.74rem;color:#9a948c;margin-top:9px}

/* 提交成功 */
.promo-done{background:#fff;border:1px solid #ebe9e3;border-radius:18px;padding:34px 28px;text-align:center}
.pd-ok{display:inline-block;font-family:var(--cjk);font-weight:700;font-size:.82rem;color:#067647;background:#ecfdf3;padding:5px 14px;border-radius:99px}
.promo-done h2{font-family:var(--cjk);font-weight:800;font-size:1.4rem;color:var(--ink);margin:14px 0 6px}
.pd-no{font-family:var(--cjk);font-size:.88rem;color:#7a756e}.pd-no b{font-family:var(--mono);color:var(--red)}
.pd-lines{text-align:left;background:#faf8f4;border-radius:12px;padding:14px 16px;margin:16px 0;font-family:var(--cjk)}
.pd-line{display:flex;justify-content:space-between;font-size:.86rem;color:#4a463f;padding:3px 0}
.pd-line span:last-child{font-family:var(--mono);color:var(--ink)}
.pd-total{display:flex;justify-content:space-between;border-top:1px solid #e7e1d6;margin-top:8px;padding-top:8px;font-weight:800;color:var(--ink)}
.pd-total span:last-child{color:var(--red);font-family:var(--mono)}
.pd-tip{font-family:var(--cjk);font-size:.86rem;color:#7a756e;margin:6px 0 12px}
.pd-qr{width:170px;height:170px;margin:0 auto;background:#f4f2ee;border-radius:14px;overflow:hidden}
.pd-qr img{width:100%;height:100%;object-fit:contain}

/* 推广:推荐置顶卡标签 + hero 推广帧 */
.tag.promo{background:linear-gradient(135deg,#1f2eff,#5b6bff);color:#fff;font-weight:800;box-shadow:0 4px 14px -4px rgba(31,46,255,.6)}
.card-promo .card-body{padding-bottom:18px}
.card-promo .card-body h3{margin:0}

/* 2026 visual refresh: restrained event portal skin */
:root{
  --ink:#09090c;
  --ink2:#121217;
  --ink3:#1b1a21;
  --paper:#f6f4ee;
  --paper2:#e7e5dc;
  --red:#e11937;
  --blue:#3157df;
  --acid:#d7f36b;
  --line:rgba(246,244,238,.15);
  --soft-shadow:0 28px 70px -42px rgba(0,0,0,.72);
  --warm-shadow:0 22px 55px -36px rgba(97,38,31,.45);
}
body{
  background:
    radial-gradient(circle at 18% -8%,rgba(225,25,55,.16),transparent 32%),
    radial-gradient(circle at 92% 10%,rgba(49,87,223,.13),transparent 30%),
    var(--ink);
  letter-spacing:0;
}
.wrap{width:min(1360px,92vw)}
body::after{opacity:.032}
.nav{
  top:12px;
  left:clamp(12px,3vw,30px);
  right:clamp(12px,3vw,30px);
  padding:10px 14px;
  border:1px solid rgba(246,244,238,.14);
  border-radius:999px;
  background:rgba(9,9,12,.58);
  backdrop-filter:blur(20px) saturate(135%);
  box-shadow:0 18px 55px -34px rgba(0,0,0,.9);
}
.nav.scrolled{
  background:rgba(9,9,12,.76);
  border-color:rgba(246,244,238,.18);
  padding:9px 14px;
}
.brand .dot{width:7px;height:7px;animation:none;box-shadow:0 0 0 5px rgba(225,25,55,.12)}
.brand .en,.brand .cn{letter-spacing:0}
.menu{gap:clamp(12px,1.6vw,24px);font-size:.9rem}
.menu a.active::after,.menu a:hover::after{height:3px;border-radius:3px;bottom:-8px}
.menu .pub,.nav-login{
  background:linear-gradient(135deg,#e11937,#bd1029);
  box-shadow:0 14px 30px -18px rgba(225,25,55,.9);
}
.menu .pub:hover,.nav-login:hover{filter:none;transform:translateY(-2px)}
.nav-search-btn{border:1px solid rgba(246,244,238,.1);border-radius:999px;padding:8px}
.hero{min-height:560px;background:var(--ink)}
.slide-bg img.blur{filter:blur(42px) brightness(.36) saturate(.95);transform:scale(1.03)}
.slide-bg::after{
  background:
    linear-gradient(90deg,rgba(9,9,12,.94) 2%,rgba(9,9,12,.76) 38%,rgba(9,9,12,.24) 72%,rgba(9,9,12,.56) 100%),
    linear-gradient(0deg,var(--ink) 0%,transparent 30%);
}
.hero::after{opacity:.36}
.hero::before{opacity:.045}
.slide-num{opacity:.6;color:rgba(246,244,238,.035)}
.s-eye{color:#ff5268}
.s-title{letter-spacing:0;max-width:13.5em}
.clock .n{letter-spacing:0;color:var(--paper)}
.clock .c{color:#ff5268}
.btn{min-height:46px;box-shadow:none}
.btn-red{
  background:linear-gradient(135deg,#f1334e,#c8102d);
  background-size:100% 100%;
  animation:none;
  box-shadow:0 18px 36px -22px rgba(225,25,55,.9);
}
.btn-red:hover{box-shadow:0 22px 48px -24px rgba(225,25,55,.95)}
.btn-ghost{background:rgba(246,244,238,.06);border-color:rgba(246,244,238,.24);backdrop-filter:blur(12px)}
.slide-poster{
  border-radius:22px;
  border-color:rgba(246,244,238,.2);
  box-shadow:var(--soft-shadow);
}
.slide-poster::after{border-radius:22px;animation:none}
.arrow{background:rgba(246,244,238,.08);border-color:rgba(246,244,238,.18);backdrop-filter:blur(16px)}
.arrow:hover{background:rgba(225,25,55,.88)}
.dots button{height:3px;border-radius:999px;background:rgba(246,244,238,.22)}
.marquee{
  background:linear-gradient(90deg,#9f1021,#d31631 52%,#9f1021);
  box-shadow:none;
  border-top:1px solid rgba(255,255,255,.13);
  border-bottom:1px solid rgba(0,0,0,.2);
}
.mq{font-family:var(--arch);font-weight:800;letter-spacing:.01em;padding:11px 0}
.sec-light{background:#f5f3ed;color:#111116}
.sec-head .en{opacity:.09;letter-spacing:0}
.sec-head h2{letter-spacing:0}
.sec-head h2::after{height:4px;border-radius:999px;background:var(--red)}
.more{min-height:44px;display:inline-flex;align-items:center;background:rgba(255,255,255,.42)}
.grid{gap:22px}
.card{
  border-radius:20px;
  border:1px solid rgba(9,9,12,.08);
  box-shadow:0 16px 45px -34px rgba(0,0,0,.7);
}
.sec-light .card{box-shadow:var(--warm-shadow)}
.card:hover{transform:translateY(-6px);box-shadow:0 26px 58px -34px rgba(56,29,29,.55)}
.card-img .face{transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s}
.card:hover .face:not(.dim){transform:scale(1.045)}
.card-body{padding:20px}
.sec-light .card-body{background:rgba(255,255,255,.84)}
.card-body h3{letter-spacing:0}
#recoGrid{align-items:start}
#recoGrid .card{height:auto}
#recoGrid .card-body{
  flex:0 0 auto;
  min-height:0;
  gap:8px;
  padding:18px 20px 16px;
}
#recoGrid .card-body .host{
  font-family:var(--cjk);
  font-size:.82rem;
  line-height:1.42;
  color:#756f68;
  opacity:1;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
#recoGrid .card-body h3{
  font-size:clamp(1.04rem,1.35vw,1.28rem);
  line-height:1.22;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
#recoGrid .card-sum{line-height:1.42;margin-top:1px}
#recoGrid .card-foot{margin-top:10px;padding-top:12px}
#recoGrid .card-promo .card-body{padding:16px 18px}
#recoGrid .card-promo .card-body h3{-webkit-line-clamp:3}
.tag{letter-spacing:.04em}
.tag.dom{background:#d31631}.tag.intl{background:#3157df}.tag.pin{background:#d7f36b}
.chip{background:rgba(9,9,12,.56);border-color:rgba(246,244,238,.22);box-shadow:0 12px 24px -20px rgba(0,0,0,.8)}
.band{background:linear-gradient(135deg,#d31631,#9f1021)}
.res{border-radius:20px}
.split .dom{background:#d31631}.split .intl{background:#3157df}
.foot{background:#09090c}
.tabbar{
  left:10px;
  right:10px;
  bottom:8px;
  border-radius:24px;
  background:rgba(9,9,12,.82);
  border:1px solid rgba(246,244,238,.14);
  box-shadow:0 18px 55px -28px rgba(0,0,0,.9);
}
.tabbar a{padding:8px 2px}
.tabbar a.on::before{top:-9px;height:2px;background:var(--red)}
.search-pop{
  top:12px;
  left:clamp(12px,3vw,30px);
  right:clamp(12px,3vw,30px);
  border-radius:24px;
  border:1px solid rgba(246,244,238,.14);
  background:rgba(9,9,12,.92);
  padding:16px clamp(14px,3vw,30px);
  transform:translateY(-145%);
}
.search-pop.on{transform:translateY(0)}
.ph-search{background:rgba(246,244,238,.08);border-color:rgba(246,244,238,.16)}
@media(max-width:1000px){
  .menu{background:rgba(18,18,23,.96);backdrop-filter:blur(20px);border-left:1px solid rgba(246,244,238,.14)}
}
@media(max-width:700px){
  .nav{top:10px;left:10px;right:10px;padding:8px 12px}
  .nav.scrolled{padding:8px 12px}
  .brand{gap:7px}
  .brand .en,.brand .cn{font-size:.98rem}
  .nav-login{padding:8px 12px;font-size:.78rem}
  .nav-search-btn{padding:6px}
  .burger{padding:6px}
  .hero{min-height:500px}
  .slide-in{padding:calc(66px + 2vh) 0 4vh;gap:12px}
  .slide-poster{border-radius:16px}
  .s-title{font-size:clamp(1.45rem,6.1vw,2.1rem)}
  .clock{gap:12px}
  body{padding-bottom:92px}
  .tabbar{display:grid}
  .sec-head{align-items:center}
  .sec-head .en{font-size:clamp(1.35rem,10vw,2.35rem)}
  #recoGrid{
    display:block;
    column-count:2;
    column-gap:12px;
    grid-template-columns:none;
  }
  #recoGrid .card{
    display:inline-flex;
    width:100%;
    margin:0 0 12px;
    break-inside:avoid;
    vertical-align:top;
    border-radius:18px;
    transform:none;
  }
  #recoGrid .card:hover{transform:none}
  #recoGrid .card .card-body{padding:11px 12px 12px;gap:7px}
  #recoGrid .card .host{font-size:.72rem;line-height:1.35}
  #recoGrid .card h3{font-size:.94rem;line-height:1.22;-webkit-line-clamp:3}
  #recoGrid .card-sum{font-size:.72rem;line-height:1.35}
  #recoGrid .card-foot{margin-top:8px;padding-top:9px}
  #recoGrid .cd-mini{font-size:.76rem;white-space:nowrap}
}
@media(max-width:390px){
  .brand .cn{display:none}
}

/* 2026 homepage remix: hero queue + sharper event rhythm */
.hero{
  min-height:760px;
  isolation:isolate;
  background:
    linear-gradient(145deg,#09090c 0%,#171014 42%,#09090c 100%),
    var(--ink);
}
.hero::after{
  opacity:.72;
  mix-blend-mode:screen;
  background:
    linear-gradient(118deg,rgba(225,25,55,.46) 0 14%,transparent 14% 44%,rgba(49,87,223,.32) 44% 58%,transparent 58% 100%),
    repeating-linear-gradient(112deg,rgba(246,244,238,.08) 0 1px,transparent 1px 42px);
  animation:heroSweep 13s cubic-bezier(.2,.7,.2,1) infinite alternate;
}
@keyframes heroSweep{
  from{transform:translate3d(-3%,0,0) skewX(-3deg)}
  to{transform:translate3d(3%,0,0) skewX(3deg)}
}
.slide-bg::after{
  background:
    linear-gradient(102deg,rgba(9,9,12,.96) 0%,rgba(9,9,12,.82) 34%,rgba(9,9,12,.22) 70%,rgba(9,9,12,.66) 100%),
    linear-gradient(180deg,transparent 62%,rgba(9,9,12,.96) 100%);
}
.slide-in{
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.12fr);
  gap:clamp(34px,5.4vw,86px);
  padding:clamp(84px,9vh,108px) 0 clamp(176px,22vh,230px);
}
.hero .slide-text{
  max-width:min(560px,100%);
  gap:clamp(10px,1.35vh,16px);
}
.hero .s-title{
  font-size:clamp(1.85rem,2.35vw,2.92rem);
  line-height:1.12;
  font-weight:850;
  max-width:13em;
  letter-spacing:0;
  text-shadow:0 12px 34px rgba(0,0,0,.36);
}
.hero .s-eye{
  font-size:.72rem;
  letter-spacing:.24em;
}
.hero .clock{
  gap:clamp(8px,.72vw,14px);
  margin-top:2px;
}
.hero .clock .n{
  font-size:clamp(1.7rem,2.5vw,3rem);
  font-weight:780;
}
.hero .clock .c{
  font-size:clamp(1.25rem,2vw,2.15rem);
  transform:translateY(-4px);
}
.hero .clock .l{
  font-size:.56rem;
  letter-spacing:.14em;
}
.slide-poster{
  transform:rotate(-.7deg);
  outline:1px solid rgba(246,244,238,.08);
  outline-offset:6px;
}
.slide.active .slide-poster{
  animation:posterKick .7s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes posterKick{
  from{opacity:.6;transform:translateY(18px) rotate(-1.8deg) scale(.98)}
  to{opacity:1;transform:rotate(-.7deg) scale(1)}
}
.hero-thumbs{
  position:absolute;
  z-index:8;
  left:50%;
  bottom:32px;
  width:min(1080px,calc(100% - 48px));
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.hero-thumb{
  position:relative;
  display:none;
  grid-template-columns:104px minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-height:112px;
  padding:10px;
  border:1px solid rgba(246,244,238,.22);
  border-radius:20px;
  background:rgba(9,9,12,.68);
  color:var(--paper);
  text-align:left;
  cursor:pointer;
  overflow:hidden;
  backdrop-filter:blur(18px) saturate(135%);
  box-shadow:0 24px 60px -38px rgba(0,0,0,.9);
  transition:transform .28s cubic-bezier(.2,.7,.2,1),border-color .28s,background .28s;
}
.hero-thumb.is-queue{display:grid}
.hero-thumb.is-active{
  display:grid;
  border-color:rgba(215,243,107,.72);
  background:rgba(18,17,22,.84);
  box-shadow:0 26px 70px -36px rgba(215,243,107,.42);
}
.hero-thumb::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,var(--red),#ff6a7b);
}
.hero-thumb::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 0 58%,rgba(225,25,55,.16) 58% 72%,transparent 72% 100%);
  pointer-events:none;
}
.hero-thumb:hover{
  transform:translateY(-5px);
  border-color:rgba(246,244,238,.42);
  background:rgba(20,16,19,.78);
}
.hero-thumb:focus-visible{outline:3px solid var(--acid);outline-offset:3px}
.ht-img{
  position:relative;
  aspect-ratio:16/9;
  height:auto;
  border-radius:14px;
  overflow:hidden;
  background:#09090c;
}
.ht-img img,.ht-ph{width:100%;height:100%;object-fit:contain;display:block;background:#09090c}
.ht-copy{
  position:relative;
  z-index:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.ht-copy strong{
  font-family:var(--cjk);
  font-size:.95rem;
  line-height:1.22;
  font-weight:900;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.ht-time{
  color:var(--acid);
  font-size:.78rem;
  white-space:nowrap;
}
.ht-time-static{
  font-family:var(--mono);
  letter-spacing:.08em;
  color:rgba(246,244,238,.62);
}
#calls.sec-light{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,#f9f6ed 0%,#ece7dc 100%);
}
#calls.sec-light::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.38;
  background:
    repeating-linear-gradient(135deg,rgba(225,25,55,.13) 0 1px,transparent 1px 32px),
    linear-gradient(90deg,transparent 0 72%,rgba(49,87,223,.08) 72% 100%);
}
#calls .wrap{position:relative;z-index:1}
#recoGrid{
  align-items:stretch;
}
#recoGrid .card{
  height:100%;
  min-height:430px;
}
#recoGrid .card-body{
  flex:1 1 auto;
  height:188px;
  min-height:188px;
}
#recoGrid .card-foot{margin-top:auto}

@media(max-width:1000px){
  .hero{min-height:720px}
  .hero-thumbs{width:calc(100% - 36px);gap:12px}
  .hero-thumb{grid-template-columns:88px minmax(0,1fr);min-height:100px}
  .ht-img{height:auto}
}
@media(max-width:700px){
  .hero{
    aspect-ratio:auto;
    min-height:790px;
  }
  .slide-bg::after{
    background:
      linear-gradient(180deg,rgba(9,9,12,.46) 0%,rgba(9,9,12,.18) 38%,rgba(9,9,12,.94) 100%),
      linear-gradient(90deg,rgba(9,9,12,.88),rgba(9,9,12,.28));
  }
  .slide-in{
    height:auto;
    min-height:620px;
    grid-template-columns:1fr;
    grid-template-rows:auto auto;
    align-content:start;
    padding:calc(76px + 2vh) 0 190px;
    gap:16px;
  }
  .slide-poster{
    order:-1;
    aspect-ratio:16/9;
    transform:none;
    outline-offset:4px;
    border-radius:18px;
  }
  .slide.active .slide-poster{animation:none}
  .hero .s-title{
    font-size:clamp(1.36rem,6.1vw,2.05rem);
    line-height:1.12;
    max-width:none;
  }
  .s-host{font-size:.78rem;line-height:1.35}
  .clock{gap:8px 12px}
  .clock .n{font-size:clamp(1.45rem,7.5vw,2.05rem)}
  .s-cta{gap:9px}
  .btn{min-height:42px;padding:10px 16px;font-size:.86rem}
  .hero-thumbs{
    left:14px;
    right:14px;
    bottom:18px;
    width:auto;
    transform:none;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    overflow:visible;
    padding:0;
  }
  .hero-thumb.is-queue{
    display:grid;
    grid-template-columns:1fr;
    gap:6px;
    min-height:118px;
    padding:6px;
    border-radius:15px;
  }
  .ht-img{height:auto;aspect-ratio:16/9;border-radius:10px}
  .ht-copy{gap:4px}
  .ht-copy strong{font-size:.68rem;line-height:1.18;-webkit-line-clamp:2}
  .ht-time{font-size:.56rem;letter-spacing:0;white-space:nowrap}
  .ht-time small{display:none}
  .dots{display:none}
  #recoGrid{align-items:start}
  #recoGrid .card{
    height:auto;
    min-height:0;
  }
  #recoGrid .card .card-body{
    flex:0 0 auto;
    height:auto;
    min-height:0;
  }
}