/* TokenApps 控制台 UI 对齐 OpenRouter（只改视觉，不改功能） */
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/recharge/fonts/plus-jakarta-sans-latin-wght.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/recharge/fonts/plus-jakarta-sans-latin-ext-wght.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/recharge/fonts/geist-mono-latin-wght.woff2") format("woff2");
}

:root {
  --tk-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "PingFang SC", "Noto Sans SC", "Segoe UI", sans-serif;
  --tk-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --tk-bg: #fcfcfe;
  --tk-paper: #ffffff;
  /* 侧栏专用面层色：必须与内容区（--tk-bg）拉开一档，否则侧栏和页面同色、
     又没有任何边界，看起来就是"透明、后面的字透进来"。 */
  --tk-side: #f5f5f7;
  --tk-ink: #03080a;
  --tk-muted: rgba(3, 8, 10, .69);
  --tk-nav: rgba(3, 8, 10, .69);
  --tk-line: rgba(3, 8, 10, .078);
  --tk-fill: rgba(3, 8, 10, .031);
  --tk-blue: #7624f4;
  --tk-blue-2: #6a14e8;
  --tk-purple: #7624f4;
  --semi-color-primary: #7624f4;
  --semi-color-primary-hover: #6a14e8;
  --semi-color-primary-active: #5b10c9;
}

/* Semi 深色：跟 body[theme-mode=dark] / html.dark，表面色对齐 Semi bg-0/text-0 */
html.dark,
html.tk-dark {
  color-scheme: dark;
  --tk-bg: #16161a;
  --tk-paper: #232429;
  /* 深色下侧栏取 1c1c21：比内容区(16161a)亮一档，又比面板(232429)暗一档，
     这样"侧栏 / 内容 / 弹出面板"三层各有台阶。 */
  --tk-side: #1c1c21;
  --tk-ink: rgba(249, 249, 249, 0.92);
  --tk-muted: rgba(249, 249, 249, 0.62);
  --tk-nav: rgba(249, 249, 249, 0.72);
  --tk-line: rgba(255, 255, 255, 0.08);
  --tk-fill: rgba(255, 255, 255, 0.06);
}

html, body,
.semi-typography,
.semi-button,
.semi-input,
.semi-input-wrapper,
.semi-select,
.semi-table,
.semi-navigation,
.semi-card,
.semi-modal,
.semi-tabs,
.semi-dropdown,
.semi-form,
.semi-list,
.semi-tag,
.semi-checkbox,
.semi-radio,
.semi-switch,
.semi-pagination,
.semi-breadcrumb,
.semi-tooltip-wrapper {
  font-family: var(--tk-sans) !important;
  font-feature-settings: "calt", "rlig", "tnum";
  font-variant-numeric: tabular-nums;
}

html.tk-or,
html.tk-or body,
html.tk-or #root,
html.tk-or header,
html.tk-or header *,
html.tk-or footer,
html.tk-or footer *,
html.tk-or nav,
html.tk-or nav *,
html.tk-or .semi-typography,
html.tk-or .semi-navigation,
html.tk-or .semi-navigation * {
  font-family: var(--tk-sans) !important;
}

html,
html.tk-or {
  font-size: 16px !important;
}

body,
html.tk-or body {
  color: var(--tk-ink);
  font-size: 14px !important;
  font-weight: 450;
  line-height: 1.625;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
}

html.tk-or .semi-typography {
  font-size: 14px !important;
  font-weight: 450;
  line-height: 1.625 !important;
  letter-spacing: normal !important;
}

html.tk-or header nav a,
html.tk-or header nav a .semi-typography,
html.tk-or .semi-navigation-item,
html.tk-or .semi-navigation-item-text,
html.tk-or .semi-navigation-sub .semi-navigation-item-text {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  letter-spacing: normal !important;
}

html.tk-or .text-2xl,
html.tk-or h1.semi-typography,
html.tk-or h2.semi-typography {
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  letter-spacing: normal !important;
}

html.tk-or .semi-button,
html.tk-or .semi-input-wrapper,
html.tk-or .semi-input,
html.tk-or .semi-select,
html.tk-or .semi-tag {
  border-radius: 6px !important;
}

html.tk-or .semi-button {
  height: 32px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 32px !important;
}

code, pre, kbd,
.font-mono,
.semi-tag-grey,
textarea.font-mono {
  font-family: var(--tk-mono) !important;
}

html:not(.tk-auth),
html:not(.tk-auth) body {
  background: var(--tk-bg) !important;
}

html.tk-auth,
html.tk-auth body,
html.tk-auth .semi-layout,
html.tk-auth .semi-layout-content,
html.tk-auth main,
html.tk-auth footer,
html.tk-auth .semi-layout-footer {
  background: transparent !important;
}

html.tk-auth .blur-ball {
  z-index: 0;
}

header.semi-layout-header,
header.text-semi-color-text-0,
.semi-layout-header > header {
  background: var(--tk-bg) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid var(--tk-line) !important;
  box-shadow: none !important;
  min-height: 56px !important;
}

header .h-16,
header.h-16,
.semi-layout-header .h-16 {
  height: 56px !important;
  min-height: 56px !important;
}

html.tk-or header nav a,
html.tk-or header nav a .semi-typography {
  display: inline-flex !important;
  align-items: center !important;
  height: 32px !important;
  padding: 0 10px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

html.tk-or .semi-navigation-item {
  height: 36px !important;
  min-height: 36px !important;
}

html.tk-or .semi-icon,
html.tk-or .semi-icon-default {
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
}

header a[href="/"] img,
header a.group img,
header a[href="/"] .relative.w-8,
header a.group .relative.w-8 {
  display: none !important;
}

h3.tk-wordmark,
header a[href="/"] h4.semi-typography,
header a.group h4.semi-typography,
header h4.tk-wordmark,
h4.tk-wordmark,
.tk-wordmark:not(h3) {
  font-family: var(--tk-sans) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  background: none !important;
  color: var(--tk-ink) !important;
  -webkit-text-fill-color: var(--tk-ink) !important;
}

h3.tk-wordmark {
  font-size: 16px !important;
}

header nav a,
header nav a .semi-typography {
  color: var(--tk-nav) !important;
  -webkit-text-fill-color: var(--tk-nav) !important;
  background: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

header nav a:hover,
header nav a:hover .semi-typography {
  color: var(--tk-ink) !important;
  -webkit-text-fill-color: var(--tk-ink) !important;
}

html:not(.tk-auth) .semi-layout,
html:not(.tk-auth) .semi-layout-content {
  background: var(--tk-bg) !important;
}

.semi-navigation-item,
.semi-navigation-item-text {
  font-size: 14px !important;
  font-weight: 450 !important;
}

/* Lucide 式线框图标：细、圆角、弱对比 */
.semi-icon,
.semi-icon-default,
.semi-navigation-item-icon .semi-icon,
.semi-button .semi-icon {
  color: var(--tk-muted) !important;
}

.semi-icon svg,
.semi-icon-default svg {
  stroke-linecap: round;
  stroke-linejoin: round;
}

.semi-navigation-item-selected .semi-icon,
.semi-button-primary .semi-icon,
.semi-icon.semi-icon-primary {
  color: var(--tk-purple) !important;
}

header a[href="/register"] button,
header a[href="/register"] .semi-button,
.semi-button-primary {
  background: var(--tk-purple) !important;
  border-color: var(--tk-purple) !important;
  color: #fff !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
}

.semi-button-primary:hover,
header a[href="/register"] .semi-button:hover {
  background: var(--tk-blue-2) !important;
  border-color: var(--tk-blue-2) !important;
}

header a[href="/login"] button,
header a[href="/login"] .semi-button {
  color: var(--tk-purple) !important;
  background: transparent !important;
}

html:not(.tk-auth) footer,
html:not(.tk-auth) .semi-layout-footer {
  background: var(--tk-bg) !important;
  color: var(--tk-muted) !important;
  border-top: 1px solid var(--tk-line);
}

html.tk-dash .semi-card,
html.tk-dash .semi-card.bg-gray-50,
html.tk-dash .semi-card.bg-blue-50,
html.tk-dash .semi-card.bg-green-50,
html.tk-dash .semi-card.bg-yellow-50,
html.tk-dash .semi-card.bg-indigo-50 {
  background: var(--tk-paper) !important;
  border: 1px solid var(--tk-line) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  overflow: hidden;
}

html.tk-dash .semi-card-header,
html.tk-dash .semi-card-header-wrapper {
  background: transparent !important;
  border-bottom: 1px solid var(--tk-line) !important;
  font-weight: 600 !important;
}

html.tk-dash .semi-card.bg-blue-50 .semi-card-header,
html.tk-dash .semi-card.bg-green-50 .semi-card-header,
html.tk-dash .semi-card.bg-yellow-50 .semi-card-header,
html.tk-dash .semi-card.bg-indigo-50 .semi-card-header {
  background: #7624f408 !important;
  color: var(--tk-purple) !important;
  border-bottom-color: transparent !important;
}

html.tk-dash .semi-card.bg-blue-50 .semi-avatar,
html.tk-dash .semi-card.bg-green-50 .semi-avatar,
html.tk-dash .semi-card.bg-yellow-50 .semi-avatar,
html.tk-dash .semi-card.bg-indigo-50 .semi-avatar {
  background: #7624f414 !important;
  color: var(--tk-purple) !important;
}

html.tk-dash .semi-button.bg-green-500,
html.tk-dash .semi-button.bg-blue-500,
html.tk-dash .bg-green-500,
html.tk-dash .bg-blue-500 {
  background: var(--tk-paper) !important;
  color: var(--tk-muted) !important;
  border: 1px solid var(--tk-line) !important;
  box-shadow: none !important;
  border-radius: 6px !important;
}

html.tk-dash .semi-button.bg-green-500:hover,
html.tk-dash .semi-button.bg-blue-500:hover,
html.tk-dash .bg-green-500:hover,
html.tk-dash .bg-blue-500:hover {
  background: #7624f408 !important;
  color: var(--tk-purple) !important;
}

html.tk-dash .bg-green-500 .semi-icon,
html.tk-dash .bg-blue-500 .semi-icon,
html.tk-dash .bg-green-500 svg,
html.tk-dash .bg-blue-500 svg {
  color: var(--tk-muted) !important;
  fill: currentColor;
}

html.tk-dash .tk-model-analytics > .semi-card-header,
html.tk-dash .tk-model-analytics .semi-card-header {
  padding: 12px 16px !important;
}

html.tk-dash .tk-model-analytics .semi-card-header-info {
  width: 100%;
}

html.tk-dash .tk-model-analytics .semi-icon {
  color: var(--tk-muted) !important;
}

html.tk-dash .semi-tabs-slash,
html.tk-dash .semi-tabs-bar-slash {
  background: var(--tk-fill) !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 3px !important;
}

html.tk-dash .semi-tabs-slash .semi-tabs-bar,
html.tk-dash .semi-tabs-bar-slash {
  border-bottom: 0 !important;
  overflow: visible !important;
}

html.tk-dash .semi-tabs-slash .semi-tabs-ink-bar,
html.tk-dash .semi-tabs-bar-slash .semi-tabs-ink-bar {
  display: none !important;
}

html.tk-dash .semi-tabs-slash .semi-tabs-tab,
html.tk-dash .semi-tabs-bar-slash .semi-tabs-tab {
  border: 0 !important;
  border-radius: 6px !important;
  color: var(--tk-muted) !important;
  font-weight: 500 !important;
  padding: 4px 12px !important;
  margin: 0 !important;
}

html.tk-dash .semi-tabs-slash .semi-tabs-tab::after,
html.tk-dash .semi-tabs-slash .semi-tabs-tab::before,
html.tk-dash .semi-tabs-bar-slash .semi-tabs-tab::after,
html.tk-dash .semi-tabs-bar-slash .semi-tabs-tab::before {
  content: none !important;
  display: none !important;
}

html.tk-dash .semi-tabs-slash .semi-tabs-tab-active,
html.tk-dash .semi-tabs-bar-slash .semi-tabs-tab-active {
  background: var(--tk-paper) !important;
  color: var(--tk-ink) !important;
  box-shadow: 0 0 0 1px var(--tk-line) !important;
}

html.tk-dash .semi-tabs-slash .semi-tabs-tab:hover,
html.tk-dash .semi-tabs-bar-slash .semi-tabs-tab:hover {
  color: var(--tk-ink) !important;
}

html.tk-dash .tk-model-analytics .h-96.p-2 {
  padding: 4px 12px 16px !important;
}

html.tk-dash .tk-model-analytics canvas {
  border-radius: 8px;
}

/* 侧栏「聊天」弹出层：Semi wrapper 默认 opacity:0，背景走 --semi-color-bg-3。
   前几轮改 background-color 会被动画/缩写冲掉。这里只用 inset 阴影铺实底，
   并且只把已展开的 *-show 层强制 opacity:1，避免关掉的弹出层露出来。 */
html.tk-or .app-sider,
html.tk-or .sidebar-container,
html.tk-or .semi-navigation {
  /* 侧栏与内容区必须能分开。实测（1280px 宽屏）修复前：.app-sider 与
     .semi-layout-content 同色（浅 rgb(252,252,254)、深 rgb(22,22,26)）、
     border-right:0、box-shadow:none —— 侧栏和页面糊成一片，页面内容紧贴菜单项，
     用户读到的是"透明、后面的字透进来"。这里给侧栏独立面层色 + 右侧描边。
     注意 .semi-navigation 在浅色下会被 Semi 自己铺成纯白(255,255,255)，
     只改 .app-sider 是看不见的，必须一起改。 */
  background-color: var(--tk-side) !important;
}

html.tk-or .app-sider,
html.tk-or .sidebar-container {
  border-right: 1px solid var(--tk-line) !important;
}

html.tk-or .semi-dropdown-wrapper,
html.tk-or .semi-popover-wrapper,
html.tk-or .semi-navigation-popover,
html.tk-or .semi-portal-inner > .semi-dropdown,
html.tk-or .semi-portal-inner > .semi-popover {
  background-color: #ffffff !important;
  background-image: none !important;
  color: #03080a !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow:
    0 0 1px rgba(0, 0, 0, 0.08),
    0 8px 24px rgba(0, 0, 0, 0.12),
    inset 0 0 0 100vmax #ffffff !important;
}

html.tk-or .semi-dropdown-wrapper-show,
html.tk-or .semi-popover-wrapper-show {
  opacity: 1 !important;
}

html.tk-or .semi-dropdown-item,
html.tk-or .semi-dropdown-item .truncate,
html.tk-or .semi-dropdown-item .semi-typography,
html.tk-or .semi-navigation-popover .semi-navigation-item,
html.tk-or .semi-navigation-popover .truncate,
html.tk-or .semi-dropdown-wrapper a {
  color: #03080a !important;
  -webkit-text-fill-color: #03080a !important;
}

html.tk-dark .semi-dropdown-wrapper,
html.tk-dark .semi-popover-wrapper,
html.tk-dark .semi-navigation-popover,
html.tk-dark .semi-portal-inner > .semi-dropdown,
html.tk-dark .semi-portal-inner > .semi-popover,
body[theme-mode="dark"] .semi-dropdown-wrapper,
body[theme-mode="dark"] .semi-popover-wrapper,
body[theme-mode="dark"] .semi-navigation-popover {
  background-color: #232429 !important;
  color: rgba(249, 249, 249, 0.92) !important;
  box-shadow:
    0 0 1px rgba(0, 0, 0, 0.4),
    0 8px 24px rgba(0, 0, 0, 0.45),
    inset 0 0 0 100vmax #232429 !important;
}

html.tk-dark .semi-dropdown-item,
html.tk-dark .semi-dropdown-item .truncate,
html.tk-dark .semi-dropdown-item .semi-typography,
html.tk-dark .semi-navigation-popover .semi-navigation-item,
html.tk-dark .semi-navigation-popover .truncate,
html.tk-dark .semi-dropdown-wrapper a,
body[theme-mode="dark"] .semi-dropdown-item,
body[theme-mode="dark"] .semi-dropdown-item .truncate,
body[theme-mode="dark"] .semi-navigation-popover .semi-navigation-item,
body[theme-mode="dark"] .semi-dropdown-wrapper a {
  color: rgba(249, 249, 249, 0.92) !important;
  -webkit-text-fill-color: rgba(249, 249, 249, 0.92) !important;
}

/* 收起态侧栏的 hover 提示（or12 漏掉的最后一层浮层）。
   上游 new-api 给提示文案的 <span> 写死了行内 style="color: var(--semi-color-primary)"，
   而 Semi 的 tooltip 气泡底色是**反色**的：
     浅色主题 = 深灰底(rgb(65,70,76))  + 白字   ← Semi 自己配好的一对
     深色主题 = 浅灰底(rgb(198,202,205)) + 近黑字 ← 同上
   主色蓝（浅 #0064fa / 深 #54a9ff）压上去，实测对比度只有 1.91 / 1.50，等于看不清。
   气泡本身的前景/底色配对是正确的，所以这里**不写死任何颜色**，
   只让内容继承气泡的前景色，两种主题各自成立；行内样式只能用 !important 覆盖。 */
html.tk-or .semi-tooltip-content,
html.tk-or .semi-tooltip-content * {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

/* 面板自带底色（or6–or13 的共同病根：弹层自己从来不画底，全靠祖先兜底）。
   证据：点开「聊天」时新增的唯一容器
     ul.semi-navigation-sub.semi-navigation-sub-open  background-color: rgba(0,0,0,0)
   它是**唯一装着聊天条目的层**，alpha=0；前几轮改的都是它外面的 .semi-dropdown-wrapper /
   .semi-navigation-popover（那些确实是实心的），所以怎么改都看不出变化。

   而且光有底还不够——用户截图的实测证据：or14 只加底色后，面板内部填充恰为
   var(--tk-bg)=#fcfcfe，而紧邻的页面是 #ffffff，只差 3/255，肉眼等于同色；右边沿还是
   2px 硬过渡、外侧无渐变，说明**没有投影**。所以"底画上了却看不出来"，读起来仍是
   "透明"；点击瞬间那个带投影的浮层（用户说的"白板"）一闪后被这个同色无投影的层替换，
   就成了"一闪变透明"。故这里补齐**填充 + 描边 + 投影**三件套让它脱离背景。
   填充用 --tk-paper（浅色 #ffffff 的"纸面"、深色 #232429），描边用 --tk-line，
   两者都是主题变量，一条规则同时覆盖浅/深。工具提示气泡不在其列——它反色配对，加了会糊。 */
html.tk-or .semi-navigation-sub,
html.tk-or .semi-navigation-sub-open {
  background-color: var(--tk-paper) !important;
  border: 1px solid var(--tk-line) !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14) !important;
}

/* 但收起态的弹层内部也套着同一个 <ul>（弹层自己已经有白底+描边+投影），
   再给它铺一层就会变成"卡片套卡片"。所以在已成型的面板内部把它还原为透明，
   只留内联那一处需要自带面层。 */
html.tk-or .semi-navigation-popover .semi-navigation-sub,
html.tk-or .semi-navigation-popover .semi-navigation-sub-open,
html.tk-or .semi-dropdown-wrapper .semi-navigation-sub,
html.tk-or .semi-dropdown-wrapper .semi-navigation-sub-open {
  background-color: transparent !important;
  border: 0 none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* 深色下面板压在深色页面上，投影要比浅色更重一点才看得出层次。 */
html.tk-dark .semi-navigation-sub,
html.tk-dark .semi-navigation-sub-open,
body[theme-mode="dark"] .semi-navigation-sub,
body[theme-mode="dark"] .semi-navigation-sub-open {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.55) !important;
}

/* 深色下 #232429 面板压在 #16161a 页面上只差一点，容易被看成"没有面板"；
   补一条描边让边界明确（浅色下同样受益）。工具提示气泡不在此列——它是反色配对的。 */
html.tk-or .semi-navigation-popover,
html.tk-or .semi-dropdown-wrapper,
html.tk-or .semi-popover-wrapper {
  border: 1px solid var(--tk-line) !important;
}

/* 窄屏抽屉形态的侧栏（应用断点 768px，见 web/src/hooks/common/useIsMobile.js：
   useIsMobile 用 max-width: 767px 判定）。此时 .app-sider 变成
   position: fixed; z-index: 99 的浮层抽屉，浮在页面之上——它虽然不透明（alpha=1），
   但原本底色与页面完全相同、又无描边无投影，等于看不出边界。
   宽屏那条通用规则已给它 --tk-side 底色与右侧描边；浮层形态再补一层投影，
   让"这是一块浮起来的抽屉"更明确。 */
@media (max-width: 767px) {
  html.tk-or .app-sider {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.32) !important;
  }
}

/* 顶栏「充值审核」的待办计数气泡。
   历史：最初是内联 `background:#ff3b30`（iOS 警示红）+ 白色粗体，浅色顶栏上很刺眼；
   先改成品牌紫胶囊，用户看过之后选择**琥珀色**（也更贴合"待处理"的语义）。
   配色：亮琥珀 #f59e0b + 深琥珀字 #422006 —— 实测对比度 6.8（亮琥珀配白字只有 3.2，不达标），
   两个主题共用一套，深色下同样醒目。
   注意：顶栏链接规则里设了 `-webkit-text-fill-color`（**继承属性**，带 !important），
   必须显式覆盖，否则数字会继承父级颜色而不是深琥珀。 */
.tk-nav-badge {
  display: inline-block;
  box-sizing: border-box;
  min-width: 17px;
  height: 17px;
  margin-left: 6px;
  padding: 0 5px;
  border-radius: 999px;
  background: #f59e0b;
  color: #422006;
  -webkit-text-fill-color: #422006;
  font-size: 11px;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
  font-variant-numeric: tabular-nums;
  vertical-align: 1px;
  box-shadow: 0 1px 2px rgba(180, 83, 9, 0.25);
}

html.tk-dark .tk-nav-badge,
body[theme-mode="dark"] .tk-nav-badge {
  background: #f5a623;
  color: #2e1a00;
  -webkit-text-fill-color: #2e1a00;
  box-shadow: none;
}