@charset "UTF-8";
/* 全站统一 v2 视觉（仅颜色/字体/按钮/表单外观；不改任何页面容器宽度与音效卡片网格尺寸）
   在 root.css / bootstrap / 页面样式之后加载（由 header 片段引入） */
:root{
  --main-color:#1b2230;--primary-color:#1b2230;--secondary-color:#232c3d;
  --tag-bg-color:#1b2230;--tag-text-color:#d7dde8;
  --light-main-color:#9dbdff;--text-color:#f2f3f5;--bg-color:#12161e;
  --font-family:Inter,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;
  --bs-body-bg:#0b0c0f;--bs-body-font-family:Inter,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;
  color-scheme:dark;
}
html{background:#0b0c0f}
body{background-color:#0b0c0f;font-family:Inter,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}
a:hover{color:#9dbdff}
::selection{background:#7ea1d64d}
/* 顶栏/页脚容器自身排版（从 home-v2 body 继承的部分） */
.v2-chrome{font-family:var(--font);font-size:18px;line-height:1.75;color:var(--text);text-align:left}
header:has(.v2-chrome),footer:has(.v2-chrome){display:block;margin:0;padding:0;background:none;border:0;max-width:none;width:auto}
header:has(.v2-chrome){margin-inline:-6px}footer:has(.v2-chrome){margin-inline:-6px;margin-top:40px}
.v2-chrome .site-header{background:#0b0c0ff0}
.v2-chrome .nav-search{gap:10px;align-items:center}
.v2-chrome .nav-sfx-total{font-size:13px;color:#8a8f9c;white-space:nowrap}
.v2-chrome .nav-auth form{display:none}
@media(max-width:1199px){.v2-chrome .nav-sfx-total{display:none}}
/* 按钮（Bootstrap 与站内常用按钮的外观） */
.btn-primary,.cta-button{background:#f3f4f6!important;border-color:#f3f4f6!important;color:#0b0c0f!important;font-weight:600}
.btn-primary:hover,.cta-button:hover{background:#fff!important;border-color:#fff!important;color:#0b0c0f!important}
.btn-secondary,.btn-outline-secondary{background:transparent;border-color:#ffffff30;color:#d7dde8}
.btn-secondary:hover,.btn-outline-secondary:hover{background:#ffffff0c;border-color:#ffffff4d;color:#fff}
/* 表单 */
.form-control,.form-select,input[type=text],input[type=password],input[type=tel],input[type=email],input[type=number],textarea,select{
  background-color:#0e1219;color:#e6e8ee;border-color:#ffffff26}
.form-control:focus,.form-select:focus,input:focus,textarea:focus,select:focus{background-color:#121722;color:#fff;border-color:#9dbdff80;box-shadow:0 0 0 3px #9dbdff26;outline:none}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:#7f899b}
/* 卡片/面板外观（只改颜色、边框、圆角，不改尺寸） */
.card,.modal-content,.dropdown-menu{background-color:#12161e;color:#e6e8ee;border-color:#ffffff1f}
.table{--bs-table-bg:transparent;--bs-table-color:#d7dde8;--bs-table-border-color:#ffffff14;--bs-table-hover-bg:#ffffff08;--bs-table-hover-color:#fff}/* 抵消 root.css 对 header/footer 元素的通用样式 */
.v2-chrome header.site-header{display:block;padding:0;justify-content:normal}
.v2-chrome footer.site-footer{background:none;color:inherit;text-align:left;margin-top:0;font-size:inherit}
.v2-chrome footer a{margin:0}
.v2-chrome footer a:hover,.v2-chrome nav a:hover{color:#fff}
.v2-chrome nav{min-width:0}

/* ================= v2 第二轮：顶栏加宽 / 音效页 / 用户中心 ================= */
/* 1) 共享顶栏加宽（仅顶栏，不影响页面内容宽度） */
.v2-chrome .site-header .wrap{width:min(1600px,calc(100% - 48px))}
.v2-chrome .navigation{gap:24px}
.v2-chrome .navigation nav{gap:26px;flex-shrink:0;white-space:nowrap}
.v2-chrome .navigation nav a,.v2-chrome .nav-auth,.v2-chrome .nav-auth a{white-space:nowrap}
.v2-chrome .nav-auth{flex-shrink:0}
.v2-chrome .nav-search{min-width:160px}
@media(max-width:1359px){.v2-chrome .brand-product,.v2-chrome .brand-divider{display:none}.v2-chrome .navigation nav{gap:20px}}
/* 较窄时导航收进菜单按钮（与首页手机端相同的展开方式） */
@media(max-width:1099px){
  .v2-chrome .menu-toggle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:42px;height:40px;border:1px solid #ffffff26;border-radius:8px;background:#ffffff04;flex-shrink:0}
  .v2-chrome .menu-toggle span{width:17px;height:1px;background:#d4d9e3}
  .v2-chrome .navigation nav{display:none;position:absolute;left:0;top:83px;width:100%;margin:0;padding:24px;background:#141820;border-bottom:1px solid var(--line);flex-direction:column;gap:21px;font-size:18px;z-index:40}
  .v2-chrome .navigation nav.is-open{display:flex}
  .v2-chrome .navigation{position:relative}
  .v2-chrome .site-header{position:relative}
}
@media(max-width:899px){.v2-chrome .navigation nav{top:75px}}
@media(max-width:599px){.v2-chrome .navigation nav{top:69px}}

/* 2) 音效页按钮：热门标签、更多、快捷入口大按钮、下载弹窗内按钮 */
.hot-tag-link-internal{background:#1b2230;color:#c9d2e0;border:1px solid #ffffff1a}
.hot-tag-link-internal:hover{background:#233750;color:#fff;border-color:#ffffff33;box-shadow:none}
.hot-tag-link-internal.active,.hot-tag-link-internal.active:hover{background-color:#9dbdff!important;color:#0b0c0f!important;border-color:#9dbdff;box-shadow:0 4px 14px #9dbdff33}
.more-tags-btn{background:#1b2230;color:#c1d3f2;border:1px solid #ffffff26}
.more-tags-btn:hover{background:#233750;color:#fff}
.link-item{background:#12161e;border:1px solid #ffffff1f;color:#e6e8ee;box-shadow:none}
.link-item:hover{background:#182030;border-color:#9dbdff66;color:#fff;box-shadow:0 12px 30px #0006}
.side-nav{background:#12161e;border-color:#ffffff14}
.side-nav-list li a{color:#c9d2e0}
.side-nav-list li a:hover{background:#1b2230;color:#fff}
.cta-button:hover{color:#0b0c0f!important}
.download-modal .auth-warning{background-color:#f3f4f6!important;color:#0b0c0f!important;box-shadow:0 6px 18px #0006!important}
.download-modal .auth-warning:hover{background-color:#fff!important;color:#0b0c0f!important;box-shadow:0 8px 22px #0008!important}
.download-modal .auth-warning:active{background-color:#dfe3ea!important}
.auth-warning a:link,.auth-warning a:visited{color:#9dbdff}
.close-modal-btn{color:#c9d2e0}

/* 3) 音效卡片配色（不改尺寸/布局） */
.sfx-card{background-color:#12161e;border-color:#ffffff1a;box-shadow:none}
.sfx-card:hover{border-color:#9dbdff4d;box-shadow:0 12px 30px #0006}
.sfx-title{color:#f2f3f5}
.sfx-tags .tag{background-color:#1b2230;color:#c9d2e0}
.sfx-tags .tag a,.tag-link-internal{color:#c9d2e0}
.sfx-tags .tag a:hover,.tag-link-internal:hover{color:#fff}
.sfx-waveform-container{background-color:#0e1219}
.playback-progress-overlay{background-color:#9dbdff38}
.listen-btn{background-color:#1b2230;border:1px solid #ffffff26;color:#e6e8ee}
.listen-btn:hover{background-color:#233750;border-color:#ffffff4d;color:#fff}
.listen-btn.playing,.listen-btn.playing:hover{background-color:#9dbdff;border-color:#9dbdff;color:#0b0c0f}
.download-btn{background-color:#f3f4f6;border:1px solid #f3f4f6;color:#0b0c0f}
.download-btn:hover{background-color:#fff;border-color:#fff;color:#0b0c0f}
a.download-btn:hover,a.listen-btn:hover{color:inherit}
a.download-btn,a.download-btn:hover{color:#0b0c0f}

/* 4) 用户中心（我的 / 我的音效 / 我的订单 / 资料 / 注册表单） */
.user-sidebar{background:#12161e;border:1px solid #ffffff1f}
.sidebar-menu li a{color:#b6c0d4;border-radius:8px}
.sidebar-menu li a:hover{color:#fff;background:#ffffff08}
.sidebar-menu li a.active{color:#fff;background:#1b2230}
.register-form{background-color:#12161e;border:1px solid #ffffff1f;box-shadow:0 20px 50px #0006}
.form-control,.form-control:focus{background-color:#0e1219;color:#fff;border:1px solid #ffffff26}
.form-control:focus{border-color:#9dbdff80;box-shadow:0 0 0 3px #9dbdff26}
.form-label{color:#b6c0d4}
.section-title{color:#f2f3f5}
.order-table th{background:#0e1219;color:#9eaac0}
.order-table th,.order-table td{border-color:#ffffff14}
.order-table td{color:#d7dde8}
.order-table tr:hover{background:#ffffff06}
.amount{color:#fbbf24}
.repay-btn{background:#fbbf241f;color:#fbbf24;border:1px solid #fbbf2455}
.repay-btn:hover{background:#fbbf2433;color:#fcd34d}
.sync-btn{background:#9dbdff1f;color:#9dbdff;border:1px solid #9dbdff55}
.sync-btn:hover{background:#9dbdff33}
.pagination-row a,.pagination-row span{background:#12161e;color:#b6c0d4;border:1px solid #ffffff1f}
.pagination-row a:hover{background:#1b2230;color:#fff}
.pagination-row .current{background:#9dbdff;color:#0b0c0f;border-color:#9dbdff}
.ac-code-text{color:#9dbdff}
.ac-toggle-btn:hover,.ac-copy-btn:hover{background:#1b2230}
.empty-tip{color:#8a8f9c}
/* 共享顶栏与页面内容之间留出间距（只加外边距，不改内容宽度/卡片网格） */
/* 不依赖 :has()（旧浏览器不支持会整条失效）：间距放在顶栏自身 */
header:has(.v2-chrome){margin-bottom:12px}
@media(max-width:599px){header:has(.v2-chrome){margin-bottom:8px}}