用户:Qiuyin-spring tide/代码/fandom.css：修订间差异

帮助

.cosmos-bannerOption-icon SVG {
    fill: none;
    stroke: #000;
    stroke-width: 3px;
    transform: scale(0.6);
}

/* 原始搜索表单容器（用于回退或备用） */
#searchform {
    width: 20% !important;
    margin-left: auto !important;
    margin-right: 0 !important;
}

/* 备用输入框样式（当 Codex 不生效时） */
#searchform input {
    height: 26px;
    background: #fff;
    border-radius: 3px;
    color: #1e0c1b;
}

/* 通知区域间距 */
#cosmos-notification-icons {
    padding: 5px 5px 5px 0;
}

/* 铃铛图标 */
body .oo-ui-icon-bell,
.mw-ui-icon-bell::before {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19.6' stroke='%23000' stroke-width='2.5px' fill='none' viewBox='0 0 28 28'%3e%3cpath d='M 2 21 L 6 15 L 6 10 A 5 5 180 0 1 22 10 L 22 15 L 26 21 Z M 18 21.5 A 4 4.5 180 0 1 10 21.5'/%3e%3c/svg%3e") no-repeat;
    background-size: cover;
}

/* 托盘图标 */
body .oo-ui-icon-tray,
.mw-ui-icon-tray::before {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19.6' stroke='%23000' stroke-width='2.5px' fill='none' viewBox='0 0 28 28'%3e%3cpath d='M 2 5 L 26 5 L 26 23 L 2 23 Z M 2 9 L 14 19 L 26 9 L 26 23 L 2 23 Z M 2 23 L 10 15 Z M 26 23 L 18 15 Z'/%3e%3c/svg%3e") no-repeat;
    background-size: cover;
}

/* 通知徽章无新消息时的透明度 */
body:not(.skin-vector-2022) #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,
body:not(.skin-vector-2022) #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
    opacity: 0.9;
    transform: scale(0.7);
}

#cosmos-notification-icons #pt-notifications-notice {
    padding-left: 0;
}

/* 隐藏 Codex 搜索框右侧按钮 */
#p-search .cdx-button {
    display: none;
}

/* 调整 Codex 搜索组件外层高度 */
.cdx-search-input--has-end-button {
    height: 36px;
    box-sizing: border-box;
}

/* 确保 Codex 文本输入容器基础样式 */
.cdx-text-input {
    min-width: auto;
    height: 36px;
}

/* 核心修复：强制输入框使用 border-box，并固定尺寸 */
#p-search .cdx-text-input__input {
    box-sizing: border-box !important;          /* 关键：使宽高包含内边距 */
    width: 100% !important;
    height: 36px !important;
    padding: 5px 20px;
    margin: 0;
    border: 0;
    background: #fff;
    border-radius: 3px;
    color: #1e0c1b;
    outline: 0;
    box-shadow: none;
    line-height: 1.4;                           /* 根据字体微调垂直居中 */
    transition: background 250ms ease;
    left: auto;                                 /* 覆盖可能的绝对定位 left */
    position: relative;                         /* 防止绝对定位引起溢出 */
    -webkit-appearance: none;
}

/* 外层 wrapper 也需要重置盒模型，并移除多余 padding */
.cdx-search-input--has-end-button .cdx-search-input__input-wrapper {
    height: 36px;
    background: transparent;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0;                                 /* 移除任何内边距 */
    overflow: hidden;                           /* 保留溢出隐藏，确保视觉一致 */
}

/* 悬停、聚焦效果（基于原始 #searchform，不影响 Codex） */
#searchform input:hover {
    border: 1px solid #1e0c1b;
}
#searchform input:focus {
    background: #fff;
    border: 1px solid #1e0c1b;
}

#p-search .cdx-text-input__input {
	transform: translateY(2px);
}

.cosmos-userButton-label, .cosmos-bannerOption-dropdownIcon{
	display: none;
}
#searchform input{
	padding: 5px 20px 5px 35px;
}
#searchform {
  position: relative;
}
#cosmos-search-buttonContainer {
  position: absolute;
  left: 42px;               /* 在 35px 的 padding 里微调居中，可根据图标大小调整 */
  top: 50%;
  transform: translateY(-50%);  /* 垂直居中 */
  z-index: 5;              /* 确保在输入框上方 */
}


.global-explore-navigation {
    background-color: #f4f4f4;
    bottom: 0px;
    color: #f4f4f4;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: space-between;
    left: 0px;
    position: fixed;
    top: 46px;
    width: 66px;
    will-change: top;
    z-index: 403;
}





.global-explore-navigation__top {
    flex: 1;
    min-height: 0;
    padding: 12px 0;
}

.global-explore-navigation__bottom, .global-explore-navigation__top {
    background-color: #f4f4f4;
}

.global-explore-navigation__top .global-explore-navigation__nav {
    grid-auto-rows: min-content;
}
.global-explore-navigation__bottom, .global-explore-navigation__nav, .global-explore-navigation__top {
    display: grid;
    justify-items: center;
}

.global-explore-navigation__item, .global-explore-navigation__panel-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 66px;
    width: 100%;
}

.global-explore-navigation__button, .global-explore-navigation__button.wds-avatar__button, .global-explore-navigation__link {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.global-explore-navigation__button {
    -webkit-appearance: none;
    background: #0000;
    border: none;
    color: inherit;
    font: inherit;
    height: 60px;
    margin: 0;
    padding: 4px 0;
    width: 100%;
}

.global-explore-navigation a:active, .global-explore-navigation a:focus, .global-explore-navigation a:hover, .global-explore-navigation a:visited {
    color: #000;
    text-decoration: none;
}

.global-explore-navigation__item--with-icon .wds-avatar.wds-avatar--square, .global-explore-navigation__panel-item--with-icon .wds-avatar.wds-avatar--square {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.global-explore-navigation .wds-avatar, .global-explore-navigation .wds-avatar.wds-avatar--square, .global-explore-navigation .wds-avatar.wds-dropdown__toggle {
    height: 58px;
    min-width: 58px;
    width: 58px;
}

.global-explore-navigation__item--with-icon .global-explore-navigation__icon, .global-explore-navigation__panel-item--with-icon .global-explore-navigation__icon {
    display: flex;
    margin: 0 0 3px;
}

.global-explore-navigation__item .global-explore-navigation__icon>svg, .global-explore-navigation__panel-item .global-explore-navigation__icon>svg {
    fill: #4d4d4c;
    color: #4d4d4c;
}

.global-explore-navigation__label {
    color: #595358;
    display: -webkit-box;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 10px;
    margin: 1px auto 3px;
    max-width: 58px;
    overflow: hidden;
    position: relative;
    text-align: center;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.global-explore-navigation__button a {
  cursor: pointer;
}

.wds-avatar {
  display: flex;
  align-items: center;
  gap: 0px;
  width: 100%;
}

.global-explore-navigation__icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* ========== 图标（SVG 内联） ========== */
.global-explore-navigation__home .global-explore-navigation__icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M2 9 L9 2 L16 9 V17 H2 V9 Z' fill='none' stroke='%23a0a0b8' stroke-width='1.5'/%3E%3Cpath d='M6 13 V9 H12 V13' fill='none' stroke='%23a0a0b8' stroke-width='1.5'/%3E%3C/svg%3E");
}
.global-explore-navigation__explore .global-explore-navigation__icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='7' fill='none' stroke='%23a0a0b8' stroke-width='1.5'/%3E%3Cpolygon points='9,2 11,8 16,9 11,10 9,16 7,10 2,9 7,8' fill='%23a0a0b8'/%3E%3C/svg%3E");
}
.global-explore-navigation__saved .global-explore-navigation__icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 2 V16 L9 13 L13 16 V2 Z' fill='%23a0a0b8'/%3E%3C/svg%3E");
}
.global-explore-navigation__progress .global-explore-navigation__icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='7' fill='none' stroke='%23a0a0b8' stroke-width='1.5'/%3E%3Cpath d='M6 9 L8 11 L12 7' fill='none' stroke='%23a0a0b8' stroke-width='1.5'/%3E%3C/svg%3E");
}
.global-explore-navigation__history .global-explore-navigation__icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='7' fill='none' stroke='%23a0a0b8' stroke-width='1.5'/%3E%3Cpath d='M15 9 A6 6 0 1 0 3 9 H5 A4 4 0 1 1 13 9 H15' fill='none' stroke='%23a0a0b8' stroke-width='1.5'/%3E%3Cline x1='9' y1='9' x2='9' y2='5' stroke='%23a0a0b8' stroke-width='1.5'/%3E%3Cline x1='9' y1='9' x2='11' y2='11' stroke='%23a0a0b8' stroke-width='1.5'/%3E%3C/svg%3E");
}
.global-explore-navigation__utilities-hub .global-explore-navigation__icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Crect x='2' y='2' width='6' height='6' fill='%23a0a0b8'/%3E%3Crect x='10' y='2' width='6' height='6' fill='%23a0a0b8'/%3E%3Crect x='2' y='10' width='6' height='6' fill='%23a0a0b8'/%3E%3Cpath d='M13 10 V12 H11 V14 H13 V16 H15 V14 H17 V12 H15 V10 Z' fill='%23a0a0b8'/%3E%3C/svg%3E");
}
.global-explore-navigation__more .global-explore-navigation__icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='4' cy='9' r='2' fill='%23a0a0b8'/%3E%3Ccircle cx='9' cy='9' r='2' fill='%23a0a0b8'/%3E%3Ccircle cx='14' cy='9' r='2' fill='%23a0a0b8'/%3E%3C/svg%3E");
}




.cosmos-dropdown:hover > .cosmos-dropdown-list {
    display: block;
}

.cosmos-dropdown-list {
    background-color: #f4f4f4;
    flex-direction: column;
    height: calc(100% - 46px);
    line-height: 1.75;
    padding: 0;
    position: fixed;
    top: 46px;
    transition: top .5s;
    width: 280px;
    will-change: top;
    z-index: -1;
}








.banner1 {
    position: fixed!important;
    top: 0;
    left: 0;
    width: 100%;
    height: 46px;
    z-index: 999;

    /* 背景色 */
    background-color: #f4f4f4;

    /* Domfan 图标，作为背景图放在左侧 */
    background-image: url("https://fandombackroomscn.icu/images/8/86/Domfan.png");
    background-repeat: no-repeat;
    background-position: 18px center;   /* 左侧留白 18px */
    background-size: 112px auto;

}