:root {
  --S_ufi-coral: #F1656C;
  --S_ufi-blue: #729DF3;
  --S_ufi-olive: #576704;
  --S_ufi-nav: #B0C3F7;
  --S_ufi-paper: #F8F9FC;
  --S_ufi-ink: #17243A;
  --S_ufi-muted: rgba(255,255,255,.77);
  --S_ufi-page-width: 90%;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: #fff;
  font-family: Arial, "Microsoft YaHei", sans-serif;
  line-height: 1.65;
  background-color: var(--S_ufi-coral);
  background-image:
    linear-gradient(rgba(87,103,4,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(87,103,4,.10) 1px, transparent 1px);
  background-size: 32px 32px;
}
img { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; }
.S_ufi-header-shell, .S_ufi-footer-shell, .S_ufi-home-main { width: var(--S_ufi-page-width); max-width: 1480px; margin-inline: auto; }

/* Header */
.S_ufi-site-header { position: relative; z-index: 30; border-bottom: 1px solid rgba(87,103,4,.42); background: rgba(197,65,75,.96); }
.S_ufi-topline { display: flex; min-height: 78px; align-items: center; justify-content: space-between; gap: 20px; }
.S_ufi-brand { display: flex; align-items: center; gap: 12px; }
.S_ufi-brand-mark { width: 48px; height: 48px; }
.S_ufi-brand-mark img { width: 100%; height: 100%; object-fit: contain; }
.S_ufi-brand-name { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.S_ufi-brand-name a { color: inherit; text-decoration: none; }
.S_ufi-phone-area > a { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.S_ufi-phone-area > a > span:last-child { display: grid; }
.S_ufi-phone-area small { color: var(--S_ufi-nav); font-size: .7rem; }
.S_ufi-phone-area strong { font-size: .88rem; }
.S_ufi-phone-icon { display: grid; width: 39px; height: 39px; place-items: center; border: 1px solid var(--S_ufi-olive); border-radius: 50%; background: var(--S_ufi-blue); color: var(--S_ufi-olive); }
.S_ufi-navigation-row { position: relative; display: flex; min-height: 52px; justify-content: center; align-items: center; border-top: 1px solid rgba(176,195,247,.2); }
.S_ufi-desktop-navigation ul, .S_ufi-mobile-navigation ul, .S_ufi-footer-navigation ul { margin: 0; padding: 0; list-style: none; }
.S_ufi-desktop-navigation ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.S_ufi-desktop-navigation a { display: block; padding: 10px 15px; border-radius: 7px; color: var(--S_ufi-nav); font-size: .9rem; text-decoration: none; transition: color .2s, background .2s; }
.S_ufi-desktop-navigation a:hover, .S_ufi-desktop-navigation a:focus-visible { color: white; background: linear-gradient(110deg,rgba(87,103,4,.75),rgba(87,103,4,.12)); }
.S_ufi-menu-button, .S_ufi-mobile-navigation { display: none; }

/* Homepage shared components */
.S_ufi-home-main { padding: 25px 0 70px; }
.S_ufi-home-main section { margin: 23px 0; }
.S_ufi-eyebrow { color: var(--S_ufi-nav); font-size: .69rem; font-weight: 900; letter-spacing: .15em; }
.S_ufi-section-heading { max-width: 760px; margin: 0 auto 27px; text-align: center; }
.S_ufi-section-heading h2 { margin: 7px 0; font-size: clamp(1.8rem,4vw,2.8rem); line-height: 1.15; }
.S_ufi-section-heading > p { margin: 0; color: var(--S_ufi-muted); }
.S_ufi-button { display: inline-flex; min-height: 45px; align-items: center; justify-content: center; gap: 9px; padding: 0 17px; border: 1px solid var(--S_ufi-olive); border-radius: 8px; background: var(--S_ufi-olive); box-shadow: 0 4px 0 rgba(45,53,0,.7),0 10px 20px rgba(30,30,0,.18); color: #fff; font-weight: 850; text-decoration: none; transition: transform .2s,box-shadow .2s; }
.S_ufi-button:hover { transform: translateY(-2px); box-shadow: 0 6px 0 rgba(45,53,0,.7),0 13px 22px rgba(30,30,0,.22); }

/* Section: S_ufi-match-carousel — ⇆ horizontal carousel */
.S_ufi-match-carousel { position: relative; min-height: 490px; overflow: hidden; border: 1px solid var(--S_ufi-olive); border-radius: 21px; background: rgba(87,103,4,.82); box-shadow: 0 0 22px rgba(114,157,243,.2); }
.S_ufi-carousel-track { min-height: 490px; }
.S_ufi-carousel-slide { display: none; min-height: 490px; grid-template-columns: 1fr .95fr; align-items: center; gap: 30px; padding: clamp(30px,5vw,65px); }
.S_ufi-carousel-slide.is-active { display: grid; animation: S_ufi-slide-in .32s ease both; }
@keyframes S_ufi-slide-in { from { opacity: .55; transform: translateX(14px); } to { opacity: 1; transform: translateX(0); } }
.S_ufi-carousel-copy h1, .S_ufi-carousel-copy h2 { margin: 12px 0; font-size: clamp(2.4rem,3vw,3rem); line-height: 1.06; }
.S_ufi-carousel-copy p { max-width: 570px; margin-bottom: 23px; color: rgba(255,255,255,.81); }
.S_ufi-carousel-art { position: relative; min-height: 345px; padding: 12px; border: 1px solid var(--S_ufi-olive); border-radius: 44% 10px 42% 10px; background: var(--S_ufi-blue); box-shadow: 0 0 22px rgba(114,157,243,.3); transform: rotate(2deg); }
.S_ufi-carousel-art img { width: 100%; height: 320px; border-radius: inherit; object-fit: cover; }
.S_ufi-art-caption { position: absolute; right: -11px; bottom: 10px; display: grid; gap: 6px; padding: 12px 15px; border: 1px solid var(--S_ufi-olive); border-radius: 7px; background: var(--S_ufi-olive); transform: rotate(-3deg); }
.S_ufi-art-caption strong { font-size: .78rem; line-height: 1.2; }
.S_ufi-art-caption span { color: var(--S_ufi-nav); font-size: .61rem; font-weight: 800; }
.S_ufi-carousel-arrow { position: absolute; z-index: 2; top: 50%; display: grid; width: 41px; height: 41px; place-items: center; border: 1px solid var(--S_ufi-olive); border-radius: 50%; background: var(--S_ufi-blue); color: var(--S_ufi-olive); transform: translateY(-50%); }
.S_ufi-carousel-previous { left: 12px; }
.S_ufi-carousel-next { right: 12px; }
.S_ufi-carousel-indicators { position: absolute; bottom: 16px; left: 50%; display: flex; gap: 8px; transform: translateX(-50%); }
.S_ufi-carousel-indicators button { width: 22px; height: 6px; padding: 0; border: 0; border-radius: 8px; background: rgba(255,255,255,.45); }
.S_ufi-carousel-indicators button.is-active { width: 38px; background: var(--S_ufi-blue); }

/* Section: S_ufi-club-profile — ◫|◫ divided image and text */
.S_ufi-club-profile { display: grid; grid-template-columns: 1fr 1fr; min-height: 380px; overflow: hidden; border: 1px solid var(--S_ufi-olive); border-radius: 19px; background: linear-gradient(90deg,rgba(87,103,4,.83) 0 49.6%,rgba(114,157,243,.7) 49.6% 50.4%,rgba(255,255,255,.14) 50.4%); }
.S_ufi-profile-photo { position: relative; min-height: 350px; padding: 22px; }
.S_ufi-profile-photo img { width: 100%; height: 100%; min-height: 310px; border: 1px solid var(--S_ufi-olive); border-radius: 12px 45% 12px 12px; object-fit: cover; }
.S_ufi-photo-label { position: absolute; right: 9%; bottom: 35px; padding: 10px 13px; border: 1px solid var(--S_ufi-olive); border-radius: 7px; background: var(--S_ufi-blue); color: var(--S_ufi-olive); font-size: .72rem; font-weight: 900; line-height: 1.2; }
.S_ufi-profile-copy { align-self: center; padding: clamp(25px,4vw,50px); }
.S_ufi-profile-copy h2 { margin: 9px 0; font-size: clamp(2rem,4vw,3rem); }
.S_ufi-profile-description { color: rgba(255,255,255,.8); line-height: 1.9; }
.S_ufi-text-link { display: inline-flex; gap: 9px; align-items: center; margin-top: 17px; color: var(--S_ufi-nav); font-weight: 850; text-decoration: none; }

/* Section: S_ufi-club-facts — ⌘ four-way radial layout */
.S_ufi-club-facts { padding: clamp(24px,4vw,42px); border: 1px solid rgba(87,103,4,.58); border-radius: 20px; background: rgba(255,255,255,.09); }
.S_ufi-radial-layout { display: grid; grid-template-columns: 1fr 170px 1fr; grid-template-rows: 1fr 1fr; align-items: center; gap: 13px; max-width: 1100px; margin: auto; }
.S_ufi-fact-card { min-height: 190px; padding: 18px; border: 1px solid var(--S_ufi-olive); border-radius: 14px; background: rgba(114,157,243,.92); color: var(--S_ufi-ink); box-shadow: 0 0 15px rgba(114,157,243,.15); }
.S_ufi-fact-card > i { color: var(--S_ufi-olive); }
.S_ufi-fact-card h3 { margin: 6px 0 0; }
.S_ufi-fact-card strong { color: #53640B; font-size: .8rem; }
.S_ufi-fact-card p { margin: 6px 0 0; color: #364456; font-size: .79rem; }
.S_ufi-fact-north { grid-column: 2; grid-row: 1; }
.S_ufi-fact-east { grid-column: 3; grid-row: 1; }
.S_ufi-fact-west { grid-column: 1; grid-row: 2; }
.S_ufi-fact-south { grid-column: 2; grid-row: 2; }
.S_ufi-radial-core { grid-column: 2; grid-row: 1 / 3; z-index: 2; display: grid; justify-items: center; gap: 8px; padding: 10px; border: 1px solid rgba(87,103,4,.38); border-radius: 50%; background: rgba(241,101,108,.96); text-align: center; }
.S_ufi-radial-core > span { display: grid; width: 65px; height: 65px; place-items: center; border: 1px solid var(--S_ufi-olive); border-radius: 50%; background: var(--S_ufi-blue); color: var(--S_ufi-olive); font-size: 1.5rem; }
.S_ufi-radial-core > strong { color: var(--S_ufi-olive); font-size: .58rem; line-height: 1.2; }

/* Section: S_ufi-club-honors — ◧◧ dark/light alternating grid */
.S_ufi-club-honors { padding: clamp(24px,4vw,42px); border: 1px solid rgba(87,103,4,.5); border-radius: 20px; background: rgba(87,103,4,.16); }
.S_ufi-honor-grid { display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; border: 1px solid var(--S_ufi-olive); border-radius: 14px; }
.S_ufi-honor-tile { min-height: 240px; padding: 20px; color: #fff; background: rgba(87,103,4,.91); }
.S_ufi-honor-tile:nth-child(even) { color: var(--S_ufi-ink); background: var(--S_ufi-blue); }
.S_ufi-honor-tile > i { color: #C8D4FF; font-size: 1.2rem; }
.S_ufi-honor-tile:nth-child(even) > i { color: var(--S_ufi-olive); }
.S_ufi-honor-tile > span { display: block; margin-top: 9px; color: rgba(255,255,255,.69); font-size: .7rem; }
.S_ufi-honor-tile:nth-child(even) > span { color: #445269; }
.S_ufi-honor-tile h3 { margin: 4px 0; font-size: .95rem; }
.S_ufi-honor-tile strong { color: var(--S_ufi-nav); font-size: .78rem; }
.S_ufi-honor-tile:nth-child(even) strong { color: #52630A; }
.S_ufi-honor-tile p { margin-bottom: 0; color: rgba(255,255,255,.76); font-size: .78rem; }
.S_ufi-honor-tile:nth-child(even) p { color: #39475A; }

/* Section: S_ufi-safe-play — ⬒|⬒ vertical upper/lower safety quadrants */
.S_ufi-safe-play { padding: clamp(24px,4vw,42px); border: 1px solid rgba(87,103,4,.5); border-radius: 20px; background: rgba(255,255,255,.09); }
.S_ufi-safety-grid { display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; border: 1px solid var(--S_ufi-olive); border-radius: 13px; }
.S_ufi-safety-tile { min-height: 235px; padding: 20px; color: white; background: linear-gradient(180deg,rgba(87,103,4,.92) 0 49%,rgba(114,157,243,.96) 49%); }
.S_ufi-safety-tile:nth-child(even) { color: var(--S_ufi-ink); background: linear-gradient(180deg,rgba(114,157,243,.96) 0 49%,rgba(87,103,4,.92) 49%); }
.S_ufi-safety-tile > i { color: var(--S_ufi-nav); }
.S_ufi-safety-tile:nth-child(even) > i { color: var(--S_ufi-olive); }
.S_ufi-safety-tile h3 { margin: 9px 0 2px; }
.S_ufi-safety-tile strong { color: var(--S_ufi-nav); font-size: .77rem; }
.S_ufi-safety-tile:nth-child(even) strong { color: #53640B; }
.S_ufi-safety-tile p { color: rgba(255,255,255,.79); font-size: .78rem; }
.S_ufi-safety-tile:nth-child(even) p { color: #37475A; }

/* Section: S_ufi-sport-services — ▫■|■▫ small outer cards, large central pair */
.S_ufi-sport-services { padding: clamp(24px,4vw,42px); border: 1px solid rgba(87,103,4,.5); border-radius: 20px; background: linear-gradient(140deg,rgba(87,103,4,.72),rgba(255,255,255,.12)); }
.S_ufi-service-board { display: grid; grid-template-columns: .82fr 1.15fr 1.15fr .82fr; grid-template-rows: 1fr 1fr; gap: 11px; align-items: stretch; }
.S_ufi-service-chip { display: flex; flex-direction: column; justify-content: center; padding: 17px; border: 1px solid var(--S_ufi-olive); border-radius: 12px; background: rgba(114,157,243,.91); color: var(--S_ufi-ink); }
.S_ufi-service-chip > i { color: var(--S_ufi-olive); }
.S_ufi-service-chip h3 { margin: 5px 0 2px; font-size: .9rem; }
.S_ufi-service-chip p { margin: 0; color: #3D4B5D; font-size: .75rem; }
.S_ufi-service-feature { position: relative; min-height: 220px; overflow: hidden; border: 1px solid var(--S_ufi-olive); border-radius: 13px; background: var(--S_ufi-olive); }
.S_ufi-service-feature img { width: 100%; height: 100%; min-height: 220px; object-fit: cover; opacity: .78; }
.S_ufi-service-feature > div { position: absolute; right: 0; bottom: 0; left: 0; padding: 17px; background: linear-gradient(transparent,rgba(34,40,0,.92)); }
.S_ufi-service-feature span { color: var(--S_ufi-nav); font-size: .62rem; font-weight: 900; letter-spacing: .1em; }
.S_ufi-service-feature h3 { margin: 4px 0; }
.S_ufi-service-feature p { margin: 0; color: rgba(255,255,255,.81); font-size: .78rem; }
.S_ufi-service-chip:nth-child(1) { grid-column: 1; grid-row: 1; }
.S_ufi-service-chip:nth-child(2) { grid-column: 1; grid-row: 2; }
.S_ufi-service-feature:nth-child(3) { grid-column: 2; grid-row: 1 / 3; }
.S_ufi-service-feature:nth-child(4) { grid-column: 3; grid-row: 1 / 3; }
.S_ufi-service-chip:nth-child(5) { grid-column: 4; grid-row: 1; }
.S_ufi-service-chip:nth-child(6) { grid-column: 4; grid-row: 2; }

/* Section: S_ufi-performance — ◧|◨ dark/light middle split performance grid */
.S_ufi-performance { padding: clamp(24px,4vw,42px); border: 1px solid rgba(87,103,4,.5); border-radius: 20px; background: rgba(255,255,255,.08); }
.S_ufi-performance-grid { display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; border: 1px solid var(--S_ufi-olive); border-radius: 13px; }
.S_ufi-performance-cell { min-height: 230px; padding: 21px; color: white; background: rgba(87,103,4,.9); }
.S_ufi-performance-cell:nth-child(2), .S_ufi-performance-cell:nth-child(3) { color: var(--S_ufi-ink); background: var(--S_ufi-blue); }
.S_ufi-performance-cell > i { color: var(--S_ufi-nav); }
.S_ufi-performance-cell:nth-child(2) > i, .S_ufi-performance-cell:nth-child(3) > i { color: var(--S_ufi-olive); }
.S_ufi-performance-cell h3 { margin: 8px 0 0; font-size: .9rem; }
.S_ufi-performance-cell strong { display: block; margin: 2px 0; color: var(--S_ufi-nav); font-size: clamp(1.5rem,3vw,2.1rem); }
.S_ufi-performance-cell:nth-child(2) strong, .S_ufi-performance-cell:nth-child(3) strong { color: #53640B; }
.S_ufi-performance-cell p { margin-bottom: 0; color: rgba(255,255,255,.76); font-size: .78rem; }
.S_ufi-performance-cell:nth-child(2) p, .S_ufi-performance-cell:nth-child(3) p { color: #3D4B5D; }

/* Section: S_ufi-language-support — ◒|◒ circular half-tone language tiles */
.S_ufi-language-support { padding: clamp(24px,4vw,42px); border: 1px solid rgba(87,103,4,.52); border-radius: 20px; background: rgba(87,103,4,.17); }
.S_ufi-language-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.S_ufi-language-item { min-height: 235px; padding: 20px; border: 1px solid var(--S_ufi-olive); border-radius: 45% 45% 13px 13px; color: white; background: linear-gradient(180deg,rgba(87,103,4,.9) 0 49%,rgba(114,157,243,.96) 49%); }
.S_ufi-language-item:nth-child(even) { color: var(--S_ufi-ink); background: linear-gradient(180deg,rgba(114,157,243,.96) 0 49%,rgba(87,103,4,.9) 49%); }
.S_ufi-language-item > i { display: block; width: 35px; height: 26px; margin: 12px auto 0; border: 1px solid rgba(87,103,4,.25); border-radius: 3px; font-size: 1.65rem; }
.S_ufi-language-item h3 { margin: 11px 0 0; text-align: center; }
.S_ufi-language-item strong { display: block; color: var(--S_ufi-nav); font-size: .77rem; text-align: center; }
.S_ufi-language-item:nth-child(even) strong { color: #53640B; }
.S_ufi-language-item p { color: rgba(255,255,255,.78); font-size: .77rem; }
.S_ufi-language-item:nth-child(even) p { color: #39475A; }

/* Section: S_ufi-fan-questions — ⧉ overlapping horizontal question cards */
.S_ufi-fan-questions { display: grid; grid-template-columns: .72fr 1.28fr; align-items: center; gap: 28px; padding: clamp(25px,4vw,44px); border: 1px solid var(--S_ufi-olive); border-radius: 20px; background: rgba(87,103,4,.82); }
.S_ufi-question-intro h2 { margin: 8px 0; font-size: clamp(1.8rem,3.6vw,2.7rem); }
.S_ufi-question-intro > p { color: rgba(255,255,255,.76); }
.S_ufi-question-controls { display: flex; align-items: center; gap: 10px; margin-top: 19px; }
.S_ufi-question-controls button { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid var(--S_ufi-olive); border-radius: 50%; background: var(--S_ufi-blue); color: var(--S_ufi-olive); }
.S_ufi-question-count { color: var(--S_ufi-nav); font-size: .75rem; font-weight: 900; }
.S_ufi-question-window { overflow: hidden; }
.S_ufi-question-track { display: flex; gap: 13px; transition: transform .35s ease; }
.S_ufi-question-card { display: flex; min-width: 100%; min-height: 190px; align-items: center; gap: 16px; padding: 24px; border: 1px solid var(--S_ufi-olive); border-radius: 16px; background: var(--S_ufi-blue); color: var(--S_ufi-ink); box-shadow: 8px 8px 0 rgba(36,44,0,.35); }
.S_ufi-question-avatar { display: grid; width: 52px; height: 52px; flex: 0 0 52px; place-items: center; border: 1px solid var(--S_ufi-olive); border-radius: 50%; background: var(--S_ufi-coral); color: var(--S_ufi-olive); }
.S_ufi-question-card small { color: #53640B; font-weight: 900; }
.S_ufi-question-card p { margin: 5px 0 0; color: #29384B; }

/* Section: S_ufi-common-questions — ▫□□▫ small outer, large inner FAQ cards */
.S_ufi-common-questions { padding: clamp(24px,4vw,42px); border: 1px solid rgba(87,103,4,.5); border-radius: 20px; background: rgba(255,255,255,.09); }
.S_ufi-faq-board { display: grid; grid-template-columns: .8fr 1.2fr 1.2fr .8fr; gap: 11px; align-items: stretch; }
.S_ufi-faq-board details { min-height: 170px; padding: 16px; border: 1px solid var(--S_ufi-olive); border-radius: 12px; background: rgba(87,103,4,.9); color: white; }
.S_ufi-faq-board details:nth-child(2), .S_ufi-faq-board details:nth-child(3) { background: var(--S_ufi-blue); color: var(--S_ufi-ink); }
.S_ufi-faq-board summary { display: flex; align-items: center; gap: 8px; cursor: pointer; list-style: none; }
.S_ufi-faq-board summary::-webkit-details-marker { display: none; }
.S_ufi-faq-board summary > span { color: var(--S_ufi-nav); font-size: .72rem; font-weight: 900; }
.S_ufi-faq-board details:nth-child(2) summary > span, .S_ufi-faq-board details:nth-child(3) summary > span { color: #53640B; }
.S_ufi-faq-board summary > strong { flex: 1; font-size: .83rem; }
.S_ufi-faq-board summary > i { color: var(--S_ufi-nav); transition: transform .2s; }
.S_ufi-faq-board details:nth-child(2) summary > i, .S_ufi-faq-board details:nth-child(3) summary > i { color: var(--S_ufi-olive); }
.S_ufi-faq-board details[open] summary > i { transform: rotate(45deg); }
.S_ufi-faq-board details > p { margin: 12px 0 0; color: rgba(255,255,255,.76); font-size: .78rem; }
.S_ufi-faq-board details:nth-child(2) > p, .S_ufi-faq-board details:nth-child(3) > p { color: #39475A; }

/* Section: S_ufi-sports-desk — ◨|◨ alternating grid editorial news cards */
.S_ufi-sports-desk { padding: clamp(24px,4vw,42px); border: 1px solid rgba(87,103,4,.5); border-radius: 20px; background: rgba(87,103,4,.18); }
.S_ufi-news-gallery { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; }
.S_ufi-news-card { overflow: hidden; border: 1px solid var(--S_ufi-olive); border-radius: 13px; background: var(--S_ufi-paper); color: var(--S_ufi-ink); }
.S_ufi-news-image { display: block; height: 185px; overflow: hidden; background: var(--S_ufi-olive); }
.S_ufi-news-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s; }
.S_ufi-news-card:hover .S_ufi-news-image img { transform: scale(1.04); }
.S_ufi-news-copy { padding: 16px; }
.S_ufi-news-topic { color: #576704; font-size: .68rem; font-weight: 900; }
.S_ufi-news-topic i { margin-right: 5px; font-size: .48rem; }
.S_ufi-news-copy h3 { margin: 7px 0; font-size: 1rem; line-height: 1.4; }
.S_ufi-news-copy h3 a { color: var(--S_ufi-ink); text-decoration: none; }
.S_ufi-news-copy > p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; color: #586473; font-size: .8rem; } /* 控制显示行数为5 */
.S_ufi-news-copy time { color: #66717F; font-size: .72rem; }
.S_ufi-news-more { display: table; margin: 21px auto 0; color: var(--S_ufi-nav); font-weight: 850; text-decoration: none; }

/* Section: S_ufi-sport-partners — ▫□□▫ nested partner lanes */
.S_ufi-sport-partners { padding: clamp(24px,4vw,42px); border: 1px solid rgba(87,103,4,.5); border-radius: 20px; background: rgba(255,255,255,.08); }
.S_ufi-partner-lanes { display: grid; grid-template-columns: .9fr 1.12fr 1.12fr .9fr; gap: 11px; align-items: center; }
.S_ufi-partner-card { overflow: hidden; min-height: 340px; padding: 14px; border: 1px solid var(--S_ufi-olive); border-radius: 13px; background: rgba(87,103,4,.88); }
.S_ufi-partner-card img { width: 100%; height: 115px; border-radius: 8px; object-fit: cover; }
.S_ufi-partner-card > i { display: inline-block; margin-top: 12px; color: var(--S_ufi-nav); }
.S_ufi-partner-card h3 { margin: 4px 0 0; font-size: .93rem; }
.S_ufi-partner-card strong { color: var(--S_ufi-nav); font-size: .75rem; }
.S_ufi-partner-card p { margin-bottom: 0; color: rgba(255,255,255,.78); font-size: .77rem; }
.S_ufi-partner-feature { min-height: 390px; background: var(--S_ufi-blue); color: var(--S_ufi-ink); box-shadow: 0 0 18px rgba(114,157,243,.24); }
.S_ufi-partner-feature > i, .S_ufi-partner-feature strong { color: var(--S_ufi-olive); }
.S_ufi-partner-feature p { color: #39475A; }

/* Section: S_ufi-contact-point — □□□□ horizontal four contact blocks */
.S_ufi-contact-point { padding: clamp(25px,4vw,43px); border: 1px solid var(--S_ufi-olive); border-radius: 20px; background: rgba(87,103,4,.82); }
.S_ufi-contact-heading { max-width: 700px; margin: 0 auto 24px; text-align: center; }
.S_ufi-contact-heading h2 { margin: 8px 0; font-size: clamp(1.9rem,4vw,2.8rem); }
.S_ufi-contact-heading p { color: rgba(255,255,255,.77); }
.S_ufi-contact-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 11px; }
.S_ufi-contact-card { display: grid; min-height: 175px; align-content: center; justify-items: center; gap: 5px; padding: 17px; border: 1px solid var(--S_ufi-olive); border-radius: 12px; background: var(--S_ufi-blue); color: var(--S_ufi-ink); text-align: center; text-decoration: none; }
.S_ufi-contact-card > i { color: var(--S_ufi-olive); font-size: 1.35rem; }
.S_ufi-contact-card small { color: #53640B; font-size: .62rem; font-weight: 900; letter-spacing: .1em; }
.S_ufi-contact-card strong { overflow-wrap: anywhere; font-size: .84rem; }
.S_ufi-contact-card span { color: #435165; font-size: .73rem; }

/* Footer */
.S_ufi-site-footer { border-top: 1px solid rgba(87,103,4,.5); background: #C94E58; }
.S_ufi-footer-shell { padding: 39px 0 17px; }
.S_ufi-footer-main { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 36px; }
.S_ufi-footer-brand { display: inline-flex; align-items: center; gap: 11px; color: white; font-size: 1.05rem; font-weight: 850; text-decoration: none; }
.S_ufi-footer-brand img { width: 48px; height: 48px; object-fit: contain; }
.S_ufi-footer-about > p { max-width: 510px; color: rgba(255,255,255,.77); font-size: .83rem; line-height: 1.85; }
.S_ufi-footer-navigation h2, .S_ufi-footer-contact h2 { margin: 0 0 13px; color: var(--S_ufi-nav); font-size: .98rem; }
.S_ufi-footer-navigation ul { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 12px; }
.S_ufi-footer-navigation a { color: rgba(255,255,255,.8); font-size: .81rem; text-decoration: none; }
.S_ufi-footer-navigation a:hover { color: var(--S_ufi-nav); }
.S_ufi-footer-contact { display: grid; align-content: start; gap: 10px; font-style: normal; }
.S_ufi-footer-contact > span { display: flex; align-items: flex-start; gap: 9px; color: rgba(255,255,255,.81); font-size: .8rem; overflow-wrap: anywhere; }
.S_ufi-footer-contact > span > i { width: 18px; padding-top: 4px; color: var(--S_ufi-nav); text-align: center; }
.S_ufi-footer-contact a { color: inherit; text-decoration: none; }
.S_ufi-footer-legal { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 9px; margin-top: 25px; padding-top: 14px; border-top: 1px solid rgba(176,195,247,.25); color: rgba(255,255,255,.63); font-size: .74rem; }
.S_ufi-footer-legal a { color: white; text-decoration: none; }
.S_ufi-back-top { position: fixed; right: 22px; bottom: 22px; z-index: 40; display: grid; width: 45px; height: 45px; place-items: center; border: 1px solid var(--S_ufi-olive); border-radius: 12px; background: var(--S_ufi-blue); box-shadow: 0 4px 0 rgba(45,53,0,.65); color: var(--S_ufi-olive); opacity: 0; visibility: hidden; transform: translateY(8px); transition: .2s; }
.S_ufi-back-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }

/* Responsive styles */
@media (max-width: 1000px) {
  .S_ufi-radial-layout { grid-template-columns: 1fr 130px 1fr; }
  .S_ufi-honor-grid, .S_ufi-safety-grid, .S_ufi-performance-grid { grid-template-columns: repeat(2,1fr); }
  .S_ufi-service-board { grid-template-columns: .8fr 1.2fr 1.2fr .8fr; }
  .S_ufi-partner-lanes { grid-template-columns: repeat(2,1fr); }
  .S_ufi-partner-card, .S_ufi-partner-feature { min-height: 300px; }
  .S_ufi-faq-board { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 720px) {
  :root { --S_ufi-page-width: 92%; }
  .S_ufi-topline { min-height: 69px; }
  .S_ufi-navigation-row { min-height: 0; justify-content: flex-end; padding: 8px 0; }
  .S_ufi-desktop-navigation { display: none; }
  .S_ufi-menu-button { display: grid; width: 42px; height: 40px; place-items: center; border: 1px solid rgba(176,195,247,.6); border-radius: 8px; background: var(--S_ufi-olive); color: var(--S_ufi-nav); font-size: 1.2rem; }
  .S_ufi-mobile-navigation:not([hidden]) { position: absolute; top: calc(100% + 7px); right: 0; left: 0; display: block; padding: 10px; border: 1px solid var(--S_ufi-olive); border-radius: 11px; background: #C94E58; box-shadow: 0 12px 24px rgba(0,0,0,.23); }
  .S_ufi-mobile-navigation ul { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
  .S_ufi-mobile-navigation a { display: block; padding: 10px; border-radius: 6px; color: var(--S_ufi-nav); text-decoration: none; }
  .S_ufi-mobile-navigation a:hover { background: rgba(87,103,4,.55); color: white; }
  .S_ufi-home-main { padding-top: 17px; }
  .S_ufi-home-main section { margin: 17px 0; }
  .S_ufi-carousel-slide { grid-template-columns: 1fr; gap: 18px; padding: 29px 48px 45px; }
  .S_ufi-carousel-slide, .S_ufi-carousel-track, .S_ufi-match-carousel { min-height: 0; }
  .S_ufi-carousel-art { min-height: 255px; }
  .S_ufi-carousel-art img { height: 235px; }
  .S_ufi-carousel-copy h1, .S_ufi-carousel-copy h2 { font-size: 2.5rem; }
  .S_ufi-club-profile { grid-template-columns: 1fr; background: linear-gradient(180deg,rgba(87,103,4,.83) 0 49.6%,rgba(114,157,243,.7) 49.6% 50.4%,rgba(255,255,255,.14) 50.4%); }
  .S_ufi-profile-photo { min-height: 280px; }
  .S_ufi-profile-photo img { min-height: 250px; }
  .S_ufi-radial-layout { grid-template-columns: 1fr 1fr; }
  .S_ufi-fact-north, .S_ufi-fact-east, .S_ufi-fact-west, .S_ufi-fact-south { grid-column: auto; grid-row: auto; }
  .S_ufi-radial-core { grid-column: 1 / -1; grid-row: 1; width: 130px; height: 130px; justify-self: center; align-content: center; }
  .S_ufi-honor-grid, .S_ufi-safety-grid, .S_ufi-performance-grid { grid-template-columns: repeat(2,1fr); }
  .S_ufi-service-board { grid-template-columns: 1fr 1fr; }
  .S_ufi-service-chip:nth-child(1), .S_ufi-service-chip:nth-child(2), .S_ufi-service-feature:nth-child(3), .S_ufi-service-feature:nth-child(4), .S_ufi-service-chip:nth-child(5), .S_ufi-service-chip:nth-child(6) { grid-column: auto; grid-row: auto; }
  .S_ufi-service-feature { min-height: 215px; }
  .S_ufi-service-feature img { min-height: 215px; }
  .S_ufi-language-grid { grid-template-columns: repeat(2,1fr); }
  .S_ufi-fan-questions { grid-template-columns: 1fr; }
  .S_ufi-news-gallery { grid-template-columns: repeat(2,1fr); }
  .S_ufi-contact-grid { grid-template-columns: repeat(2,1fr); }
  .S_ufi-footer-main { grid-template-columns: 1fr 1fr; gap: 24px; }
  .S_ufi-footer-about { grid-column: 1 / -1; }
}
@media (max-width: 480px) {
  .S_ufi-carousel-slide { padding: 25px 42px 42px; }
  .S_ufi-carousel-copy h1, .S_ufi-carousel-copy h2 { font-size: 2.1rem; }
  .S_ufi-carousel-art { min-height: 220px; }
  .S_ufi-carousel-art img { height: 200px; }
  .S_ufi-carousel-arrow { width: 34px; height: 34px; }
  .S_ufi-carousel-previous { left: 5px; }
  .S_ufi-carousel-next { right: 5px; }
  .S_ufi-radial-layout { grid-template-columns: 1fr; }
  .S_ufi-radial-core { grid-column: auto; }
  .S_ufi-honor-grid, .S_ufi-safety-grid, .S_ufi-performance-grid, .S_ufi-language-grid, .S_ufi-service-board, .S_ufi-faq-board, .S_ufi-news-gallery, .S_ufi-partner-lanes, .S_ufi-contact-grid { grid-template-columns: 1fr; }
  .S_ufi-honor-tile, .S_ufi-safety-tile, .S_ufi-performance-cell { min-height: 190px; }
  .S_ufi-faq-board details { min-height: 0; }
  .S_ufi-contact-card { min-height: 145px; }
  .S_ufi-footer-main { grid-template-columns: 1fr; }
  .S_ufi-footer-about { grid-column: auto; }
  .S_ufi-footer-legal { flex-direction: column; }
  .S_ufi-back-top { right: 14px; bottom: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
/* Shared subpage styles */
.S_ufi-subpage { width: 90%; max-width: 1480px; margin: 0 auto; padding: 25px 0 70px; }
.S_ufi-subpage section { margin: 22px 0; }
.S_ufi-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; color: var(--S_ufi-nav); font-size: .77rem; }
.S_ufi-crumbs a { text-decoration: none; }
.S_ufi-crumbs i { color: var(--S_ufi-blue); font-size: .65rem; }
.S_ufi-crumbs span { color: rgba(255,255,255,.8); }
.S_ufi-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }

/* Section: S_ufi-contact-opening — ■▫▫▫ large copy with compact contact stamp */
.S_ufi-contact-opening { display: grid; grid-template-columns: 1.4fr .6fr; align-items: center; min-height: 310px; padding: clamp(28px,5vw,58px); border: 1px solid var(--S_ufi-olive); border-radius: 20px; background: linear-gradient(115deg,rgba(87,103,4,.88) 0 65%,rgba(114,157,243,.9) 65%); box-shadow: 0 0 20px rgba(114,157,243,.18); }
.S_ufi-contact-opening-copy .S_ufi-crumbs { margin-bottom: 18px; }
.S_ufi-contact-opening-copy h1 { margin: 10px 0; font-size: clamp(2.4rem,5vw,4rem); line-height: 1.08; }
.S_ufi-contact-opening-copy > p { max-width: 640px; color: rgba(255,255,255,.8); }
.S_ufi-contact-opening-aside { display: grid; justify-items: center; gap: 12px; color: var(--S_ufi-olive); text-align: center; }
.S_ufi-contact-orbit { display: grid; width: 115px; height: 115px; place-items: center; border: 1px solid var(--S_ufi-olive); border-radius: 50%; background: var(--S_ufi-coral); font-size: 2.5rem; }
.S_ufi-contact-opening-aside > strong { font-size: .72rem; line-height: 1.2; }

/* Section: S_ufi-contact-channels — ◨◨ alternating four contact tiles */
.S_ufi-contact-channels { padding: clamp(23px,4vw,40px); border: 1px solid rgba(87,103,4,.48); border-radius: 19px; background: rgba(255,255,255,.08); }
.S_ufi-channel-grid { display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; border: 1px solid var(--S_ufi-olive); border-radius: 13px; }
.S_ufi-channel-card { min-height: 215px; padding: 19px; color: var(--S_ufi-ink); background: var(--S_ufi-blue); }
.S_ufi-channel-card:nth-child(even) { color: white; background: rgba(87,103,4,.92); }
.S_ufi-channel-card > i { font-size: 1.25rem; color: var(--S_ufi-olive); }
.S_ufi-channel-card:nth-child(even) > i { color: var(--S_ufi-nav); }
.S_ufi-channel-card > small { display: block; margin-top: 9px; color: #53640B; font-size: .63rem; font-weight: 900; letter-spacing: .1em; }
.S_ufi-channel-card:nth-child(even) > small { color: var(--S_ufi-nav); }
.S_ufi-channel-card h3 { margin: 3px 0; }
.S_ufi-channel-card p { min-height: 4.7em; color: #405064; font-size: .8rem; }
.S_ufi-channel-card:nth-child(even) p { color: rgba(255,255,255,.74); }
.S_ufi-channel-card a, .S_ufi-channel-card > span, .S_ufi-channel-card time { display: inline-block; color: #53640B; font-size: .78rem; font-weight: 850; overflow-wrap: anywhere; text-decoration: none; }
.S_ufi-channel-card:nth-child(even) a, .S_ufi-channel-card:nth-child(even) > span, .S_ufi-channel-card:nth-child(even) time { color: var(--S_ufi-nav); }

/* Section: S_ufi-contact-guides — ⧉ overlapping communication guide cards */
.S_ufi-contact-guides { display: grid; grid-template-columns: .78fr 1.22fr; gap: 30px; padding: clamp(25px,4vw,44px); border: 1px solid var(--S_ufi-olive); border-radius: 19px; background: rgba(87,103,4,.79); }
.S_ufi-contact-guide-intro h2 { margin: 8px 0; font-size: clamp(1.8rem,3.6vw,2.65rem); line-height: 1.15; }
.S_ufi-contact-guide-intro p { color: rgba(255,255,255,.77); }
.S_ufi-contact-guide-intro .S_ufi-button { margin-top: 12px; }
.S_ufi-contact-guide-list { display: grid; gap: 9px; }
.S_ufi-contact-guide-list details { overflow: hidden; border: 1px solid var(--S_ufi-olive); border-radius: 11px; background: var(--S_ufi-blue); color: var(--S_ufi-ink); }
.S_ufi-contact-guide-list summary { display: flex; align-items: center; gap: 11px; padding: 14px; cursor: pointer; list-style: none; }
.S_ufi-contact-guide-list summary::-webkit-details-marker { display: none; }
.S_ufi-contact-guide-list summary > span { color: #53640B; font-size: .75rem; font-weight: 900; }
.S_ufi-contact-guide-list summary > strong { display: flex; flex: 1; align-items: center; gap: 9px; font-size: .86rem; }
.S_ufi-contact-guide-list summary > i:last-child { transition: transform .2s; }
.S_ufi-contact-guide-list details[open] summary > i:last-child { transform: rotate(45deg); }
.S_ufi-contact-guide-list details > div { padding: 0 17px 15px 44px; }
.S_ufi-contact-guide-list details > div p { margin: 0 0 6px; color: #3D4B5D; font-size: .8rem; }
.S_ufi-contact-guide-list details > div a { color: #53640B; font-size: .8rem; font-weight: 850; }

/* Section: S_ufi-contact-message — ◫|◫ contact details and form divider */
.S_ufi-contact-message { display: grid; grid-template-columns: 1fr .92fr; gap: 34px; padding: clamp(25px,4.5vw,48px); border: 1px solid var(--S_ufi-olive); border-radius: 19px; background: linear-gradient(90deg,rgba(87,103,4,.87) 0 49.6%,rgba(114,157,243,.72) 49.6% 50.4%,rgba(255,255,255,.12) 50.4%); }
.S_ufi-message-details h2 { margin: 8px 0; font-size: clamp(1.8rem,3.5vw,2.6rem); }
.S_ufi-message-details > p { color: rgba(255,255,255,.77); }
.S_ufi-contact-facts { display: grid; gap: 12px; margin-top: 21px; }
.S_ufi-contact-facts > a, .S_ufi-contact-facts > div { display: flex; align-items: center; gap: 11px; text-decoration: none; }
.S_ufi-contact-facts > a > i, .S_ufi-contact-facts > div > i { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border: 1px solid rgba(176,195,247,.5); border-radius: 10px; color: var(--S_ufi-nav); }
.S_ufi-contact-facts span { display: grid; min-width: 0; }
.S_ufi-contact-facts small { color: rgba(255,255,255,.62); }
.S_ufi-contact-facts strong { overflow-wrap: anywhere; font-size: .83rem; }
.S_ufi-contact-hours { margin-top: 18px; color: var(--S_ufi-nav); font-size: .82rem; }
.S_ufi-contact-form { display: grid; gap: 8px; align-content: center; padding: 22px; border: 1px solid var(--S_ufi-olive); border-radius: 13px; background: var(--S_ufi-paper); color: var(--S_ufi-ink); }
.S_ufi-contact-form label { margin-top: 3px; font-size: .8rem; font-weight: 800; }
.S_ufi-contact-form input, .S_ufi-contact-form select, .S_ufi-contact-form textarea { width: 100%; padding: 10px 11px; border: 1px solid rgba(87,103,4,.34); border-radius: 7px; outline: none; background: white; color: var(--S_ufi-ink); }
.S_ufi-contact-form input:focus, .S_ufi-contact-form select:focus, .S_ufi-contact-form textarea:focus { box-shadow: 0 0 0 3px rgba(114,157,243,.28); }
.S_ufi-contact-form textarea { resize: vertical; }
.S_ufi-contact-form .S_ufi-button { justify-self: start; margin-top: 5px; }
.S_ufi-form-status { min-height: 1.3em; margin: 0; color: #53640B; font-size: .79rem; }

/* Section: S_ufi-app-download — ◓◓ circular app download layout */
.S_ufi-app-download { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; min-height: 510px; overflow: hidden; padding: clamp(28px,5vw,60px); border: 1px solid var(--S_ufi-olive); border-radius: 21px; background: linear-gradient(180deg,rgba(87,103,4,.88) 0 49.5%,rgba(114,157,243,.72) 49.5% 50.5%,rgba(255,255,255,.13) 50.5%); }
.S_ufi-app-download-copy .S_ufi-crumbs { margin-bottom: 19px; }
.S_ufi-app-download-copy h1 { margin: 10px 0; font-size: clamp(2.2rem,4.8vw,4rem); line-height: 1.08; }
.S_ufi-app-download-copy > p { max-width: 600px; color: rgba(255,255,255,.78); }
.S_ufi-app-download-copy > .S_ufi-button { margin-top: 12px; }
.S_ufi-app-numbers { display: flex; flex-wrap: wrap; gap: 25px; margin-top: 27px; }
.S_ufi-app-numbers > div { display: grid; }
.S_ufi-app-numbers strong { color: var(--S_ufi-nav); }
.S_ufi-app-numbers small { color: rgba(255,255,255,.69); }
.S_ufi-app-device { position: relative; display: grid; min-height: 410px; place-items: center; }
.S_ufi-app-phone { position: relative; width: 214px; height: 375px; padding: 10px; border: 2px solid var(--S_ufi-olive); border-radius: 30px; background: #17243A; box-shadow: 0 0 25px rgba(114,157,243,.35); transform: rotate(4deg); }
.S_ufi-phone-speaker { position: absolute; z-index: 2; top: 15px; left: 50%; width: 52px; height: 6px; border-radius: 10px; background: #101A25; transform: translateX(-50%); }
.S_ufi-phone-display { display: flex; height: 100%; flex-direction: column; align-items: center; padding: 37px 13px 14px; border-radius: 21px; background: linear-gradient(160deg,#F1656C 0 47%,#576704 47%); }
.S_ufi-phone-display > img { width: 56px; height: 56px; border: 1px solid var(--S_ufi-olive); border-radius: 13px; object-fit: contain; background: white; }
.S_ufi-phone-display > small { margin-top: 9px; color: var(--S_ufi-nav); font-size: .48rem; font-weight: 900; letter-spacing: .08em; }
.S_ufi-phone-match { display: grid; width: 100%; gap: 8px; margin-top: 21px; padding: 12px 9px; border: 1px solid rgba(176,195,247,.5); border-radius: 9px; background: rgba(23,36,58,.85); text-align: center; }
.S_ufi-phone-match > span, .S_ufi-phone-match > small { color: rgba(255,255,255,.69); font-size: .53rem; }
.S_ufi-phone-match strong { display: flex; justify-content: space-between; align-items: center; font-size: .65rem; }
.S_ufi-phone-match strong i { color: var(--S_ufi-nav); }
.S_ufi-phone-line { width: 100%; height: 20px; margin-top: 10px; border: 1px solid rgba(176,195,247,.3); border-radius: 6px; background: rgba(255,255,255,.1); }
.S_ufi-device-note { position: absolute; right: 2%; bottom: 35px; padding: 10px 12px; border: 1px solid var(--S_ufi-olive); border-radius: 6px; background: var(--S_ufi-blue); color: var(--S_ufi-olive); font-size: .69rem; font-weight: 900; line-height: 1.2; }

/* Section: S_ufi-app-benefits — □□□□ four-column app value grid */
.S_ufi-app-benefits, .S_ufi-app-faq, .S_ufi-app-comparison, .S_ufi-app-install, .S_ufi-app-features { padding: clamp(23px,4vw,40px); border: 1px solid rgba(87,103,4,.48); border-radius: 19px; background: rgba(255,255,255,.08); }
.S_ufi-app-benefit-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 11px; }
.S_ufi-app-benefit-grid > div { min-height: 190px; padding: 19px; border: 1px solid var(--S_ufi-olive); border-radius: 12px; background: var(--S_ufi-blue); color: var(--S_ufi-ink); }
.S_ufi-app-benefit-grid > div:nth-child(even) { background: rgba(87,103,4,.91); color: white; }
.S_ufi-app-benefit-grid i { color: var(--S_ufi-olive); font-size: 1.25rem; }
.S_ufi-app-benefit-grid > div:nth-child(even) i { color: var(--S_ufi-nav); }
.S_ufi-app-benefit-grid h3 { margin: 8px 0 4px; }
.S_ufi-app-benefit-grid p { margin-bottom: 0; color: #3E4C5F; font-size: .8rem; }
.S_ufi-app-benefit-grid > div:nth-child(even) p { color: rgba(255,255,255,.76); }

/* Section: S_ufi-app-features — ■▫▫■ large end cards with smaller center cards */
.S_ufi-feature-rail { display: grid; grid-template-columns: 1.25fr 1fr 1fr 1.25fr; gap: 11px; }
.S_ufi-feature-card { min-height: 220px; padding: 20px; border: 1px solid var(--S_ufi-olive); border-radius: 13px; background: var(--S_ufi-blue); color: var(--S_ufi-ink); }
.S_ufi-feature-card.S_ufi-feature-anchor { background: rgba(87,103,4,.9); color: white; }
.S_ufi-feature-card > i { color: var(--S_ufi-olive); font-size: 1.25rem; }
.S_ufi-feature-anchor > i { color: var(--S_ufi-nav); }
.S_ufi-feature-card h3 { margin: 8px 0 3px; font-size: .95rem; }
.S_ufi-feature-card strong { color: #53640B; font-size: .77rem; }
.S_ufi-feature-anchor strong { color: var(--S_ufi-nav); }
.S_ufi-feature-card p { color: #3E4C5F; font-size: .8rem; }
.S_ufi-feature-anchor p { color: rgba(255,255,255,.76); }

/* Section: S_ufi-app-experience — ❖ diamond-style feature explanation */
.S_ufi-app-experience { display: grid; grid-template-columns: 1fr .8fr; align-items: center; gap: 25px; min-height: 350px; padding: clamp(26px,4.5vw,46px); border: 1px solid var(--S_ufi-olive); border-radius: 19px; background: linear-gradient(135deg,rgba(87,103,4,.88),rgba(114,157,243,.3)); }
.S_ufi-app-experience-copy h2 { margin: 8px 0; font-size: clamp(1.9rem,3.6vw,2.7rem); }
.S_ufi-app-experience-copy > p { color: rgba(255,255,255,.78); }
.S_ufi-app-experience-copy ul { display: grid; gap: 8px; margin: 18px 0; padding: 0; list-style: none; color: rgba(255,255,255,.84); font-size: .83rem; }
.S_ufi-app-experience-copy li i { margin-right: 8px; color: var(--S_ufi-nav); }
.S_ufi-text-link { color: var(--S_ufi-nav); font-weight: 850; text-decoration: none; }
.S_ufi-experience-art { position: relative; display: grid; min-height: 250px; place-items: center; }
.S_ufi-experience-diamond { display: grid; width: 150px; height: 150px; place-items: center; border: 1px solid var(--S_ufi-olive); background: var(--S_ufi-blue); color: var(--S_ufi-olive); font-size: 3.5rem; transform: rotate(45deg); box-shadow: 0 0 22px rgba(114,157,243,.32); }
.S_ufi-experience-diamond i { transform: rotate(-45deg); }
.S_ufi-experience-art > strong { position: absolute; right: 4%; bottom: 8px; padding: 9px 12px; border-radius: 6px; background: var(--S_ufi-olive); color: var(--S_ufi-nav); font-size: .7rem; line-height: 1.2; }

/* Section: S_ufi-app-comparison — ◧|◨ divided comparison table */
.S_ufi-table-wrap { overflow-x: auto; border: 1px solid var(--S_ufi-olive); border-radius: 12px; }
.S_ufi-table-wrap table { width: 100%; min-width: 550px; border-collapse: collapse; background: rgba(87,103,4,.9); }
.S_ufi-table-wrap th, .S_ufi-table-wrap td { padding: 13px 16px; border-bottom: 1px solid rgba(176,195,247,.22); text-align: left; }
.S_ufi-table-wrap thead th { background: var(--S_ufi-blue); color: var(--S_ufi-olive); }
.S_ufi-table-wrap tbody th { color: var(--S_ufi-nav); font-size: .84rem; }
.S_ufi-table-wrap tbody td { color: rgba(255,255,255,.82); font-size: .82rem; }
.S_ufi-table-wrap tbody tr:last-child th, .S_ufi-table-wrap tbody tr:last-child td { border-bottom: 0; }

/* Section: S_ufi-app-versions — ◓|◓ version list with circular divider treatment */
.S_ufi-app-versions { display: grid; grid-template-columns: .72fr 1.28fr; gap: 30px; padding: clamp(25px,4vw,42px); border: 1px solid var(--S_ufi-olive); border-radius: 19px; background: linear-gradient(90deg,rgba(87,103,4,.87) 0 49.5%,rgba(114,157,243,.72) 49.5% 50.5%,rgba(255,255,255,.12) 50.5%); }
.S_ufi-version-intro h2 { margin: 8px 0; font-size: clamp(1.8rem,3.3vw,2.5rem); }
.S_ufi-version-intro p { color: rgba(255,255,255,.76); }
.S_ufi-version-list { display: grid; gap: 10px; }
.S_ufi-version-row { display: grid; grid-template-columns: 75px 80px 1fr; gap: 10px; padding: 14px; border: 1px solid rgba(176,195,247,.34); border-radius: 11px; background: rgba(87,103,4,.84); }
.S_ufi-version-row > strong { color: var(--S_ufi-nav); font-size: .8rem; }
.S_ufi-version-row > time { color: rgba(255,255,255,.66); font-size: .72rem; }
.S_ufi-version-row h3 { margin: 0 0 5px; font-size: .87rem; }
.S_ufi-version-row ul { margin: 0; padding-left: 16px; color: rgba(255,255,255,.75); font-size: .75rem; }

/* Section: S_ufi-app-faq — ◧◨ alternating app FAQ grid */
.S_ufi-app-faq-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 11px; }
.S_ufi-app-faq-grid details { min-height: 110px; padding: 16px; border: 1px solid var(--S_ufi-olive); border-radius: 11px; background: rgba(87,103,4,.9); color: white; }
.S_ufi-app-faq-grid details:nth-child(even) { background: var(--S_ufi-blue); color: var(--S_ufi-ink); }
.S_ufi-app-faq-grid summary { display: flex; align-items: center; gap: 10px; cursor: pointer; list-style: none; }
.S_ufi-app-faq-grid summary::-webkit-details-marker { display: none; }
.S_ufi-app-faq-grid summary strong { flex: 1; font-size: .84rem; }
.S_ufi-app-faq-grid summary i { color: var(--S_ufi-nav); transition: transform .2s; }
.S_ufi-app-faq-grid details:nth-child(even) summary i { color: var(--S_ufi-olive); }
.S_ufi-app-faq-grid details[open] summary i { transform: rotate(45deg); }
.S_ufi-app-faq-grid details p { margin: 9px 0 0; color: rgba(255,255,255,.75); font-size: .78rem; }
.S_ufi-app-faq-grid details:nth-child(even) p { color: #3E4C5F; }

/* Section: S_ufi-app-install — ◨|◨ divided two-platform installation steps */
.S_ufi-install-grid { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border: 1px solid var(--S_ufi-olive); border-radius: 13px; }
.S_ufi-install-column { padding: 22px; background: var(--S_ufi-blue); color: var(--S_ufi-ink); }
.S_ufi-install-column + .S_ufi-install-column { border-left: 1px solid var(--S_ufi-olive); background: rgba(87,103,4,.9); color: white; }
.S_ufi-install-column h3 { margin: 0 0 14px; }
.S_ufi-install-column h3 i { margin-right: 8px; color: var(--S_ufi-olive); }
.S_ufi-install-column + .S_ufi-install-column h3 i { color: var(--S_ufi-nav); }
.S_ufi-install-column ol { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.S_ufi-install-column li { display: flex; gap: 11px; }
.S_ufi-install-column li > span { color: #53640B; font-weight: 900; font-size: .78rem; }
.S_ufi-install-column + .S_ufi-install-column li > span { color: var(--S_ufi-nav); }
.S_ufi-install-column li strong { font-size: .84rem; }
.S_ufi-install-column li p { margin: 3px 0 0; color: #435165; font-size: .77rem; }
.S_ufi-install-column + .S_ufi-install-column li p { color: rgba(255,255,255,.72); }

/* Section: S_ufi-app-final — ✚ cross-split final app action */
.S_ufi-app-final { display: grid; justify-items: center; padding: clamp(35px,6vw,62px); border: 1px solid var(--S_ufi-olive); border-radius: 19px; background: linear-gradient(135deg,rgba(87,103,4,.9) 0 49.5%,rgba(114,157,243,.65) 49.5% 50.5%,rgba(255,255,255,.12) 50.5%); text-align: center; }
.S_ufi-final-icon { display: grid; width: 60px; height: 60px; margin-bottom: 12px; place-items: center; border: 1px solid var(--S_ufi-olive); border-radius: 50%; background: var(--S_ufi-blue); color: var(--S_ufi-olive); font-size: 1.5rem; }
.S_ufi-app-final h2 { max-width: 750px; margin: 8px 0; font-size: clamp(1.8rem,4vw,2.8rem); }
.S_ufi-app-final > p { color: rgba(255,255,255,.78); }

/* Section: S_ufi-list-opening — ▱ parallelogram category masthead */
.S_ufi-list-opening { display: grid; grid-template-columns: 1fr .4fr; align-items: center; min-height: 265px; padding: clamp(25px,4.5vw,48px); border: 1px solid var(--S_ufi-olive); border-radius: 18px; background: linear-gradient(125deg,rgba(87,103,4,.88) 0 68%,rgba(114,157,243,.87) 68%); }
.S_ufi-list-opening-copy .S_ufi-crumbs { margin-bottom: 17px; }
.S_ufi-list-opening-copy h1 { margin: 8px 0; font-size: clamp(2.4rem,5vw,3.8rem); }
.S_ufi-list-opening-copy p { max-width: 620px; color: rgba(255,255,255,.8); }
.S_ufi-list-opening-stamp { display: grid; justify-items: center; gap: 9px; color: var(--S_ufi-olive); transform: skew(-7deg); }
.S_ufi-list-opening-stamp i { display: grid; width: 88px; height: 88px; place-items: center; border: 1px solid var(--S_ufi-olive); border-radius: 12px; background: var(--S_ufi-coral); font-size: 2rem; }
.S_ufi-list-opening-stamp strong { font-size: .72rem; line-height: 1.2; }

/* Section: S_ufi-list-layout — ◫|◫ article stream and sidebar */
.S_ufi-list-layout, .S_ufi-story-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 23px; align-items: start; }
.S_ufi-list-results, .S_ufi-list-sidebar, .S_ufi-story-column, .S_ufi-story-sidebar { min-width: 0; }
.S_ufi-list-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; padding: 13px 16px; border: 1px solid var(--S_ufi-olive); border-radius: 10px; background: rgba(87,103,4,.86); }
.S_ufi-list-toolbar span { font-weight: 850; }
.S_ufi-list-toolbar span i { margin-right: 7px; color: var(--S_ufi-nav); }
.S_ufi-list-toolbar small { color: var(--S_ufi-nav); font-size: .62rem; letter-spacing: .08em; }
.S_ufi-article-list { display: grid; gap: 12px; }
.S_ufi-list-article { display: grid; grid-template-columns: 205px minmax(0,1fr); gap: 17px; padding: 13px; border: 1px solid var(--S_ufi-olive); border-radius: 12px; background: var(--S_ufi-paper); color: var(--S_ufi-ink); }
.S_ufi-list-thumb { display: block; min-height: 165px; overflow: hidden; border-radius: 8px; background: var(--S_ufi-olive); }
.S_ufi-list-thumb img { width: 100%; height: 100%; min-height: 165px; object-fit: cover; transition: transform .25s; }
.S_ufi-list-article:hover .S_ufi-list-thumb img { transform: scale(1.04); }
.S_ufi-list-article-copy { display: flex; min-width: 0; flex-direction: column; }
.S_ufi-list-tag { color: #53640B; font-size: .68rem; font-weight: 850; }
.S_ufi-list-tag i { margin-right: 5px; font-size: .46rem; }
.S_ufi-list-article-copy h2 { margin: 5px 0; font-size: 1.02rem; line-height: 1.4; }
.S_ufi-list-article-copy h2 a { color: var(--S_ufi-ink); text-decoration: none; }
.S_ufi-list-article-copy > p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; margin: 4px 0 11px; color: #5A6572; font-size: .79rem; } /* 控制显示行数为5 */
.S_ufi-list-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin-top: auto; color: #68727E; font-size: .7rem; }
.S_ufi-list-meta a { color: #53640B; font-weight: 850; text-decoration: none; }
.S_ufi-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; margin-top: 22px; }
.S_ufi-pagination a, .S_ufi-pagination span { display: inline-flex; min-width: 36px; min-height: 36px; align-items: center; justify-content: center; padding: 5px 10px; border: 1px solid var(--S_ufi-olive); border-radius: 7px; background: rgba(87,103,4,.88); color: white; text-decoration: none; }
.S_ufi-pagination .active, .S_ufi-pagination a:hover { background: var(--S_ufi-blue); color: var(--S_ufi-olive); }

/* List/show sidebar shared styles */
.S_ufi-list-sidebar, .S_ufi-story-sidebar { display: grid; gap: 13px; }
.S_ufi-sidebar-search, .S_ufi-sidebar-menu, .S_ufi-sidebar-feature, .S_ufi-story-hot { padding: 17px; border: 1px solid var(--S_ufi-olive); border-radius: 12px; background: rgba(87,103,4,.88); }
.S_ufi-sidebar-search h2, .S_ufi-sidebar-menu h2, .S_ufi-story-hot > h2 { margin: 0 0 12px; font-size: .97rem; }
.S_ufi-sidebar-search h2 i, .S_ufi-sidebar-menu h2 i, .S_ufi-story-hot > h2 i { margin-right: 7px; color: var(--S_ufi-nav); }
.S_ufi-sidebar-search form { display: flex; }
.S_ufi-sidebar-search input { width: 100%; min-width: 0; padding: 9px 10px; border: 1px solid rgba(176,195,247,.5); border-radius: 7px 0 0 7px; outline: none; background: white; color: var(--S_ufi-ink); }
.S_ufi-sidebar-search button { width: 42px; flex: 0 0 42px; border: 1px solid var(--S_ufi-olive); border-radius: 0 7px 7px 0; background: var(--S_ufi-blue); color: var(--S_ufi-olive); }
.S_ufi-sidebar-menu ul { margin: 0; padding: 0; list-style: none; }
.S_ufi-sidebar-menu li + li { border-top: 1px solid rgba(176,195,247,.18); }
.S_ufi-sidebar-menu li a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 0; color: rgba(255,255,255,.81); font-size: .8rem; text-decoration: none; }
.S_ufi-sidebar-menu li a i { color: var(--S_ufi-nav); font-size: .68rem; }
.S_ufi-sidebar-feature { background: var(--S_ufi-blue); color: var(--S_ufi-ink); }
.S_ufi-sidebar-feature h2 { margin: 7px 0; font-size: 1.05rem; }
.S_ufi-sidebar-feature a { color: #53640B; font-size: .8rem; font-weight: 850; text-decoration: none; }

/* Section: S_ufi-story-opening — ◒◒ circular story masthead */
.S_ufi-story-opening { display: grid; grid-template-columns: 1fr .35fr; align-items: center; min-height: 205px; padding: clamp(22px,4vw,38px); border: 1px solid var(--S_ufi-olive); border-radius: 18px; background: linear-gradient(180deg,rgba(87,103,4,.88) 0 49.5%,rgba(114,157,243,.68) 49.5% 50.5%,rgba(255,255,255,.12) 50.5%); }
.S_ufi-story-opening-copy .S_ufi-crumbs { margin-bottom: 14px; }
.S_ufi-story-opening-copy > p { margin: 7px 0 0; color: rgba(255,255,255,.77); }
.S_ufi-story-emblem { display: grid; justify-items: center; gap: 8px; color: var(--S_ufi-nav); text-align: center; }
.S_ufi-story-emblem > i { display: grid; width: 65px; height: 65px; place-items: center; border: 1px solid var(--S_ufi-olive); border-radius: 50%; background: var(--S_ufi-blue); color: var(--S_ufi-olive); font-size: 1.5rem; }
.S_ufi-story-emblem strong { font-size: .65rem; line-height: 1.2; }

/* Section: S_ufi-story-layout — ■▫▫■ large article and sidebar endpoints */
.S_ufi-story-article { padding: clamp(21px,3.8vw,38px); border: 1px solid var(--S_ufi-olive); border-radius: 14px; background: var(--S_ufi-paper); color: var(--S_ufi-ink); }
.S_ufi-story-category { display: inline-block; padding: 4px 9px; border-radius: 5px; background: var(--S_ufi-blue); color: var(--S_ufi-olive); font-size: .69rem; font-weight: 850; }
.S_ufi-story-heading h1 { margin: 12px 0; color: #17243A; font-size: clamp(1.8rem,4vw,2.8rem); line-height: 1.24; }
.S_ufi-story-meta { display: flex; flex-wrap: wrap; gap: 9px 17px; padding-bottom: 17px; border-bottom: 1px solid rgba(87,103,4,.18); color: #68727E; font-size: .73rem; }
.S_ufi-story-meta i { margin-right: 4px; color: #53640B; }
.S_ufi-story-content { padding: 21px 0; color: #354354; line-height: 1.95; overflow-wrap: anywhere; }
.S_ufi-story-content img { height: auto; margin: 17px auto; border-radius: 9px; }
.S_ufi-story-content h2, .S_ufi-story-content h3 { color: #17243A; line-height: 1.35; }
.S_ufi-story-content a { color: #53640B; }
.S_ufi-article-neighbors { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding-top: 15px; border-top: 1px solid rgba(87,103,4,.18); }
.S_ufi-article-neighbors a { display: grid; gap: 5px; min-width: 0; padding: 11px; border: 1px solid rgba(87,103,4,.2); border-radius: 8px; color: var(--S_ufi-ink); text-decoration: none; }
.S_ufi-article-neighbors a:last-child { text-align: right; }
.S_ufi-article-neighbors small { color: #53640B; font-size: .71rem; }
.S_ufi-article-neighbors strong { overflow: hidden; font-size: .79rem; text-overflow: ellipsis; white-space: nowrap; }
.S_ufi-return-list { display: inline-flex; gap: 8px; align-items: center; margin-top: 15px; color: #53640B; font-size: .81rem; font-weight: 850; text-decoration: none; }
.S_ufi-share-panel { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 11px; margin-top: 22px; padding: 14px; border: 1px solid rgba(87,103,4,.2); border-radius: 10px; background: #E9EEFC; }
.S_ufi-share-panel h2 { margin: 0; font-size: .92rem; }
.S_ufi-share-panel p { margin: 3px 0 0; color: #65707D; font-size: .73rem; }
.S_ufi-copy-article { min-height: 37px; padding: 0 12px; border: 1px solid var(--S_ufi-olive); border-radius: 7px; background: var(--S_ufi-olive); color: white; font-size: .77rem; }
.S_ufi-copy-feedback { color: #53640B; font-size: .73rem; }
.S_ufi-related-stories { margin-top: 18px; padding: 19px; border: 1px solid var(--S_ufi-olive); border-radius: 13px; background: rgba(87,103,4,.85); }
.S_ufi-related-heading h2 { margin: 5px 0 13px; font-size: 1.18rem; }
.S_ufi-related-heading h2 i { margin-right: 6px; color: var(--S_ufi-nav); }
.S_ufi-related-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 11px; }
.S_ufi-related-card { position: relative; overflow: hidden; border: 1px solid rgba(176,195,247,.28); border-radius: 9px; background: rgba(255,255,255,.08); }
.S_ufi-related-index { position: absolute; z-index: 1; top: 7px; left: 7px; display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: var(--S_ufi-blue); color: var(--S_ufi-olive); font-size: .68rem; font-weight: 900; }
.S_ufi-related-card > a { display: block; height: 110px; }
.S_ufi-related-card img { width: 100%; height: 100%; object-fit: cover; }
.S_ufi-related-card > div { padding: 10px; }
.S_ufi-related-card h3 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0 0 6px; font-size: .78rem; }
.S_ufi-related-card h3 a { color: white; text-decoration: none; }
.S_ufi-related-card time { color: var(--S_ufi-nav); font-size: .67rem; }
.S_ufi-hot-story { display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 10px; padding: 10px 0; border-top: 1px solid rgba(176,195,247,.18); }
.S_ufi-hot-story > a { height: 62px; overflow: hidden; border-radius: 6px; }
.S_ufi-hot-story img { width: 100%; height: 100%; object-fit: cover; }
.S_ufi-hot-story h3 { margin: 0; font-size: .77rem; line-height: 1.4; }
.S_ufi-hot-story h3 a { color: white; text-decoration: none; }
.S_ufi-hot-story p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; margin: 4px 0; color: rgba(255,255,255,.7); font-size: .68rem; } /* 控制显示行数为5 */
.S_ufi-hot-story time { color: var(--S_ufi-nav); font-size: .65rem; }

/* Responsive styles */
@media (max-width: 980px) {
  .S_ufi-channel-grid, .S_ufi-app-benefit-grid, .S_ufi-feature-rail { grid-template-columns: repeat(2,1fr); }
  .S_ufi-list-layout, .S_ufi-story-layout { grid-template-columns: minmax(0,1fr) 260px; gap: 15px; }
  .S_ufi-partner-lanes { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 720px) {
  .S_ufi-subpage { width: 92%; padding: 18px 0 55px; }
  .S_ufi-subpage section { margin: 17px 0; }
  .S_ufi-contact-opening { grid-template-columns: 1fr .38fr; padding: 26px; }
  .S_ufi-contact-guides, .S_ufi-contact-message { grid-template-columns: 1fr; }
  .S_ufi-contact-message { background: linear-gradient(180deg,rgba(87,103,4,.87) 0 49.5%,rgba(114,157,243,.65) 49.5% 50.5%,rgba(255,255,255,.12) 50.5%); }
  .S_ufi-app-download { grid-template-columns: 1fr; background: linear-gradient(180deg,rgba(87,103,4,.88) 0 59%,rgba(114,157,243,.68) 59% 60%,rgba(255,255,255,.12) 60%); }
  .S_ufi-app-device { min-height: 390px; }
  .S_ufi-app-experience, .S_ufi-app-versions { grid-template-columns: 1fr; }
  .S_ufi-list-layout, .S_ufi-story-layout { grid-template-columns: 1fr; }
  .S_ufi-list-sidebar, .S_ufi-story-sidebar { grid-template-columns: 1fr 1fr; }
  .S_ufi-list-opening { grid-template-columns: 1fr .28fr; }
  .S_ufi-story-opening { grid-template-columns: 1fr .25fr; }
}
@media (max-width: 480px) {
  .S_ufi-contact-opening { grid-template-columns: 1fr; background: linear-gradient(145deg,rgba(87,103,4,.88) 0 67%,rgba(114,157,243,.87) 67%); }
  .S_ufi-contact-opening-aside { display: none; }
  .S_ufi-channel-grid, .S_ufi-app-benefit-grid, .S_ufi-feature-rail, .S_ufi-app-faq-grid { grid-template-columns: 1fr; }
  .S_ufi-channel-card { min-height: 185px; }
  .S_ufi-app-download-copy h1 { font-size: 2.2rem; }
  .S_ufi-app-numbers { gap: 14px; }
  .S_ufi-experience-art { min-height: 205px; }
  .S_ufi-version-row { grid-template-columns: 1fr 1fr; }
  .S_ufi-version-row > div { grid-column: 1 / -1; }
  .S_ufi-install-grid { grid-template-columns: 1fr; }
  .S_ufi-install-column + .S_ufi-install-column { border-top: 1px solid var(--S_ufi-olive); border-left: 0; }
  .S_ufi-list-opening, .S_ufi-story-opening { grid-template-columns: 1fr; }
  .S_ufi-list-opening-stamp, .S_ufi-story-emblem { display: none; }
  .S_ufi-list-sidebar, .S_ufi-story-sidebar { grid-template-columns: 1fr; }
  .S_ufi-list-article { grid-template-columns: 1fr; }
  .S_ufi-list-thumb, .S_ufi-list-thumb img { height: 190px; min-height: 190px; }
  .S_ufi-list-toolbar { align-items: flex-start; flex-direction: column; }
  .S_ufi-article-neighbors { grid-template-columns: 1fr; }
  .S_ufi-related-grid { grid-template-columns: 1fr 1fr; }
  .S_ufi-share-panel { align-items: flex-start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  .S_ufi-subpage *, .S_ufi-subpage *::before, .S_ufi-subpage *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}