﻿/**
 * 花魁（huakui）主題覆寫
 * 漆黑夜宴 × 臙脂金箔 — 套用於 html.fate-theme-huakui
 * 黑：近純漆黑；金：乾淨金箔黃（少橘粉）
 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Shippori+Mincho:wght@500;600;700&family=Yuji+Boku&display=swap");

html.fate-theme-huakui,
body.fate-theme-huakui {
    /* 漆黑：近純黑、微暖底，避免發灰發紫 */
    --hk-ink: #050405;
    --hk-ink-lift: #0c0a0b;
    --hk-panel: #141112;
    --hk-carmine: #b84d5c;
    --hk-carmine-deep: #7a2432;
    /* 金箔黃：少橘粉、偏乾淨金黃 */
    --hk-gold: #c9ae52;
    --hk-gold-bright: #e2cb78;
    --hk-gold-soft: rgba(201, 174, 82, 0.18);
    --hk-pearl: #ebe6dc;
    --hk-muted: #8a8378;
    --hk-border: rgba(201, 174, 82, 0.14);
    --hk-border-soft: rgba(235, 230, 220, 0.06);

    --bg: var(--hk-ink);
    --bg2: var(--hk-ink-lift);
    --fg: var(--hk-pearl);
    --muted: var(--hk-muted);
    --accent: var(--hk-gold);
    --accent2: var(--hk-carmine);
    --ok: #8fbf8a;
    --line: var(--hk-border-soft);
    --card: rgba(235, 230, 220, 0.03);
    --radius: 0;
    --radius-lg: 0;
    --shadow-sm: 0 1px 0 rgba(201, 174, 82, 0.05) inset, 0 12px 40px rgba(0, 0, 0, 0.55);
    --shadow-panel: 0 14px 42px rgba(0, 0, 0, 0.58);
    --fate-topbar-sticky-offset: 2.55rem;
}

html.fate-theme-huakui body,
body.fate-theme-huakui.forum-body {
    font-family: "Noto Sans TC", "Segoe UI", system-ui, sans-serif;
    background:
        radial-gradient(900px 480px at 92% -6%, rgba(184, 77, 92, 0.1), transparent 55%),
        radial-gradient(720px 420px at -6% 30%, rgba(201, 174, 82, 0.07), transparent 50%),
        linear-gradient(180deg, #080608 0%, var(--hk-ink) 42%, #020102 100%);
    color: var(--fg);
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
}

html.fate-theme-huakui body::before,
body.fate-theme-huakui.forum-body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.035;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cpath fill='none' stroke='%23c9ae52' stroke-width='1' d='M36 4 L68 36 L36 68 L4 36 Z M36 16 L56 36 L36 56 L16 36 Z'/%3E%3C/svg%3E");
    background-size: 72px 72px;
}

html.fate-theme-huakui .topbar,
html.fate-theme-huakui .layout-shell,
html.fate-theme-huakui .fate-site-footer,
body.fate-theme-huakui .topbar,
body.fate-theme-huakui .layout-shell,
body.fate-theme-huakui .fate-site-footer {
    position: relative;
    z-index: 1;
}

/* ── 頂欄 ── */
html.fate-theme-huakui .topbar,
body.fate-theme-huakui .topbar {
    background: rgba(5, 4, 5, 0.92);
    border-bottom: 1px solid var(--hk-border);
    backdrop-filter: blur(14px);
}

html.fate-theme-huakui .topbar-inner,
body.fate-theme-huakui .topbar-inner {
    max-width: 72rem;
    padding: 0.7rem 1.2rem;
}

html.fate-theme-huakui .brand,
body.fate-theme-huakui .brand {
    font-family: "Yuji Boku", "Segoe Script", cursive;
    font-weight: 400;
    letter-spacing: 0.01em;
    font-size: 1.55rem;
    line-height: 1;
    color: var(--hk-pearl);
    display: inline-flex;
    align-items: flex-end;
    gap: 0.45rem;
    text-decoration: none;
}

html.fate-theme-huakui .brand__calligraphy,
body.fate-theme-huakui .brand__calligraphy {
    display: inline-flex;
    align-items: flex-end;
    line-height: 0;
    color: inherit;
    align-self: flex-end;
}

html.fate-theme-huakui .brand__calligraphy-svg,
body.fate-theme-huakui .brand__calligraphy-svg {
    display: block;
    height: 1.705em;
    width: auto;
    max-width: min(12.1rem, 52vw);
    overflow: visible;
}

html.fate-theme-huakui .brand__sr-only,
body.fate-theme-huakui .brand__sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

html.fate-theme-huakui .brand > span:not(.brand__calligraphy):not(.brand__sr-only),
body.fate-theme-huakui .brand > span:not(.brand__calligraphy):not(.brand__sr-only) {
    font-family: "Noto Sans TC", "Segoe UI", system-ui, sans-serif;
    color: var(--hk-gold);
    font-weight: 500;
    letter-spacing: 0.1em;
    font-size: 0.55em;
    line-height: 1;
    opacity: 0.92;
    align-self: flex-end;
    vertical-align: bottom;
}

/* sr-only 不是副標，不要套金色小字樣式 */
html.fate-theme-huakui .brand > .brand__sr-only,
body.fate-theme-huakui .brand > .brand__sr-only {
    font-size: 1px;
    letter-spacing: normal;
    opacity: 1;
    color: inherit;
}

html.fate-theme-huakui .topbar nav a,
body.fate-theme-huakui .topbar nav a {
    color: var(--hk-muted);
    text-decoration: none;
    transition: color 0.2s ease;
}

html.fate-theme-huakui .topbar nav a:hover,
html.fate-theme-huakui .topbar nav a.is-active,
body.fate-theme-huakui .topbar nav a:hover,
body.fate-theme-huakui .topbar nav a.is-active {
    color: var(--hk-gold);
}

html.fate-theme-huakui .topbar nav a.is-active,
body.fate-theme-huakui .topbar nav a.is-active {
    font-weight: 600;
    border-bottom: 1px solid var(--hk-gold-soft);
}

/* ── 版面 ── */
html.fate-theme-huakui .layout-shell,
body.fate-theme-huakui .layout-shell {
    max-width: 72rem;
}

/* ── 卡片／面板 ── */
html.fate-theme-huakui .sidebar-card,
html.fate-theme-huakui .hero,
html.fate-theme-huakui .store-panel,
html.fate-theme-huakui .store-card-fate,
html.fate-theme-huakui .fate-weekly-slider,
html.fate-theme-huakui .fate-weekly-hero,
html.fate-theme-huakui .card,
html.fate-theme-huakui .member-profile-panel,
html.fate-theme-huakui .toolbar,
body.fate-theme-huakui .sidebar-card {
    background: linear-gradient(165deg, rgba(20, 17, 18, 0.97), rgba(8, 6, 7, 0.99));
    border: 1px solid var(--hk-border);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
}

html.fate-theme-huakui .card {
    overflow: hidden;
    transition: border-color 0.2s ease, transform 0.25s ease;
}

html.fate-theme-huakui .card:hover {
    border-color: rgba(201, 174, 82, 0.42);
    transform: translateY(-2px);
}

html.fate-theme-huakui .card-body h2 a:hover {
    color: var(--hk-gold);
}

html.fate-theme-huakui .hero {
    padding: 1.15rem 1.2rem;
    margin-bottom: 0.95rem;
    overflow: visible;
    border-left: 3px solid var(--hk-carmine);
}

html.fate-theme-huakui .hero h1,
html.fate-theme-huakui .store-card-fate__title,
html.fate-theme-huakui .member-profile-head h1 {
    font-family: "Shippori Mincho", "Noto Serif TC", serif;
    font-weight: 600;
    letter-spacing: 0.08em;
}

html.fate-theme-huakui .hero p.lead {
    color: var(--muted);
    font-size: 0.9rem;
}

html.fate-theme-huakui .fate-search-summary {
    border: 1px solid var(--hk-border);
    border-radius: var(--radius);
    background: var(--hk-panel);
    padding: 0.65rem 0.75rem;
    margin-bottom: 0.75rem;
}

html.fate-theme-huakui .fate-search-summary--fuzzy {
    border-color: rgba(201, 174, 82, 0.45);
    background: rgba(201, 174, 82, 0.08);
}

html.fate-theme-huakui .fate-search-summary--fuzzy .fate-search-summary__title,
html.fate-theme-huakui .fate-search-summary__badge,
html.fate-theme-huakui .fate-search-fuzzy-label strong {
    color: var(--hk-gold);
}

html.fate-theme-huakui .text-accent-link,
html.fate-theme-huakui a:not([class]) {
    color: var(--hk-gold);
}

html.fate-theme-huakui .text-accent-link:hover {
    color: var(--hk-gold-bright);
}

/* theme section */
html.fate-theme-huakui .sidebar-title {
    font-family: "Shippori Mincho", "Noto Serif TC", serif;
    font-size: 0.88rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    color: var(--hk-gold);
    border-bottom: 1px solid var(--hk-border);
    padding-bottom: 0.5rem;
    margin-bottom: 0.7rem;
    text-transform: none;
}

html.fate-theme-huakui .sidebar-btn,
html.fate-theme-huakui .sidebar-submit,
html.fate-theme-huakui .btn-link,
html.fate-theme-huakui .store-toolbar .btn-link {
    background: rgba(201, 174, 82, 0.08);
    border: 1px solid var(--hk-border);
    color: var(--hk-pearl);
    border-radius: 0;
    font-weight: 500;
}

html.fate-theme-huakui .sidebar-btn:hover,
html.fate-theme-huakui .sidebar-submit:hover,
html.fate-theme-huakui .btn-link:hover {
    background: rgba(201, 174, 82, 0.16);
    border-color: rgba(201, 174, 82, 0.4);
    color: var(--hk-gold);
}

html.fate-theme-huakui .sidebar-btn--ghost {
    background: transparent;
    color: var(--muted);
}

html.fate-theme-huakui .sidebar-search,
html.fate-theme-huakui select,
html.fate-theme-huakui input[type="search"],
html.fate-theme-huakui input[type="text"],
html.fate-theme-huakui input[type="email"],
html.fate-theme-huakui input[type="password"],
html.fate-theme-huakui input[type="number"],
html.fate-theme-huakui textarea {
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid var(--hk-border);
    color: var(--fg);
    border-radius: 0;
}

html.fate-theme-huakui .fate-weekly-slider__nav {
    border: 1px solid rgba(201, 174, 82, 0.35);
    background: rgba(16, 12, 16, 0.55);
    color: var(--hk-pearl);
}

html.fate-theme-huakui .fate-weekly-slider__viewport {
    border-color: var(--hk-border);
}

html.fate-theme-huakui .fate-weekly-slider__badge,
html.fate-theme-huakui .fate-weekly-slider__rank,
html.fate-theme-huakui .fate-weekly-hero__badge,
html.fate-theme-huakui .fate-weekly-hero__rank {
    border-radius: 0;
    background: rgba(184, 77, 92, 0.85);
    color: #fff;
}

/* theme section */
html.fate-theme-huakui .store-card-fate__cover--empty {
    background: var(--hk-panel);
    color: var(--muted);
}

html.fate-theme-huakui .masseur-tabs__btn {
    border-radius: 0;
    border: 1px solid var(--hk-border);
    border-bottom: none;
    background: var(--hk-ink-lift);
    color: var(--muted);
}

html.fate-theme-huakui .masseur-tabs__btn.is-active {
    background: var(--hk-panel);
    color: var(--hk-gold);
    font-weight: 600;
    border-bottom: 1px solid var(--hk-panel);
    margin-bottom: -1px;
}

html.fate-theme-huakui .masseur-card {
    border: 1px solid var(--hk-border-soft);
    border-radius: var(--radius);
    background: rgba(0, 0, 0, 0.2);
}

html.fate-theme-huakui .masseur-btn,
body.fate-theme-huakui .masseur-btn {
    background: rgba(201, 174, 82, 0.08);
    border: 1px solid var(--hk-border);
    color: var(--fg);
    border-radius: 0;
}

html.fate-theme-huakui .masseur-btn:hover,
body.fate-theme-huakui .masseur-btn:hover {
    background: rgba(201, 174, 82, 0.16);
    border-color: rgba(201, 174, 82, 0.4);
}

html.fate-theme-huakui .masseur-btn--primary,
body.fate-theme-huakui .masseur-btn--primary {
    background: var(--hk-carmine-deep);
    border-color: var(--hk-carmine);
    color: #fff;
}

html.fate-theme-huakui .masseur-btn--primary:hover,
body.fate-theme-huakui .masseur-btn--primary:hover {
    background: var(--hk-carmine);
    border-color: var(--hk-carmine);
}

html.fate-theme-huakui .masseur-btn--danger,
body.fate-theme-huakui .masseur-btn--danger {
    color: #e8a0a8;
    border-color: rgba(184, 77, 92, 0.45);
    background: rgba(184, 77, 92, 0.12);
}

html.fate-theme-huakui .masseur-field label,
html.fate-theme-huakui .masseur-hint,
html.fate-theme-huakui .masseur-note,
html.fate-theme-huakui .masseur-empty,
html.fate-theme-huakui .masseur-review-empty,
html.fate-theme-huakui .masseur-formal-locked,
html.fate-theme-huakui .masseur-edit-summary,
html.fate-theme-huakui .masseur-reviews-summary,
html.fate-theme-huakui .masseur-tags__help-summary,
body.fate-theme-huakui .masseur-field label,
body.fate-theme-huakui .masseur-hint,
body.fate-theme-huakui .masseur-note,
body.fate-theme-huakui .masseur-empty,
body.fate-theme-huakui .masseur-review-empty,
body.fate-theme-huakui .masseur-formal-locked,
body.fate-theme-huakui .masseur-edit-summary,
body.fate-theme-huakui .masseur-reviews-summary,
body.fate-theme-huakui .masseur-tags__help-summary {
    color: var(--muted);
}

html.fate-theme-huakui details.masseur-edit-fold[open] > .masseur-edit-summary,
html.fate-theme-huakui .masseur-create-summary,
body.fate-theme-huakui details.masseur-edit-fold[open] > .masseur-edit-summary,
body.fate-theme-huakui .masseur-create-summary {
    color: var(--hk-gold);
}

html.fate-theme-huakui .masseur-field input[type="text"],
html.fate-theme-huakui .masseur-field select,
html.fate-theme-huakui .masseur-field input[type="number"],
html.fate-theme-huakui .masseur-review-form textarea,
html.fate-theme-huakui .masseur-create-form textarea,
html.fate-theme-huakui .masseur-edit-form textarea,
body.fate-theme-huakui .masseur-field input[type="text"],
body.fate-theme-huakui .masseur-field select,
body.fate-theme-huakui .masseur-field input[type="number"],
body.fate-theme-huakui .masseur-review-form textarea,
body.fate-theme-huakui .masseur-create-form textarea,
body.fate-theme-huakui .masseur-edit-form textarea {
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid var(--hk-border);
    color: var(--fg);
    border-radius: 0;
}

html.fate-theme-huakui .masseur-create,
body.fate-theme-huakui .masseur-create {
    background: var(--hk-ink-lift);
    border-color: var(--hk-border);
}

html.fate-theme-huakui .masseur-row,
body.fate-theme-huakui .masseur-row {
    background: rgba(0, 0, 0, 0.18);
    border-color: var(--hk-border-soft);
}

html.fate-theme-huakui .masseur-flash--ok,
body.fate-theme-huakui .masseur-flash--ok {
    color: #b8dfb4;
    background: rgba(143, 191, 138, 0.12);
    border-color: rgba(143, 191, 138, 0.35);
}

html.fate-theme-huakui .masseur-flash--bad,
body.fate-theme-huakui .masseur-flash--bad {
    color: #f0b4ba;
    background: rgba(184, 77, 92, 0.14);
    border-color: rgba(184, 77, 92, 0.4);
}

html.fate-theme-huakui .masseur-vote-btn,
html.fate-theme-huakui .masseur-favorite-btn,
body.fate-theme-huakui .masseur-vote-btn,
body.fate-theme-huakui .masseur-favorite-btn {
    background: rgba(201, 174, 82, 0.06);
    border: 1px solid var(--hk-border);
    color: var(--hk-pearl);
}

html.fate-theme-huakui .masseur-vote-btn.is-active,
html.fate-theme-huakui .masseur-favorite-btn.is-active,
body.fate-theme-huakui .masseur-vote-btn.is-active,
body.fate-theme-huakui .masseur-favorite-btn.is-active {
    border-color: var(--hk-carmine);
    background: rgba(184, 77, 92, 0.18);
    color: #f0c0c6;
}

html.fate-theme-huakui .masseur-tag,
body.fate-theme-huakui .masseur-tag {
    background: var(--hk-ink-lift);
    border-color: var(--hk-border-soft);
    color: var(--fg);
}

html.fate-theme-huakui .masseur-tag.is-active,
body.fate-theme-huakui .masseur-tag.is-active {
    border-color: var(--hk-gold);
    background: rgba(201, 174, 82, 0.14);
    color: var(--hk-gold);
}

html.fate-theme-huakui .masseur-tag__n,
body.fate-theme-huakui .masseur-tag__n {
    color: var(--muted);
}

html.fate-theme-huakui .masseur-tag.is-active .masseur-tag__n,
body.fate-theme-huakui .masseur-tag.is-active .masseur-tag__n {
    color: var(--hk-gold);
}

html.fate-theme-huakui .masseur-tags__more-summary,
body.fate-theme-huakui .masseur-tags__more-summary {
    background: var(--hk-ink-lift);
    border-color: var(--hk-border);
    color: var(--hk-gold);
}

html.fate-theme-huakui .masseur-profile-stats__item,
body.fate-theme-huakui .masseur-profile-stats__item {
    border-color: var(--hk-border-soft);
    background: var(--hk-ink-lift);
}

html.fate-theme-huakui .crowd-report-tag,
body.fate-theme-huakui .crowd-report-tag {
    border-color: var(--hk-border);
    background: var(--hk-ink-lift);
    color: var(--muted);
    border-radius: 0;
}

html.fate-theme-huakui .crowd-report-tag.is-active,
body.fate-theme-huakui .crowd-report-tag.is-active {
    border-color: var(--hk-gold);
    background: rgba(201, 174, 82, 0.12);
    color: var(--hk-gold);
}

html.fate-theme-huakui .store-btn--primary,
body.fate-theme-huakui .store-btn--primary {
    background: rgba(184, 77, 92, 0.14);
    border-color: rgba(184, 77, 92, 0.4);
    color: #f0c0c6;
}

html.fate-theme-huakui .store-btn--primary:hover,
body.fate-theme-huakui .store-btn--primary:hover {
    background: rgba(184, 77, 92, 0.22);
}

/* theme section */
html.fate-theme-huakui code.inline {
    background: rgba(201, 174, 82, 0.1);
    color: var(--hk-gold);
}

html.fate-theme-huakui .store-bc,
html.fate-theme-huakui .member-profile-head .sub,
html.fate-theme-huakui .member-profile-hint,
html.fate-theme-huakui .member-profile-meta,
html.fate-theme-huakui .member-profile-meta-block,
html.fate-theme-huakui .member-profile-ncoin__label,
html.fate-theme-huakui .member-profile-empty,
html.fate-theme-huakui .member-profile-label {
    color: var(--muted);
}

html.fate-theme-huakui .member-profile-msg--warn {
    color: var(--hk-gold-bright);
    background: rgba(201, 174, 82, 0.1);
    border-color: rgba(201, 174, 82, 0.35);
}

html.fate-theme-huakui .member-profile-msg--ok {
    color: #b8dfb4;
    background: rgba(143, 191, 138, 0.12);
    border-color: rgba(143, 191, 138, 0.35);
}

html.fate-theme-huakui .member-profile-msg--bad {
    color: #f0b4ba;
    background: rgba(184, 77, 92, 0.14);
    border-color: rgba(184, 77, 92, 0.4);
}

html.fate-theme-huakui .member-profile-email-block--warn,
html.fate-theme-huakui .member-profile-card--warn {
    background: rgba(201, 174, 82, 0.08);
    border-color: rgba(201, 174, 82, 0.35);
    color: var(--fg);
}

html.fate-theme-huakui .member-profile-transfer-warn {
    background: rgba(184, 77, 92, 0.12);
    color: #f0b4ba;
    border-color: rgba(184, 77, 92, 0.4);
}

html.fate-theme-huakui .member-profile-tabs__btn {
    border: 1px solid var(--hk-border);
    border-radius: 0;
    background: var(--hk-ink-lift);
    color: var(--muted);
}

html.fate-theme-huakui .member-profile-tabs__btn:hover {
    color: var(--fg);
    background: var(--hk-panel);
}

html.fate-theme-huakui .member-profile-tabs__btn.is-active {
    background: rgba(201, 174, 82, 0.12);
    border-color: var(--hk-gold);
    color: var(--hk-gold);
    font-weight: 700;
}

html.fate-theme-huakui .member-profile-tabs__badge {
    background: rgba(184, 77, 92, 0.2);
    color: #f0c0c6;
}

html.fate-theme-huakui .member-profile-stores-kind {
    background: var(--hk-ink-lift);
    color: var(--muted);
}

html.fate-theme-huakui .member-profile-stores-kind--mobile {
    background: rgba(184, 77, 92, 0.16);
    color: #f0c0c6;
}

html.fate-theme-huakui .member-profile-input {
    background: rgba(0, 0, 0, 0.28);
    border-color: var(--hk-border);
    color: var(--fg);
}

html.fate-theme-huakui .member-profile-btn {
    background: rgba(201, 174, 82, 0.08);
    border: 1px solid var(--hk-border);
    color: var(--fg);
}

html.fate-theme-huakui .member-profile-btn:hover {
    background: rgba(201, 174, 82, 0.16);
    border-color: rgba(201, 174, 82, 0.4);
}

html.fate-theme-huakui .member-profile-btn--primary {
    background: var(--hk-carmine-deep);
    border-color: var(--hk-carmine);
    color: #fff;
}

html.fate-theme-huakui .member-profile-btn--primary:hover {
    background: var(--hk-carmine);
}

html.fate-theme-huakui .member-profile-btn--ghost {
    background: transparent;
}

html.fate-theme-huakui .member-fav-card,
html.fate-theme-huakui .member-thread-fav-card {
    background: rgba(0, 0, 0, 0.18);
    border-color: var(--hk-border);
}

html.fate-theme-huakui .member-fav-card__meta,
html.fate-theme-huakui .member-fav-public-link,
html.fate-theme-huakui .member-thread-fav-card__meta {
    color: var(--muted);
}

html.fate-theme-huakui .home-listing-nav,
body.fate-theme-huakui .home-listing-nav {
    gap: 0;
    margin: 0 0 0.85rem;
    padding: 0;
    border-bottom: 1px solid var(--hk-border);
}

html.fate-theme-huakui .home-listing-nav__btn,
body.fate-theme-huakui .home-listing-nav__btn {
    flex: 1 1 50%;
    justify-content: center;
    padding: 0.62rem 0.85rem;
    border: 1px solid transparent;
    border-radius: 0;
    border-bottom: none;
    background: var(--hk-ink-lift);
    color: var(--muted);
    font-size: 0.88rem;
    margin-bottom: -1px;
}

html.fate-theme-huakui .home-listing-nav__btn:hover,
body.fate-theme-huakui .home-listing-nav__btn:hover {
    color: var(--fg);
    background: var(--hk-panel);
}

html.fate-theme-huakui .home-listing-nav__btn.is-active,
body.fate-theme-huakui .home-listing-nav__btn.is-active {
    background: linear-gradient(165deg, rgba(20, 17, 18, 0.97), rgba(8, 6, 7, 0.99));
    color: var(--hk-gold);
    border-color: var(--hk-border);
    border-bottom: 1px solid var(--hk-panel);
    font-weight: 700;
}

html.fate-theme-huakui .badge-rating,
body.fate-theme-huakui .badge-rating {
    background: rgba(16, 12, 16, 0.85);
    color: var(--hk-pearl);
    border-color: var(--hk-border);
}

html.fate-theme-huakui .card-rating-row__score,
body.fate-theme-huakui .card-rating-row__score {
    color: var(--hk-gold);
}

html.fate-theme-huakui .card-rating-row__brand,
body.fate-theme-huakui .card-rating-row__brand {
    color: var(--hk-gold);
    border-color: rgba(201, 174, 82, 0.35);
    background: rgba(201, 174, 82, 0.1);
}

html.fate-theme-huakui .card-rating-row__cnt,
body.fate-theme-huakui .card-rating-row__cnt {
    color: var(--muted);
}

/* theme section */
html.fate-theme-huakui .fate-site-footer,
body.fate-theme-huakui .fate-site-footer {
    background: rgba(12, 9, 12, 0.92);
    border-top-color: var(--hk-border);
    color: var(--muted);
}

html.fate-theme-huakui .fate-site-footer a,
body.fate-theme-huakui .fate-site-footer a {
    color: var(--hk-gold);
}

/* theme section */
html.fate-theme-huakui .pager a,
html.fate-theme-huakui .store-pager a {
    border: 1px solid var(--hk-border);
    background: rgba(0, 0, 0, 0.22);
    color: var(--hk-gold);
    border-radius: 0;
}

html.fate-theme-huakui .pager a:hover {
    background: rgba(201, 174, 82, 0.12);
}

/* BLOG */
html.fate-theme-huakui body.fate-body--blog > .layout-shell.layout-shell--blog,
body.fate-theme-huakui.fate-body--blog > .layout-shell.layout-shell--blog {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

html.fate-theme-huakui .blog-post-article,
body.fate-theme-huakui .blog-post-article {
    color: var(--fg);
}

html.fate-theme-huakui .blog-post-article__card,
html.fate-theme-huakui .blog-card,
body.fate-theme-huakui .blog-post-article__card,
body.fate-theme-huakui .blog-card {
    background: linear-gradient(165deg, rgba(20, 17, 18, 0.97), rgba(8, 6, 7, 0.99));
    border-color: var(--hk-border);
}

html.fate-theme-huakui .blog-post-article__body,
body.fate-theme-huakui .blog-post-article__body {
    color: var(--hk-pearl);
    border-top-color: var(--hk-border-soft);
}

html.fate-theme-huakui .blog-post-article__back,
html.fate-theme-huakui .blog-cats__link,
body.fate-theme-huakui .blog-post-article__back,
body.fate-theme-huakui .blog-cats__link {
    color: var(--hk-gold);
}

html.fate-theme-huakui .blog-post-article__badge--cat,
body.fate-theme-huakui .blog-post-article__badge--cat {
    background: rgba(184, 77, 92, 0.16);
    color: #f0c0c6;
    border-color: rgba(184, 77, 92, 0.35);
}

html.fate-theme-huakui .blog-compose,
body.fate-theme-huakui .blog-compose {
    background: rgba(201, 174, 82, 0.06);
    border-color: var(--hk-border);
}

html.fate-theme-huakui .blog-field input[type="text"],
html.fate-theme-huakui .blog-field select,
html.fate-theme-huakui .blog-field textarea.blog-editor-field,
body.fate-theme-huakui .blog-field input[type="text"],
body.fate-theme-huakui .blog-field select,
body.fate-theme-huakui .blog-field textarea.blog-editor-field {
    background: rgba(0, 0, 0, 0.28);
    border-color: var(--hk-border);
    color: var(--fg);
}

html.fate-theme-huakui .blog-btn,
body.fate-theme-huakui .blog-btn {
    color: var(--hk-gold);
    border-color: rgba(201, 174, 82, 0.4);
    background: rgba(201, 174, 82, 0.1);
}

html.fate-theme-huakui .sidebar-announce-list__link:hover,
body.fate-theme-huakui .sidebar-announce-list__link:hover {
    background: rgba(201, 174, 82, 0.1);
    color: var(--hk-gold);
}

/* theme section */
@media (max-width: 767px) {
    html.fate-theme-huakui .member-profile-tabs__btn.is-active {
        background: rgba(201, 174, 82, 0.14);
        border-color: rgba(201, 174, 82, 0.4);
        color: var(--hk-gold);
    }

    html.fate-theme-huakui .member-profile-stores-table tr,
    html.fate-theme-huakui .member-profile-ncoin-hist tr {
        background: rgba(0, 0, 0, 0.18);
        border-color: var(--hk-border);
    }
}

@media (max-width: 720px) {
    html.fate-theme-huakui,
    body.fate-theme-huakui {
        --fate-topbar-sticky-offset: 4.65rem;
    }

    html.fate-theme-huakui .topbar-inner,
    body.fate-theme-huakui .topbar-inner {
        padding: 0.45rem 0.65rem;
    }

    html.fate-theme-huakui .brand,
    body.fate-theme-huakui .brand {
        font-size: 1.28rem;
        letter-spacing: 0;
        flex: 1 1 auto;
        min-width: 0;
    }

    html.fate-theme-huakui .brand__calligraphy-svg,
    body.fate-theme-huakui .brand__calligraphy-svg {
        height: 1.35em;
        max-width: min(8.5rem, 50vw);
    }

    html.fate-theme-huakui .topbar nav,
    body.fate-theme-huakui .topbar nav {
        order: 3;
        flex: 1 0 100%;
        margin-left: 0;
        padding-top: 0.35rem;
        border-top: 1px solid var(--hk-border-soft);
        gap: 0.35rem 0.65rem;
    }

    html.fate-theme-huakui .layout-shell,
    body.fate-theme-huakui .layout-shell {
        padding: 0 0.55rem;
    }

    html.fate-theme-huakui .card-visual {
        min-height: 0;
        aspect-ratio: 16 / 3.9;
    }
}

/* ── 全站直角高級感（僅前台花魁；後台不受影響）──
 * 覆寫基礎 CSS 寫死的圓角。頭像／圓形媒體維持 round。
 */
html.fate-theme-huakui .card,
html.fate-theme-huakui .sidebar-card,
html.fate-theme-huakui .hero,
html.fate-theme-huakui .toolbar,
html.fate-theme-huakui .member-profile-panel,
html.fate-theme-huakui .fate-weekly-slider,
html.fate-theme-huakui .fate-weekly-hero,
html.fate-theme-huakui .fate-latest-store,
html.fate-theme-huakui .fate-featured-card,
html.fate-theme-huakui .fate-home-tabs,
html.fate-theme-huakui .fate-home-tabs__panel,
html.fate-theme-huakui .fate-search-summary,
html.fate-theme-huakui .empty,
html.fate-theme-huakui .pager a,
html.fate-theme-huakui .pager .disabled,
html.fate-theme-huakui .pager .cur,
html.fate-theme-huakui .sidebar-btn,
html.fate-theme-huakui .sidebar-search,
html.fate-theme-huakui .sidebar-submit,
html.fate-theme-huakui .btn-link,
html.fate-theme-huakui button:not(.fate-mobile-dock__link):not(.fate-mobile-dock__profile):not(.fate-home-tabs__tab),
html.fate-theme-huakui .btn,
html.fate-theme-huakui input:not([type="checkbox"]):not([type="radio"]),
html.fate-theme-huakui select,
html.fate-theme-huakui textarea,
html.fate-theme-huakui .store-listing-badge,
html.fate-theme-huakui .badge-rating,
html.fate-theme-huakui .fate-latest-store__kind,
html.fate-theme-huakui .fate-featured-card__badge,
html.fate-theme-huakui .fate-featured-card__board,
html.fate-theme-huakui .sidebar-hot-stores__thumb,
html.fate-theme-huakui .sidebar-weekly-tabs__tab,
html.fate-theme-huakui .community-rank-tabs,
html.fate-theme-huakui .community-rank-tabs__tab.is-active::after,
html.fate-theme-huakui .sidebar-search-tabs,
html.fate-theme-huakui .fate-mobile-search-tabs,
html.fate-theme-huakui .fate-mobile-bar__sheet,
html.fate-theme-huakui .fate-mobile-bar__sheet-close,
html.fate-theme-huakui .fate-mobile-dock,
body.fate-theme-huakui .card,
body.fate-theme-huakui .sidebar-card,
body.fate-theme-huakui .hero,
body.fate-theme-huakui .toolbar,
body.fate-theme-huakui .member-profile-panel,
body.fate-theme-huakui .fate-weekly-slider,
body.fate-theme-huakui .fate-weekly-hero,
body.fate-theme-huakui .fate-latest-store,
body.fate-theme-huakui .fate-featured-card,
body.fate-theme-huakui .fate-home-tabs,
body.fate-theme-huakui .fate-home-tabs__panel,
body.fate-theme-huakui .fate-search-summary,
body.fate-theme-huakui .empty,
body.fate-theme-huakui .pager a,
body.fate-theme-huakui .pager .disabled,
body.fate-theme-huakui .pager .cur,
body.fate-theme-huakui .sidebar-btn,
body.fate-theme-huakui .sidebar-search,
body.fate-theme-huakui .sidebar-submit,
body.fate-theme-huakui .btn,
body.fate-theme-huakui input:not([type="checkbox"]):not([type="radio"]),
body.fate-theme-huakui select,
body.fate-theme-huakui textarea,
body.fate-theme-huakui .store-listing-badge,
body.fate-theme-huakui .badge-rating,
body.fate-theme-huakui .fate-latest-store__kind,
body.fate-theme-huakui .fate-featured-card__badge,
body.fate-theme-huakui .fate-featured-card__board,
body.fate-theme-huakui .sidebar-hot-stores__thumb,
body.fate-theme-huakui .sidebar-weekly-tabs__tab,
body.fate-theme-huakui .sidebar-search-tabs,
body.fate-theme-huakui .fate-mobile-search-tabs,
body.fate-theme-huakui .fate-mobile-bar__sheet,
body.fate-theme-huakui .fate-mobile-bar__sheet-close,
body.fate-theme-huakui .fate-mobile-dock {
    border-radius: 0;
}

/* 頭像／圓形媒體維持圓形（蓋過 button 直角規則） */
html.fate-theme-huakui .sidebar-avatar,
html.fate-theme-huakui .sidebar-weekly-rank__avatar,
html.fate-theme-huakui .fate-mobile-dock__icon,
html.fate-theme-huakui button.fate-mobile-dock__profile,
html.fate-theme-huakui .fate-mobile-dock__profile,
html.fate-theme-huakui .fate-mobile-dock__avatar,
html.fate-theme-huakui .fate-mobile-bar__sheet-avatar,
html.fate-theme-huakui img[class*="avatar"],
body.fate-theme-huakui .sidebar-avatar,
body.fate-theme-huakui .sidebar-weekly-rank__avatar,
body.fate-theme-huakui .fate-mobile-dock__icon,
body.fate-theme-huakui button.fate-mobile-dock__profile,
body.fate-theme-huakui .fate-mobile-dock__profile,
body.fate-theme-huakui .fate-mobile-dock__avatar,
body.fate-theme-huakui .fate-mobile-bar__sheet-avatar,
body.fate-theme-huakui img[class*="avatar"] {
    border-radius: 50% !important;
}

/* 最新登錄標籤：貼齊直角角落 */
html.fate-theme-huakui .fate-latest-store__kind,
body.fate-theme-huakui .fate-latest-store__kind {
    top: 0;
    left: 0;
    padding: 0.22rem 0.55rem;
}
