/* RGYS / Soft surfaces — quiet 4/6/8/12px corner system. */
:root {
  --radius-small: 4px;
  --radius-control: 6px;
  --radius-card: 8px;
  --radius-media: 12px;
}
/* 不改变图片尺寸及比例；头像和标识保持既定形状。 */
img {
  border-radius: var(--radius-card);
}
.brand img {
  border-radius: 0;
}
.author-sign img,
.author-signature img {
  border-radius: 50%;
}
video {
  border-radius: var(--radius-media);
}
.hero,
.page-hero {
  border-radius: 0 0 var(--radius-media) var(--radius-media);
  overflow: hidden;
}
.hero-bg {
  border-radius: 0;
}
.split-image,
.media-still,
.card-photo {
  border-radius: var(--radius-card);
}
.split-image {
  isolation: isolate;
}
.split-image .caption {
  border-radius: 0 0 var(--radius-card) var(--radius-card);
}
.split-image:before {
  border-top-left-radius: var(--radius-card);
}
.card-photo {
  overflow: hidden;
}
:is(.service-card, .article-card, .topic-card) > img {
  border-radius: var(--radius-card) var(--radius-card) 0 0;
}
:is(.service-card, .article-card, .topic-card) .card-photo {
  border-radius: var(--radius-card) var(--radius-card) 0 0;
}
.card-photo img {
  border-radius: 0;
}
.media-feature,
.demo-card {
  border-radius: var(--radius-media);
  overflow: hidden;
}
.media-feature .media-still,
.media-feature img {
  border-radius: 0;
}
.media-feature .media-play {
  border-radius: 0;
}
.demo-card video {
  border-radius: var(--radius-media) var(--radius-media) 0 0;
}
:is(
  .form-card,
  .office,
  .author-panel,
  .guide-entry,
  .country-card,
  .related-card,
  .network-card,
  .chapter-link,
  .reading-intro,
  .fee-block,
  .faq-tools,
  .faq-entry,
  .mobile-chapters,
  .sources,
  .author-note,
  .calculator,
  .practical-board,
  .confirm-flow,
  .form-success-panel,
  .official-fees-block,
  .empty-state,
  .sale-listing-feature,
  .funds-stack > div
) {
  border-radius: var(--radius-card);
}
:is(.role-table, .official-fee-list) {
  border-radius: var(--radius-card);
}
.role-table {
  overflow: hidden;
}
.role-row:first-child > :first-child {
  border-top-left-radius: var(--radius-card);
}
.role-row:first-child > :last-child {
  border-top-right-radius: var(--radius-card);
}
.role-row:last-child > :first-child {
  border-bottom-left-radius: var(--radius-card);
}
.role-row:last-child > :last-child {
  border-bottom-right-radius: var(--radius-card);
}
.faq-label {
  border-radius: var(--radius-control);
}
.form-section input,
.form-section select,
.form-section textarea,
input,
select,
textarea {
  border-radius: var(--radius-control);
}
:is(
  .btn,
  .chip,
  .pager button,
  .service-selector button,
  .related-reading a,
  .service-facts a,
  .search-results a
) {
  border-radius: var(--radius-control);
}
:is(
  .hero-keywords span,
  .country-grid .tag,
  .card-photo span,
  .form-section legend span
) {
  border-radius: var(--radius-small);
}
.nav-panel {
  border-radius: var(--radius-card);
}
.dialog-header {
  border-radius: var(--radius-media) var(--radius-media) 0 0;
}
dialog {
  border-radius: var(--radius-media);
}
#video-dialog video {
  border-radius: 0;
}
.reading-links {
  border-radius: var(--radius-card);
}
/* 四色联系圆钮及展开面板已按参考站独立造型，不覆盖圆钮样式。 */
.quick-contact-codes img {
  border-radius: var(--radius-small);
}
@media (max-width: 767px) {
  .media-feature .media-still {
    border-radius: var(--radius-media) var(--radius-media) 0 0;
    overflow: hidden;
  }
  .site-header .nav.open {
    border-radius: 0 0 var(--radius-card) var(--radius-card);
  }
}

.hero,
.page-hero {
  border-radius: var(--radius-media);
}

#video-dialog video {
  border-radius: var(--radius-card);
}
.fee-table,
.boundary-grid,
.table-wrap,
.download-table,
.contact-detail,
.contact-card,
.callout,
.service-matrix {
  border-radius: var(--radius-card);
}

.hero-updated .hero-motto-lead,
.hero-updated .hero-motto-tail {
  display: inline;
}
@media (max-width: 480px) {
  .hero-updated h1 em {
    font-size: clamp(29px, 8vw, 36px);
    line-height: 1.45;
    display: block;
    margin-top: 8px;
  }
  .hero-updated .hero-motto-lead,
  .hero-updated .hero-motto-tail {
    display: block;
    white-space: nowrap;
  }
}
@media (pointer: coarse) and (orientation: landscape) and (max-height: 500px) {
  .site-header {
    position: relative;
    top: auto;
  }
}