/* ============================================================
   WHITE × RED THEME OVERRIDE
   Reference: yipin-tickets.vercel.app
   Visuals only — structure / forms / checkout logic untouched.
============================================================ */
:root{
  --carbon:#ffffff; --carbon-2:#ffffff; --carbon-3:#f6f7f8; --carbon-4:#eceef1;
  --gold:#d71920; --gold-2:#111318; --gold-deep:#b5141a;
  --ink:#111318; --mut:#6e737c; --mut-2:#8a8f96;
  --line:#e2e4e8; --line-2:#eceef1;
  --paper:#ffffff; --paper-2:#f6f7f8; --paper-ink:#111318; --paper-mut:#6e737c;
  --ok:#16a34a; --danger:#d71920;
  --ff:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
  --display:var(--ff); --body:var(--ff); --mono:var(--ff);
  --maxw:1240px;
}
body{background:#fff;color:#111318;font-size:16px}
::selection{background:#d71920;color:#fff}

/* headings: Inter, no uppercase */
h1,h2,h3,h4{text-transform:none;letter-spacing:-.02em;font-weight:800}
.sec-title{font-weight:800;letter-spacing:-.02em}

/* eyebrow / small uppercase labels */
.eyebrow{font-size:10px;letter-spacing:2px;color:#d71920;font-weight:900;text-transform:uppercase}

/* ---------------- buttons ---------------- */
.btn{border-radius:999px;font-size:12px;letter-spacing:normal;text-transform:none;font-weight:900;
  min-height:44px;padding:0 22px;border:1px solid #d8dbe0;background:#fff;color:#171a20}
.btn-gold{background:#d71920;color:#fff;border-color:#d71920}
.btn-gold:hover{background:#b5141a;border-color:#b5141a}
.btn-ghost{background:#fff;color:#171a20;border-color:#d8dbe0}
.btn-ghost:hover{border-color:#b6bac1;background:#fafbfc}
/* ghost sitting on dark media heroes = white outline */
.hero .btn-ghost,.hosp .btn-ghost,.cta-band .btn-ghost,.dhero .btn-ghost{
  background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.hero .btn-ghost:hover,.hosp .btn-ghost:hover,.cta-band .btn-ghost:hover,.dhero .btn-ghost:hover{
  background:rgba(255,255,255,.12)}

/* ---------------- top utility bar ---------------- */
.topbar{background:#f6f7f8;color:#6e737c;border-bottom:1px solid #e9ebef}
.topbar .tb-l span{color:#111318}
.topbar a:hover{color:#d71920}

/* ---------------- header / nav ---------------- */
header.hdr{background:rgba(255,255,255,.92);border-bottom:1px solid #e9ebef}
.logo-mark{border-color:#e2e4e8}
.logo-txt small{color:#8a8f96}
nav.mainnav a{color:#4d525a}
nav.mainnav a:hover,nav.mainnav a.on{color:#111318}
nav.mainnav a.on::after{background:#d71920}
.acct-btn,.cart-btn,.burger{border-color:#e2e4e8}
.acct-btn{color:#111318}
.acct-btn:hover{border-color:#d71920;color:#d71920}
.cart-btn:hover{border-color:#d71920}
.cart-btn svg{stroke:#111318}
.cart-n{background:#d71920;color:#fff}
.burger span{background:#111318}
.mnav{background:#fff}
.mnav a{border-bottom:1px solid #eceef1;color:#111318}
.mnav-lang-l{color:#6e737c}
.mnav-lang select{background:#fff;border-color:#e2e4e8;color:#111318}

/* ---------------- ticker ---------------- */
.ticker{background:#f6f7f8;border-color:#e9ebef}
.ticker-track span{color:#6e737c}
.ticker-track span b{color:#d71920}

/* alt sections get soft grey */
section.block.alt{background:#f6f7f8;border-color:#eceef1}

/* ---------------- category image cards (keep dark overlay) ---------------- */
.cat-card img{filter:brightness(.7)}
.cat-card:hover img{filter:brightness(.92)}
.cat-in .mono{color:#fff}

/* ---------------- event cards ---------------- */
.ev-card{background:#fff;border-color:#e6e8ec}
.ev-card:hover{border-color:#d71920}
.ev-tag{background:rgba(255,255,255,.92);color:#111318;border-color:#e2e4e8}
.ev-date{color:#d71920}
.ev-venue{color:#6e737c}
.ev-foot{border-color:#eceef1}
.ev-price .mono{color:#8a8f96}
.ev-price b{color:#111318}
.ev-go{border-color:#d8dbe0;color:#171a20}
.ev-card:hover .ev-go{border-color:#d71920;color:#d71920}
.ev-seat{background:rgba(255,255,255,.94);color:#d71920;border-color:#d71920}
.ev-seat:hover{background:#d71920;color:#fff}

/* ---------------- why / steps / testimonials ---------------- */
.why-grid{background:#e6e8ec;border-color:#e6e8ec}
.why-cell{background:#fff}
.alt .why-cell{background:#f6f7f8}
.why-cell svg{stroke:#d71920}
.why-cell p{color:#6e737c}
.step{border-color:#d71920}
.step .n{color:#d71920}
.step p{color:#6e737c}
.tst{background:#fff;border-color:#e6e8ec}
.tst .stars{color:#d71920}
.tst p{color:#3f444d;font-weight:400}
.tst-who{border-color:#eceef1}
.tst-av{background:#f6f7f8;color:#d71920;border-color:#e2e4e8}
.pay-strip{background:#fff;border-color:#e2e4e8}
.pay-strip .pl{color:#6e737c}
.pay-b{background:#fff;color:#111318;border-color:#e2e4e8}

/* ---------------- inner hero / chips ---------------- */
.pg-hero{background:#f6f7f8;border-color:#e6e8ec}
.crumbs{color:#6e737c}
.crumbs a:hover{color:#d71920}
.pg-hero p{color:#6e737c}
.chip{border-color:#d8dbe0;color:#6e737c}
.chip.on{background:#d71920;border-color:#d71920;color:#fff}
.chip:hover:not(.on){border-color:#d71920;color:#111318}

/* ---------------- product detail (legacy two-col) ---------------- */
.pd-media img,.pd-thumbs img{border-color:#e2e4e8}
.pd-thumbs img.on{border-color:#d71920}
.pd-meta{color:#6e737c}
.pd-meta svg{stroke:#d71920}
.pd-price{border-color:#e2e4e8}
.pd-price .from{color:#8a8f96}
.pd-price b{color:#111318}
.pd-price .cur-note{color:#8a8f96}
.tier-opt{border-color:#e6e8ec}
.tier-opt:hover{border-color:#d71920}
.tier-opt.sel{border-color:#d71920;background:#fff7f7}
.tier-radio{border-color:#d71920}
.tier-opt.sel .tier-radio::after{background:#d71920}
.tier-main span{color:#6e737c}
.tier-price{color:#111318}
.pd-trust div{color:#6e737c}
.pd-trust svg{stroke:#d71920}
.pd-sections{border-color:#eceef1}
.pd-sec h2::before{background:#d71920}
.pd-sec p{color:#3f444d;font-weight:400}
.inc-li{color:#111318}
.inc-li svg{stroke:#d71920}
.pol-mini a{border-color:#e6e8ec}
.pol-mini a:hover{border-color:#d71920}
.pol-mini .mono{color:#d71920}

/* ---------------- cart ---------------- */
.cart-line{border-color:#eceef1}
.cart-line .mono{color:#6e737c}
.cl-rm{color:#8a8f96}
.cl-price{color:#111318}
.sum-card{background:#fff;border-color:#e2e4e8}
.sum-row{color:#6e737c}
.sum-row.total{border-color:#e2e4e8;color:#111318}
.sum-row.total span:last-child{color:#111318}
.cur-switch button{border-color:#d8dbe0;color:#6e737c}
.cur-switch button.on{border-color:#d71920;color:#d71920;background:#fff7f7}
.sum-note{color:#8a8f96}
.coupon-fl input{background:#fff;border-color:#d8dbe0;color:#111318}
.coupon-fl input:focus{border-color:#d71920}
.coupon-fl button{background:#d71920;color:#fff;border-radius:999px;text-transform:none}
.coupon-applied{background:#f6f7f8;border-color:#e2e4e8}
.coupon-applied .mono{color:#111318}
.coupon-rm{border-color:#d8dbe0;color:#6e737c}
.coupon-rm:hover{border-color:#d71920;color:#d71920}
#couponRow span:last-child{color:#111318}

/* ---------------- checkout forms (logic kept) ---------------- */
.co-step h3 .n{color:#d71920;border-color:#d71920}
.co-step>p{color:#6e737c}
.f-field label{color:#6e737c}
.f-field input,.f-field select,.f-field textarea{background:#fff;border-color:#d8dbe0;color:#111318}
.f-field input:focus,.f-field select:focus,.f-field textarea:focus{border-color:#d71920;background:#fff;box-shadow:0 0 0 3px rgba(215,25,32,.12);outline:none}
.pm-opt{border-color:#e6e8ec}
.pm-opt.sel{border-color:#d71920;background:#fff7f7}
.pm-opt span{color:#6e737c}
.pm-badges i{border-color:#e2e4e8;color:#6e737c}
.secure-note{color:#6e737c}
.secure-note svg{stroke:#d71920}

/* ---------------- confirmed ---------------- */
.conf-mark{border-color:#d71920}
.conf-mark svg{stroke:#d71920}
.confirmed .ord{color:#111318;border-color:#e2e4e8}
.confirmed p{color:#6e737c}
.conf-box{background:#fff;border-color:#e2e4e8}
.conf-row{border-color:#eceef1}
.conf-row span:first-child{color:#6e737c}

/* ---------------- about / contact / faq ---------------- */
.about-intro p{color:#3f444d;font-weight:400}
.about-imgs img{border-color:#e2e4e8}
.tl-row{border-color:#eceef1}
.tl-row .yr{color:#d71920}
.tl-row p{color:#6e737c}
.ci-card{border-color:#e6e8ec}
.ci-card svg{stroke:#d71920}
.ci-card .mono{color:#6e737c}
.ci-card a:hover{color:#d71920}
.contact-form{background:#fff;border-color:#e2e4e8}
.form-ok{border-color:#d71920;background:#fff7f7;color:#b5141a}
.faq-item{border-color:#eceef1}
.faq-q{text-transform:none;letter-spacing:-.01em}
.faq-q .ic{color:#d71920}
.faq-a p{color:#3f444d;font-weight:400}

/* ---------------- footer / toast / drawer ---------------- */
footer{background:#fff;border-color:#e2e4e8}
.f-col h5{color:#d71920}
.f-col a{color:#6e737c}
.f-col a:hover{color:#111318}
.f-col p,.f-brand p{color:#6e737c}
.nl{border-color:#d8dbe0}
.nl button{background:#d71920;color:#fff;border-radius:0 999px 999px 0}
.f-bottom{color:#8a8f96}
.toast{background:#fff;border-color:#d71920;color:#111318}
.drawer{background:#fff;border-color:#e2e4e8}
.drawer-h{border-color:#eceef1}
.drawer-x{border-color:#e2e4e8;color:#6e737c}
.drawer-f{border-color:#eceef1}
.drow{border-color:#eceef1}
.drow-info .mono{color:#6e737c}
.qstepper{border-color:#d8dbe0}
.qstepper button{color:#d71920}
.drow-price{color:#111318}
.drow-rm{color:#8a8f96}
.drawer-sub{color:#6e737c}

/* ---------------- trust / track-record wall ---------------- */
.ts-cell{background:#fff}
.alt .ts-cell{background:#f6f7f8}
.ts-cell b{color:#111318}
.ts-cell span{color:#6e737c}
.trust-note{border-color:#e2e4e8;background:#f6f7f8;color:#6e737c}
.trust-note svg{stroke:#d71920}
.trust-card{border-color:#e6e8ec;background:#fff}
.trust-card:hover{border-color:#d71920}
.trust-tag,.tv-badge{background:rgba(255,255,255,.92);color:#111318;border-color:#e2e4e8}
.trust-video-card:hover .tv-play svg circle{stroke:#d71920}
.trust-disclaim{border-color:#eceef1;color:#6e737c}
.trust-disclaim svg{stroke:#d71920}
.trust-cta{background:#f6f7f8;border-color:#e2e4e8}
.trust-cta h2{text-transform:none}
.trust-cta p{color:#6e737c}
.trust-entry{color:#111318;border-color:#e2e4e8}
.trust-entry:hover{color:#d71920}
.tlb-top{color:#fff;border-color:#3a3f47}
.tlb-x{color:#fff}
.tlb-nav{background:rgba(20,23,28,.85);border-color:#3a3f47;color:#fff}
.tlb-nav:hover{border-color:#d71920;color:#d71920}
.tlb-cap{color:#b6bac1;border-color:#3a3f47}

/* ---------------- event detail: dhero / dbody / book ---------------- */
.dleft h2{text-transform:none}
.dleft h2::before{background:#d71920}
.dleft p{color:#3f444d}
.dleft li{color:#3f444d;border-color:#eceef1}
.dleft li::before,.dleft li.k::before{color:#d71920}
.gallery img{border-color:#e2e4e8}
.seatmap img{border-color:#e2e4e8}
.seatmap .hint{color:#6e737c}
.book{background:#fff;border-color:#e2e4e8}
.book .from{color:#8a8f96}
.book .big{color:#111318}
.book .tax{color:#6e737c}
.tier,.f1group{border-color:#e6e8ec}
.tier.sel,.f1group.on{border-color:#d71920;background:#fff7f7}
.tier .td,.f1group .td{color:#6e737c}
.tier .tp,.f1g-top .tp{color:#111318}
.ev-cur{border-color:#d8dbe0;color:#111318}
.ev-cur:hover{border-color:#d71920}
.seg{background:#f6f7f8;border-color:#d8dbe0;color:#6e737c}
.seg.on{background:#d71920;color:#fff;border-color:#d71920}
.dsrc{color:#6e737c;border-color:#eceef1}
.dsrc b{color:#111318}
.dtrust-link{color:#111318}
.dqty button{background:#f6f7f8;border-color:#d8dbe0;color:#111318}

/* ---------------- live / calendar cards ---------------- */
.live-card{background:#fff;border-color:#e6e8ec}
.live-card:hover{border-color:#d71920}
.live-card .tg{background:rgba(255,255,255,.92);color:#111318}
.live-card .mt{color:#6e737c}
.f1cal .rd{background:#fff;border-color:#e6e8ec}
.f1cal .rd .no{color:#d71920}
.f1cal .rd.next{border-color:#d71920;background:#fff7f7}
.f1cal .rd .nm span{color:#6e737c}
.live-head .upd{color:#6e737c}
.live-head .refresh{color:#111318;border-color:#d8dbe0}
.trust-banner{background:#f6f7f8;border-color:#d71920}
.trust-banner .tnums .tb b{color:#111318}
.trust-banner .tnums .tb span{color:#6e737c}
.trust-banner .tpill{color:#d71920;border-color:#d71920}
.trust-commit{background:#fff;border-color:#e2e4e8}
.trust-commit p{color:#3f444d}

/* ---------------- auth / account ---------------- */
.auth-card{background:#fff;border-color:#e2e4e8}
.auth-logo{border-color:#e2e4e8}
.auth-card .sub{color:#6e737c}
.auth-cc{background:#f6f7f8;border-color:#d8dbe0;color:#111318}
.auth-in{background:#f6f7f8;border-color:#d8dbe0;color:#111318}
.auth-in:focus,.auth-cc:focus{border-color:#d71920}
.auth-send{border-color:#d71920;color:#d71920}
.auth-btn{background:#d71920;color:#fff;border-radius:999px;text-transform:none}
.auth-hint{color:#6e737c}
.auth-demo{border-color:#d8dbe0;color:#6e737c}
.acct-head{background:#fff;border-color:#e2e4e8}
.acct-head .av{background:#f6f7f8;color:#d71920}
.acct-head .meta span{color:#6e737c}
.acct-head .logout{border-color:#d8dbe0;color:#6e737c}
.acct-order{background:#fff;border-color:#e2e4e8}
.acct-order:hover{border-color:#d71920}
.acct-order .oi span{color:#6e737c}
.acct-order .oamt{color:#111318}
.acct-order .ost{color:#6e737c;border-color:#d8dbe0}
.acct-empty{border-color:#d8dbe0;color:#6e737c}
.hdr-acc{border-color:#e2e4e8;color:#111318}
.hdr-acc.on{color:#d71920;border-color:#d71920}

/* ---------------- media-hero readability fixes ---------------- */
/* titles & eyebrow sitting on full-bleed dark photos must be white */
.hero h1,.hero h1 em,.dhero h1,.dhero h1 em{color:#fff}
.hero .kicker,.dhero .kicker{color:rgba(255,255,255,.8)}
/* remove per-tier descriptions (per owner request) */
.f1group .td,.tier .td{display:none}

/* auth card: lift off the white page with soft shadow */
.auth-wrap{padding:72px 0}
.auth-card{border:1px solid #e6e8ec;border-radius:22px;padding:42px 40px;
  background:#fff;box-shadow:0 24px 60px rgba(17,19,24,.08)}
.auth-card h1{font-size:30px;margin:10px 0 8px}
.auth-card .divider{background:#eceef1}
/* account page cards get the same soft elevation */
.acct-head,.acct-order{border-radius:18px;box-shadow:0 10px 30px rgba(17,19,24,.05)}
.acct-order{transition:transform .18s ease,box-shadow .18s ease}
.acct-order:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(17,19,24,.09)}

/* e-ticket badges & attendee-details heading: unify green -> red */
.dl-line i.e{color:#d71920;border-color:rgba(215,25,32,.45)}
.form-head.e{color:#d71920}

/* ============================================================
   TICKET CARDS + DATE MODAL — 复刻参考站 (white / F1-red)
   ============================================================ */
.tk-sec{padding:58px 0 26px}
.tk-kick{font-size:11px;letter-spacing:.22em;color:#d71920;font-weight:800;text-transform:uppercase}
.tk-sec h2{font-size:40px;letter-spacing:-1.2px;margin:8px 0 22px;font-weight:850}
.tk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tk-card{border:1px solid #e4e6ea;border-radius:16px;padding:22px;background:#fff;
  display:flex;flex-direction:column;min-height:238px;transition:.2s}
.tk-card:hover{transform:translateY(-3px);box-shadow:0 14px 38px rgba(0,0,0,.08);border-color:#cfd2d8}
.tk-topline{display:flex;justify-content:space-between;gap:12px;align-items:center}
.tk-cat{font-size:10px;letter-spacing:1.5px;color:#d71920;font-weight:900;text-transform:uppercase}
.tk-badge{font-size:10px;background:#f3f4f6;border-radius:999px;padding:5px 9px;color:#565b63;font-weight:600}
.tk-card h3{font-size:21px;letter-spacing:-.6px;margin:16px 0 4px;font-weight:800;line-height:1.22}
.tk-zh{font-size:13px;color:#6b7280;margin:0}
.tk-price{margin-top:auto}
.tk-price small{display:block;font-size:10px;color:#90949a;text-transform:uppercase;letter-spacing:1.2px;font-weight:700}
.tk-price strong{font-size:26px;letter-spacing:-1px;font-weight:850}
.tk-actions{display:flex;gap:8px;margin-top:14px}
.tk-actions .btn{flex:1 1 0;padding:0 10px;min-height:44px}
#tk-modal{display:none;position:fixed;inset:0;background:rgba(8,10,14,.62);
  backdrop-filter:blur(7px);z-index:1200;padding:22px;align-items:center;justify-content:center}
#tk-modal.open{display:flex}
.tk-modal-card{width:min(720px,100%);max-height:92vh;overflow:auto;background:#fff;
  border-radius:22px;padding:30px 28px;box-shadow:0 30px 100px rgba(0,0,0,.24);position:relative}
.tk-modal-close{position:absolute;top:20px;right:22px;border:0;background:#f1f2f4;
  width:36px;height:36px;border-radius:999px;font-size:20px;cursor:pointer;line-height:1}
.tk-modal-card .tk-cat{display:block;margin-bottom:8px}
.tk-modal-card h3{font-size:30px;letter-spacing:-1px;margin:4px 0;font-weight:850}
.tk-modal-sub{color:#7a7f87;font-size:13px;margin:6px 0 20px}
.tk-date-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.tk-date-option{border:1px solid #dde0e5;border-radius:14px;padding:15px;background:#fff;
  cursor:pointer;text-align:left;transition:.15s}
.tk-date-option.active{border:2px solid #d71920;background:#fff7f7;padding:14px}
.tk-date-option b{display:block;font-size:13px;font-weight:700}
.tk-date-option strong{display:block;font-size:21px;margin-top:6px;font-weight:850}
.tk-date-option.dis{opacity:.55;cursor:not-allowed}
.tk-modal-summary{margin-top:18px;padding:14px 16px;background:#f5f6f7;border-radius:13px;
  font-size:13px;line-height:1.65}
.tk-modal-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
.tk-modal-actions .btn{flex:1 1 0;min-height:46px}
@media(max-width:900px){.tk-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.tk-grid{grid-template-columns:1fr}.tk-sec h2{font-size:30px}
  .tk-date-options{grid-template-columns:1fr}.tk-modal-card{padding:24px 18px}}

/* single (具体座位票) 卡片 */
.tk-single{min-height:0}
.tk-single-name{font-size:14px;letter-spacing:-.1px;line-height:1.45;margin:12px 0 4px;font-weight:700;color:#111;word-break:break-word}
.tk-single .tk-price strong{font-size:21px}
.tk-single .tk-actions .btn{flex:1}

/* mobile header: hide header language select (already in mobile menu) */
@media(max-width:720px){
  #langSelWrap{display:none !important}
}
/* mobile modal: scroll inside the card */
@media(max-width:600px){
  .tk-modal-card{max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch}
}


/* ============================================================
   FIX ROUND — 5 items
============================================================ */
/* 1) hero stats visible on dark hero */
.hero-stats .hstat b{color:#fff !important}
.hero-stats .hstat span{color:rgba(255,255,255,.68) !important}

/* 2) remove grey corner labels on card images (reference images clean); SEAT MAP kept */
.ev-img .ev-tag,.ph .tg{display:none !important}

/* 3) Inter headings align reference: weight 700, tight tracking */
h1,h2{font-weight:700 !important;letter-spacing:-.035em !important}
h3,h4{font-weight:700 !important;letter-spacing:-.02em !important}
.tk-sec h2{font-weight:700 !important;letter-spacing:-1.6px !important}

/* 4) rounded search + minimal toast */
.hsearch{border-radius:999px !important;overflow:hidden !important;background:rgba(11,13,16,.55) !important;border:1px solid rgba(255,255,255,.25) !important}
.hsearch input{color:#fff !important}
.hsearch button{background:#d71920 !important;color:#fff !important;font-family:var(--ff) !important;letter-spacing:normal !important;text-transform:none !important;font-weight:700 !important;border-radius:0 !important}
.toast{background:#111318 !important;color:#fff !important;border:none !important;border-radius:999px !important;padding:12px 22px !important;font-family:var(--ff) !important;font-size:13px !important;letter-spacing:normal !important;font-weight:500 !important;box-shadow:0 12px 32px rgba(17,19,24,.24) !important}

/* 5) trust link placed below the ticket card grid (mid ticket section) */
.tk-sec-top{margin-bottom:26px}
.tk-sec-ti h2{margin:8px 0 0 !important}
.tk-dtrust-wrap{margin-top:36px;display:flex;justify-content:center}
.tk-dtrust{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#4d525a;border:1px solid #e2e4e8;border-radius:999px;padding:10px 18px;white-space:nowrap;text-decoration:none}
.tk-dtrust:hover{color:#d71920;border-color:#d71920}
@media(max-width:600px){.tk-dtrust-wrap{margin-top:28px}.tk-dtrust{white-space:normal}}

/* ===== USDT one-click jump: exchanges & wallets ===== */
.ujp-block{margin-top:16px;border-top:1px dashed var(--line);padding-top:15px}
.ujp-title{font-size:10px;letter-spacing:1.6px;color:#d71920;font-weight:800;text-transform:uppercase;margin:0 0 12px}
.ujp-group{margin-bottom:14px}
.ujp-group:last-child{margin-bottom:0}
.ujp-label{font-size:11px;color:var(--mut);font-weight:500;margin:0 0 8px;display:flex;align-items:center;gap:7px}
.ujp-label .ujp-net{font-weight:700;color:#171a20}
.ujp-row{display:flex;gap:8px;flex-wrap:wrap}
.ujp-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:9px 17px;min-height:36px;font-size:12px;font-weight:600;font-family:var(--ff);
  border:1px solid #d8dbe0;background:#fff;color:#171a20;border-radius:999px;cursor:pointer;
  transition:border-color .15s,color .15s,background .15s}
.ujp-btn:hover{border-color:#d71920;color:#d71920}
.ujp-btn .ujp-ic{width:14px;height:14px;flex:0 0 14px}
.ujp-btn .ujp-logo{width:22px;height:22px;flex:0 0 22px;object-fit:contain;display:block}