/* ============================================================
   ns-taste.css — 反「AI 感」重构层（最后加载，覆盖 glass/theme）
   设计取向：骨白/石色底 + 近黑墨 + 单一克制酒红点缀
   扁平表面、1px 分隔线取代投影、去玻璃拟态、去渐变辉光、统一小圆角
   ============================================================ */
:root {
    --t-bg: #f1efe9;
    --t-surface: #ffffff;
    --t-surface-2: #f6f4ee;
    --t-ink: #1b1a16;
    --t-muted: #6b6459;
    --t-rule: #e0dbd0;
    --t-rule-strong: #cbc3b4;
    --t-accent: #9c1c2c;
    --t-accent-ink: #ffffff;
    --t-r: 4px;
    --t-r-lg: 6px;

    /* 映射站点 token，令既有组件自动继承新皮 */
    --paper: var(--t-bg) !important;
    --bg: var(--t-bg) !important;
    --bg-soft: var(--t-surface-2) !important;
    --bg-gradient: none !important;
    --sheet: var(--t-surface) !important;
    --sheet-solid: var(--t-surface) !important;
    --card: var(--t-surface) !important;
    --ink: var(--t-ink) !important;
    --text: var(--t-ink) !important;
    --text-secondary: #4d473d !important;
    --text-muted: var(--t-muted) !important;
    --rule: var(--t-rule) !important;
    --rule-strong: var(--t-rule-strong) !important;
    --border: var(--t-rule) !important;
    --line: var(--t-rule) !important;
    --plate: var(--t-ink) !important;
    --plate-dark: #000000 !important;
    --primary: var(--t-ink) !important;
    --primary-dark: #000000 !important;
    --primary-light: var(--t-surface-2) !important;
    --stamp: var(--t-accent) !important;
    --stamp-hover: #7c1623 !important;
    --brand: var(--t-ink) !important;
    --brand-hover: #000000 !important;
    --brand-soft: rgba(27, 26, 22, 0.06) !important;
    --accent: var(--t-accent) !important;
    --danger: var(--t-accent) !important;
    --success: #1f7a4d !important;

    --shadow: none !important;
    --shadow-md: none !important;
    --shadow-lg: none !important;
    --focus-ring: 0 0 0 2px var(--t-bg), 0 0 0 3.5px var(--t-accent) !important;

    --radius: var(--t-r) !important;
    --radius-sm: var(--t-r) !important;
    --radius-lg: var(--t-r-lg) !important;
    --radius-pill: 999px !important;

    /* 关掉玻璃拟态变量 */
    --glass-bg: var(--t-surface) !important;
    --glass-bg-strong: var(--t-surface) !important;
    --glass-bg-weak: var(--t-surface-2) !important;
    --glass-border: var(--t-rule) !important;
    --glass-shadow: none !important;
    --glass-shadow-press: none !important;
    --glass-blur: 0px !important;
    --glass-sat: 100% !important;
    --glass-highlight: none !important;

    --font: "HarmonyOS Sans SC", "HarmonyOS Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;
    --font-display: var(--font);
}

/* 底色：平整石色，去径向渐变与氛围光 */
body,
body.theme-gallery,
body.ns-ink-stamp {
    background: var(--t-bg) !important;
    background-image: none !important;
    color: var(--t-ink) !important;
    font-size: 15px;
    letter-spacing: 0 !important;
    -webkit-font-smoothing: antialiased;
}

::selection { background: rgba(156, 28, 44, 0.16) !important; color: var(--t-ink) !important; }
a { color: var(--t-ink); }
a:hover { color: var(--t-accent); }

/* 头栏：不透明表面 + 1px 线，去毛玻璃 */
.header {
    background: var(--t-surface) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 1px solid var(--t-rule) !important;
    box-shadow: none !important;
}
.header .nav a { color: var(--t-muted) !important; border-radius: 0 !important; }
.header .nav a:hover { background: transparent !important; color: var(--t-ink) !important; }
.header .nav a.active { color: var(--t-ink) !important; box-shadow: inset 0 -2px 0 var(--t-accent) !important; }
.logo { letter-spacing: -0.01em !important; }

/* 通用卡片：1px 线、小圆角、无投影无玻璃 */
.card,
.resource-card,
.user-search-card,
.stat-card,
.home-ads-slide,
.detail-cover,
.admin-body .card,
.profile-menu-group,
.download-panel,
.stats-card,
.home-toolbar,
.home-ads-carousel {
    background: var(--t-surface) !important;
    border: 1px solid var(--t-rule) !important;
    border-radius: var(--t-r-lg) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* 按钮：扁平墨底/线框，去渐变辉光与弹簧 */
.btn {
    border-radius: var(--t-r) !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    transition: background-color .14s ease, border-color .14s ease, color .14s ease !important;
    transform: none !important;
}
.btn:active { transform: none !important; }
.btn-primary {
    background: var(--t-ink) !important;
    border: 1px solid var(--t-ink) !important;
    color: #fff !important;
}
.btn-primary:hover { background: #000 !important; border-color: #000 !important; }
.btn-outline {
    background: var(--t-surface) !important;
    border: 1px solid var(--t-rule-strong) !important;
    color: var(--t-ink) !important;
    box-shadow: none !important;
}
.btn-outline:hover { background: var(--t-surface-2) !important; border-color: var(--t-ink) !important; }
.btn-success { background: var(--success) !important; border-color: var(--success) !important; color: #fff !important; }
.btn-danger { background: var(--t-accent) !important; border-color: var(--t-accent) !important; color: #fff !important; }
.btn-ghost { background: transparent !important; border: 1px solid transparent !important; color: var(--t-muted) !important; }
.btn-ghost:hover { color: var(--t-ink) !important; border-color: var(--t-rule) !important; }

/* 输入框：线框表面，focus 用墨色描边 */
input[type="text"], input[type="email"], input[type="password"], input[type="number"],
input[type="search"], input[type="url"], input[type="tel"], textarea, select, .ns-select {
    border-radius: var(--t-r) !important;
    border: 1px solid var(--t-rule-strong) !important;
    background: var(--t-surface) !important;
    box-shadow: none !important;
}
input:focus, textarea:focus, select:focus {
    border-color: var(--t-ink) !important;
    box-shadow: 0 0 0 2px rgba(27, 26, 22, 0.12) !important;
    outline: none !important;
}

/* 搜索条：扁平 */
.search-bar {
    background: var(--t-surface) !important;
    border: 1px solid var(--t-rule-strong) !important;
    border-radius: var(--t-r) !important;
    box-shadow: none !important;
    overflow: hidden;
}
.search-bar button {
    background: var(--t-ink) !important;
    border-radius: 0 !important;
    color: #fff !important;
    font-weight: 600 !important;
}
.search-bar button:hover { background: #000 !important; }

/* 资源卡：线框替代投影，去上浮动画与 stagger */
.resource-grid > .resource-card,
.resource-card {
    animation: none !important;
    transition: border-color .14s ease !important;
    box-shadow: none !important;
}
.resource-card:hover {
    transform: none !important;
    border-color: var(--t-ink) !important;
    box-shadow: none !important;
}
.resource-cover { border-radius: 0 !important; }
.resource-title { color: var(--t-ink) !important; }
.resource-price-text { color: var(--t-ink) !important; font-variant-numeric: tabular-nums; }
.resource-type-badge,
.badge {
    border-radius: 999px !important;
    background: var(--t-surface-2) !important;
    color: var(--t-muted) !important;
    border: 1px solid var(--t-rule) !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

/* 首页筛选条 / 分段 / 官方定制胶囊：扁平描边 */
.home-official,
.home-custom-btn,
.home-seg-item,
.type-chip,
.ns-cat-nav-select,
.ns-sort-nav-select {
    background: var(--t-surface) !important;
    border: 1px solid var(--t-rule-strong) !important;
    color: var(--t-muted) !important;
    border-radius: var(--t-r) !important;
    box-shadow: none !important;
}
.home-official:hover,
.home-custom-btn:hover,
.home-seg-item:hover,
.type-chip:hover { color: var(--t-ink) !important; border-color: var(--t-ink) !important; background: var(--t-surface-2) !important; }
.home-official.is-active,
.home-seg-item.is-active,
.type-chip.is-active,
.page-btn.is-active {
    background: var(--t-ink) !important;
    border-color: var(--t-ink) !important;
    color: #fff !important;
}

/* 分页 */
.page-btn {
    border-radius: var(--t-r) !important;
    box-shadow: none !important;
}

/* 页脚：墨色平整，去渐变 */
.footer {
    background: var(--t-ink) !important;
    color: #b4aea3 !important;
    border-top: 1px solid var(--t-ink) !important;
}
.footer a, .footer a:hover { color: #efeae1 !important; }

/* 个人中心菜单行 / 详情：去玻璃与阴影 */
.profile-menu-row { border-radius: var(--t-r) !important; }
.profile-menu-row:hover { background: var(--t-surface-2) !important; }
.detail-buy-sticky {
    background: var(--t-surface) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-top: 1px solid var(--t-rule) !important;
}
.btn-primary.detail-btn-main,
.btn-primary.detail-btn-act,
.btn-primary.detail-buy-sticky-cta {
    background: var(--t-ink) !important;
    border-radius: var(--t-r) !important;
    color: #fff !important;
}
.btn-outline.detail-btn-main,
.btn-outline.detail-btn-act,
.btn-outline.detail-btn-sub,
.btn-outline.detail-buy-sticky-cta {
    background: var(--t-surface) !important;
    color: var(--t-ink) !important;
    border: 1px solid var(--t-rule-strong) !important;
    border-radius: var(--t-r) !important;
    box-shadow: none !important;
}

/* 底部 Dock / 移动底栏：去玻璃 */
#nsWebDock.ns-web-dock,
.ns-web-dock,
.mobile-bottom-nav,
.mbn-liquid {
    background: var(--t-surface) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 -1px 0 var(--t-rule) !important;
}
.mbn-item.active .mbn-icon { background: rgba(156, 28, 44, 0.10) !important; color: var(--t-accent) !important; }

/* 头像：圆形 */
.avatar { border-radius: 999px !important; }

/* 标题层级：收敛字号、去过度字距 */
.card-title { font-weight: 700 !important; letter-spacing: -0.01em !important; }
.home-section-title { font-weight: 700 !important; }

/* 进度条（实名）配色沿用 */
.rn-progress-bar { background: var(--t-ink) !important; }

/* 去全局 stagger 入场 */
.animate-in,
.home-top, .home-toolbar, .stats-card, .profile-menu-group { animation: none !important; }

/* 低对比灰按钮文字与链接的 underline 细节 */
a { text-underline-offset: 0.18em; }

/* —— 底部 Dock：去彩虹渐变/玻璃/流光，改为素净悬浮条 —— */
#nsWebDock.ns-web-dock {
    background: var(--t-surface) !important;
    border: 1px solid var(--t-rule-strong) !important;
    box-shadow: 0 6px 20px rgba(20, 18, 14, 0.10) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
#nsWebDock.ns-web-dock::before { display: none !important; background: none !important; }
.ns-web-dock__glass,
.ns-web-dock__shine { display: none !important; }
.ns-web-dock__bubble {
    background: var(--t-ink) !important;
    border: none !important;
    box-shadow: none !important;
}
.ns-web-dock__bubble::after,
.ns-web-dock__bubble::before { display: none !important; }
.ns-web-dock__item.is-on .ns-web-dock__txt { color: var(--t-surface) !important; }
.ns-web-dock__item.is-on .ns-web-dock__ico { color: var(--t-surface) !important; }
.ns-web-dock__txt { color: var(--t-muted) !important; }
.ns-web-dock__ico { color: var(--t-muted) !important; }

/* —— 顶部导航 / 搜索区域的边线统一 —— */
.home-top .search-bar { box-shadow: none !important; }

/* 去掉头栏彩虹流光边线与一切光纤描边 */
.header::after,
.mobile-bottom-nav::after {
    display: none !important;
    content: none !important;
    background: none !important;
    animation: none !important;
}

