/* Visual adapter. Page layout and reading geometry remain in the original styles.
 * Explicit user exceptions: header, floating search, home quick links and account density.
 * Reference: TIBIU-Fronted tokens. */
@font-face { font-family: "Tibiu Geist"; src: url("../fonts/GeistVF.woff") format("woff"); font-style: normal; font-weight: 100 900; font-display: swap; }

body[data-tibiu-skin="2026"] {
  --ui-canvas: #fff;
  --ui-surface: #fff;
  --ui-soft: #f1f1f1;
  --ui-ink: #14171a;
  --ui-secondary: #4f555b;
  --ui-muted: #6b7279;
  --ui-line: #e5e7ea;
  --ui-line-strong: #d6d9dd;
  --ui-primary: #2196f3;
  --ui-primary-hover: #1e88e5;
  --ui-primary-soft: #f4f6f8;
  --ui-danger: #c9353f;
  --ui-danger-soft: #fff0f1;
  --ui-success: #147e56;
  --ui-radius-cover: 4px;
  --ui-radius-control: 4px;
  --ui-radius-surface: 0px;
  --ui-radius-overlay: 6px;
  --ui-radius-button: 4px;
  --ui-shadow-popup: 0 12px 32px rgb(17 24 39 / 12%);
  --ui-shadow-modal: 0 24px 64px rgb(17 24 39 / 18%);
  --ui-font: "Tibiu Geist", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif;
  --tibiu-color-bg: var(--ui-canvas);
  --tibiu-color-surface: var(--ui-surface);
  --tibiu-color-surface-soft: var(--ui-soft);
  --tibiu-color-text: var(--ui-ink);
  --tibiu-color-text-muted: var(--ui-muted);
  --tibiu-color-line: var(--ui-line);
  --tibiu-color-line-strong: var(--ui-line-strong);
  --tibiu-color-accent: var(--ui-primary);
  --tibiu-color-accent-soft: var(--ui-primary-soft);
  --tibiu-radius-xs: 4px;
  --tibiu-radius-sm: 4px;
  --tibiu-radius-md: 4px;
  --tibiu-radius-lg: 4px;
  --tibiu-shadow-soft: none;
  --tibiu-shadow-card: none;
  --tibiu-ui-primary: var(--ui-primary);
  --tibiu-ui-primary-hover: var(--ui-primary-hover);
  --tibiu-ui-primary-soft: var(--ui-primary-soft);
  --tibiu-ui-text: var(--ui-ink);
  --tibiu-ui-muted: var(--ui-muted);
  --tibiu-ui-line: var(--ui-line);
  --tibiu-ui-surface: var(--ui-surface);
  --tibiu-ui-surface-soft: var(--ui-soft);
  --tibiu-ui-font: var(--ui-font);
  --home-bg: var(--ui-canvas);
  --home-surface: var(--ui-surface);
  --home-line: var(--ui-line);
  --home-text: var(--ui-ink);
  --home-muted: var(--ui-muted);
  --home-accent: var(--ui-primary);
  --home-accent-deep: var(--ui-primary-hover);
  --home-radius-xl: 4px;
  --home-radius-lg: 4px;
  --home-radius-md: 4px;
  --novel-bg: var(--ui-canvas);
  --novel-ink: var(--ui-ink);
  --novel-muted: var(--ui-muted);
  --novel-soft: var(--ui-soft);
  --novel-line: var(--ui-line);
  --novel-surface: var(--ui-surface);
  --novel-accent: var(--ui-primary);
  --novel-theme: var(--ui-primary);
  --novel-theme-soft: var(--ui-primary-soft);
  --novel-theme-line: var(--ui-line);
  --lz-red: var(--ui-primary);
  --lz-red-dark: var(--ui-primary-hover);
  --lz-text: var(--ui-ink);
  --lz-muted: var(--ui-muted);
  --lz-line: var(--ui-line);
  --lz-bg: var(--ui-canvas);
  --lz-surface: var(--ui-surface);
  --lz-soft: var(--ui-soft);
  --lz-shadow: none;
  --lz-radius-xl: 4px;
  --lz-radius-lg: 4px;
  --lz-radius-md: 4px;
  --auth-surface: var(--ui-surface);
  --auth-surface-strong: var(--ui-surface);
  --auth-ink: var(--ui-ink);
  --auth-muted: var(--ui-muted);
  --auth-line: var(--ui-line);
  --auth-primary: var(--ui-primary);
  --auth-primary-deep: var(--ui-primary-hover);
  --auth-soft: var(--ui-primary-soft);
  --tt-bg: var(--ui-canvas);
  --tt-surface: var(--ui-surface);
  --tt-card: var(--ui-surface);
  --tt-line: var(--ui-line);
  --tt-text: var(--ui-ink);
  --tt-muted: var(--ui-muted);
  --tt-brand: var(--ui-primary);
  --tt-brand-dark: var(--ui-primary-hover);
  --tt-shadow: none;
  --tt-radius: 4px;
  font-family: var(--ui-font);
  -webkit-font-smoothing: antialiased;
}

body[data-tibiu-skin="2026"]:not([data-tibiu-page="reader"]) {
  color: var(--ui-ink);
  background: var(--ui-canvas) !important;
}

body[data-tibiu-skin] :where(button, input, textarea, select) {
  font-family: var(--ui-font);
}

body[data-tibiu-skin] :where(a, button, input, textarea, select, [tabindex]):focus-visible {
  outline: 3px solid var(--ui-primary);
  outline-offset: 3px;
}

body[data-tibiu-skin] :where(input[type="checkbox"], input[type="radio"], input[type="range"]) {
  accent-color: var(--ui-primary);
}

body[data-tibiu-skin] :where(button:disabled, input:disabled, select:disabled, [aria-disabled="true"]) {
  cursor: not-allowed;
}

body[data-tibiu-skin] :is(.tibiu-button, .btn, .user-center-button, .user-center-button-secondary, .user-center-button-ghost, .user-center-chip-link, .user-center-chip-button, .type2-primary-btn, .type2-secondary-btn, .novel-btn, .novel-search-submit, .article-primary-btn, .article-secondary-btn, .article-twitter-write, .community-compose-submit, .community-left-compose, .community-fab, .loginbutton0731, .auth-primary-button, .auth-secondary-button, .auth-register-submit, .auth-code-button, .reg1-button, .reg2-button, .succbtn, .ttbt, .tibiu-modal__button, .user-record-button, .user-record-link, .user-record-deletebtn, .rank-pager-btn, .button240108, .public-subheader-action, .sendbutton1) {
  border-color: var(--ui-line-strong);
  border-radius: var(--ui-radius-button);
  background: var(--ui-surface);
  color: var(--ui-secondary);
  box-shadow: none;
  text-decoration: none;
}

body[data-tibiu-skin] :is(.tibiu-button, .user-center-button, .type2-primary-btn, .novel-btn--primary, .novel-search-submit, .article-primary-btn, .article-twitter-write, .community-compose-submit, .community-left-compose, .community-fab, .loginbutton0731, .auth-primary-button, .auth-register-submit, .reg1-button, .reg2-button, .succbtn, .ttbt, .tibiu-modal__button--confirm, .sendbutton1) {
  border-color: transparent;
  background: var(--ui-primary);
  color: rgb(255, 255, 255);
}

body[data-tibiu-skin] :is(.tibiu-button--outlined, .tibiu-button--plain, .user-center-button-ghost) {
  border-color: var(--ui-line-strong);
  background: var(--ui-surface);
  color: var(--ui-secondary);
}

body[data-tibiu-skin] :is(.tibiu-button--plain, .user-center-button-ghost) {
  border-color: transparent;
}

body[data-tibiu-skin] :is(.user-record-deletebtn, .tibiu-button--danger) {
  color: var(--ui-danger);
  background: var(--ui-danger-soft);
  border-color: transparent;
}

body[data-tibiu-skin] :is(.tibiu-button, .btn, .user-center-button, .user-center-button-secondary, .user-center-chip-link, .user-center-chip-button, .type2-primary-btn, .type2-secondary-btn, .novel-btn, .loginbutton0731, .auth-register-submit, .rank-pager-btn):hover:not(:disabled) {
  box-shadow: none;
  border-color: var(--ui-primary);
  background: var(--ui-primary-soft);
  color: var(--ui-primary-hover);
}

body[data-tibiu-skin] :is(.user-center-button, .type2-primary-btn, .novel-btn--primary, .loginbutton0731, .auth-register-submit, .tibiu-button:not(.tibiu-button--outlined):not(.tibiu-button--plain)):hover:not(:disabled) {
  background: var(--ui-primary-hover);
  color: rgb(255, 255, 255);
}

body[data-tibiu-skin] :is(.tibiu-input, .tibiu-textarea, .user-center-input, .user-center-select, .user-center-textarea, .user-article-editor-title-input, .user-article-editor-summary-input, .user-article-editor-select, .auth-field-stack input, .user-center-field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]), .user-center-field textarea, .user-center-field select) {
  border-color: var(--ui-line-strong);
  border-radius: var(--ui-radius-control);
  background: var(--ui-surface);
  color: var(--ui-ink);
  box-shadow: none;
}

body[data-tibiu-skin] :where(input, textarea)::placeholder {
  color: var(--ui-muted);
  opacity: 1;
}

body[data-tibiu-skin] :is(.tibiu-input, .tibiu-textarea, .user-center-field input, .user-center-field textarea):focus {
  border-color: var(--ui-primary);
  box-shadow: none;
}

body[data-tibiu-skin] :is(.tibiu-site-topbar, .headertibiu_top, .headertibiu_notop, .tibiu-search-band, .header-bar) {
  background: var(--ui-surface);
  color: var(--ui-ink);
  box-shadow: none;
  border-color: var(--ui-line);
  backdrop-filter: none;
}

body[data-tibiu-skin] .tibiu-site-topbar-inner {
  border-radius: 0px;
  background: var(--ui-surface);
  box-shadow: none;
  backdrop-filter: none;
}

body[data-tibiu-skin] .logotibiu {
  filter: none;
}

body[data-tibiu-skin] .tibiu-brand-chip {
  color: var(--ui-muted);
  background: transparent;
}

body[data-tibiu-skin] .tibiu-site-topbar-link {
  color: var(--ui-secondary);
}

body[data-tibiu-skin] .tibiu-site-topbar-link.is-active {
  color: var(--ui-primary);
}

body[data-tibiu-skin] :is(.tibiu-site-action, .user-center-back, .public-subheader-back, .tibiu-discovery-back, .user-record-back) {
  border-radius: 50%;
  background: transparent;
  color: var(--ui-secondary);
  box-shadow: none;
}

body[data-tibiu-skin] :is(.tibiu-site-action, .user-center-back, .public-subheader-back):hover {
  background: var(--ui-soft);
}

body[data-tibiu-skin] :is(.public-subheader, .user-center-toolbar-outer, .user-record-header) {
  border-radius: 0px;
  background: var(--ui-surface);
  box-shadow: none;
  backdrop-filter: none;
  border-color: var(--ui-line);
}

body[data-tibiu-skin] :is(.user-center-toolbar-kicker, .user-center-kicker, .public-subheader-kicker, .tibiu-discovery-kicker, .tibiu-category-stage-kicker, .novel-eyebrow) {
  color: var(--ui-muted);
}

body[data-tibiu-skin] :is(.user-center-toolbar-title, .tibiu-discovery-title, .tibiu-category-stage-title) {
  color: var(--ui-ink);
}

body[data-tibiu-skin] :is(.search-shell, .search-input-wrap, .custom-search-box, .novel-search-form, .novel-search-input-wrap, .tibiu-category-search-box, .article-searchbox) {
  border-radius: var(--ui-radius-control);
  background: var(--ui-soft);
  box-shadow: none;
  border-color: transparent;
}

body[data-tibiu-skin] :is(.search-input, .custom-search-input, .tibiu-category-search-input) {
  color: var(--ui-ink);
  background: transparent;
}

body[data-tibiu-skin] .tibiu-search-band {
  --tibiu-search-input-bg: var(--ui-surface);
  --tibiu-search-input-border: var(--ui-line-strong);
  --tibiu-search-input-color: var(--ui-ink);
  --tibiu-search-input-placeholder: var(--ui-muted);
  --tibiu-search-input-icon: var(--ui-muted);
  --tibiu-search-input-shadow: none;
  --tibiu-search-input-focus-bg: var(--ui-surface);
  --tibiu-search-input-focus-border: var(--ui-line-strong);
  --tibiu-search-input-focus-shadow: none;
}

body[data-tibiu-skin] .tibiu-search-band .search-input {
  border-radius: 4px;
  box-shadow: none;
  backdrop-filter: none;
}

body[data-tibiu-skin] .search-input::placeholder {
  color: var(--ui-muted);
}

body[data-tibiu-skin] .search-prefix-icon {
  color: var(--ui-muted);
}

body[data-tibiu-skin] .search-panel {
  border-radius: 4px;
  background: var(--ui-surface);
  border-color: var(--ui-line);
  box-shadow: var(--ui-shadow-popup);
}

body[data-tibiu-skin] :is(.search-tag-link, .margintag, .tibiu-category-search-caption) {
  border-radius: 4px;
  box-shadow: none;
}

body[data-tibiu-skin] :is(.tibiu-footer-band, .footer-shell, .footer-card, .bottom-nav, .footer-nav) {
  background: var(--ui-surface);
  border-color: var(--ui-line);
  box-shadow: none;
  color: var(--ui-secondary);
}

body[data-tibiu-skin] .footer-card {
  border-radius: 0px;
}

body[data-tibiu-skin].p-index::after {
  background: none;
  backdrop-filter: none;
}

body[data-tibiu-skin] .home3-shared-backdrop {
  opacity: 0;
}

body[data-tibiu-skin] :is(.home3-banner, .novel-hero, .novel-featured-card) {
  border-radius: 4px;
  box-shadow: none;
}

body[data-tibiu-skin] :is(.home3-section-head h2, .novel-section-title, .novel-panel-title, .tibiu-catagory-title) {
  color: var(--ui-ink);
}

body[data-tibiu-skin] :is(.home3-quick-link, .novel-quick-link) {
  background: var(--ui-soft);
  border-radius: var(--ui-radius-control);
  box-shadow: none;
}

body[data-tibiu-skin] :is(.home3-quick-link, .novel-quick-link):hover {
  background: var(--ui-primary-soft);
  box-shadow: none;
}

body[data-tibiu-skin] :is(.home3-quick-icon, .novel-quick-icon) {
  background: transparent;
  color: var(--ui-primary);
  border-radius: 4px;
  box-shadow: none;
}

body[data-tibiu-skin] :is(.home3-quick-title, .novel-quick-title) {
  color: var(--ui-ink);
}

body[data-tibiu-skin] :is(.home3-quick-copy, .home3-feature-meta, .home3-update-meta, .home3-rank-meta) {
  color: var(--ui-muted);
}

body[data-tibiu-skin] :is(.home3-feature-card, .home3-update-card, .home3-rank-item, .novel-book-card, .novel-list-item, .novel-rank-item, .rank-card, .tibiu-discovery-card) {
  border-radius: 0px;
  border-bottom-color: var(--ui-line);
  background: var(--ui-surface);
  box-shadow: none;
}

body[data-tibiu-skin] :is(.home3-feature-card, .home3-update-card, .home3-rank-item, .novel-book-card, .novel-list-item, .rank-card, .tibiu-discovery-card):hover {
  box-shadow: none;
}

body[data-tibiu-skin] :is(.home3-feature-title, .home3-update-title, .home3-rank-title, .novel-book-title, .rank-card-title, .comic-name-up231216) {
  color: var(--ui-ink);
  font-family: var(--ui-font);
  text-shadow: none;
}

body[data-tibiu-skin] .home3-feature-body {
  color: var(--ui-ink);
}

body[data-tibiu-skin] :is(.home3-feature-cover, .home3-update-cover, .home3-rank-cover, .novel-cover, .rank-card-cover, .tibiu-discovery-cover, .image-up231216, .type2-poster, .type2-rec-cover, .user-record-item .image-up231216) {
  border-radius: var(--ui-radius-cover);
  box-shadow: none;
}

body[data-tibiu-skin] :is(.tibiu-discovery-hero, .tibiu-category-stage, .tibiu-category-group, .tibiu-discovery-stage, .tibiu-discovery-panel, .rank-home-panel, .rank-home-card, .novel-panel) {
  background: var(--ui-surface);
  border-color: var(--ui-line);
  border-radius: var(--ui-radius-surface);
  box-shadow: none;
}

body[data-tibiu-skin] .tibiu-category-entry {
  border-radius: 4px;
  background: var(--ui-soft);
  border-color: transparent;
  box-shadow: none;
}

body[data-tibiu-skin] :is(.rank-tab, .tibiu-discovery-tool-btn, .tibiu-discovery-filter__option, .tibiu-discovery-inline-switch, .novel-filter-chip, .novel-rank-tab, .novel-tag, .rank-tag, .story-category-info .j-filter__item, .story-category-info .j-info-nav) {
  border-radius: var(--ui-radius-button);
  border-color: var(--ui-line);
  background: var(--ui-soft);
  color: var(--ui-secondary);
  box-shadow: none;
}

body[data-tibiu-skin] :is(.rank-tab, .tibiu-discovery-filter__option, .novel-filter-chip, .novel-rank-tab, .story-category-info .j-filter__item, .story-category-info .j-info-nav):is(.is-active, .active, [aria-selected="true"]) {
  background: var(--ui-primary-soft);
  color: var(--ui-primary-hover);
  border-color: var(--ui-primary);
}

body[data-tibiu-skin] .rank-card-index {
  color: var(--ui-muted);
  background: var(--ui-soft);
  border-radius: 4px;
  box-shadow: none;
}

body[data-tibiu-skin] .rank-card-index.is-top-1 {
  color: rgb(154, 91, 8);
  background: rgb(255, 248, 232);
}

body[data-tibiu-skin] .type2-topbar {
  background: var(--ui-surface);
  border-bottom-color: var(--ui-line);
  box-shadow: none;
}

body[data-tibiu-skin] .type2-topbar-title {
  color: var(--ui-ink);
}

body[data-tibiu-skin] .type2-icon-btn {
  background: var(--ui-soft);
  color: var(--ui-secondary);
  box-shadow: none;
  backdrop-filter: none;
}

body[data-tibiu-skin] .type2-icon-btn ti-icon {
  --ti-icon-color: currentColor;
  color: inherit;
}

body[data-tibiu-skin] .type2-icon-btn svg [fill]:not([fill="none"]) {
  fill: currentcolor;
}

body[data-tibiu-skin] .type2-icon-btn svg [stroke]:not([stroke="none"]) {
  stroke: currentcolor;
}

body[data-tibiu-skin] .type2-hero {
  background: var(--ui-surface);
}

body[data-tibiu-skin] :is(.type2-hero-bg, .type2-hero-noise) {
  opacity: 0;
}

body[data-tibiu-skin] .type2-hero-main {
  color: var(--ui-ink);
}

body[data-tibiu-skin] .type2-title {
  color: var(--ui-ink);
}

body[data-tibiu-skin] :is(.type2-subtitle, .type2-meta, .type2-meta a, .type2-correction-link) {
  color: var(--ui-secondary);
}

body[data-tibiu-skin] .type2-correction-link {
  color: var(--ui-primary-hover);
}

body[data-tibiu-skin] :is(.type2-section, .type2-action-panel, .type2-stat-card, .section-card, .novel-detail-hero) {
  background: var(--ui-surface);
  border-color: var(--ui-line);
  border-radius: var(--ui-radius-surface);
  box-shadow: none;
}

body[data-tibiu-skin] .type2-summary-card {
  border-color: var(--ui-line);
  border-radius: 4px;
  box-shadow: none;
}

body[data-tibiu-skin] .type2-section-title {
  color: var(--ui-ink);
}

body[data-tibiu-skin] .type2-section-sub {
  color: var(--ui-muted);
}

body[data-tibiu-skin] .type2-action {
  border-color: var(--ui-line);
  border-radius: 4px;
  background: var(--ui-surface);
  color: var(--ui-secondary);
  box-shadow: none;
}

body[data-tibiu-skin] .type2-action:hover {
  background: var(--ui-primary-soft);
  border-color: var(--ui-primary);
  box-shadow: none;
}

body[data-tibiu-skin] .type2-action-icon {
  border-radius: 50%;
  background: var(--ui-soft);
  color: var(--ui-primary);
  box-shadow: none;
}

body[data-tibiu-skin] .type2-action .type2-action-label {
  color: var(--ui-ink);
}

body[data-tibiu-skin] .type2-action .type2-action-desc {
  color: var(--ui-muted);
}

body[data-tibiu-skin] :is(.type2-chip, .type2-intro-trigger, .novel-meta-pill) {
  border-color: var(--ui-line);
  border-radius: 4px;
  background: var(--ui-soft);
  color: var(--ui-secondary);
  box-shadow: none;
  backdrop-filter: none;
}

body[data-tibiu-skin] :is(.type2-chapter-item, .novel-chapter-link, .chapter-item) {
  border-radius: 4px;
  border-color: var(--ui-line);
}

body[data-tibiu-skin] :is(.user-center-card, .user-center-stat-card, .user-center-shortcut, .user-center-method, .user-center-pay-option, .user-record-panel, .user-ticket-item, .user-privacy-item, .user-public-card, .user-article-editor-card, .user-article-editor-block) {
  border-color: var(--ui-line);
  border-radius: var(--ui-radius-surface);
  background: var(--ui-surface);
  box-shadow: none;
  color: var(--ui-ink);
}

body[data-tibiu-skin] :is(.user-center-stat-card, .user-center-shortcut, .user-center-method, .user-center-pay-option):hover {
  box-shadow: none;
  background: var(--ui-soft);
}

body[data-tibiu-skin] :is(.user-center-heading, .user-center-subheading, .user-record-title) {
  color: var(--ui-ink);
}

body[data-tibiu-skin] :is(.user-center-stat-label, .user-center-field-label, .user-center-toolbar-desc, .user-record-subtitle) {
  color: var(--ui-muted);
}

body[data-tibiu-skin] :is(.user-center-shortcut-icon, .user-center-method-icon, .user-center-pay-option-icon) {
  background: var(--ui-soft);
  color: var(--ui-primary);
  border-radius: 4px;
  box-shadow: none;
}

body[data-tibiu-skin] :is(.user-center-tip, .user-center-note, .user-center-notice) {
  background: var(--ui-primary-soft);
  border-color: transparent;
  color: var(--ui-secondary);
  border-radius: 4px;
}

body[data-tibiu-skin] :is(.user-center-nav-link, .user-record-tab, .user-ticket-filter, .user-privacy-option) {
  border-radius: var(--ui-radius-button);
  background: transparent;
  border-color: var(--ui-line);
  box-shadow: none;
  color: var(--ui-secondary);
}

body[data-tibiu-skin] :is(.user-center-nav-link, .user-record-tab, .user-ticket-filter, .user-privacy-option):is(.is-active, .active, [aria-checked="true"]) {
  background: var(--ui-primary-soft);
  border-color: var(--ui-primary);
  color: var(--ui-primary-hover);
}

body[data-tibiu-skin] :is(.user-center-pay-option, .pay-item):is(.active, .is-active, .selected) {
  border-color: var(--ui-primary);
  background: var(--ui-primary-soft);
}

body[data-tibiu-skin] .user-record-item {
  background: var(--ui-surface);
  border-radius: 0px;
  box-shadow: none;
  border-color: var(--ui-line);
}

body[data-tibiu-skin] .user-record-item.is-selected {
  background: var(--ui-primary-soft);
}

body[data-tibiu-skin] .user-record-deletebar {
  background: var(--ui-surface);
  border-color: var(--ui-line);
  border-radius: 4px;
  box-shadow: var(--ui-shadow-popup);
}

body[data-tibiu-skin] .user-ticket-message {
  border-radius: 4px;
  background: var(--ui-soft);
  box-shadow: none;
}

body[data-tibiu-skin] .user-ticket-message--admin {
  background: var(--ui-primary-soft);
}

body[data-tibiu-skin] :is(.notice-hero, .notice-card, .notice-item, .user-friend-card, .user-public-hero, .user-public-section, .user-task-card, .user-media-card) {
  background: var(--ui-surface);
  border-color: var(--ui-line);
  border-radius: 4px;
  color: var(--ui-ink);
  box-shadow: none;
}

body[data-tibiu-skin] .notice-hero {
  background: var(--ui-soft);
  border-color: transparent;
}

body[data-tibiu-skin] :is(.notice-hero__desc, .notice-hero__eyebrow) {
  color: var(--ui-muted);
}

body[data-tibiu-skin] .user-public-avatar {
  border-radius: 50%;
}

body[data-tibiu-skin] :is(.user-task-balance-value, .user-friend-count) {
  background: var(--ui-primary-soft);
  color: var(--ui-primary-hover);
  border-radius: 4px;
  box-shadow: none;
}

body[data-tibiu-skin] .user-ticket-item:hover {
  background: var(--ui-soft);
  box-shadow: none;
}

body[data-tibiu-skin] :is(.user-center-hero, .user-center-panel, .user-center-form-card, .user-center-pay-card, .user-center-summary-card, .type2-main, .type2-community-hero, .tibiu-category-stage-head, .tibiu-discovery-results-toolbar) {
  background: var(--ui-surface);
  border-color: var(--ui-line);
  border-radius: 4px;
  box-shadow: none;
}

body[data-tibiu-skin] :is(.user-center-avatar, .user-center-summary-avatar) {
  border-radius: 50%;
  background: var(--ui-soft);
  box-shadow: none;
}

body[data-tibiu-skin].user-center-page :is(.gold-box, .ticket-box, .vip-box, .pay-func) :is(.pay-item, .func-item) {
  background: var(--ui-surface);
  border-color: var(--ui-line);
  border-radius: 4px;
  box-shadow: none;
  color: var(--ui-ink);
}

body[data-tibiu-skin].user-center-page :is(.gold-box, .ticket-box, .vip-box, .pay-func) :is(.pay-item, .func-item):hover {
  background: var(--ui-soft);
  box-shadow: none;
}

body[data-tibiu-skin].user-center-page :is(.gold-box, .ticket-box, .vip-box) .pay-item.select {
  background: var(--ui-primary-soft);
  border-color: var(--ui-primary);
  box-shadow: none;
}

body[data-tibiu-skin].user-center-page :is(.gold-box, .ticket-box, .vip-box, .pay-func) :is(.user-center-pay-option-icon, .user-center-method-icon) {
  background: var(--ui-soft);
  color: var(--ui-primary);
  border-radius: 4px;
  box-shadow: none;
}

body[data-tibiu-skin].user-center-page :is(.gold-box, .ticket-box, .vip-box) .user-center-pay-option-mark {
  background: var(--ui-soft);
  color: var(--ui-secondary);
  box-shadow: none;
}

body[data-tibiu-skin].user-center-page :is(.gold-box, .ticket-box, .vip-box) .pay-item.select .user-center-pay-option-mark {
  background: var(--ui-primary);
  color: rgb(255, 255, 255);
}

body[data-tibiu-skin].user-center-page .vip-box :is(.user-center-pay-price, .user-center-pay-gift) {
  color: var(--ui-ink);
}

body[data-tibiu-skin].user-center-page .vip-box .user-center-pay-cion {
  background: var(--ui-soft);
  color: var(--ui-secondary);
  border-radius: 4px;
}

body[data-tibiu-skin].user-center-page :is(#registerForm, #changePasswordForm, #findPasswordForm) :is(.info-btn, .register-btn, .finish-btn) {
  background: var(--ui-primary);
  color: rgb(255, 255, 255);
  box-shadow: none;
  border-radius: 4px;
}

body[data-tibiu-skin] .bookshelf-create {
  background: var(--ui-primary);
  color: rgb(255, 255, 255);
  border-radius: 4px;
  box-shadow: none;
}

body[data-tibiu-skin] .novel-search-form > .novel-btn {
  background: var(--ui-primary);
  color: rgb(255, 255, 255);
  border-color: transparent;
}

body[data-tibiu-skin] .novel-btn:not(.novel-btn--light):not(.novel-btn--danger) {
  background: var(--ui-primary);
  color: rgb(255, 255, 255);
  border-color: transparent;
}

body[data-tibiu-skin] .novel-btn--danger {
  background: var(--ui-danger-soft);
  color: var(--ui-danger);
  border-color: transparent;
}

body[data-tibiu-skin] :is(.novel-subpage-hero, .novel-top-band, .novel-detail-hero) {
  background: var(--ui-surface);
  color: var(--ui-ink);
  border-radius: 0px;
}

body[data-tibiu-skin] .novel-subpage-hero::before, body[data-tibiu-skin] .novel-subpage-hero::after, body[data-tibiu-skin] .novel-top-band::before, body[data-tibiu-skin] .novel-top-band::after, body[data-tibiu-skin] .novel-detail-hero::before, body[data-tibiu-skin] .novel-detail-hero::after {
  background: none;
}

body[data-tibiu-skin] :is(.novel-subpage-title, .novel-hero-title, .novel-detail-title) {
  color: var(--ui-ink);
  font-family: var(--ui-font);
  text-shadow: none;
}

body[data-tibiu-skin] :is(.novel-subpage-kicker, .novel-subpage-desc, .novel-hero-book-author, .novel-hero-book-desc) {
  color: var(--ui-muted);
}

body[data-tibiu-skin] :is(.novel-subpage-back, .novel-subpage-search, .novel-icon-btn, .novel-text-action) {
  border-radius: 4px;
  background: var(--ui-soft);
  color: var(--ui-secondary);
  border-color: transparent;
  box-shadow: none;
}

body[data-tibiu-skin] .novel-category-card {
  background: var(--ui-soft);
  border-color: transparent;
  border-radius: 4px;
  box-shadow: none;
}

body[data-tibiu-skin] :is(.novel-panel-head > button, .novel-detail-actions > button) {
  border-color: var(--ui-line-strong);
  border-radius: 4px;
  background: var(--ui-surface);
  color: var(--ui-secondary);
}

body[data-tibiu-skin] :is(.user-record-tabs, .user-record-icon-button, .tibiu-discovery-results, .container240108) {
  box-shadow: none;
}

body[data-tibiu-skin] .user-center-segment .sex span {
  box-shadow: none;
  background: var(--ui-soft);
  color: var(--ui-secondary);
  border-color: var(--ui-line);
}

body[data-tibiu-skin] .user-center-segment .sex span.on {
  background: var(--ui-primary-soft);
  color: var(--ui-primary-hover);
  border-color: var(--ui-primary);
}

body[data-tibiu-skin] .auth-stage::before, body[data-tibiu-skin] .auth-stage::after {
  background: none;
  box-shadow: none;
}

body[data-tibiu-skin] :is(.auth-shell, .auth-panel--card, .auth-register-card, .auth-step-card, .auth-success-modal-card) {
  background: var(--ui-surface);
  border-color: var(--ui-line);
  border-radius: 4px;
  box-shadow: none;
}

body[data-tibiu-skin] .auth-shell--single {
  border-color: var(--ui-line);
}

body[data-tibiu-skin] .auth-form-title {
  color: var(--ui-ink);
}

body[data-tibiu-skin] :is(.auth-kicker, .auth-chip) {
  background: var(--ui-primary-soft);
  color: var(--ui-primary-hover);
  box-shadow: none;
}

body[data-tibiu-skin] :is(.community-surface, .community-side-card, .community-compose, .community-post-card, .article-side-card, .article-thread-card, .article-reply-box, .help-twitter-side-card, .user-article-editor-preview-card) {
  background: var(--ui-surface);
  border-color: var(--ui-line);
  border-radius: 4px;
  box-shadow: none;
}

body[data-tibiu-skin] :is(.community-filter-bar, .community-left-nav, .article-twitter-topbar, .article-detail-topbar, .article-feed-tools, .community-editor-feed-topbar) {
  background: var(--ui-surface);
  border-color: var(--ui-line);
  box-shadow: none;
  backdrop-filter: none;
}

body[data-tibiu-skin] :is(.community-left-nav-item, .community-editor-nav-item, .article-left-nav-item, .help-twitter-nav-item, .article-board-tab, .article-sort-btn, .community-filter-tab) {
  color: var(--ui-secondary);
  box-shadow: none;
  border-radius: 4px;
}

body[data-tibiu-skin] :is(.community-left-nav-item, .community-editor-nav-item, .article-left-nav-item, .help-twitter-nav-item, .article-board-tab, .article-sort-btn, .community-filter-tab).is-active {
  color: var(--ui-primary-hover);
  background: var(--ui-primary-soft);
}

body[data-tibiu-skin] .article-thread-card {
  border-radius: 0px;
}

body[data-tibiu-skin] .article-thread-title {
  color: var(--ui-ink);
}

body[data-tibiu-skin] :is(.article-tag, .article-chip, .article-thread-board, .community-tool) {
  background: var(--ui-soft);
  color: var(--ui-secondary);
  border-color: var(--ui-line);
  box-shadow: none;
  border-radius: 4px;
}

body[data-tibiu-skin] :is(.user-article-editor-toolbar, .user-article-editor-head, .tt-toolbar) {
  background: var(--ui-surface);
  border-color: var(--ui-line);
  box-shadow: none;
}

body[data-tibiu-skin] :is(.user-article-editor-tool, .user-article-editor-block-button, .tt-tool) {
  border-radius: 4px;
  border-color: var(--ui-line);
  background: var(--ui-soft);
  color: var(--ui-secondary);
  box-shadow: none;
}

body[data-tibiu-skin] :is(.user-article-editor-tool, .tt-tool).is-active {
  color: var(--ui-primary-hover);
  background: var(--ui-primary-soft);
}

body[data-tibiu-skin] :is(.tt-panel, .tt-sidebar-card, .tt-editor-shell, .tt-toolbar, .tt-stat, .tt-metric) {
  border-color: var(--ui-line);
  border-radius: 4px;
  background: var(--ui-surface);
  box-shadow: none;
}

body[data-tibiu-skin] :is(.tt-title, .tt-section-title) {
  color: var(--ui-ink);
  font-family: var(--ui-font);
}

body[data-tibiu-skin] .tt-topbar {
  background: var(--ui-surface);
  backdrop-filter: none;
}

body[data-tibiu-skin] .tt-panel::before, body[data-tibiu-skin] .tt-sidebar-card::before {
  background: none;
}

body[data-tibiu-skin] .tt-kicker {
  background: var(--ui-primary-soft);
  color: var(--ui-primary-hover);
  box-shadow: none;
}

body[data-tibiu-skin] :is(.tt-input, .tt-textarea, .tt-select, .tt-number) {
  border-color: var(--ui-line-strong);
  background: var(--ui-surface);
  color: var(--ui-ink);
  border-radius: 4px;
  box-shadow: none;
}

body[data-tibiu-skin] :is(.tt-action, .tt-link, .type2-drawer-action, .t2c-submit, .t2gift-submit) {
  border-color: var(--ui-line-strong);
  border-radius: 4px;
  background: var(--ui-surface);
  color: var(--ui-secondary);
  box-shadow: none;
}

body[data-tibiu-skin] :is(.tt-action.is-primary, .type2-drawer-action, .t2c-submit, .t2gift-submit) {
  background: var(--ui-primary);
  color: rgb(255, 255, 255);
  border-color: transparent;
}

body[data-tibiu-skin] .tt-topbar-back {
  border-radius: 50%;
  background: var(--ui-soft);
  color: var(--ui-secondary);
  box-shadow: none;
}

body[data-tibiu-skin] :is(.tt-popover-panel, .tt-media-modal-dialog) {
  border-radius: 4px;
  border-color: var(--ui-line);
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-popup);
}

body[data-tibiu-skin] :is(.tt-chip, .tt-tag, .tt-tab) {
  border-radius: 4px;
  background: var(--ui-soft);
  color: var(--ui-secondary);
  box-shadow: none;
}

body[data-tibiu-skin] :is(.tt-tag, .tt-tab).is-active {
  background: var(--ui-primary-soft);
  color: var(--ui-primary-hover);
}

body[data-tibiu-skin][data-tibiu-page="review"] :is(.custom-textarea, .custom-textarea1) {
  border-color: var(--ui-line-strong);
  border-radius: 4px;
  background: var(--ui-surface);
  color: var(--ui-ink);
}

body[data-tibiu-skin][data-tibiu-page="review"] .volume-container {
  background: var(--ui-soft);
  border-color: var(--ui-line);
  border-radius: 4px;
  box-shadow: none;
}

body[data-tibiu-skin][data-tibiu-page="review"] .volume-bar {
  background: var(--ui-primary-soft);
  border-radius: 4px;
  box-shadow: none;
}

body[data-tibiu-skin][data-tibiu-page="review"] #triggerElement {
  background: var(--ui-primary);
  color: rgb(255, 255, 255);
  border-radius: 4px;
  cursor: pointer;
}

body[data-tibiu-skin][data-tibiu-page="support"] .law {
  color: var(--ui-ink);
}

body[data-tibiu-skin] :is(.tibiu-modal__card, .tibiu-modal-dialog, .auth-dialog-card, .type2-drawer-panel, .type2-unified-drawer-panel, .tibiu-category-search-modal-box, .dialog-multi-filter, .tibiu-media-picker-dialog) {
  background: var(--ui-surface);
  border-color: var(--ui-line);
  border-radius: var(--ui-radius-overlay);
  box-shadow: var(--ui-shadow-modal);
  color: var(--ui-ink);
}

body[data-tibiu-skin] :is(.tibiu-modal__header, .tibiu-modal__footer, .tibiu-modal__body) {
  background: var(--ui-surface);
  border-color: var(--ui-line);
}

body[data-tibiu-skin] :is(.tibiu-modal__backdrop, .type2-drawer-mask, .type2-chapter-sheet-mask, .tt-media-modal-backdrop) {
  background: rgba(5, 13, 24, 0.54);
  backdrop-filter: blur(3px);
}

body[data-tibiu-skin] .tibiu-modal__title {
  color: var(--ui-ink);
}

body[data-tibiu-skin] :is(.tibiu-modal__close, .tibiu-top-alert__close, .tibiu-stack-alert__close) {
  color: var(--ui-muted);
  background: var(--ui-soft);
  border-radius: 50%;
  box-shadow: none;
}

body[data-tibiu-skin] :is(.tibiu-top-alert__card, .tibiu-stack-alert__card) {
  border-radius: 4px;
  box-shadow: var(--ui-shadow-popup);
}

body[data-tibiu-skin] :is(.tibiu-empty-state, .user-record-empty, .rank-empty, .novel-empty, .type2-empty) {
  color: var(--ui-muted);
  background: var(--ui-soft);
  border-radius: 4px;
  box-shadow: none;
}

body[data-tibiu-skin]:is(.story-category-info, .story-top, .story-bookshelf) .header-bar {
  border-bottom-color: var(--ui-line);
  background: var(--ui-surface);
}

body[data-tibiu-skin]:is(.story-category-info, .story-top, .story-bookshelf) :is(.header-bar .title, .item-info .title, .info-wrapper .title) {
  color: var(--ui-ink);
}

body[data-tibiu-skin] :is(.story-category-info__toolbar, .story-top__nav, .story-bookshelf .item-nav) .active {
  color: var(--ui-primary);
}

body[data-tibiu-skin] :is(.story-category-info__item, .story-top__rank-item, .j-buy-item, .j-collect-item) {
  border-bottom-color: var(--ui-line);
  color: var(--ui-ink);
}

body[data-tibiu-skin] :is(.story-category-info__item .item-link, .story-top__rank-item, .j-buy-link, .j-collect-link) {
  text-decoration: none;
  color: var(--ui-ink);
}

body[data-tibiu-skin] :is(.story-category-info__item, .story-top__rank-item, .j-buy-item, .j-collect-item) .cover {
  border-radius: var(--ui-radius-cover);
}

body[data-tibiu-skin] :is(.story-category-info__item, .story-top__rank-item, .j-buy-item, .j-collect-item) :is(.desc, .author, .count, .look, .update, .count-info) {
  color: var(--ui-muted);
}

body[data-tibiu-skin] :is(.story-top__rank-item .tag-item, .dialog-multi-filter .group .item) {
  border-radius: 4px;
  background: var(--ui-soft);
}

body[data-tibiu-skin] .dialog-multi-filter .group .item.active {
  background: var(--ui-primary-soft);
  color: var(--ui-primary);
}

body[data-tibiu-skin] :is(.story-top__rank-item .rank-num, .story-bookshelf .btn-autobuy) {
  color: var(--ui-primary);
}

body[data-tibiu-skin] .story-bookshelf .btn-autobuy {
  border-color: var(--ui-line);
  border-radius: 4px;
}

body[data-tibiu-skin] .story-bookshelf .btn-autobuy.active {
  background: var(--ui-primary-soft);
  border-color: var(--ui-primary);
}

body[data-tibiu-skin][data-tibiu-page="reader"].novel-reader {
  background: var(--reader-bg, #f4efe3);
  color: var(--reader-ink, #27231e);
}

body[data-tibiu-skin][data-tibiu-page="reader"] :is(.novel-reader-topbar, .novel-reader-toolbar, .novel-reader-setting, .chapterlistinfo-panel) {
  box-shadow: none;
}

body[data-tibiu-skin][data-tibiu-page="reader"] :is(.novel-reader-text-action, .novel-reader-action, .novel-reader-back-button, .novel-direction-button, .novel-reader-mode-toggle, .novel-reader-setting-toggle, .comic-reader-page-action, .cleanbutton) {
  border-radius: var(--ui-radius-button);
  font-family: var(--ui-font);
  box-shadow: none;
}

body[data-tibiu-skin][data-tibiu-page="reader"] :is(.novel-direction-button, .novel-reader-mode-toggle).is-active {
  color: var(--ui-primary);
  border-color: var(--ui-primary);
  background: var(--ui-primary-soft);
}

/* Captions remain in their original position over the cover. */
body[data-tibiu-skin] :is(.home3-feature-body, .home3-feature-title) { color: #fff; }

/* Flat visual language. Borders retain their width so layout does not move. */
body[data-tibiu-skin] {
  --tibiu-radius-xl: 4px;
  --ui-shadow-popup: 0 4px 16px rgb(17 24 39 / 8%);
  --ui-shadow-modal: 0 6px 24px rgb(17 24 39 / 10%);
}

body[data-tibiu-skin] :is(
  .tibiu-user-profile-card, .tibiu-user-stat-card, .tibiu-user-shortcut, .tibiu-user-menu-option,
  .user-center-card, .user-center-stat-card, .user-center-shortcut, .user-center-summary-card,
  .user-record-panel, .user-public-hero, .user-public-section, .user-friend-card,
  .user-task-card, .user-media-card, .notice-hero, .notice-card, .notice-item,
  .type2-summary-card, .type2-action-panel, .type2-stat-card, .type2-section, .type2-action,
  .community-surface, .community-side-card, .community-compose, .community-post-card,
  .article-side-card, .article-thread-card, .article-reply-box, .help-twitter-side-card,
  .novel-panel, .novel-category-card, .novel-detail-hero, .rank-home-panel, .rank-home-card,
  .tibiu-discovery-panel, .tibiu-category-stage, .tibiu-category-group,
  .tt-panel, .tt-sidebar-card, .tt-stat, .tt-metric, .section-card
) {
  border-radius: 0;
  border-color: transparent;
  border-bottom-color: var(--ui-line);
  background: var(--ui-surface);
  box-shadow: none;
}

body[data-tibiu-skin] :is(
  .tibiu-user-stat-card, .tibiu-user-shortcut, .tibiu-user-menu-option,
  .user-center-shortcut, .type2-action, .novel-category-card
):hover {
  border-color: transparent;
  border-bottom-color: var(--ui-line-strong);
  background: var(--ui-soft);
  box-shadow: none;
}

body[data-tibiu-skin] :is(
  .tibiu-user-profile-kicker, .tibiu-user-profile-status,
  .tibiu-user-shortcut-icon, .tibiu-user-menu-icon, .tibiu-user-drawer-tool,
  .type2-action-icon, .user-center-shortcut-icon, .user-center-method-icon,
  .user-center-pay-option-icon, .home3-quick-icon, .novel-quick-icon,
  .auth-kicker, .auth-chip, .tt-kicker
) {
  border-radius: 0;
  background: transparent;
  color: var(--ui-secondary);
  box-shadow: none;
}
body[data-tibiu-skin] .tibiu-user-profile-kicker { color: var(--ui-muted); }
body[data-tibiu-skin] :is(.tibiu-user-profile-action, .tibiu-user-drawer-tool, .type2-drawer-close) {
  border-radius: 4px;
  border-color: var(--ui-line);
  background: var(--ui-surface);
  color: var(--ui-ink);
  box-shadow: none;
}
body[data-tibiu-skin] :is(.tibiu-user-profile-action, .tibiu-user-drawer-tool, .type2-drawer-close):hover {
  background: var(--ui-soft);
  border-color: var(--ui-line-strong);
  color: var(--ui-primary-hover);
}
body[data-tibiu-skin] .tibiu-user-drawer-tool[aria-pressed="true"] {
  background: var(--ui-primary-soft);
  border-color: var(--ui-primary);
  color: var(--ui-primary-hover);
}
body[data-tibiu-skin] :is(.avatar-container1, .user-center-avatar) { background: var(--ui-soft); box-shadow: none; }

body[data-tibiu-skin] :is(
  .tibiu-user-skeleton-profile, .tibiu-user-skeleton-stat-card,
  .tibiu-user-skeleton-shortcut, .tibiu-user-skeleton-menu
) { border-radius: 0; background: var(--ui-surface); border-color: transparent; box-shadow: none; }
body[data-tibiu-skin] :is(.tibiu-user-skeleton-line, .tibiu-user-skeleton-action) { border-radius: 4px; }

body[data-tibiu-skin] .type2-drawer.is-open .type2-drawer-panel,
body[data-tibiu-skin] #tibiuUserMenu .type2-drawer-panel {
  border-radius: 6px;
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-modal);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body[data-tibiu-skin] .type2-drawer.is-fullscreen .type2-drawer-panel,
body[data-tibiu-skin] #tibiuUserMenu.is-fullscreen .type2-drawer-panel { border-radius: 0; }
body[data-tibiu-skin] :is(.type2-drawer-mask, .tibiu-modal__backdrop, .tt-media-modal-backdrop) {
  background: rgb(0 0 0 / 35%);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* Explicitly requested shared header and homepage quick-link layout. */
body[data-tibiu-skin] .tibiu-site-topbar {
  border-bottom: 1px solid var(--ui-line);
}
body[data-tibiu-skin] .tibiu-site-topbar-inner {
  display: grid;
  grid-template-areas: "brand actions" "nav nav";
  grid-template-columns: 1fr auto;
  grid-template-rows: 56px 44px;
  align-items: center;
  gap: 0;
  min-height: 0;
  width: min(var(--tibiu-shell-width, 1200px), calc(100% - 30px));
  margin: 0 auto;
  padding: 8px 0 0;
  border: 0;
}
body[data-tibiu-skin] .tibiu-brand-lockup { grid-area: brand; justify-self: start; }
body[data-tibiu-skin] .tibiu-site-topbar .logotibiu img { width: 72px; height: auto; }
body[data-tibiu-skin] .tibiu-site-topbar-actions { grid-area: actions; gap: 4px; }
body[data-tibiu-skin] .tibiu-site-action { width: 40px; height: 44px; cursor: pointer; color: var(--ui-ink); }
body[data-tibiu-skin] .tibiu-site-action ti-icon { --ti-icon-size: 24px; }
body[data-tibiu-skin] .tibiu-site-action svg { width: 24px; height: 24px; }
body[data-tibiu-skin] .tibiu-site-topbar-nav {
  grid-area: nav;
  display: flex;
  justify-content: center;
  align-self: stretch;
  gap: 0;
  margin: 0;
}
body[data-tibiu-skin] .tibiu-site-topbar-link {
  align-self: stretch;
  padding: 0 12px;
  min-height: 44px;
  font-size: 16px;
  color: var(--ui-ink);
  font-weight: 600;
}
body[data-tibiu-skin] .tibiu-site-topbar-link.is-active { color: var(--ui-ink); font-weight: 700; }
body[data-tibiu-skin] .tibiu-site-topbar-link::after {
  left: 12px; right: 12px; bottom: 4px; width: auto; height: 3px;
  border-radius: 0; background: var(--ui-primary); transform: none;
}
body[data-tibiu-skin] .tibiu-site-topbar-link:is(:hover, .is-active)::after { transform: none; }
body[data-tibiu-skin] .tibiu-header-search {
  box-sizing: border-box;
  position: fixed;
  inset: 76px 0 auto;
  width: min(560px, calc(100% - 24px));
  max-width: calc(100% - 24px);
  max-height: calc(100dvh - 100px);
  margin: 0 auto;
  padding: 20px;
  overflow: auto;
  border: 1px solid var(--ui-line);
  border-radius: 6px;
  background: var(--ui-surface);
  color: var(--ui-ink);
  box-shadow: var(--ui-shadow-modal);
}
body[data-tibiu-skin] .tibiu-header-search * { box-sizing: border-box; }
body[data-tibiu-skin] .tibiu-header-search::backdrop { background: rgb(0 0 0 / 35%); }
body:has(.tibiu-header-search[open]) { overflow: hidden; }
body[data-tibiu-skin] .tibiu-header-search-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; font-size: 18px; }
body[data-tibiu-skin] .tibiu-header-search-heading form { margin: 0; }
body[data-tibiu-skin] .tibiu-header-search-heading button { display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; }
body[data-tibiu-skin] .tibiu-header-search .search-panel {
  position: static; width: 100%; max-height: none; margin-top: 12px; padding: 12px 0 0;
  border: 0; border-top: 1px solid var(--ui-line); border-radius: 0; box-shadow: none;
}
body[data-tibiu-skin] .tibiu-header-search .search-input { height: 48px; border-radius: 4px; backdrop-filter: none; }
body[data-tibiu-skin] .home3-quick-grid {
  display: flex; justify-content: flex-start; align-items: flex-start;
  gap: 8px; width: 100%; overflow-x: auto; scrollbar-width: none;
}
body[data-tibiu-skin] .home3-quick-link {
  display: flex; flex: 0 0 80px; width: 80px; min-height: 0;
  justify-content: center; padding: 4px 0; border: 0; border-radius: 0;
  background: transparent; box-shadow: none; text-align: center;
}
body[data-tibiu-skin] .home3-quick-top { display: flex; flex-direction: column; align-items: center; gap: 8px; }
body[data-tibiu-skin] .home3-quick-icon {
  display: grid; place-items: center; width: 56px; height: 56px;
  border: 0; border-radius: 50%; background: #f1f2f3; color: #545b63;
}
body[data-tibiu-skin] .home3-quick-link:first-child .home3-quick-icon { background: #eaf1f6; color: #347bae; }
body[data-tibiu-skin] .home3-quick-icon ti-icon { --ti-icon-size: 22px; width: 22px; height: 22px; }
body[data-tibiu-skin] .home3-quick-title { margin: 0; font-size: 12px; font-weight: 500; line-height: 1.4; white-space: nowrap; }
body[data-tibiu-skin] .home3-quick-copy { display: none; }
body[data-tibiu-skin] .home3-quick-link:hover .home3-quick-icon { color: var(--ui-primary); background: #eaf1f6; }
@media (max-width: 767px) {
  body[data-tibiu-skin] .tibiu-site-topbar-inner { grid-template-rows: 44px 44px; padding-top: 12px; }
  body[data-tibiu-skin] .tibiu-site-topbar .logotibiu img { width: 58px; }
  body[data-tibiu-skin] .home3-quick-grid { gap: 4px; }
  body[data-tibiu-skin] .home3-quick-link { flex-basis: 68px; width: 68px; }
  body[data-tibiu-skin] .home3-quick-icon { width: 52px; height: 52px; }
}

/* Shared input treatment and larger header controls; keep native widget behavior. */
body[data-tibiu-skin] :is(.search-shell, .search-input-wrap, .custom-search-box, .novel-search-form, .novel-search-input-wrap, .tibiu-category-search-box, .article-searchbox) {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
body[data-tibiu-skin] :is(input:not([type]), input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="tel"], input[type="url"], input[type="number"], input[type="date"], input[type="datetime-local"], input[type="time"], textarea, select) {
  border: 1px solid var(--ui-line-strong) !important;
  border-radius: 4px !important;
  background: var(--ui-surface) !important;
  color: var(--ui-ink);
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body[data-tibiu-skin] :is(.public-subheader-copy strong, .novel-subpage-title, .header-bar .title) { font-size: 18px; }
body[data-tibiu-skin] :is(.tibiu-header-search-heading, .public-subheader, .novel-subpage-head, .header-bar) ti-icon { --ti-icon-size: 24px !important; }
body[data-tibiu-skin] :is(.tibiu-header-search-heading, .public-subheader, .novel-subpage-head, .header-bar) ti-icon svg { width: 24px; height: 24px; }
/* User preference: no extra focus outline or glow, including keyboard focus. */
body[data-tibiu-skin] :is(:focus, :focus-visible, :focus-within) {
  outline: none !important;
  box-shadow: none !important;
}

/* Consistent secondary page headers: plain back icon, Chinese title, medium weight. */
body[data-tibiu-skin] :is(.user-center-toolbar-kicker, .public-subheader-kicker, .user-record-kicker, .novel-subpage-eyebrow) { display: none; }
body[data-tibiu-skin] :is(.user-center-back, .public-subheader-back, .user-record-back, .novel-subpage-back, .tibiu-discovery-back) {
  border-color: transparent !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
}
body[data-tibiu-skin] :is(.user-center-toolbar-title, .public-subheader-copy strong, .user-record-title, .novel-subpage-title, .header-bar .title) {
  font-size: 18px;
  font-weight: 500;
}
body[data-tibiu-skin] :is(.user-center-back, .public-subheader-back, .user-record-back, .novel-subpage-back, .tibiu-discovery-back) ti-icon {
  --ti-icon-size: 24px !important;
}

/* Shared legacy component skin: keep their event, loading and modal contracts. */
body[data-tibiu-skin] {
  --tibiu-ui-primary: var(--ui-primary);
  --tibiu-ui-primary-hover: var(--ui-primary-hover);
  --tibiu-ui-primary-soft: var(--ui-soft);
  --tibiu-ui-line: var(--ui-line-strong);
  --tibiu-ui-radius-sm: 4px;
  --tibiu-ui-radius-md: 4px;
  --tibiu-ui-radius-lg: 6px;
  --tibiu-modal-primary-soft: var(--ui-soft);
  --tibiu-modal-line: var(--ui-line);
  --tibiu-modal-soft: var(--ui-soft);
  --tibiu-alert-primary-soft: var(--ui-soft);
}
body[data-tibiu-skin] :is(.tibiu-modal__card, .tibiu-modal-dialog, .auth-dialog-card, .tibiu-loading__panel, .tibiu-dropdown-menu, .tibiu-popover) {
  border-radius: 6px;
  background: var(--ui-surface);
  border-color: var(--ui-line);
  box-shadow: var(--ui-shadow-modal);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body[data-tibiu-skin] :is(.tibiu-loading__mask, .type2-chapter-sheet-mask) {
  background: rgb(0 0 0 / 35%);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body[data-tibiu-skin] :is(.tibiu-modal__title, .tibiu-loading__title, .tibiu-top-app-bar-title) { font-weight: 500; }
body[data-tibiu-skin] :is(.tibiu-modal__button, .tibiu-chip, .tibiu-segmented, .tibiu-segmented-button, .tibiu-modal-select__option, .tibiu-bookshelf-create, .tibiu-bookshelf-option) {
  border-radius: 4px;
  box-shadow: none;
  font-weight: 500;
}
body[data-tibiu-skin] :is(.tibiu-modal__close, .tibiu-top-alert__close, .tibiu-stack-alert__close) { background: transparent; border-radius: 0; }
body[data-tibiu-skin] .tibiu-modal__button--cancel { background: var(--ui-surface); border-color: var(--ui-line-strong); color: var(--ui-secondary); }
body[data-tibiu-skin] .tibiu-modal:not([data-confirm-theme="danger"]):not([data-confirm-theme="warning"]) .tibiu-modal__button--confirm { background: var(--ui-primary); color: #fff; }
body[data-tibiu-skin] .tibiu-modal:not([data-confirm-theme="danger"]):not([data-confirm-theme="warning"]) .tibiu-modal__button--confirm:hover { background: var(--ui-primary-hover); }
body[data-tibiu-skin] :is(.tibiu-top-alert__icon, .tibiu-stack-alert__icon) { background: transparent; border-radius: 0; }
body[data-tibiu-skin] .tibiu-bookshelf-comic img { border-radius: 4px; }
body[data-tibiu-skin] .tibiu-bookshelf-create { background: var(--ui-soft); color: var(--ui-secondary); }
body[data-tibiu-skin] .user-avatar-crop-stage { border-radius: 4px; background: var(--ui-soft); box-shadow: none; }
body[data-tibiu-skin] .user-avatar-crop-stage::after { border-radius: 4px; box-shadow: none; border: 1px solid var(--ui-line); }
body[data-tibiu-skin] .user-avatar-crop-meta span:last-child { border-radius: 0; background: transparent; color: var(--ui-secondary); font-weight: 500; }
body[data-tibiu-skin] input[type="range"] { appearance: none; background: transparent; accent-color: var(--ui-primary); box-shadow: none; }
body[data-tibiu-skin] input[type="range"]::-webkit-slider-runnable-track { height: 4px; border: 0; border-radius: 2px; background: var(--ui-line); box-shadow: none; }
body[data-tibiu-skin] input[type="range"]::-webkit-slider-thumb { appearance: none; width: 18px; height: 18px; margin-top: -7px; border: 2px solid #fff; border-radius: 50%; background: var(--ui-primary); box-shadow: none; }
body[data-tibiu-skin] input[type="range"]::-moz-range-track { height: 4px; border: 0; border-radius: 2px; background: var(--ui-line); box-shadow: none; }
body[data-tibiu-skin] input[type="range"]::-moz-range-thumb { width: 14px; height: 14px; border: 2px solid #fff; border-radius: 50%; background: var(--ui-primary); box-shadow: none; }

body[data-tibiu-skin] .home3-banner-pagination .swiper-pagination-bullet { background: #92979c; opacity: 1; }
body[data-tibiu-skin] .home3-banner-pagination .swiper-pagination-bullet-active { background: #fff; }
body[data-tibiu-skin] .home3-section-head a { color: var(--ui-muted); }
body[data-tibiu-skin] .home3-section-head a:hover { color: var(--ui-secondary); }
body[data-tibiu-skin] .home3-rank-number { background: var(--ui-soft); color: var(--ui-secondary); }

/* Compact account drawer; retain existing login, counts and drawer controls. */
body[data-tibiu-skin] #tibiuUserMenu .type2-drawer-head { padding: 8px 16px 10px; }
body[data-tibiu-skin] #tibiuUserMenu .type2-drawer-title { font-size: 18px; font-weight: 500; }
body[data-tibiu-skin] #tibiuUserMenu .type2-drawer-body { display: block; padding: 12px 16px 16px; }
body[data-tibiu-skin] #tibiuUserMenu .tibiu-user-drawer-content { gap: 0; }
body[data-tibiu-skin] #tibiuUserMenu .tibiu-user-profile-card { grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 0 0 12px; border: 0; }
body[data-tibiu-skin] #tibiuUserMenu .tibiu-user-profile-main { min-width: 0; gap: 10px; }
body[data-tibiu-skin] #tibiuUserMenu .avatar-container1 { width: 44px; height: 44px; border-radius: 4px; background: var(--ui-soft); }
body[data-tibiu-skin] #tibiuUserMenu .tibiu-user-profile-meta { gap: 4px; }
body[data-tibiu-skin] #tibiuUserMenu .tibiu-user-profile-name { font-size: 16px; font-weight: 500; line-height: 1.4; overflow-wrap: anywhere; }
body[data-tibiu-skin] #tibiuUserMenu :is(.tibiu-user-profile-email, .tibiu-user-profile-kicker) { display: none; }
body[data-tibiu-skin] #tibiuUserMenu .tibiu-user-profile-status { min-height: 0; padding: 0; font-size: 12px; line-height: 1.4; font-weight: 400; color: var(--ui-muted); }
body[data-tibiu-skin] #tibiuUserMenu .is-guest .tibiu-user-profile-status-row { display: none; }
body[data-tibiu-skin] #tibiuUserMenu .tibiu-user-profile-action { min-height: 36px; padding: 0 10px; font-size: 13px; font-weight: 400; white-space: nowrap; }
body[data-tibiu-skin] #tibiuUserMenu .tibiu-user-stat-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-block: 1px solid var(--ui-line); margin-bottom: 4px; }
body[data-tibiu-skin] #tibiuUserMenu .tibiu-user-stat-card { padding: 10px 4px; gap: 3px; border: 0; text-align: center; min-width: 0; }
body[data-tibiu-skin] #tibiuUserMenu .tibiu-user-stat-value { font-size: 17px; font-weight: 500; overflow-wrap: anywhere; }
body[data-tibiu-skin] #tibiuUserMenu .tibiu-user-stat-value small { display: none; }
body[data-tibiu-skin] #tibiuUserMenu :is(.tibiu-user-shortcut-grid, .tibiu-user-menu-grid) { grid-template-columns: minmax(0, 1fr); gap: 0; }
body[data-tibiu-skin] #tibiuUserMenu :is(.tibiu-user-shortcut, .tibiu-user-menu-option) { width: 100%; min-height: 52px; box-sizing: border-box; padding: 8px 0; gap: 12px; border: 0; border-bottom: 1px solid var(--ui-line); border-radius: 0; transform: none; }
body[data-tibiu-skin] #tibiuUserMenu :is(.tibiu-user-shortcut-icon, .tibiu-user-menu-icon) { width: 28px; height: 28px; flex: 0 0 28px; }
body[data-tibiu-skin] #tibiuUserMenu :is(.tibiu-user-shortcut-icon, .tibiu-user-menu-icon) ti-icon { --ti-icon-size: 24px !important; }
body[data-tibiu-skin] #tibiuUserMenu :is(.tibiu-user-shortcut-icon, .tibiu-user-menu-icon) svg { width: 24px; height: 24px; }
body[data-tibiu-skin] #tibiuUserMenu :is(.tibiu-user-shortcut-copy, .tibiu-user-menu-copy) { display: flex; flex: 1; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; }
body[data-tibiu-skin] #tibiuUserMenu :is(.tibiu-user-shortcut-copy, .tibiu-user-menu-copy) strong { font-size: 15px; font-weight: 400; flex-shrink: 0; }
body[data-tibiu-skin] #tibiuUserMenu :is(.tibiu-user-shortcut-copy, .tibiu-user-menu-copy) > span { font-size: 12px; text-align: right; line-height: 1.5; }
body[data-tibiu-skin] #tibiuUserMenu .tibiu-user-shortcut-badge { font-size: 12px; }
body[data-tibiu-skin] #tibiuUserMenu [hidden] { display: none !important; }
@media (max-width: 380px) {
  body[data-tibiu-skin] #tibiuUserMenu :is(.tibiu-user-shortcut-copy, .tibiu-user-menu-copy) { align-items: flex-start; flex-direction: column; gap: 2px; }
  body[data-tibiu-skin] #tibiuUserMenu :is(.tibiu-user-shortcut-copy, .tibiu-user-menu-copy) > span { text-align: left; }
}

/* Shared component internals, including dynamically inserted bookshelf styles. */
body[data-tibiu-skin] {
  --tibiu-modal-primary-border: var(--ui-line-strong);
  --tibiu-alert-line: var(--ui-line);
  --tibiu-alert-primary-border: var(--ui-line-strong);
}
body[data-tibiu-skin] :is(.type2-drawer-title, .type2-intro-modal-title, .tibiu-modal-title, .auth-dialog-title, .tibiu-top-alert__title, .tibiu-stack-alert__title) { font-size: 18px; font-weight: 500; }
body[data-tibiu-skin] :is(.tibiu-modal-select__label, .tibiu-bookshelf-label, .tibiu-bookshelf-item strong, .type2-support-title, .type2-score-title, .type2-option-title) { font-weight: 500; }
body[data-tibiu-skin] :is(.tibiu-modal-select__check, .tibiu-bookshelf-check, .tibiu-bookshelf-picker, .tibiu-bookshelf-badge, .tibiu-media-picker-upload, .tibiu-media-picker-tab, .tibiu-media-picker-card, .tibiu-media-picker-check) { border-radius: 4px; box-shadow: none; font-weight: 500; }
body[data-tibiu-skin] :is(.tibiu-bookshelf-item, .tibiu-bookshelf-picker, .tibiu-media-picker-card) { border: 1px solid var(--ui-line); background: var(--ui-surface); color: var(--ui-ink); border-radius: 4px; box-shadow: none; }
body[data-tibiu-skin] :is(.tibiu-bookshelf-item.is-checked, .tibiu-media-picker-card.is-selected) { border-color: var(--ui-line-strong); background: var(--ui-soft); box-shadow: none; transform: none; }
body[data-tibiu-skin] .tibiu-bookshelf-item.is-checked .tibiu-bookshelf-check { border-color: var(--ui-secondary); background: var(--ui-secondary); }
body[data-tibiu-skin] :is(.tibiu-bookshelf-badge, .tibiu-bookshelf-empty, .tibiu-bookshelf-loading, .tibiu-bookshelf-form-hint, .tibiu-media-picker-empty, .tibiu-media-picker-loading, .tibiu-media-picker-card-thumb, .tibiu-media-picker-tab) { border-radius: 4px; background: var(--ui-soft); color: var(--ui-secondary); box-shadow: none; }
body[data-tibiu-skin] .tibiu-media-picker-upload { background: var(--ui-primary); color: #fff; }
body[data-tibiu-skin] .tibiu-media-picker-upload:hover { background: var(--ui-primary-hover); }
body[data-tibiu-skin] .tibiu-media-picker-tab.is-active { background: var(--ui-secondary); color: #fff; }
body[data-tibiu-skin] .tibiu-media-picker-check { background: var(--ui-secondary); color: #fff; }
body[data-tibiu-skin] .tibiu-modal-select__option.is-active .tibiu-modal-select__check { background: var(--ui-secondary); }
body[data-tibiu-skin] :is(.type2-chapter-sheet-panel, .type2-intro-modal-panel) { border-radius: 6px; background: var(--ui-surface); box-shadow: var(--ui-shadow-modal); backdrop-filter: none; -webkit-backdrop-filter: none; }
body[data-tibiu-skin] .type2-chapter-sheet.is-fullscreen .type2-chapter-sheet-panel { border-radius: 0; }
body[data-tibiu-skin] :is(.type2-intro-modal-mask, .tibiu-drawer-overlay) { background: rgb(0 0 0 / 35%); backdrop-filter: none; -webkit-backdrop-filter: none; }
body[data-tibiu-skin] :is(.type2-intro-modal-close, .type2-drawer-close) { border-radius: 4px; background: transparent; color: var(--ui-secondary); box-shadow: none; }
body[data-tibiu-skin] :is(.type2-support-hero, .type2-score-hero, .type2-balance-card, .type2-ticket-footer, .type2-score-footer, .type2-unified-drawer .t2gftbar) { border-radius: 4px; border-color: var(--ui-line); background: var(--ui-surface); box-shadow: none; }
body[data-tibiu-skin] :is(.type2-support-link, .buy-ticket, .type2-gift-qty-btn, .t2gift-item, .t2ticket-item, .type2-score-option) { border-radius: 4px; border-color: var(--ui-line); background: var(--ui-surface); color: var(--ui-secondary); box-shadow: none; font-weight: 500; }
body[data-tibiu-skin] :is(.t2gift-item, .t2ticket-item, .type2-score-option):hover,
body[data-tibiu-skin] :is(.t2gift-item.is-active, .t2ticket-item.is-selected, .type2-score-option.is-active, .type2-gift-qty-btn.is-active) { border-color: var(--ui-line-strong); background: var(--ui-soft); color: var(--ui-ink); box-shadow: none; transform: none; }
body[data-tibiu-skin] :is(.t2gift-item, .t2ticket-item)::after { box-shadow: none; }
body[data-tibiu-skin] :is(.type2-option-check, .t2ticket-item .t2ticket-icon, .t2gift-item .t2gift-pic) { border-radius: 4px; background: var(--ui-soft); color: var(--ui-secondary); }
body[data-tibiu-skin] :is(.type2-score-current, .type2-score-stars) { color: var(--ui-secondary); }
body[data-tibiu-skin] :is(.tibiu-image-preview__topbar, .tibiu-image-preview__toolbar) { border-radius: 4px; background: #25282b; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
body[data-tibiu-skin] :is(.tibiu-image-preview__btn, .tibiu-image-preview__nav) { border-radius: 4px; box-shadow: none; }
body[data-tibiu-skin] :is(.layui-m-layerchild:not(.layui-m-layer-msg), .layui-layer) { border-radius: 4px; background: var(--ui-surface); color: var(--ui-ink); box-shadow: var(--ui-shadow-modal); }
body[data-tibiu-skin] :is(.layui-m-layerbtn, .layui-layer-title) { background: var(--ui-soft); border-color: var(--ui-line); }
body[data-tibiu-skin] .layui-m-layerbtn span { border-color: var(--ui-line); color: var(--ui-secondary); }
body[data-tibiu-skin] .layui-m-layerbtn span[yes] { color: var(--ui-primary); }
body[data-tibiu-skin] .type2-back-link { border-color: transparent; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
body[data-tibiu-skin] .type2-topbar-title { font-size: 18px; font-weight: 500; }
body[data-tibiu-skin] :is(.type2-balance-card strong, .type2-balance-card span, .t2ticket-item strong, .t2ticket-item span, .type2-score-current, .type2-score-current span, .type2-option-title span) { font-weight: 500; }
body[data-tibiu-skin] :is(.type2-share-link, .type2-share-qr, .type2-share-qr img, .type2-share-platform, .type2-correction-choice, .type2-correction-tag-chip, .type2-correction-add-tag, .type2-correction-existing-tag, .t2c-replies, .t2c-composer, .t2c-compose-box, .t2c-tool-btn, .t2c-face-panel, .t2c-media-chip, .t2c-panel .t2c-more) { border-radius: 4px; border-color: var(--ui-line); background: var(--ui-surface); color: var(--ui-secondary); box-shadow: none; }
body[data-tibiu-skin] :is(.type2-share-platform, .type2-correction-choice, .type2-correction-existing-tag):hover,
body[data-tibiu-skin] :is(.type2-correction-choice.is-active, .type2-correction-existing-tag.is-active) { background: var(--ui-soft); border-color: var(--ui-line-strong); box-shadow: none; transform: none; }
body[data-tibiu-skin] :is(.tibiu-icon-button, .cleanbutton, .telbackbutton, .tibiu-msg-drawer-tool, .tibiu-msg-drawer-button, .tibiu-msg-drawer-entry-button, .tibiu-msg-drawer-emoji-tab, .tibiu-msg-drawer-emoji-item) { border-radius: 4px; box-shadow: none; }
body[data-tibiu-skin] :is(.tibiu-msg-drawer .type2-drawer-panel, .tibiu-msg-drawer-hero, .tibiu-msg-drawer-card, .tibiu-msg-drawer-entry, .tibiu-msg-drawer-alert-item, .tibiu-msg-drawer-feed-item, .tibiu-msg-drawer-like-group, .tibiu-msg-drawer-chat-field, .tibiu-msg-drawer-emoji-panel) { border-radius: 4px; background: var(--ui-surface); color: var(--ui-ink); border-color: var(--ui-line); box-shadow: none; }
body[data-tibiu-skin] :is(.tibiu-msg-drawer-quote, .tibiu-msg-drawer-chip, .tibiu-msg-drawer-entry-chip, .tibiu-msg-drawer-chat-day, .tibiu-msg-drawer-chat-disabled, .tibiu-msg-drawer-loading, .tibiu-msg-drawer-empty, .tibiu-msg-drawer-alert-index) { border-radius: 4px; background: var(--ui-soft); color: var(--ui-secondary); box-shadow: none; }
body[data-tibiu-skin] .tibiu-msg-drawer-bubble { border-radius: 4px; background: var(--ui-surface); box-shadow: none; }
body[data-tibiu-skin] .tibiu-msg-drawer-bubble-row.is-self .tibiu-msg-drawer-bubble { background: var(--ui-soft); color: var(--ui-ink); border-color: var(--ui-line); }
body[data-tibiu-skin] .tibiu-msg-drawer-bubble-row.is-self :is(.tibiu-msg-drawer-bubble-name, .tibiu-msg-drawer-bubble-time) { color: var(--ui-muted); }
body[data-tibiu-skin] .tibiu-msg-drawer-kicker { border-radius: 4px; background: var(--ui-soft); color: var(--ui-secondary); font-weight: 500; }
body[data-tibiu-skin] .tibiu-msg-drawer-hero::before { background: none; }
body[data-tibiu-skin] :is(.tibiu-msg-drawer-headline, .tibiu-msg-drawer-section-title) { font-weight: 500; }
body[data-tibiu-skin] .tibiu-msg-drawer.is-fullscreen .type2-drawer-panel { border-radius: 0; }
body[data-tibiu-skin] .layui-m-layer2 .layui-m-layercont i { background: var(--ui-secondary); }
/* Align every account row, including button-based logout, on the same text grid. */
body[data-tibiu-skin] #tibiuUserMenu :is(.tibiu-user-shortcut, .tibiu-user-menu-option) { justify-content: flex-start; margin: 0; font-family: var(--ui-font); font-size: 15px; line-height: 1.5; }
body[data-tibiu-skin] #tibiuUserMenu :is(.tibiu-user-shortcut-icon, .tibiu-user-menu-icon) { display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 0; }
body[data-tibiu-skin] #tibiuUserMenu :is(.tibiu-user-shortcut-copy, .tibiu-user-menu-copy) { width: auto; margin: 0; padding: 0; }
body[data-tibiu-skin] #tibiuUserMenu :is(.tibiu-user-shortcut-copy, .tibiu-user-menu-copy) strong { margin: 0; line-height: 1.5; }
body[data-tibiu-skin] .tibiu-site-topbar-actions .tibiu-site-action { width: 36px; height: 36px; padding: 0; display: inline-flex; justify-content: center; align-items: center; }
body[data-tibiu-skin] .tibiu-site-topbar-actions :is(ti-icon, .tibiu-toggle-icon) { width: 24px; height: 24px; --ti-icon-size: 24px !important; display: inline-flex; align-items: center; justify-content: center; }
body[data-tibiu-skin] .tibiu-site-topbar-actions ti-icon svg { width: 24px; height: 24px; }
/* The user glyph has more internal padding than search; match their visible height. */
body[data-tibiu-skin] .tibiu-site-topbar-actions ti-icon[name="user"] svg path { transform: scale(1.05714); transform-origin: center; transform-box: view-box; }