:root {
    color-scheme: dark;
    --xmhei-bg: #101619;
    --xmhei-panel: #172024;
    --xmhei-soft: #202b30;
    --xmhei-ink: #f5f1e8;
    --xmhei-muted: #b0bcba;
    --xmhei-line: #314045;
    --xmhei-gold: #e8c493;
    --xmhei-gold-light: #f3d6af;
    --pano-ink: #f5f1e8;
    --pano-muted: #b0bcba;
    --pano-accent: #e8c493;
    --pano-accent-dark: #f3d6af;
    --pano-surface: #101619;
    --pano-line: #314045;
}
html { scroll-behavior: smooth; }
body, body.vr-home-v2-body, body.vr-content-body, body.vr-passport-body, body.pano-member-body, body.pano-admin-body {
    background: var(--xmhei-bg) !important;
    color: var(--xmhei-ink);
    font-family: Inter, system-ui, "PingFang SC", "Microsoft YaHei", sans-serif;
}
body.vr-home-v2-body:before, body.vr-content-body:before, body.vr-passport-body:before { display: none !important; }
body a { color: inherit; }
body a:hover { color: var(--xmhei-gold-light); text-decoration: none; }
.xmhei-home *, .xmhei-site-header *, .xmhei-footer { box-sizing: border-box; }
.xmhei-wrap { width: min(1320px, calc(100% - 96px)); margin: 0 auto; }
.xmhei-site-header { background: var(--xmhei-bg); border-bottom: 1px solid #293339; position: relative; z-index: 1040; }
.xmhei-header-inner { width: min(1440px, calc(100% - 72px)); min-height: 78px; margin: auto; display: flex; align-items: center; gap: 24px; }
.xmhei-brand { display: flex; align-items: center; gap: 11px; flex-shrink: 0; color: var(--xmhei-ink); font-size: 17px; font-weight: 700; letter-spacing: .04em; }
.xmhei-brand img { width: 38px; height: 38px; }
.xmhei-brand small { display: block; font-size: 8px; letter-spacing: .22em; color: #c2b7a8; margin-top: 5px; }
.xmhei-site-nav { display: flex; gap: 20px; align-items: center; margin: auto; font-size: 13px; }
.xmhei-site-nav > a, .xmhei-site-nav summary { white-space: nowrap; color: #c7cfca; padding: 12px 0; }
.xmhei-site-nav a:hover, .xmhei-site-nav [aria-current] { color: var(--xmhei-gold); }
.xmhei-site-nav details { position: relative; }
.xmhei-site-nav summary { cursor: pointer; }
.xmhei-subnav { position: absolute; top: 100%; left: -14px; min-width: 150px; padding: 10px; background: #1c282c; border: 1px solid var(--xmhei-line); border-radius: 8px; }
.xmhei-subnav a { display: block; padding: 7px; }
.xmhei-header-actions { display: flex; align-items: center; gap: 20px; font-size: 13px; white-space: nowrap; }
.xmhei-action { border: 1px solid #897555; border-radius: 7px; padding: 9px 13px; color: var(--xmhei-gold); }
.xmhei-hero { position: relative; isolation: isolate; min-height: clamp(500px, 70vh, 760px); display: flex; align-items: center; overflow: hidden; }
.xmhei-hero-image, .xmhei-hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; }
.xmhei-hero-image { object-fit: cover; object-position: 58% center; }
.xmhei-hero-shade { background: linear-gradient(90deg,#101619 0%,#101619d9 21%,#10161945 58%,transparent 88%),linear-gradient(0deg,#101619,transparent 36%); }
.xmhei-hero-content { position: relative; padding-top: 64px; padding-bottom: 92px; }
.xmhei-eyebrow { color: var(--xmhei-gold); letter-spacing: .18em; font-size: 10px; font-weight: 700; margin: 0 0 16px; }
.xmhei-eyebrow span { display: inline-block; width: 6px; height: 6px; background: var(--xmhei-gold); border-radius: 50%; box-shadow: 0 0 12px #e8c49370; margin-right: 5px; }
#xmhei-hero-title { color: var(--xmhei-ink); font-family: "Songti SC", "Noto Serif CJK SC", STSong, Georgia, serif; font-size: clamp(58px,7.4vw,108px); font-weight: 650; line-height: 1.02; letter-spacing: -.075em; margin: 28px 0 25px; }
#xmhei-hero-title em { font-style: normal; color: var(--xmhei-gold-light); }
.xmhei-hero-description { color: #e0e0da; line-height: 1.85; font-size: 17px; margin-bottom: 30px; }
.xmhei-hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.xmhei-button { display: inline-flex; align-items: center; gap: 24px; padding: 13px 20px; min-height: 48px; background: #172123b9; border: 1px solid #71857d75; border-radius: 8px; color: #f7f4eb; font-size: 14px; font-weight: 700; }
.xmhei-button.gold { background: var(--xmhei-gold); color: #172022; border-color: var(--xmhei-gold); }
.xmhei-button:hover { background: #283b3c; }
.xmhei-button.gold:hover { background: var(--xmhei-gold-light); color: #172022; }
.xmhei-hero-feature { position: absolute; right: 0; bottom: 78px; text-align: right; }
.xmhei-hero-feature small { color: #d1d5cb; font-size: 10px; letter-spacing: .14em; }
.xmhei-hero-feature strong { display: block; font-size: 21px; margin-top: 12px; }
.xmhei-hero-angle { position: absolute; bottom: 27px; right: max(48px, calc((100vw - 1320px) / 2)); font-size: 10px; letter-spacing: .16em; color: #b9c0b9; }
.xmhei-collection { padding-top: 48px; padding-bottom: 72px; scroll-margin-top: 20px; }
.xmhei-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 25px; }
.xmhei-home h2 { color: var(--xmhei-ink); font-size: clamp(30px,3vw,46px); font-weight: 700; line-height: 1.2; letter-spacing: -.04em; margin: 0; }
.xmhei-text-link { color: var(--xmhei-muted); border-bottom: 1px solid #68746c; padding-bottom: 6px; font-size: 13px; }
.xmhei-text-link span { margin-left: 24px; color: var(--xmhei-gold); }
.xmhei-work-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.xmhei-work-card { background: var(--xmhei-panel); border: 1px solid #314045; border-radius: 12px; overflow: hidden; transition: border-color .2s, transform .2s; }
.xmhei-work-card:hover { border-color: #a58f6f; transform: translateY(-3px); }
.xmhei-work-image { display: block; aspect-ratio: 16/9; position: relative; background: #263134; overflow: hidden; }
.xmhei-work-image img { width: 100%; height: 100%; object-fit: cover; }
.xmhei-work-badge, .xmhei-work-arrow { position: absolute; top: 13px; background: #101619da; border: 1px solid #ffffff25; border-radius: 6px; padding: 6px 9px; font-size: 11px; }
.xmhei-work-badge { left: 13px; }
.xmhei-work-arrow { right: 13px; color: var(--xmhei-gold); }
.xmhei-work-info { padding: 20px; }
.xmhei-work-info > small { color: #a9b6b2; font-size: 9px; letter-spacing: .14em; }
.xmhei-work-info h3 { font-size: 22px; font-weight: 650; margin: 10px 0 19px; color: var(--xmhei-ink); }
.xmhei-work-meta { display: flex; justify-content: space-between; gap: 12px; font-size: 12px; color: var(--xmhei-muted); }
.xmhei-format-section { display: grid; grid-template-columns: 1fr 1fr; gap: 10%; border-top: 1px solid var(--xmhei-line); padding-top: 56px; padding-bottom: 64px; }
.xmhei-format-links > a { display: flex; gap: 18px; align-items: center; border-bottom: 1px solid var(--xmhei-line); padding: 18px 0; }
.xmhei-format-links b { color: var(--xmhei-gold); font-size: 11px; font-weight: 500; }
.xmhei-format-links span { flex: 1; font-size: 18px; }
.xmhei-format-links small { display: block; color: var(--xmhei-muted); font-size: 12px; margin-top: 5px; }
.xmhei-creator-grid { display: flex; gap: 24px; flex-wrap: wrap; }
.xmhei-creator-grid > a { display: flex; gap: 14px; align-items: center; padding: 18px; background: var(--xmhei-panel); border: 1px solid var(--xmhei-line); border-radius: 10px; min-width: 240px; }
.xmhei-creator-grid img { border-radius: 50%; object-fit: cover; }
.xmhei-creator-grid small { display: block; color: var(--xmhei-muted); margin-top: 5px; }
.xmhei-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; border-top: 1px solid var(--xmhei-line); padding-top: 25px; padding-bottom: 34px; font-size: 11px; color: var(--xmhei-muted); }
.xmhei-empty { grid-column: 1/-1; padding: 40px; border: 1px dashed var(--xmhei-line); color: var(--xmhei-muted); border-radius: 10px; }
.xmhei-empty a { display: block; color: var(--xmhei-gold); margin-top: 15px; }
/* Shared form and data surfaces. */
body .form-control, body .common-text, body select, body .input-group-addon, .pano-auth-card input:not([type=hidden]) { background: #11191d !important; color: var(--xmhei-ink) !important; border-color: #405157 !important; border-radius: 7px; }
body input::placeholder, body textarea::placeholder { color: #8e9f9c !important; }
body .btn-primary, body .pano-primary, body .btn-info, .pano-admin-body .btn, .pano-admin-body .mainBox h3 .actionBtn, body .vr-passport-card .form-submit { background: var(--xmhei-gold) !important; border-color: var(--xmhei-gold) !important; color: #172022 !important; border-radius: 7px !important; box-shadow: none !important; }
body .btn-default, body .btnGray { background: #243136 !important; border: 1px solid #46575d !important; color: var(--xmhei-ink) !important; border-radius: 7px; }
body .table, body .tableBasic { color: var(--xmhei-ink); }
body .tableBasic th, body .table thead th { background: #202b30 !important; color: #d9c5a6 !important; border-color: var(--xmhei-line) !important; }
body .tableBasic td, body .table td { border-color: #2f3d42 !important; background: transparent !important; }
body .tableBasic td a[style*="color:#000"], body .tableBasic td a[style*="color: #000"] { color: var(--xmhei-gold) !important; }
body .tableBasic tr:hover td, body .table-hover tr:hover td { background: #1c292e !important; }
body .modal-content, body .vr-edit-pic-page .advanced-setting-block { background: #172024 !important; color: var(--xmhei-ink) !important; border-color: var(--xmhei-line) !important; box-shadow: 0 24px 90px #0009 !important; }
body .modal-header, body .modal-footer { border-color: var(--xmhei-line) !important; }
body .modal-title, body .modal-content h3, body .modal-content h4 { color: var(--xmhei-ink) !important; }
body .modal .close { color: #e9e8df !important; text-shadow: none; opacity: .8; }
body .breadcrumb, body .help-block { background: transparent !important; color: var(--xmhei-muted) !important; }
body .nav-tabs { border-color: #405157; }
body .nav-tabs > li.active > a, body .nav-tabs > li.active > a:focus { background: #243136 !important; color: var(--xmhei-gold) !important; border-color: #405157 !important; }
body .nav-tabs > li > a { color: var(--xmhei-muted); }
body .text-muted, body .pano-field-hint { color: #a2b1ab !important; }
body .red, body .require-red, body .text-danger { color: #f3a3a3 !important; }
body .pano-field-hint { display: inline-block; font-size: 12px; margin-left: 12px; }
body .pano-date-control { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
body .pano-date-control input[type=datetime-local] { min-height: 40px; width: 235px; padding: 8px 10px; }
body .pano-date-control label { display: inline-flex; gap: 8px; align-items: center; margin: 0; }
/* Administrative work areas. */
body.pano-admin-body #dcHead, body.pano-admin-body #head { background: #101619 !important; }
body.pano-admin-body #dcLeft, body.pano-admin-body #menu { background: #131d21 !important; }
body.pano-admin-body #dcMain, body.pano-admin-body #urHere { background: #101619 !important; border-color: #314045 !important; }
body.pano-admin-body .mainBox { background: #172024 !important; border-color: #314045 !important; border-radius: 12px; padding: 24px; }
body.pano-admin-body .mainBox h3 { color: var(--xmhei-ink) !important; border-color: #314045 !important; }
body.pano-admin-body #menu ul { border-color: #29383d !important; }
body.pano-admin-body #menu li a { color: #bec9c4 !important; }
body.pano-admin-body #menu li.cur, body.pano-admin-body #menu li.cur a { background: #38382d !important; color: var(--xmhei-gold-light) !important; }
body.pano-admin-body #head .nav a { color: #dedccf; }
body.pano-admin-body #head .nav li { border-color: #314045; }
body.pano-admin-body #head .logo img { width: 38px !important; height: 38px !important; }
body.pano-admin-body .tableBasic input, body.pano-admin-body .tableBasic select { padding: 8px 10px; min-height: 36px; }
body.pano-admin-body .tableBasic input[type=checkbox] { min-height: 0; }
body.pano-admin-body .mainBox > h3 form { font-size: 12px; font-weight: 400; }
body.pano-admin-body .mainBox > h3 form table tr { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-top: 16px; }
/* Creator navigation, editor and content cards. */
body > header .vr-member-topbar, body .vr-member-topbar { background: #152024 !important; border-color: #405157 !important; border-radius: 10px !important; box-shadow: 0 12px 36px #0004 !important; }
body > header .vr-member-topbar:before { display: none !important; }
body > header .vr-member-topbar .navbar-nav > li > a, body > header .vr-member-topbar .navbar-brand { color: var(--xmhei-ink) !important; }
body > header .vr-member-topbar .navbar-nav > li.active > a { background: #3a382d !important; color: var(--xmhei-gold-light) !important; }
body > header .vr-member-topbar .navbar-brand img { width: 35px !important; max-height: 35px !important; }
body .vr-project-original-skin, body .vr-project-original-skin .table, body .vr-add-pic-card, body .advanced-setting-block, body .vr-edit-main .works-container { background: #172024 !important; color: var(--xmhei-ink) !important; border-color: #314045 !important; box-shadow: none !important; }
body .vr-project-original-skin .menu, body .vr-project-original-skin #atlas_nav { background: #131e22 !important; border-color: #314045 !important; }
body .vr-project-original-skin .nav-primary > li > a { color: #c0ccc6 !important; }
body .vr-project-original-skin .nav-primary > li.active > a { color: var(--xmhei-gold-light) !important; background: #37382d !important; }
body .vr-add-pic-hero { background: #1b2b2e !important; border-color: #405157 !important; }
body .vr-add-pic-hero h1, body .vr-add-pic-hero p { color: var(--xmhei-ink) !important; }
body .vr-add-pic-eyebrow, body .vr-add-pic-back { color: var(--xmhei-gold) !important; }
body .vr-content-page, body .vr-content-wrap { color: var(--xmhei-ink); background: transparent !important; }
body .vr-search-panel, body .vr-search-results .item, body .df_h, body .bz_people_con, body .article, body .articleDetails, body .vr-content-page .Item_item_1NSHfu { background: #172024 !important; color: var(--xmhei-ink) !important; border-color: #314045 !important; box-shadow: none !important; }
body .vr-content-page h1, body .vr-content-page h2, body .vr-content-page h3, body .vr-content-page h4, body .vr-content-page a { color: var(--xmhei-ink); }
body .vr-content-page .Item_anmi_3NbV7r h3 a { color: var(--xmhei-ink) !important; }
body .vr-content-page .vr-content-hero { background: #1b2b2e !important; border-color: #314045 !important; box-shadow: none !important; }
/* Account entry pages. */
body.pano-auth-body { background: radial-gradient(ellipse at 20% 10%,#27342f,transparent 55%),#101619 !important; }
body .pano-auth-card { background: #172024 !important; border-color: #405157 !important; box-shadow: 0 25px 80px #0005; }
body .pano-auth-card h1, body .pano-auth-card label { color: var(--xmhei-ink) !important; }
body .pano-auth-mark { background: #36372c; color: var(--xmhei-gold); }
body .pano-auth-home, body .pano-auth-link { color: var(--xmhei-gold); }
body .pano-auth-error { background: #3d2828; color: #ffc3bc; }
body .vr-passport-page { background: #101619 !important; color: var(--xmhei-ink); }
body .vr-passport-page .vr-passport-topnav { background: #101619 !important; border-bottom: 1px solid #314045; }
body .vr-passport-page .vr-passport-links a, body .vr-passport-page .vr-passport-brand { color: var(--xmhei-ink) !important; }
body .vr-passport-page .vr-passport-mark { background: url('/static/xmhei/mark.svg') center/contain no-repeat !important; border: 0; box-shadow: none; }
body .vr-passport-page .vr-passport-mark:before { display: none; }
body .vr-passport-visual { background: linear-gradient(90deg,#101619ee,#10161950),url('/static/xmhei/hero.webp') 57% center/cover !important; border: 1px solid #405157 !important; border-radius: 16px !important; box-shadow: none !important; }
body .vr-passport-visual:before, body .vr-passport-scene { display: none !important; }
body .vr-passport-copy h1 { color: var(--xmhei-ink) !important; font-family: "Songti SC",STSong,Georgia,serif; font-weight: 650; }
body .vr-passport-copy h1 span { color: var(--xmhei-gold-light) !important; }
body .vr-passport-copy p { color: #d5ded6 !important; }
body .vr-passport-eyebrow { color: var(--xmhei-gold) !important; background: #1d2a2ccc !important; border-color: #69756b !important; }
body .vr-passport-card { background: #172024 !important; color: var(--xmhei-ink) !important; border: 1px solid #405157 !important; border-radius: 16px !important; box-shadow: 0 25px 70px #0005 !important; }
body .vr-passport-card h2, body .vr-passport-card h1 { color: var(--xmhei-ink) !important; }
body .vr-passport-card .shuru, body .vr-passport-card .shuru2 { background: #11191d !important; color: var(--xmhei-ink) !important; border: 1px solid #405157 !important; }
body .vr-passport-metric { background: #18262bd9 !important; border: 1px solid #53615d !important; }
body .vr-passport-metric b { color: var(--xmhei-gold) !important; }
/* Hotspot selection and polygon drawing. */
body #allAroundModal .modal-body { padding: 24px !important; }
body #allAroundModal .icon_choose { display: flex !important; align-items: center; gap: 14px; padding: 12px; border: 1px solid #53605b; border-radius: 9px; background: #111a1e; margin-bottom: 18px; flex-wrap: wrap; }
body #allAroundModal .icon_choose .radio { display: inline-flex !important; margin: 0; color: var(--xmhei-ink); }
body #allAroundModal .icon_choose .radio input { accent-color: var(--xmhei-gold); }
body #allAroundModal .icon_text { margin-top: 10px !important; padding: 8px; }
body #allAroundModal .icon_text > .row { margin: 0; min-height: 100px; }
body #allAroundModal .pano-system-icon { padding: 8px !important; width: 90px; height: 90px; float: left; }
body #allAroundModal .pano-system-icon a { display: grid; place-items: center; width: 74px; height: 74px; border: 1px solid #5c6c65; border-radius: 9px; background: #253236; }
body #allAroundModal .pano-system-icon img { width: 62px; height: 62px; object-fit: contain; }
body #allAroundModal .polygon-help { color: var(--xmhei-muted); background: #1c2c2e; border: 1px solid #53655e; border-radius: 10px; padding: 24px; line-height: 1.9; }
body #allAroundModal .hot-nav > li.liclick { background: #5d4e38 !important; color: #f6dfbe !important; }
@media (max-width:1100px) {
    .xmhei-header-inner { flex-wrap: wrap; gap: 12px; padding: 14px 0; }
    .xmhei-site-nav { order: 3; width: 100%; overflow-x: auto; margin: 0; }
    .xmhei-header-actions { margin-left: auto; }
    .xmhei-work-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
    .xmhei-wrap, .xmhei-header-inner { width: calc(100% - 36px); }
    .xmhei-brand { font-size: 14px; }
    .xmhei-header-actions { gap: 12px; font-size: 12px; }
    .xmhei-header-actions > a:first-child { display: none; }
    .xmhei-hero { min-height: 580px; }
    .xmhei-hero-content { padding-top: 55px; padding-bottom: 90px; }
    .xmhei-hero-shade { background: linear-gradient(90deg,#101619ed,#10161976),linear-gradient(0deg,#101619,transparent 45%); }
    #xmhei-hero-title { font-size: 64px; }
    .xmhei-hero-feature { display: none; }
    .xmhei-hero-angle { right: 18px; }
    .xmhei-work-grid, .xmhei-format-section { grid-template-columns: 1fr; }
    .xmhei-format-links { margin-top: 25px; }
    .xmhei-collection { padding-top: 35px; padding-bottom: 45px; }
    .xmhei-footer { flex-direction: column; }
    body .pano-date-control input[type=datetime-local] { width: min(100%,235px); }
    body #allAroundModal > div { padding: 10px !important; }
    body #allAroundModal .modal-body { padding: 15px !important; }
}

/* Match the passport controls that have legacy ID-based blue styles. */
body.vr-passport-body .vr-passport-page .vr-passport-card #login_btn,
body.vr-passport-body .vr-passport-page .vr-passport-card #reg_btn,
body.vr-passport-body .vr-passport-page .vr-passport-card #find_btn {
    background: #e8c493 !important; color: #172022 !important;
    border-radius: 8px !important; box-shadow: none !important;
}
body.vr-passport-body .vr-passport-page .vr-passport-navbtn,
body.vr-passport-body .vr-passport-page .vr-passport-card .btn-small {
    background: #202b30 !important; color: #f5f1e8 !important;
    border: 1px solid #405157 !important; border-radius: 7px !important; box-shadow: none !important;
}
body.vr-passport-body .vr-passport-page .vr-passport-navbtn.primary {
    background: #e8c493 !important; color: #172022 !important; border-color: #e8c493 !important;
}
body.vr-passport-body .vr-passport-card:before { display: none; }
body.vr-passport-body .vr-passport-card a { color: #e8c493; }
body.vr-passport-body .vr-passport-subtitle,
body.vr-passport-body .vr-passport-row { color: #b0bcba; }
body.vr-passport-body .vr-passport-card input:focus {
    border-color: #e8c493 !important; box-shadow: 0 0 0 3px #e8c49324 !important;
}

/* Legacy listing templates share these card and filter surfaces. */
body.vr-content-body .picture_nav { background: transparent !important; }
body.vr-content-body .picture_nav .container,
body.vr-content-body .picture_nav .bz_c { background: transparent !important; box-shadow: none !important; }
body.vr-content-body .picture_container {
    background: #172024 !important; border: 1px solid #314045 !important;
    border-radius: 10px !important; box-shadow: none !important;
}
body.vr-content-body .picture_container .p_c_left {
    background: #243136 !important; color: #f3d6af !important;
    border-color: #e8c493 !important; border-radius: 9px 0 0 9px !important;
}
body.vr-content-body .picture_container .p_c_right,
body.vr-content-body .picture_container .p_c_right span,
body.vr-content-body .picture_container .p_c_right a { color: #d6dcd5 !important; border-color: #314045 !important; }
body.vr-content-body .picture_container ul { background: #202b30 !important; border-color: #405157 !important; }
body.vr-content-body .picture_container li:hover { background: #35413b !important; }
body.vr-content-body :is(.cards,#pictures_content,#video_content) .card {
    background: #172024 !important; color: #f5f1e8 !important;
    border: 1px solid #314045 !important; border-radius: 12px !important;
    box-shadow: none !important; overflow: hidden;
}
body.vr-content-body :is(.cards,#pictures_content,#video_content) .card:hover { border-color: #a58e6d !important; }
body.vr-content-body :is(.cards,#pictures_content,#video_content) .card .card-heading { background: transparent !important; color: #f5f1e8 !important; padding: 14px 16px !important; }
body.vr-content-body :is(.cards,#pictures_content,#video_content) .card .card-heading strong { color: #f5f1e8 !important; font-size: 15px !important; }
body.vr-content-body :is(.cards,#pictures_content,#video_content) .card .card-bot,
body.vr-content-body :is(.cards,#pictures_content,#video_content) .card .card-bot span,
body.vr-content-body :is(.cards,#pictures_content,#video_content) .card .card-bot a { color: #aab9b2 !important; font-size: 12px !important; }
body.vr-content-body :is(.cards,#pictures_content,#video_content) .card img.pic { width: 100%; aspect-ratio: 16/10; object-fit: cover; height: auto; border-radius: 0 !important; }