:root {
    color-scheme: light;
    --ink: #0f172a;
    --muted: #64748b;
    --line: #e2e8f0;
    --soft: #f8fafc;
    --panel: #ffffff;
    --brand: #2563eb;
    --brand-dark: #1d4ed8;
    --brand-soft: #eff6ff;
    --accent: #0f766e;
    --accent-soft: #ecfdf5;
    --blue: #2563eb;
    --amber: #b7791f;
    --danger: #dc2626;
    --success: #059669;
    --warning: #b7791f;
    --surface: #ffffff;
    --surface-soft: #f8fbff;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 10px;
    --shadow: 0 18px 50px rgba(15, 23, 42, .1);
    --shadow-soft: 0 10px 30px rgba(15, 23, 42, .08);
    --focus-ring: 0 0 0 3px rgba(37, 99, 235, .18);
    --ease-ui: cubic-bezier(.22, 1, .36, 1);
}

/* Qiyou enterprise visual system 20260710 */
:root {
    --qy-ink: #17202c;
    --qy-ink-2: #2c3747;
    --qy-muted: #6d7888;
    --qy-faint: #98a2b3;
    --qy-line: rgba(132, 149, 171, .24);
    --qy-line-strong: rgba(93, 111, 135, .34);
    --qy-bg: #f6f7f9;
    --qy-bg-2: #eef3f4;
    --qy-panel: rgba(255, 255, 255, .84);
    --qy-panel-solid: #ffffff;
    --qy-panel-soft: rgba(247, 250, 250, .78);
    --qy-primary: #195b64;
    --qy-primary-2: #25737a;
    --qy-primary-soft: rgba(25, 91, 100, .1);
    --qy-accent: #b88746;
    --qy-accent-soft: rgba(184, 135, 70, .13);
    --qy-coral: #c9645b;
    --qy-success: #24845f;
    --qy-warning: #a66b25;
    --qy-danger: #b9474f;
    --qy-radius: 8px;
    --qy-radius-sm: 6px;
    --qy-shadow-xs: 0 1px 2px rgba(19, 28, 40, .04);
    --qy-shadow-sm: 0 8px 22px rgba(19, 28, 40, .07);
    --qy-shadow-md: 0 20px 50px rgba(19, 28, 40, .1);
    --qy-focus: 0 0 0 3px rgba(37, 115, 122, .18);
    --qy-ease: cubic-bezier(.2, 0, 0, 1);
}

.qiyou-app {
    color: var(--qy-ink);
    background:
        linear-gradient(180deg, rgba(255,255,255,.86) 0, rgba(246,247,249,.96) 360px),
        linear-gradient(115deg, rgba(25,91,100,.07), transparent 38%),
        var(--qy-bg);
    font-family: "Microsoft YaHei", "PingFang SC", "Segoe UI", system-ui, sans-serif;
}

.qiyou-app::selection {
    background: rgba(25, 91, 100, .18);
}

.qiyou-app h1,
.qiyou-app h2,
.qiyou-app h3 {
    color: var(--qy-ink);
    letter-spacing: 0;
}

.qiyou-app p,
.qiyou-app .muted,
.qiyou-app small {
    color: var(--qy-muted);
}

.qiyou-app a {
    color: var(--qy-primary);
}

.qiyou-app a:hover {
    color: var(--qy-primary-2);
}

.qiyou-app input,
.qiyou-app select,
.qiyou-app textarea {
    border: 1px solid var(--qy-line);
    border-radius: var(--qy-radius-sm);
    background: rgba(255, 255, 255, .86);
    color: var(--qy-ink);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75);
    transition: border-color .18s var(--qy-ease), box-shadow .18s var(--qy-ease), background .18s var(--qy-ease);
}

.qiyou-app input:focus,
.qiyou-app select:focus,
.qiyou-app textarea:focus {
    border-color: rgba(25, 91, 100, .52);
    background: #fff;
    box-shadow: var(--qy-focus);
}

.qiyou-app .btn,
.qiyou-app button,
.qiyou-app .builder-btn,
.qiyou-app .table-action {
    min-height: 42px;
    border-radius: var(--qy-radius-sm);
    font-weight: 800;
    letter-spacing: 0;
    transition: transform .16s var(--qy-ease), border-color .16s var(--qy-ease), background .16s var(--qy-ease), box-shadow .16s var(--qy-ease), color .16s var(--qy-ease);
}

.qiyou-app .btn:hover,
.qiyou-app button:hover,
.qiyou-app .builder-btn:hover,
.qiyou-app .table-action:hover {
    transform: translateY(-1px);
}

.qiyou-app .btn:active,
.qiyou-app button:active,
.qiyou-app .builder-btn:active,
.qiyou-app .table-action:active {
    transform: translateY(0) scale(.985);
}

.qiyou-app .btn.primary,
.qiyou-app button.btn.primary,
.qiyou-app .builder-btn.primary,
.qiyou-app form .btn.primary,
.qiyou-app form button.btn.primary {
    border-color: rgba(25, 91, 100, .18);
    background: linear-gradient(180deg, #24717a, #195b64);
    color: #fff;
    box-shadow: 0 12px 24px rgba(25, 91, 100, .18);
}

.qiyou-app .btn.primary:hover,
.qiyou-app button.btn.primary:hover,
.qiyou-app .builder-btn.primary:hover,
.qiyou-app form .btn.primary:hover,
.qiyou-app form button.btn.primary:hover {
    background: linear-gradient(180deg, #2a8088, #1a646d);
    color: #fff;
    box-shadow: 0 16px 30px rgba(25, 91, 100, .22);
}

.qiyou-app .btn.ghost,
.qiyou-app .builder-btn.ghost {
    border-color: var(--qy-line);
    background: rgba(255, 255, 255, .78);
    color: var(--qy-ink-2);
    box-shadow: var(--qy-shadow-xs);
}

.qiyou-app .btn.ghost:hover,
.qiyou-app .builder-btn.ghost:hover {
    border-color: rgba(25, 91, 100, .26);
    background: #fff;
    color: var(--qy-primary);
    box-shadow: var(--qy-shadow-sm);
}

.qiyou-app .topbar {
    min-height: 70px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(132, 149, 171, .18);
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 10px 28px rgba(19, 28, 40, .035);
}

.qiyou-app .brand {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--qy-ink);
    font-size: 19px;
    font-weight: 900;
}

.qiyou-app .brand::before {
    content: "7";
    width: 30px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    border: 1px solid rgba(25, 91, 100, .18);
    border-radius: var(--qy-radius-sm);
    background: linear-gradient(145deg, #195b64, #2b7c83);
    color: #fff;
    font-size: 16px;
    box-shadow: 0 10px 20px rgba(25, 91, 100, .16);
}

.qiyou-app .topbar nav {
    gap: 6px;
}

.qiyou-app .topbar nav a {
    min-height: 38px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--qy-radius-sm);
    color: var(--qy-muted);
    font-weight: 800;
}

.qiyou-app .topbar nav a:hover,
.qiyou-app .topbar nav a.active {
    border-color: rgba(25, 91, 100, .14);
    background: var(--qy-primary-soft);
    color: var(--qy-primary);
}

.qiyou-app main {
    width: min(1180px, calc(100% - 36px));
}

.qiyou-app footer {
    width: min(1180px, calc(100% - 36px));
    margin: 42px auto 0;
    padding: 28px 0 34px;
    border-top: 1px solid rgba(132, 149, 171, .2);
    color: var(--qy-faint);
    font-size: 13px;
}

.qiyou-app .eyebrow,
.qiyou-app .auth-kicker,
.qiyou-app .member-page-kicker {
    color: var(--qy-primary);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.qiyou-app .home-hero-v2 {
    grid-template-columns: minmax(0, .94fr) minmax(420px, 1.06fr);
    min-height: 650px;
    gap: 48px;
    padding: 66px 0 42px;
}

.qiyou-app .home-hero-copy h1 {
    max-width: 680px;
    margin: 14px 0 18px;
    font-size: clamp(44px, 5.3vw, 76px);
    line-height: .98;
    font-weight: 950;
}

.qiyou-app .lead {
    max-width: 680px;
    color: var(--qy-muted);
    font-size: 17px;
    line-height: 1.9;
}

.qiyou-app .home-trust-strip {
    gap: 10px;
    margin-top: 26px;
}

.qiyou-app .home-trust-strip span {
    min-height: 32px;
    border-color: rgba(25, 91, 100, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .68);
    color: var(--qy-primary);
    box-shadow: var(--qy-shadow-xs);
}

.qiyou-app .home-console-preview {
    min-height: 450px;
    border: 1px solid rgba(132, 149, 171, .2);
    border-radius: var(--qy-radius);
    background:
        linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,250,250,.82)),
        repeating-linear-gradient(90deg, rgba(25,91,100,.035) 0 1px, transparent 1px 80px);
    box-shadow: var(--qy-shadow-md);
}

.qiyou-app .home-console-preview::after {
    display: none;
}

.qiyou-app .home-preview-grid div,
.qiyou-app .home-preview-status span {
    border-color: rgba(132, 149, 171, .2);
    background: rgba(255, 255, 255, .72);
    box-shadow: var(--qy-shadow-xs);
}

.qiyou-app .home-preview-window {
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: var(--qy-radius);
    background:
        linear-gradient(135deg, rgba(23, 32, 44, .86), rgba(25, 91, 100, .7)),
        linear-gradient(45deg, #31465c, #6c8f96);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

.qiyou-app .home-preview-controls {
    border-color: rgba(255, 255, 255, .42);
    border-radius: var(--qy-radius);
    background: rgba(255, 255, 255, .25);
}

.qiyou-app .home-preview-controls button:last-of-type,
.qiyou-app .home-preview-controls mark {
    background: linear-gradient(90deg, #b88746, #25737a);
}

.qiyou-app .home-section,
.qiyou-app .split.home-cta {
    margin-top: 24px;
}

.qiyou-app .section-head {
    margin-bottom: 20px;
}

.qiyou-app .section-head h2,
.qiyou-app .home-member-panel h2,
.qiyou-app .home-cta h2 {
    font-size: clamp(26px, 3vw, 38px);
    line-height: 1.18;
}

.qiyou-app .home-capability-grid,
.qiyou-app .home-flow-list,
.qiyou-app .faq-grid {
    gap: 14px;
}

.qiyou-app .home-capability-grid article,
.qiyou-app .home-flow-list div,
.qiyou-app .faq-grid article,
.qiyou-app .home-member-panel,
.qiyou-app .home-cta {
    border: 1px solid var(--qy-line);
    border-radius: var(--qy-radius);
    background: var(--qy-panel);
    box-shadow: var(--qy-shadow-sm);
}

.qiyou-app .home-capability-grid article span,
.qiyou-app .home-member-grid span {
    border-color: rgba(25, 91, 100, .16);
    background: var(--qy-primary-soft);
    color: var(--qy-primary);
}

.qiyou-app .home-capability-grid article b,
.qiyou-app .home-flow-list b,
.qiyou-app .faq-grid b {
    color: var(--qy-ink);
}

.qiyou-app .auth-split {
    min-height: calc(100vh - 120px);
    align-items: center;
    gap: 24px;
    padding: 46px 0;
}

.qiyou-app .auth-intro,
.qiyou-app .auth-card {
    border: 1px solid var(--qy-line);
    border-radius: var(--qy-radius);
    background: var(--qy-panel);
    box-shadow: var(--qy-shadow-md);
}

.qiyou-app .auth-intro {
    min-height: 520px;
    padding: 38px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.88), rgba(247,250,250,.74)),
        linear-gradient(135deg, rgba(25,91,100,.1), transparent 56%);
}

.qiyou-app .auth-card {
    padding: 30px;
}

.qiyou-app .auth-card h1,
.qiyou-app .auth-intro h1 {
    font-size: clamp(30px, 4vw, 48px);
}

.qiyou-app .auth-benefits span {
    border-color: rgba(25, 91, 100, .16);
    background: rgba(255, 255, 255, .62);
    color: var(--qy-primary);
}

.qiyou-app .auth-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 4px;
}

.qiyou-app.member-admin-page,
.qiyou-app.member-admin-page main {
    background:
        linear-gradient(180deg, rgba(249,250,251,.96), rgba(241,245,245,.96)),
        repeating-linear-gradient(90deg, rgba(25,91,100,.025) 0 1px, transparent 1px 96px);
}

.qiyou-app.member-admin-page main {
    width: 100%;
}

.qiyou-app .member-layout {
    display: grid;
    grid-template-columns: 262px minmax(0, 1fr);
    min-height: 100vh;
}

.qiyou-app .member-sidebar {
    position: sticky;
    top: 0;
    min-height: 100vh;
    padding: 20px 14px;
    border-right: 1px solid rgba(132, 149, 171, .18);
    background:
        linear-gradient(180deg, #17202c, #23313f);
    box-shadow: 18px 0 42px rgba(19, 28, 40, .12);
}

.qiyou-app .member-profile {
    padding: 12px 10px 18px;
    border-bottom-color: rgba(255, 255, 255, .12);
}

.qiyou-app .member-profile b {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-size: 17px;
}

.qiyou-app .member-profile b::before {
    content: "7";
    width: 28px;
    height: 28px;
    display: inline-grid;
    place-items: center;
    border-radius: var(--qy-radius-sm);
    background: linear-gradient(145deg, var(--qy-accent), #d3a567);
    color: #17202c;
    font-weight: 950;
}

.qiyou-app .member-profile span,
.qiyou-app .member-profile em,
.qiyou-app .member-side-foot em {
    color: rgba(255, 255, 255, .62);
}

.qiyou-app .member-menu {
    gap: 7px;
    margin-top: 16px;
}

.qiyou-app .member-menu a,
.qiyou-app .member-logout {
    min-height: 44px;
    border: 1px solid transparent;
    border-radius: var(--qy-radius-sm);
    color: rgba(255, 255, 255, .72);
    background: transparent;
    box-shadow: none;
}

.qiyou-app .member-menu a::before {
    background: rgba(255, 255, 255, .54);
}

.qiyou-app .member-menu a:hover,
.qiyou-app .member-menu a.active {
    border-color: rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .1);
    color: #fff;
}

.qiyou-app .member-menu a.active {
    box-shadow: inset 3px 0 0 var(--qy-accent);
}

.qiyou-app .member-side-foot {
    border-top-color: rgba(255, 255, 255, .12);
}

.qiyou-app .member-logout {
    justify-content: center;
    border-color: rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .08);
}

.qiyou-app .member-content {
    padding: 26px clamp(18px, 3vw, 34px) 56px;
}

.qiyou-app .member-page-head,
.qiyou-app .admin-hero,
.qiyou-app .admin-section-head,
.qiyou-app .admin-page-head {
    border: 1px solid var(--qy-line);
    border-radius: var(--qy-radius);
    background:
        linear-gradient(180deg, rgba(255,255,255,.9), rgba(248,250,250,.78));
    box-shadow: var(--qy-shadow-sm);
}

.qiyou-app .member-page-head {
    padding: 22px;
}

.qiyou-app .member-page-head h1,
.qiyou-app .admin-hero h1,
.qiyou-app .admin-section-head h1 {
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 950;
}

.qiyou-app .member-head-actions .btn,
.qiyou-app .admin-hero-actions .btn,
.qiyou-app .admin-head-actions .btn {
    min-height: 40px;
}

.qiyou-app .member-section,
.qiyou-app .panel,
.qiyou-app .member-profile-card,
.qiyou-app .admin-edit-panel,
.qiyou-app .admin-setting-group,
.qiyou-app .admin-table-panel,
.qiyou-app .admin-settings-panel,
.qiyou-app .admin-members-panel,
.qiyou-app .admin-recharge-panel,
.qiyou-app .admin-cdk-panel,
.qiyou-app .tool-card,
.qiyou-app .builder-profile-panel,
.qiyou-app .builder-profile-vip,
.qiyou-app .admin-stats div,
.qiyou-app .admin-quick-grid a,
.qiyou-app .member-dashboard-stats div,
.qiyou-app .member-downloader-card,
.qiyou-app .member-tool-card,
.qiyou-app .member-next-list a,
.qiyou-app .member-cdk-panel,
.qiyou-app .member-balance-form,
.qiyou-app .member-auth-mode-card,
.qiyou-app .member-auth-placeholder,
.qiyou-app .cloud-provider-card,
.qiyou-app .cloud-config-overview article,
.qiyou-app .cloud-config-panel,
.qiyou-app .cloud-config-summary,
.qiyou-app .builder-panel,
.qiyou-app .builder-live-preview,
.qiyou-app .builder-style-option span {
    border: 1px solid var(--qy-line);
    border-radius: var(--qy-radius);
    background: var(--qy-panel);
    box-shadow: var(--qy-shadow-xs);
}

.qiyou-app .member-section,
.qiyou-app .admin-table-panel,
.qiyou-app .admin-settings-panel,
.qiyou-app .admin-members-panel,
.qiyou-app .admin-recharge-panel,
.qiyou-app .admin-cdk-panel,
.qiyou-app .admin-edit-panel {
    box-shadow: var(--qy-shadow-sm);
}

.qiyou-app .member-section-head h2,
.qiyou-app .member-section h2,
.qiyou-app .admin-table-panel h2,
.qiyou-app .admin-setting-group header h2,
.qiyou-app .admin-edit-panel h2,
.qiyou-app .admin-audit-grid h3 {
    color: var(--qy-ink);
    font-size: 20px;
    font-weight: 950;
}

.qiyou-app .member-section h2::before {
    border-color: rgba(184, 135, 70, .22);
    background: var(--qy-accent-soft);
}

.qiyou-app .member-console-hero,
.qiyou-app .member-tools-hero,
.qiyou-app .member-security-hero,
.qiyou-app .member-balance-hero {
    border: 1px solid rgba(25, 91, 100, .18);
    border-radius: var(--qy-radius);
    background:
        linear-gradient(135deg, rgba(255,255,255,.88), rgba(242,247,247,.78)),
        linear-gradient(90deg, rgba(25,91,100,.08), transparent);
    box-shadow: var(--qy-shadow-sm);
}

.qiyou-app .member-stat-grid div,
.qiyou-app .admin-stats div,
.qiyou-app .member-mini-stats div,
.qiyou-app .cloud-auth-stats div {
    border: 1px solid rgba(132, 149, 171, .2);
    border-radius: var(--qy-radius);
    background: rgba(255, 255, 255, .72);
}

.qiyou-app .member-stat-grid b,
.qiyou-app .admin-stats b,
.qiyou-app .member-mini-stats dd,
.qiyou-app .member-balance-hero b {
    color: var(--qy-primary);
}

.qiyou-app .member-profile-card.active,
.qiyou-app .builder-profile-vip.active,
.qiyou-app .cloud-provider-card.active {
    border-color: rgba(25, 91, 100, .28);
    background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(241,248,248,.75));
    box-shadow: 0 12px 30px rgba(25, 91, 100, .08);
}

.qiyou-app .member-profile-card.active em,
.qiyou-app .member-status-pill.ok,
.qiyou-app .status-pill.ok,
.qiyou-app .member-downloader-card.ready em {
    background: rgba(36, 132, 95, .1);
    color: var(--qy-success);
}

.qiyou-app .member-profile-card.pending em,
.qiyou-app .member-status-pill.warn,
.qiyou-app .status-pill.warn,
.qiyou-app .member-downloader-card.warning em {
    background: rgba(184, 135, 70, .14);
    color: var(--qy-warning);
}

.qiyou-app .member-status-pill.danger,
.qiyou-app .status-pill.danger {
    background: rgba(185, 71, 79, .1);
    color: var(--qy-danger);
}

.qiyou-app table {
    border-collapse: separate;
    border-spacing: 0;
}

.qiyou-app th {
    background: rgba(247, 250, 250, .92);
    color: var(--qy-muted);
    font-size: 12px;
    font-weight: 950;
}

.qiyou-app th,
.qiyou-app td {
    border-bottom: 1px solid rgba(132, 149, 171, .18);
}

.qiyou-app tr:hover td {
    background: rgba(25, 91, 100, .035);
}

.qiyou-app .admin-nav {
    position: sticky;
    top: 14px;
    z-index: 20;
    width: min(1180px, calc(100% - 32px));
    margin: 16px auto 18px;
    border: 1px solid rgba(132, 149, 171, .2);
    border-radius: var(--qy-radius);
    background: rgba(255, 255, 255, .86);
    box-shadow: var(--qy-shadow-sm);
}

.qiyou-app .admin-nav-brand {
    border-right-color: rgba(132, 149, 171, .18);
}

.qiyou-app .admin-nav-brand b {
    color: var(--qy-ink);
}

.qiyou-app .admin-nav-brand span,
.qiyou-app .admin-nav a span {
    color: var(--qy-faint);
}

.qiyou-app .admin-nav a {
    border-radius: var(--qy-radius-sm);
    color: var(--qy-muted);
}

.qiyou-app .admin-nav a:hover,
.qiyou-app .admin-nav a.active {
    border-color: rgba(25, 91, 100, .16);
    background: var(--qy-primary-soft);
    color: var(--qy-primary);
}

.qiyou-app .admin-nav a.active {
    box-shadow: inset 3px 0 0 var(--qy-primary);
}

.qiyou-app .admin-nav-exit {
    border-color: rgba(185, 71, 79, .14) !important;
    background: rgba(185, 71, 79, .06) !important;
    color: var(--qy-danger) !important;
}

.qiyou-app .admin-hero,
.qiyou-app .admin-section-head {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
    padding: 22px;
}

.qiyou-app .admin-stats,
.qiyou-app .admin-quick-grid,
.qiyou-app .admin-ops-grid,
.qiyou-app .admin-table-panel,
.qiyou-app .admin-settings-panel,
.qiyou-app .admin-members-panel,
.qiyou-app .admin-recharge-panel,
.qiyou-app .admin-cdk-panel,
.qiyou-app .admin-edit-page {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.qiyou-app .admin-quick-grid a:hover,
.qiyou-app .member-next-list a:hover,
.qiyou-app .member-profile-card:hover,
.qiyou-app .member-downloader-card:hover,
.qiyou-app .member-tool-card:hover,
.qiyou-app .cloud-provider-card:hover {
    border-color: rgba(25, 91, 100, .24);
    box-shadow: var(--qy-shadow-sm);
}

.qiyou-app .admin-toolbar,
.qiyou-app .toolbar {
    border: 1px solid rgba(132, 149, 171, .18);
    border-radius: var(--qy-radius);
    background: rgba(247, 250, 250, .72);
}

.qiyou-app .admin-filter-tabs a,
.qiyou-app .builder-profile-tabs a,
.qiyou-app .builder-tabs span,
.qiyou-app .member-auth-method-tabs label {
    border-radius: var(--qy-radius-sm);
}

.qiyou-app .admin-filter-tabs a.active,
.qiyou-app .builder-profile-tabs a.active,
.qiyou-app .builder-tabs span.active,
.qiyou-app .member-auth-method-tabs label.active {
    border-color: rgba(25, 91, 100, .26);
    background: var(--qy-primary-soft);
    color: var(--qy-primary);
}

.qiyou-app .builder-panel {
    padding: 18px;
}

.qiyou-app .builder-profile-panel {
    padding: 16px;
}

.qiyou-app .builder-form-grid {
    gap: 16px;
}

.qiyou-app .builder-col {
    border: 1px solid rgba(132, 149, 171, .18);
    border-radius: var(--qy-radius);
    background: rgba(255, 255, 255, .58);
}

.qiyou-app .builder-field-group-title {
    border-bottom-color: rgba(132, 149, 171, .18);
}

.qiyou-app .builder-col label.required-label {
    color: #2f6fe4;
}

.qiyou-app .builder-col label.optional-label {
    color: #d9583b;
}

.qiyou-app .builder-live-preview {
    background:
        linear-gradient(180deg, rgba(255,255,255,.86), rgba(247,250,250,.72));
}

.qiyou-app .builder-live-preview-window {
    border-radius: var(--qy-radius);
    box-shadow: 0 18px 42px rgba(19, 28, 40, .16);
}

.qiyou-app .builder-live-preview-control {
    border-color: rgba(255, 255, 255, .4);
    border-radius: var(--qy-radius);
}

.qiyou-app .builder-live-preview-control button.primary {
    background: linear-gradient(180deg, #24717a, #195b64);
}

.qiyou-app .builder-switch input:checked + i {
    border-color: rgba(25, 91, 100, .7);
    background: var(--qy-primary);
}

.qiyou-app .builder-bg-preview,
.qiyou-app .builder-icon-preview,
.qiyou-app .member-p139-qr-box {
    border-color: var(--qy-line);
    border-radius: var(--qy-radius);
    background: rgba(255, 255, 255, .72);
}

.qiyou-app .member-tip,
.qiyou-app .builder-precheck-result,
.qiyou-app .member-tool-result {
    border-radius: var(--qy-radius);
}

.qiyou-app .member-tip {
    border-color: rgba(25, 91, 100, .16);
    background: rgba(25, 91, 100, .06);
    color: var(--qy-ink-2);
}

.qiyou-app .member-tip b {
    color: var(--qy-primary);
}

.qiyou-app .member-tip.danger,
.qiyou-app .member-tool-result.error,
.qiyou-app .builder-precheck-result.error {
    border-color: rgba(185, 71, 79, .18);
    background: rgba(185, 71, 79, .07);
    color: var(--qy-danger);
}

.qiyou-app .member-tool-result.success,
.qiyou-app .builder-precheck-result.success {
    border-color: rgba(36, 132, 95, .18);
    background: rgba(36, 132, 95, .08);
    color: var(--qy-success);
}

.qiyou-app .cloud-config-overview-compact article {
    border-color: var(--qy-line);
    background: rgba(255, 255, 255, .72);
}

.qiyou-app .cloud-config-accordion {
    border-color: var(--qy-line);
    border-radius: var(--qy-radius);
    background: rgba(255, 255, 255, .68);
}

.qiyou-app .cloud-config-accordion-title:hover {
    background: rgba(25, 91, 100, .05);
}

.qiyou-app .member-auth-mode-card.active {
    border-color: rgba(25, 91, 100, .28);
    background: rgba(25, 91, 100, .06);
}

.qiyou-app .cloud-cookie-guide {
    border-color: rgba(184, 135, 70, .22);
    background: rgba(184, 135, 70, .08);
}

.qiyou-app .cloud-direct-card,
.qiyou-app .cloud-direct-support-note {
    border-color: var(--qy-line);
    border-radius: var(--qy-radius);
    background: var(--qy-panel);
    box-shadow: var(--qy-shadow-sm);
}

.qiyou-app .cloud-direct-side div {
    border-color: rgba(132, 149, 171, .2);
    border-radius: var(--qy-radius);
    background: rgba(255, 255, 255, .68);
}

.qiyou-app .row-actions button,
.qiyou-app .table-action,
.qiyou-app .member-tool-actions button,
.qiyou-app .member-tool-actions a,
.qiyou-app .builder-profile-create button,
.qiyou-app .builder-profile-delete button,
.qiyou-app .builder-profile-redeem button,
.qiyou-app .builder-inline button,
.qiyou-app .builder-upload-btn {
    border-color: var(--qy-line);
    background: rgba(255, 255, 255, .78);
    color: var(--qy-ink-2);
}

.qiyou-app .row-actions button:hover,
.qiyou-app .table-action:hover,
.qiyou-app .member-tool-actions button:hover,
.qiyou-app .member-tool-actions a:hover,
.qiyou-app .builder-profile-create button:hover,
.qiyou-app .builder-profile-delete button:hover,
.qiyou-app .builder-profile-redeem button:hover,
.qiyou-app .builder-inline button:hover,
.qiyou-app .builder-upload-btn:hover {
    border-color: rgba(25, 91, 100, .24);
    background: #fff;
    color: var(--qy-primary);
}

.qiyou-app .builder-profile-delete button,
.qiyou-app .row-actions form:last-child button {
    color: var(--qy-danger);
}

@media (max-width: 980px) {
    .qiyou-app main {
        width: min(100% - 24px, 1180px);
    }

    .qiyou-app .home-hero-v2,
    .qiyou-app .auth-split {
        grid-template-columns: 1fr;
    }

    .qiyou-app .home-hero-v2 {
        min-height: auto;
        padding-top: 34px;
    }

    .qiyou-app .home-console-preview {
        min-height: 390px;
    }

    .qiyou-app .member-layout {
        grid-template-columns: 1fr;
    }

    .qiyou-app .member-sidebar {
        position: relative;
        min-height: auto;
        padding: 14px;
        border-right: 0;
        border-bottom: 1px solid rgba(132, 149, 171, .18);
    }

    .qiyou-app .member-profile {
        padding-bottom: 12px;
    }

    .qiyou-app .member-menu {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .qiyou-app .member-side-foot {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 10px;
    }

    .qiyou-app .admin-nav {
        position: static;
        grid-template-columns: 1fr;
    }

    .qiyou-app .admin-nav-brand {
        border-right: 0;
        border-bottom: 1px solid rgba(132, 149, 171, .18);
        padding-bottom: 10px;
    }
}

@media (max-width: 640px) {
    .qiyou-app .topbar {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .qiyou-app .topbar nav {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 2px;
    }

    .qiyou-app .topbar nav a {
        white-space: nowrap;
    }

    .qiyou-app .home-hero-copy h1 {
        font-size: 42px;
    }

    .qiyou-app .auth-intro,
    .qiyou-app .auth-card,
    .qiyou-app .member-page-head,
    .qiyou-app .admin-hero,
    .qiyou-app .admin-section-head {
        padding: 18px;
    }

    .qiyou-app .member-menu {
        grid-template-columns: 1fr;
    }
}

.qiyou-app .builder-upload-btn,
body.qiyou-app .builder-upload-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 198px;
    min-height: 40px;
    padding: 0 16px;
    line-height: 1.15;
    text-align: center;
    white-space: nowrap;
    box-sizing: border-box;
}

body.qiyou-app.page-admin .admin-member-groups-panel {
    display: grid;
    gap: 18px;
}

body.qiyou-app.page-admin .admin-group-layout {
    display: grid;
    grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

body.qiyou-app.page-admin .admin-group-create-card {
    display: grid;
    gap: 14px;
    margin: 0;
    padding: 18px;
}

body.qiyou-app.page-admin .admin-group-create-card label,
body.qiyou-app.page-admin .admin-group-inline-form {
    min-width: 0;
}

body.qiyou-app.page-admin .admin-group-inline-form {
    display: grid;
    grid-template-columns: minmax(110px, .9fr) minmax(150px, 1.1fr) minmax(92px, .72fr) minmax(92px, .72fr) minmax(112px, .74fr) auto;
    gap: 10px;
    align-items: end;
}

body.qiyou-app.page-admin .admin-group-inline-form label {
    display: grid;
    gap: 5px;
    color: rgba(83, 56, 38, .72);
    font-size: 12px;
    font-weight: 700;
}

body.qiyou-app.page-admin .admin-group-inline-form input,
body.qiyou-app.page-admin .admin-group-inline-form select {
    width: 100%;
    min-width: 0;
}

body.qiyou-app.page-admin .admin-group-inline-form .btn {
    min-height: 36px;
    align-self: end;
    white-space: nowrap;
}

body.qiyou-app.page-admin .admin-group-table-wrap {
    margin: 0;
}

body.qiyou-app.page-admin .admin-member-groups-table td:nth-child(2) {
    min-width: 760px;
}

body.qiyou-app.page-admin .admin-group-benefit-summary {
    display: block;
    margin-top: 8px;
    color: rgba(83, 56, 38, .66);
    font-size: 12px;
    line-height: 1.45;
}

body.qiyou-app.page-admin .admin-members-panel .admin-toolbar select {
    min-width: 132px;
}

body.qiyou-app.page-admin .admin-members-panel .admin-toolbar {
    grid-template-columns: minmax(240px, 340px) minmax(0, 940px);
    justify-content: start;
    align-items: center;
    gap: 12px;
}

body.qiyou-app.page-admin .admin-members-panel .admin-toolbar .inline-form {
    width: 100%;
    align-items: center;
}

body.qiyou-app.page-admin .admin-members-panel .admin-toolbar .inline-form:last-child {
    justify-self: end;
}

body.qiyou-app.page-admin .admin-members-panel .admin-toolbar .inline-form:first-child {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
}

body.qiyou-app.page-admin .admin-members-panel .admin-toolbar .inline-form:last-child {
    display: grid;
    grid-template-columns: minmax(110px, .82fr) minmax(150px, 1.18fr) minmax(130px, 1fr) minmax(108px, .72fr) minmax(132px, .82fr);
}

body.qiyou-app.page-admin .admin-members-panel .admin-toolbar .inline-form:last-child input,
body.qiyou-app.page-admin .admin-members-panel .admin-toolbar .inline-form:last-child select,
body.qiyou-app.page-admin .admin-members-panel .admin-toolbar .inline-form:last-child button {
    width: 100%;
    min-width: 0;
}

body.qiyou-app .link-button {
    min-height: auto;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--brand);
    box-shadow: none;
    font: inherit;
    font-weight: 700;
}

body.qiyou-app .link-button:hover {
    background: transparent;
    box-shadow: none;
    text-decoration: underline;
}

body.qiyou-app.page-admin .admin-members-panel .admin-toolbar .btn.primary {
    padding-inline: 16px;
    white-space: nowrap;
}

@media (max-width: 1280px) {
    body.qiyou-app.page-admin .admin-members-panel .admin-toolbar {
        grid-template-columns: 1fr;
    }

    body.qiyou-app.page-admin .admin-members-panel .admin-toolbar .inline-form:last-child {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
}

@media (max-width: 980px) {
    body.qiyou-app.page-admin .admin-group-layout {
        grid-template-columns: 1fr;
    }

    body.qiyou-app.page-admin .admin-group-inline-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.qiyou-app.page-admin .admin-member-groups-table td:nth-child(2) {
        min-width: 420px;
    }
}

.qiyou-app .member-recharge-orders-section,
body.qiyou-app .member-recharge-orders-section {
    overflow-x: auto;
}

.qiyou-app .member-recharge-orders-table,
body.qiyou-app .member-recharge-orders-table {
    table-layout: fixed;
    min-width: 760px;
}

.qiyou-app .member-recharge-orders-table th,
.qiyou-app .member-recharge-orders-table td,
body.qiyou-app .member-recharge-orders-table th,
body.qiyou-app .member-recharge-orders-table td {
    height: auto;
    min-height: 42px;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
    vertical-align: middle;
}

.qiyou-app .member-recharge-orders-table th:nth-child(1),
.qiyou-app .member-recharge-orders-table td:nth-child(1),
body.qiyou-app .member-recharge-orders-table th:nth-child(1),
body.qiyou-app .member-recharge-orders-table td:nth-child(1) {
    width: 38%;
    text-align: left;
}

.qiyou-app .member-recharge-orders-table th:nth-child(2),
.qiyou-app .member-recharge-orders-table td:nth-child(2),
body.qiyou-app .member-recharge-orders-table th:nth-child(2),
body.qiyou-app .member-recharge-orders-table td:nth-child(2) {
    width: 16%;
}

.qiyou-app .member-recharge-orders-table th:nth-child(3),
.qiyou-app .member-recharge-orders-table td:nth-child(3),
body.qiyou-app .member-recharge-orders-table th:nth-child(3),
body.qiyou-app .member-recharge-orders-table td:nth-child(3) {
    width: 16%;
}

.qiyou-app .member-recharge-orders-table th:nth-child(4),
.qiyou-app .member-recharge-orders-table td:nth-child(4),
body.qiyou-app .member-recharge-orders-table th:nth-child(4),
body.qiyou-app .member-recharge-orders-table td:nth-child(4) {
    width: 30%;
}

.qiyou-app .member-recharge-orders-table code,
body.qiyou-app .member-recharge-orders-table code {
    white-space: nowrap;
}

.qiyou-app .member-balance-log-section,
.qiyou-app .member-used-cdk-section,
.qiyou-app .member-vip-purchase-section,
body.qiyou-app .member-balance-log-section,
body.qiyou-app .member-used-cdk-section,
body.qiyou-app .member-vip-purchase-section {
    overflow-x: auto;
}

.qiyou-app .member-balance-log-table,
.qiyou-app .member-used-cdk-table,
.qiyou-app .member-vip-purchase-table,
body.qiyou-app .member-balance-log-table,
body.qiyou-app .member-used-cdk-table,
body.qiyou-app .member-vip-purchase-table {
    table-layout: fixed !important;
    width: 100%;
}

.qiyou-app .member-balance-log-table,
body.qiyou-app .member-balance-log-table {
    min-width: 900px;
}

.qiyou-app .member-used-cdk-table,
body.qiyou-app .member-used-cdk-table {
    min-width: 720px;
}

.qiyou-app .member-vip-purchase-table,
body.qiyou-app .member-vip-purchase-table {
    min-width: 540px;
}

.qiyou-app .member-balance-log-table th,
.qiyou-app .member-balance-log-table td,
.qiyou-app .member-used-cdk-table th,
.qiyou-app .member-used-cdk-table td,
.qiyou-app .member-vip-purchase-table th,
.qiyou-app .member-vip-purchase-table td,
body.qiyou-app .member-balance-log-table th,
body.qiyou-app .member-balance-log-table td,
body.qiyou-app .member-used-cdk-table th,
body.qiyou-app .member-used-cdk-table td,
body.qiyou-app .member-vip-purchase-table th,
body.qiyou-app .member-vip-purchase-table td {
    height: auto;
    min-height: 42px;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    vertical-align: middle;
}

.qiyou-app .member-balance-log-table th:nth-child(1),
.qiyou-app .member-balance-log-table td:nth-child(1),
body.qiyou-app .member-balance-log-table th:nth-child(1),
body.qiyou-app .member-balance-log-table td:nth-child(1) {
    width: 18%;
    text-align: left;
}

.qiyou-app .member-balance-log-table th:nth-child(2),
.qiyou-app .member-balance-log-table td:nth-child(2),
body.qiyou-app .member-balance-log-table th:nth-child(2),
body.qiyou-app .member-balance-log-table td:nth-child(2) {
    width: 42%;
    text-align: left;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.qiyou-app .member-balance-log-table th:nth-child(3),
.qiyou-app .member-balance-log-table td:nth-child(3),
body.qiyou-app .member-balance-log-table th:nth-child(3),
body.qiyou-app .member-balance-log-table td:nth-child(3) {
    width: 16%;
}

.qiyou-app .member-balance-log-table th:nth-child(4),
.qiyou-app .member-balance-log-table td:nth-child(4),
.qiyou-app .member-balance-log-table th:nth-child(5),
.qiyou-app .member-balance-log-table td:nth-child(5),
body.qiyou-app .member-balance-log-table th:nth-child(4),
body.qiyou-app .member-balance-log-table td:nth-child(4),
body.qiyou-app .member-balance-log-table th:nth-child(5),
body.qiyou-app .member-balance-log-table td:nth-child(5) {
    width: 12%;
}

.qiyou-app .member-used-cdk-table th:nth-child(1),
.qiyou-app .member-used-cdk-table td:nth-child(1),
body.qiyou-app .member-used-cdk-table th:nth-child(1),
body.qiyou-app .member-used-cdk-table td:nth-child(1) {
    width: 32%;
    text-align: left;
}

.qiyou-app .member-used-cdk-table th:nth-child(2),
.qiyou-app .member-used-cdk-table td:nth-child(2),
body.qiyou-app .member-used-cdk-table th:nth-child(2),
body.qiyou-app .member-used-cdk-table td:nth-child(2) {
    width: 20%;
    text-align: left;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.qiyou-app .member-used-cdk-table th:nth-child(3),
.qiyou-app .member-used-cdk-table td:nth-child(3),
body.qiyou-app .member-used-cdk-table th:nth-child(3),
body.qiyou-app .member-used-cdk-table td:nth-child(3) {
    width: 28%;
    text-align: left;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.qiyou-app .member-used-cdk-table th:nth-child(4),
.qiyou-app .member-used-cdk-table td:nth-child(4),
body.qiyou-app .member-used-cdk-table th:nth-child(4),
body.qiyou-app .member-used-cdk-table td:nth-child(4) {
    width: 20%;
}

.qiyou-app .member-vip-purchase-table th:nth-child(1),
.qiyou-app .member-vip-purchase-table td:nth-child(1),
body.qiyou-app .member-vip-purchase-table th:nth-child(1),
body.qiyou-app .member-vip-purchase-table td:nth-child(1) {
    width: 24%;
    text-align: left;
}

.qiyou-app .member-vip-purchase-table th:nth-child(2),
.qiyou-app .member-vip-purchase-table td:nth-child(2),
body.qiyou-app .member-vip-purchase-table th:nth-child(2),
body.qiyou-app .member-vip-purchase-table td:nth-child(2) {
    width: 40%;
    text-align: left;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.qiyou-app .member-vip-purchase-table th:nth-child(3),
.qiyou-app .member-vip-purchase-table td:nth-child(3),
.qiyou-app .member-vip-purchase-table th:nth-child(4),
.qiyou-app .member-vip-purchase-table td:nth-child(4),
body.qiyou-app .member-vip-purchase-table th:nth-child(3),
body.qiyou-app .member-vip-purchase-table td:nth-child(3),
body.qiyou-app .member-vip-purchase-table th:nth-child(4),
body.qiyou-app .member-vip-purchase-table td:nth-child(4) {
    width: 18%;
}

.qiyou-app .member-balance-log-table code,
.qiyou-app .member-used-cdk-table code,
.qiyou-app .member-vip-purchase-table code,
body.qiyou-app .member-balance-log-table code,
body.qiyou-app .member-used-cdk-table code,
body.qiyou-app .member-vip-purchase-table code {
    white-space: nowrap;
}

.qiyou-app .member-cdk-check-form,
body.qiyou-app .member-cdk-check-form {
    grid-column: 1 / -1;
}

.qiyou-app .member-cdk-check-form .muted,
body.qiyou-app .member-cdk-check-form .muted {
    margin: -2px 0 0;
}

.qiyou-app .member-cdk-check-result,
body.qiyou-app .member-cdk-check-result {
    display: grid;
    gap: 10px;
    margin-top: 2px;
    padding: 12px;
    border: 1px solid rgba(214, 158, 112, .26);
    border-radius: 8px;
    background: rgba(255, 248, 239, .72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
}

.qiyou-app .member-cdk-check-result.error,
body.qiyou-app .member-cdk-check-result.error {
    border-color: rgba(196, 83, 56, .24);
    background: rgba(255, 242, 238, .75);
    color: #9f3f2b;
}

.qiyou-app .member-cdk-check-result.success,
body.qiyou-app .member-cdk-check-result.success {
    color: #5f4636;
}

.qiyou-app .member-cdk-check-head,
body.qiyou-app .member-cdk-check-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.qiyou-app .member-cdk-check-head b,
.qiyou-app .member-cdk-check-result > b,
body.qiyou-app .member-cdk-check-head b,
body.qiyou-app .member-cdk-check-result > b {
    color: #2b2f36;
    font-size: 14px;
}

.qiyou-app .member-cdk-check-head code,
body.qiyou-app .member-cdk-check-head code {
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(185, 98, 57, .1);
    color: #8f4a2c;
    font-size: 12px;
    white-space: nowrap;
}

.qiyou-app .member-cdk-check-result dl,
body.qiyou-app .member-cdk-check-result dl {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 8px 12px;
    margin: 0;
}

.qiyou-app .member-cdk-check-result dt,
body.qiyou-app .member-cdk-check-result dt {
    color: #8f7a68;
    font-size: 12px;
    font-weight: 800;
}

.qiyou-app .member-cdk-check-result dd,
body.qiyou-app .member-cdk-check-result dd {
    margin: 0;
    color: #34445a;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.qiyou-app .builder-upload-btn,
body.qiyou-app .builder-upload-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 198px;
    min-height: 40px;
    padding: 0 16px;
    line-height: 1.15;
    text-align: center;
    white-space: nowrap;
    box-sizing: border-box;
}

/* Qiyou warm layer at real file end */
body.qiyou-app {
    --ink: #2c211c;
    --muted: #806f64;
    --line: rgba(133, 99, 68, .2);
    --brand: #a55735;
    --brand-dark: #c46b43;
    --brand-soft: rgba(196, 107, 67, .12);
    --accent: #c9964a;
    --surface: #fffaf4;
    --surface-soft: #f5eadc;
    color: #2c211c;
    background:
        radial-gradient(circle at 82% 10%, rgba(201, 150, 74, .16), transparent 31%),
        radial-gradient(circle at 12% 2%, rgba(196, 107, 67, .12), transparent 28%),
        linear-gradient(180deg, #fffaf4 0, #fbf4ea 48%, #f5eadc 100%);
}

body.qiyou-app h1,
body.qiyou-app h2,
body.qiyou-app h3 { color: #2c211c; }

body.qiyou-app p,
body.qiyou-app .muted,
body.qiyou-app small { color: #806f64; }

body.qiyou-app a { color: #a55735; }
body.qiyou-app a:hover { color: #c46b43; }

body.qiyou-app .topbar {
    min-height: 76px;
    border-bottom-color: rgba(133, 99, 68, .2);
    background: rgba(255, 250, 244, .88);
    box-shadow: 0 10px 28px rgba(79, 55, 37, .045);
}

body.qiyou-app .brand { color: #2c211c; }

body.qiyou-app .brand::before,
body.qiyou-app .member-profile b::before {
    background: linear-gradient(145deg, #a55735, #d48655);
    color: #fffaf4;
    box-shadow: 0 12px 22px rgba(165, 87, 53, .2);
}

body.qiyou-app .btn.primary,
body.qiyou-app button.btn.primary,
body.qiyou-app .inline-form .btn.primary,
body.qiyou-app .builder-btn.primary,
body.qiyou-app form .btn.primary,
body.qiyou-app form button.btn.primary {
    border-color: rgba(165, 87, 53, .16);
    background: linear-gradient(180deg, #c46b43, #a55735);
    color: #fffaf4;
    box-shadow: 0 14px 28px rgba(165, 87, 53, .2);
}

body.qiyou-app .btn.primary:hover,
body.qiyou-app button.btn.primary:hover,
body.qiyou-app .builder-btn.primary:hover,
body.qiyou-app form .btn.primary:hover,
body.qiyou-app form button.btn.primary:hover {
    background: linear-gradient(180deg, #d7774c, #ad5c39);
    color: #fffaf4;
}

body.qiyou-app .btn,
body.qiyou-app button,
body.qiyou-app .builder-btn,
body.qiyou-app .table-action,
body.qiyou-app .member-tool-actions a,
body.qiyou-app .member-tool-actions button,
body.qiyou-app .builder-profile-create button,
body.qiyou-app .builder-profile-delete button,
body.qiyou-app .builder-profile-redeem button,
body.qiyou-app .builder-inline button,
body.qiyou-app .builder-upload-btn {
    border-color: rgba(133, 99, 68, .2);
    border-radius: 7px;
    background: rgba(255, 250, 244, .86);
    color: #4a3930;
    box-shadow: 0 1px 2px rgba(55, 38, 27, .05);
}

body.qiyou-app .btn:hover,
body.qiyou-app button:hover,
body.qiyou-app .builder-btn:hover,
body.qiyou-app .table-action:hover {
    border-color: rgba(196, 107, 67, .3);
    background: #fffdf9;
    color: #a55735;
}

body.qiyou-app input,
body.qiyou-app select,
body.qiyou-app textarea {
    border-color: rgba(133, 99, 68, .2);
    background: rgba(255, 250, 244, .9);
    color: #2c211c;
}

body.qiyou-app input:focus,
body.qiyou-app select:focus,
body.qiyou-app textarea:focus {
    border-color: rgba(196, 107, 67, .52);
    background: #fffdf9;
    box-shadow: 0 0 0 3px rgba(196, 107, 67, .2);
}

body.qiyou-app .topbar nav a.active,
body.qiyou-app .topbar nav a:hover,
body.qiyou-app .admin-nav a.active,
body.qiyou-app .admin-nav a:hover,
body.qiyou-app .member-menu a.active,
body.qiyou-app .member-menu a:hover {
    border-color: rgba(196, 107, 67, .22);
    background: rgba(196, 107, 67, .11);
    color: #a55735;
}

body.qiyou-app .eyebrow,
body.qiyou-app .auth-kicker,
body.qiyou-app .member-page-kicker { color: #a55735; }

body.qiyou-app .home-hero-v2 {
    grid-template-columns: minmax(0, 1.12fr) minmax(390px, .88fr);
    gap: 34px;
    align-items: stretch;
    padding: 48px 0 28px;
}

body.qiyou-app .home-hero-copy {
    min-height: 530px;
    display: grid;
    align-content: center;
    padding: clamp(26px, 4vw, 52px);
    border: 1px solid rgba(133, 99, 68, .2);
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(255,250,244,.94), rgba(255,241,224,.72)),
        linear-gradient(90deg, rgba(201,150,74,.12), transparent);
    box-shadow: 0 24px 58px rgba(79, 55, 37, .13);
}

body.qiyou-app .home-hero-copy h1 {
    font-size: clamp(48px, 6vw, 86px);
    line-height: .96;
}

body.qiyou-app .home-console-preview {
    min-height: 530px;
    align-content: center;
    border-color: rgba(133, 99, 68, .2);
    border-radius: 18px;
    background:
        radial-gradient(circle at 85% 14%, rgba(201,150,74,.18), transparent 28%),
        linear-gradient(180deg, rgba(255,250,244,.92), rgba(247,233,216,.78));
    box-shadow: 0 24px 58px rgba(79, 55, 37, .13);
}

body.qiyou-app .home-preview-window {
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgba(88, 55, 38, .88), rgba(180, 95, 58, .64)),
        linear-gradient(45deg, #8d6044, #d9a46f);
}

body.qiyou-app .home-preview-controls button:last-of-type,
body.qiyou-app .home-preview-controls mark,
body.qiyou-app .builder-live-preview-control button.primary {
    background: linear-gradient(90deg, #c9964a, #c46b43);
}

body.qiyou-app .home-trust-strip span,
body.qiyou-app .home-preview-grid div,
body.qiyou-app .home-preview-status span,
body.qiyou-app .auth-benefits span,
body.qiyou-app .home-capability-grid article span,
body.qiyou-app .home-member-grid span {
    border-color: rgba(196, 107, 67, .18);
    background: rgba(196, 107, 67, .1);
    color: #a55735;
}

body.qiyou-app .section-head {
    display: grid;
    grid-template-columns: minmax(260px, .75fr) minmax(320px, 1fr);
    gap: 20px;
    align-items: end;
}

body.qiyou-app .section-head .eyebrow { grid-column: 1 / -1; }
body.qiyou-app .home-capability-grid { grid-template-columns: 1.15fr .85fr; }
body.qiyou-app .home-capability-grid article:first-child { grid-row: span 2; }
body.qiyou-app .home-member-panel { grid-template-columns: 1fr .9fr; }

body.qiyou-app .home-console-preview,
body.qiyou-app .auth-intro,
body.qiyou-app .auth-card,
body.qiyou-app .home-capability-grid article,
body.qiyou-app .home-flow-list div,
body.qiyou-app .faq-grid article,
body.qiyou-app .home-member-panel,
body.qiyou-app .home-cta,
body.qiyou-app .member-page-head,
body.qiyou-app .member-console-hero,
body.qiyou-app .member-tools-hero,
body.qiyou-app .member-security-hero,
body.qiyou-app .member-balance-hero,
body.qiyou-app .member-section,
body.qiyou-app .panel,
body.qiyou-app .member-profile-card,
body.qiyou-app .member-dashboard-stats div,
body.qiyou-app .member-downloader-card,
body.qiyou-app .member-tool-card,
body.qiyou-app .member-next-list a,
body.qiyou-app .member-cdk-panel,
body.qiyou-app .member-balance-form,
body.qiyou-app .member-auth-mode-card,
body.qiyou-app .member-auth-placeholder,
body.qiyou-app .cloud-provider-card,
body.qiyou-app .cloud-config-overview article,
body.qiyou-app .cloud-config-panel,
body.qiyou-app .cloud-config-summary,
body.qiyou-app .builder-panel,
body.qiyou-app .builder-live-preview,
body.qiyou-app .builder-style-option span,
body.qiyou-app .builder-profile-panel,
body.qiyou-app .builder-profile-vip,
body.qiyou-app .admin-hero,
body.qiyou-app .admin-section-head,
body.qiyou-app .admin-edit-panel,
body.qiyou-app .admin-setting-group,
body.qiyou-app .admin-table-panel,
body.qiyou-app .admin-settings-panel,
body.qiyou-app .admin-members-panel,
body.qiyou-app .admin-recharge-panel,
body.qiyou-app .admin-cdk-panel,
body.qiyou-app .admin-stats div,
body.qiyou-app .admin-quick-grid a,
body.qiyou-app .admin-ops-card,
body.qiyou-app .admin-audit-grid > div {
    border-color: rgba(133, 99, 68, .2);
    background: rgba(255, 250, 244, .9);
    box-shadow: 0 10px 26px rgba(79, 55, 37, .09);
}

body.qiyou-app.member-admin-page,
body.qiyou-app.member-admin-page main {
    background:
        radial-gradient(circle at 90% 5%, rgba(201,150,74,.11), transparent 28%),
        linear-gradient(180deg, #fff8ef, #f6eadc);
}

body.qiyou-app .member-sidebar {
    background: linear-gradient(180deg, rgba(255,250,244,.96), rgba(244,226,207,.92));
    border-right-color: rgba(133, 99, 68, .2);
    box-shadow: 18px 0 42px rgba(79, 55, 37, .08);
}

body.qiyou-app .member-profile,
body.qiyou-app .member-side-foot {
    border-color: rgba(133, 99, 68, .2);
}

body.qiyou-app .member-profile b { color: #2c211c; }

body.qiyou-app .member-profile span,
body.qiyou-app .member-profile em,
body.qiyou-app .member-side-foot em,
body.qiyou-app .member-menu a,
body.qiyou-app .member-logout {
    color: #806f64;
}

body.qiyou-app .member-menu a.active { box-shadow: inset 3px 0 0 #a55735; }
body.qiyou-app .member-menu a.active::before,
body.qiyou-app .member-menu a:hover::before { background: #c9964a; }

body.qiyou-app .member-logout {
    border-color: rgba(133, 99, 68, .2);
    background: rgba(255, 250, 244, .7);
}

body.qiyou-app .member-console-hero,
body.qiyou-app .member-tools-hero,
body.qiyou-app .member-security-hero,
body.qiyou-app .member-balance-hero,
body.qiyou-app .admin-hero {
    background:
        radial-gradient(circle at 92% 12%, rgba(201,150,74,.18), transparent 30%),
        linear-gradient(135deg, rgba(255,250,244,.94), rgba(255,238,219,.76));
}

body.qiyou-app .member-stat-grid b,
body.qiyou-app .admin-stats b,
body.qiyou-app .member-mini-stats dd,
body.qiyou-app .member-balance-hero b,
body.qiyou-app .money-in { color: #a55735; }

body.qiyou-app .member-section h2::before,
body.qiyou-app .admin-table-panel h2::before,
body.qiyou-app .admin-setting-group header h2::before,
body.qiyou-app .admin-edit-panel h2::before {
    background: linear-gradient(180deg, #c9964a, #c46b43);
}

body.qiyou-app.page-admin main { padding-left: 244px; }

body.qiyou-app .admin-nav {
    position: fixed;
    left: 18px;
    top: 18px;
    bottom: 18px;
    width: 214px;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 14px;
    border-color: rgba(133, 99, 68, .2);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,250,244,.96), rgba(244,226,207,.92));
    box-shadow: 18px 0 42px rgba(79, 55, 37, .08);
}

body.qiyou-app .admin-nav-brand {
    padding: 4px 4px 14px;
    border-right: 0;
    border-bottom: 1px solid rgba(133, 99, 68, .2);
}

body.qiyou-app .admin-nav-brand b { color: #2c211c; }

body.qiyou-app .admin-nav-brand span,
body.qiyou-app .admin-nav a span { color: #806f64; }

body.qiyou-app .admin-nav-group {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

body.qiyou-app .admin-nav a.active { box-shadow: inset 3px 0 0 #a55735; }

body.qiyou-app .admin-nav-exit {
    margin-top: auto;
    border-color: rgba(180, 77, 69, .16) !important;
    background: rgba(180, 77, 69, .07) !important;
    color: #b44d45 !important;
}

body.qiyou-app .admin-hero,
body.qiyou-app .admin-section-head,
body.qiyou-app .admin-stats,
body.qiyou-app .admin-quick-grid,
body.qiyou-app .admin-ops-grid,
body.qiyou-app .admin-table-panel,
body.qiyou-app .admin-settings-panel,
body.qiyou-app .admin-members-panel,
body.qiyou-app .admin-recharge-panel,
body.qiyou-app .admin-cdk-panel,
body.qiyou-app .admin-edit-page {
    width: min(1160px, calc(100% - 32px));
}

body.qiyou-app th {
    background: rgba(255, 247, 237, .88);
    color: #806f64;
}

body.qiyou-app th,
body.qiyou-app td {
    border-bottom-color: rgba(133, 99, 68, .16);
}

body.qiyou-app tr:hover td { background: rgba(196, 107, 67, .035); }

body.qiyou-app .admin-filter-tabs a.active,
body.qiyou-app .builder-profile-tabs a.active,
body.qiyou-app .builder-tabs span.active,
body.qiyou-app .member-auth-method-tabs label.active,
body.qiyou-app .builder-style-option input:checked + span {
    border-color: rgba(196, 107, 67, .28);
    background: rgba(196, 107, 67, .1);
    color: #a55735;
}

body.qiyou-app .builder-switch input:checked + i {
    border-color: rgba(196, 107, 67, .76);
    background: #a55735;
}

body.qiyou-app .member-status-pill.danger,
body.qiyou-app .status-pill.danger,
body.qiyou-app .money-out,
body.qiyou-app .builder-profile-delete button,
body.qiyou-app .row-actions form:last-child button { color: #b44d45; }

body.qiyou-app .member-tip b { color: #a55735; }

body.qiyou-app .builder-col label.required-label { color: #2f6fe4; }
body.qiyou-app .builder-col label.optional-label { color: #d9583b; }

body.qiyou-app .member-tip {
    border-color: rgba(196, 107, 67, .18);
    background: rgba(196, 107, 67, .08);
    color: #4a3930;
}

body.qiyou-app button:disabled,
body.qiyou-app .btn:disabled,
body.qiyou-app .builder-btn:disabled,
body.qiyou-app .builder-btn.primary:disabled,
body.qiyou-app form .btn.primary:disabled,
body.qiyou-app form button.btn.primary:disabled {
    border-color: rgba(133, 99, 68, .16);
    background: rgba(226, 211, 197, .58);
    color: rgba(100, 82, 70, .56);
    box-shadow: none;
}

@media (max-width: 1180px) {
    body.qiyou-app.page-admin main { padding-left: 0; }
    body.qiyou-app .admin-nav {
        position: static;
        width: min(1160px, calc(100% - 32px));
        margin: 16px auto 18px;
        height: auto;
    }
}

@media (max-width: 980px) {
    body.qiyou-app .home-hero-v2,
    body.qiyou-app .section-head,
    body.qiyou-app .home-capability-grid,
    body.qiyou-app .home-member-panel {
        grid-template-columns: 1fr;
    }
    body.qiyou-app .home-hero-copy,
    body.qiyou-app .home-console-preview { min-height: auto; }
    body.qiyou-app .home-capability-grid article:first-child { grid-row: auto; }
}

/* Qiyou warm final top layer */
body.qiyou-app {
    --ink: #2c211c;
    --muted: #806f64;
    --line: rgba(133, 99, 68, .2);
    --brand: #a55735;
    --brand-dark: #c46b43;
    --brand-soft: rgba(196, 107, 67, .12);
    --accent: #c9964a;
    --surface: #fffaf4;
    --surface-soft: #f5eadc;
    --warm-ink: #2c211c;
    --warm-ink-2: #4a3930;
    --warm-muted: #806f64;
    --warm-faint: #ad9b8e;
    --warm-bg: #fbf4ea;
    --warm-panel: rgba(255, 250, 244, .9);
    --warm-line: rgba(133, 99, 68, .2);
    --warm-primary: #a55735;
    --warm-primary-2: #c46b43;
    --warm-primary-soft: rgba(196, 107, 67, .12);
    --warm-gold: #c9964a;
    --warm-danger: #b44d45;
    --warm-success: #5e7d4f;
    --warm-shadow-sm: 0 10px 26px rgba(79, 55, 37, .09);
    --warm-shadow-md: 0 24px 58px rgba(79, 55, 37, .13);
    color: var(--warm-ink);
    background:
        radial-gradient(circle at 82% 10%, rgba(201, 150, 74, .16), transparent 31%),
        radial-gradient(circle at 12% 2%, rgba(196, 107, 67, .12), transparent 28%),
        linear-gradient(180deg, #fffaf4 0, #fbf4ea 48%, #f5eadc 100%);
}

body.qiyou-app h1,
body.qiyou-app h2,
body.qiyou-app h3 {
    color: var(--warm-ink);
}

body.qiyou-app p,
body.qiyou-app .muted,
body.qiyou-app small {
    color: var(--warm-muted);
}

body.qiyou-app .topbar {
    min-height: 76px;
    border-bottom-color: var(--warm-line);
    background: rgba(255, 250, 244, .88);
    box-shadow: 0 10px 28px rgba(79, 55, 37, .045);
}

body.qiyou-app .brand {
    color: var(--warm-ink);
}

body.qiyou-app .brand::before,
body.qiyou-app .member-profile b::before {
    background: linear-gradient(145deg, #a55735, #d48655);
    color: #fffaf4;
    box-shadow: 0 12px 22px rgba(165, 87, 53, .2);
}

body.qiyou-app .topbar nav a,
body.qiyou-app .admin-nav a {
    border-radius: 999px;
    color: var(--warm-muted);
}

body.qiyou-app .topbar nav a.active,
body.qiyou-app .topbar nav a:hover,
body.qiyou-app .admin-nav a.active,
body.qiyou-app .admin-nav a:hover,
body.qiyou-app .member-menu a.active,
body.qiyou-app .member-menu a:hover {
    border-color: rgba(196, 107, 67, .22);
    background: rgba(196, 107, 67, .11);
    color: var(--warm-primary);
}

body.qiyou-app .btn,
body.qiyou-app button,
body.qiyou-app .builder-btn,
body.qiyou-app .table-action,
body.qiyou-app .member-tool-actions a,
body.qiyou-app .member-tool-actions button,
body.qiyou-app .builder-profile-create button,
body.qiyou-app .builder-profile-delete button,
body.qiyou-app .builder-profile-redeem button,
body.qiyou-app .builder-inline button,
body.qiyou-app .builder-upload-btn {
    border-color: var(--warm-line);
    border-radius: 7px;
    background: rgba(255, 250, 244, .86);
    color: var(--warm-ink-2);
    box-shadow: 0 1px 2px rgba(55, 38, 27, .05);
}

body.qiyou-app .btn:hover,
body.qiyou-app button:hover,
body.qiyou-app .builder-btn:hover,
body.qiyou-app .table-action:hover,
body.qiyou-app .member-tool-actions a:hover,
body.qiyou-app .member-tool-actions button:hover,
body.qiyou-app .builder-profile-create button:hover,
body.qiyou-app .builder-profile-delete button:hover,
body.qiyou-app .builder-profile-redeem button:hover,
body.qiyou-app .builder-inline button:hover,
body.qiyou-app .builder-upload-btn:hover {
    border-color: rgba(196, 107, 67, .3);
    background: #fffdf9;
    color: var(--warm-primary);
    box-shadow: var(--warm-shadow-sm);
}

body.qiyou-app .btn.primary,
body.qiyou-app button.btn.primary,
body.qiyou-app .inline-form .btn.primary,
body.qiyou-app .builder-btn.primary,
body.qiyou-app form .btn.primary,
body.qiyou-app form button.btn.primary {
    border-color: rgba(165, 87, 53, .16);
    background: linear-gradient(180deg, #c46b43, #a55735);
    color: #fffaf4;
    box-shadow: 0 14px 28px rgba(165, 87, 53, .2);
}

body.qiyou-app .btn.primary:hover,
body.qiyou-app button.btn.primary:hover,
body.qiyou-app .builder-btn.primary:hover,
body.qiyou-app form .btn.primary:hover,
body.qiyou-app form button.btn.primary:hover {
    background: linear-gradient(180deg, #d7774c, #ad5c39);
    color: #fffaf4;
}

body.qiyou-app input,
body.qiyou-app select,
body.qiyou-app textarea {
    border-color: var(--warm-line);
    border-radius: 7px;
    background: rgba(255, 250, 244, .9);
    color: var(--warm-ink);
}

body.qiyou-app input:focus,
body.qiyou-app select:focus,
body.qiyou-app textarea:focus {
    border-color: rgba(196, 107, 67, .52);
    background: #fffdf9;
    box-shadow: 0 0 0 3px rgba(196, 107, 67, .2);
}

body.qiyou-app .eyebrow,
body.qiyou-app .auth-kicker,
body.qiyou-app .member-page-kicker {
    color: var(--warm-primary);
}

body.qiyou-app .home-hero-v2 {
    grid-template-columns: minmax(0, 1.12fr) minmax(390px, .88fr);
    gap: 34px;
    align-items: stretch;
    padding: 48px 0 28px;
}

body.qiyou-app .home-hero-copy {
    min-height: 530px;
    display: grid;
    align-content: center;
    padding: clamp(26px, 4vw, 52px);
    border: 1px solid var(--warm-line);
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(255,250,244,.94), rgba(255,241,224,.72)),
        linear-gradient(90deg, rgba(201,150,74,.12), transparent);
    box-shadow: var(--warm-shadow-md);
}

body.qiyou-app .home-hero-copy h1 {
    font-size: clamp(48px, 6vw, 86px);
    line-height: .96;
}

body.qiyou-app .home-console-preview {
    min-height: 530px;
    align-content: center;
    border-color: var(--warm-line);
    border-radius: 18px;
    background:
        radial-gradient(circle at 85% 14%, rgba(201,150,74,.18), transparent 28%),
        linear-gradient(180deg, rgba(255,250,244,.92), rgba(247,233,216,.78));
    box-shadow: var(--warm-shadow-md);
}

body.qiyou-app .home-preview-window {
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgba(88, 55, 38, .88), rgba(180, 95, 58, .64)),
        linear-gradient(45deg, #8d6044, #d9a46f);
}

body.qiyou-app .home-preview-controls button:last-of-type,
body.qiyou-app .home-preview-controls mark,
body.qiyou-app .builder-live-preview-control button.primary {
    background: linear-gradient(90deg, #c9964a, #c46b43);
}

body.qiyou-app .home-trust-strip span,
body.qiyou-app .home-preview-grid div,
body.qiyou-app .home-preview-status span,
body.qiyou-app .auth-benefits span,
body.qiyou-app .home-capability-grid article span,
body.qiyou-app .home-member-grid span {
    border-color: rgba(196, 107, 67, .18);
    background: rgba(196, 107, 67, .1);
    color: var(--warm-primary);
}

body.qiyou-app .section-head {
    display: grid;
    grid-template-columns: minmax(260px, .75fr) minmax(320px, 1fr);
    gap: 20px;
    align-items: end;
}

body.qiyou-app .section-head .eyebrow {
    grid-column: 1 / -1;
}

body.qiyou-app .home-capability-grid {
    grid-template-columns: 1.15fr .85fr;
}

body.qiyou-app .home-capability-grid article:first-child {
    grid-row: span 2;
}

body.qiyou-app .home-member-panel {
    grid-template-columns: 1fr .9fr;
}

body.qiyou-app .home-console-preview,
body.qiyou-app .auth-intro,
body.qiyou-app .auth-card,
body.qiyou-app .home-capability-grid article,
body.qiyou-app .home-flow-list div,
body.qiyou-app .faq-grid article,
body.qiyou-app .home-member-panel,
body.qiyou-app .home-cta,
body.qiyou-app .member-page-head,
body.qiyou-app .member-console-hero,
body.qiyou-app .member-tools-hero,
body.qiyou-app .member-security-hero,
body.qiyou-app .member-balance-hero,
body.qiyou-app .member-section,
body.qiyou-app .panel,
body.qiyou-app .member-profile-card,
body.qiyou-app .member-dashboard-stats div,
body.qiyou-app .member-downloader-card,
body.qiyou-app .member-tool-card,
body.qiyou-app .member-next-list a,
body.qiyou-app .member-cdk-panel,
body.qiyou-app .member-balance-form,
body.qiyou-app .member-auth-mode-card,
body.qiyou-app .member-auth-placeholder,
body.qiyou-app .cloud-provider-card,
body.qiyou-app .cloud-config-overview article,
body.qiyou-app .cloud-config-panel,
body.qiyou-app .cloud-config-summary,
body.qiyou-app .builder-panel,
body.qiyou-app .builder-live-preview,
body.qiyou-app .builder-style-option span,
body.qiyou-app .builder-profile-panel,
body.qiyou-app .builder-profile-vip,
body.qiyou-app .admin-hero,
body.qiyou-app .admin-section-head,
body.qiyou-app .admin-edit-panel,
body.qiyou-app .admin-setting-group,
body.qiyou-app .admin-table-panel,
body.qiyou-app .admin-settings-panel,
body.qiyou-app .admin-members-panel,
body.qiyou-app .admin-recharge-panel,
body.qiyou-app .admin-cdk-panel,
body.qiyou-app .admin-stats div,
body.qiyou-app .admin-quick-grid a,
body.qiyou-app .admin-ops-card,
body.qiyou-app .admin-audit-grid > div {
    border-color: var(--warm-line);
    border-radius: 10px;
    background: var(--warm-panel);
    box-shadow: var(--warm-shadow-sm);
}

body.qiyou-app.member-admin-page,
body.qiyou-app.member-admin-page main {
    background:
        radial-gradient(circle at 90% 5%, rgba(201,150,74,.11), transparent 28%),
        linear-gradient(180deg, #fff8ef, #f6eadc);
}

body.qiyou-app .member-sidebar {
    background: linear-gradient(180deg, rgba(255,250,244,.96), rgba(244,226,207,.92));
    border-right-color: var(--warm-line);
    box-shadow: 18px 0 42px rgba(79, 55, 37, .08);
}

body.qiyou-app .member-profile {
    border-bottom-color: var(--warm-line);
}

body.qiyou-app .member-profile b {
    color: var(--warm-ink);
}

body.qiyou-app .member-profile span,
body.qiyou-app .member-profile em,
body.qiyou-app .member-side-foot em {
    color: var(--warm-muted);
}

body.qiyou-app .member-menu a,
body.qiyou-app .member-logout {
    color: var(--warm-muted);
    background: transparent;
}

body.qiyou-app .member-menu a.active {
    box-shadow: inset 3px 0 0 var(--warm-primary);
}

body.qiyou-app .member-menu a.active::before,
body.qiyou-app .member-menu a:hover::before {
    background: var(--warm-gold);
}

body.qiyou-app .member-side-foot {
    border-top-color: var(--warm-line);
}

body.qiyou-app .member-logout {
    border-color: var(--warm-line);
    background: rgba(255, 250, 244, .7);
}

body.qiyou-app .member-console-hero,
body.qiyou-app .member-tools-hero,
body.qiyou-app .member-security-hero,
body.qiyou-app .member-balance-hero,
body.qiyou-app .admin-hero {
    background:
        radial-gradient(circle at 92% 12%, rgba(201,150,74,.18), transparent 30%),
        linear-gradient(135deg, rgba(255,250,244,.94), rgba(255,238,219,.76));
}

body.qiyou-app .member-stat-grid b,
body.qiyou-app .admin-stats b,
body.qiyou-app .member-mini-stats dd,
body.qiyou-app .member-balance-hero b,
body.qiyou-app .money-in {
    color: var(--warm-primary);
}

body.qiyou-app .member-section h2::before,
body.qiyou-app .admin-table-panel h2::before,
body.qiyou-app .admin-setting-group header h2::before,
body.qiyou-app .admin-edit-panel h2::before {
    background: linear-gradient(180deg, #c9964a, #c46b43);
}

body.qiyou-app .member-profile-card.active,
body.qiyou-app .builder-profile-vip.active,
body.qiyou-app .cloud-provider-card.active {
    border-color: rgba(196, 107, 67, .3);
    background: linear-gradient(180deg, rgba(255,250,244,.94), rgba(255,239,222,.78));
}

body.qiyou-app .member-profile-card.active em,
body.qiyou-app .member-status-pill.ok,
body.qiyou-app .status-pill.ok,
body.qiyou-app .member-downloader-card.ready em {
    background: rgba(94, 125, 79, .12);
    color: var(--warm-success);
}

body.qiyou-app .member-status-pill.danger,
body.qiyou-app .status-pill.danger,
body.qiyou-app .money-out,
body.qiyou-app .builder-profile-delete button,
body.qiyou-app .row-actions form:last-child button {
    color: var(--warm-danger);
}

body.qiyou-app.page-admin main {
    padding-left: 244px;
}

body.qiyou-app .admin-nav {
    position: fixed;
    left: 18px;
    top: 18px;
    bottom: 18px;
    width: 214px;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 14px;
    border-color: var(--warm-line);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,250,244,.96), rgba(244,226,207,.92));
    box-shadow: 18px 0 42px rgba(79, 55, 37, .08);
}

body.qiyou-app .admin-nav-brand {
    padding: 4px 4px 14px;
    border-right: 0;
    border-bottom: 1px solid var(--warm-line);
}

body.qiyou-app .admin-nav-brand b {
    color: var(--warm-ink);
}

body.qiyou-app .admin-nav-brand span,
body.qiyou-app .admin-nav a span {
    color: var(--warm-muted);
}

body.qiyou-app .admin-nav-group {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

body.qiyou-app .admin-nav a.active {
    box-shadow: inset 3px 0 0 var(--warm-primary);
}

body.qiyou-app .admin-nav-exit {
    margin-top: auto;
    border-color: rgba(180, 77, 69, .16) !important;
    background: rgba(180, 77, 69, .07) !important;
    color: var(--warm-danger) !important;
}

body.qiyou-app .admin-hero,
body.qiyou-app .admin-section-head,
body.qiyou-app .admin-stats,
body.qiyou-app .admin-quick-grid,
body.qiyou-app .admin-ops-grid,
body.qiyou-app .admin-table-panel,
body.qiyou-app .admin-settings-panel,
body.qiyou-app .admin-members-panel,
body.qiyou-app .admin-recharge-panel,
body.qiyou-app .admin-cdk-panel,
body.qiyou-app .admin-edit-page {
    width: min(1160px, calc(100% - 32px));
}

body.qiyou-app .admin-toolbar,
body.qiyou-app .toolbar {
    border-color: var(--warm-line);
    background: rgba(255, 247, 237, .72);
}

body.qiyou-app th {
    background: rgba(255, 247, 237, .88);
    color: var(--warm-muted);
}

body.qiyou-app th,
body.qiyou-app td {
    border-bottom-color: rgba(133, 99, 68, .16);
}

body.qiyou-app tr:hover td {
    background: rgba(196, 107, 67, .035);
}

body.qiyou-app .admin-filter-tabs a.active,
body.qiyou-app .builder-profile-tabs a.active,
body.qiyou-app .builder-tabs span.active,
body.qiyou-app .member-auth-method-tabs label.active,
body.qiyou-app .builder-style-option input:checked + span {
    border-color: rgba(196, 107, 67, .28);
    background: rgba(196, 107, 67, .1);
    color: var(--warm-primary);
}

body.qiyou-app .builder-col {
    border-color: rgba(133, 99, 68, .16);
    background: rgba(255, 250, 244, .56);
}

body.qiyou-app .builder-col label.required-label {
    color: #2f6fe4;
}

body.qiyou-app .builder-col label.optional-label {
    color: #d9583b;
}

body.qiyou-app .builder-switch input:checked + i {
    border-color: rgba(196, 107, 67, .76);
    background: var(--warm-primary);
}

body.qiyou-app .builder-bg-preview,
body.qiyou-app .builder-icon-preview,
body.qiyou-app .member-p139-qr-box,
body.qiyou-app .cloud-config-accordion,
body.qiyou-app .cloud-direct-side div {
    border-color: var(--warm-line);
    background: rgba(255, 250, 244, .74);
}

body.qiyou-app .member-tip {
    border-color: rgba(196, 107, 67, .18);
    background: rgba(196, 107, 67, .08);
    color: var(--warm-ink-2);
}

body.qiyou-app .member-tip b {
    color: var(--warm-primary);
}

body.qiyou-app button:disabled,
body.qiyou-app .btn:disabled,
body.qiyou-app .builder-btn:disabled,
body.qiyou-app .builder-btn.primary:disabled,
body.qiyou-app form .btn.primary:disabled,
body.qiyou-app form button.btn.primary:disabled {
    border-color: rgba(133, 99, 68, .16);
    background: rgba(226, 211, 197, .58);
    color: rgba(100, 82, 70, .56);
}

@media (max-width: 1180px) {
    body.qiyou-app.page-admin main {
        padding-left: 0;
    }

    body.qiyou-app .admin-nav {
        position: static;
        width: min(1160px, calc(100% - 32px));
        margin: 16px auto 18px;
        height: auto;
    }
}

@media (max-width: 980px) {
    body.qiyou-app .home-hero-v2,
    body.qiyou-app .auth-split,
    body.qiyou-app .section-head,
    body.qiyou-app .home-capability-grid,
    body.qiyou-app .home-member-panel {
        grid-template-columns: 1fr;
    }

    body.qiyou-app .home-hero-copy,
    body.qiyou-app .home-console-preview {
        min-height: auto;
    }

    body.qiyou-app .home-capability-grid article:first-child {
        grid-row: auto;
    }

    body.qiyou-app .member-layout {
        grid-template-columns: 1fr;
    }

    body.qiyou-app .member-sidebar {
        position: relative;
        min-height: auto;
        border-right: 0;
        border-bottom: 1px solid var(--warm-line);
    }
}

/* Final micro polish */
.qiyou-app .member-menu a::before {
    width: 7px;
    height: 7px;
    min-width: 7px;
    margin-right: 10px;
    border: 0;
    border-radius: 999px;
    background: currentColor;
    opacity: .48;
}

.qiyou-app .member-menu a.active::before,
.qiyou-app .member-menu a:hover::before {
    background: #d3a567;
    opacity: 1;
}

.qiyou-app .member-section h2::before,
.qiyou-app .admin-table-panel h2::before,
.qiyou-app .admin-setting-group header h2::before,
.qiyou-app .admin-edit-panel h2::before {
    width: 4px;
    height: 18px;
    min-width: 4px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(180deg, #b88746, #25737a);
}

.qiyou-app button:disabled,
.qiyou-app .btn:disabled,
.qiyou-app .builder-btn:disabled,
.qiyou-app .builder-btn.primary:disabled,
.qiyou-app form .btn.primary:disabled,
.qiyou-app form button.btn.primary:disabled {
    border-color: rgba(132,149,171,.2);
    background: rgba(231,236,240,.78);
    color: rgba(89,103,120,.68);
    box-shadow: none;
    transform: none;
    cursor: not-allowed;
}

/* Qiyou warm editorial system 20260710 */
.qiyou-app {
    --warm-ink: #2c211c;
    --warm-ink-2: #4a3930;
    --warm-muted: #806f64;
    --warm-faint: #ad9b8e;
    --warm-bg: #fbf4ea;
    --warm-bg-2: #f5eadc;
    --warm-panel: rgba(255, 250, 244, .88);
    --warm-panel-solid: #fffaf4;
    --warm-line: rgba(133, 99, 68, .2);
    --warm-line-strong: rgba(133, 99, 68, .34);
    --warm-primary: #a55735;
    --warm-primary-2: #c46b43;
    --warm-primary-soft: rgba(196, 107, 67, .12);
    --warm-secondary: #6f4e37;
    --warm-gold: #c9964a;
    --warm-gold-soft: rgba(201, 150, 74, .16);
    --warm-rose: #b65f5d;
    --warm-success: #5e7d4f;
    --warm-warning: #ae732c;
    --warm-danger: #b44d45;
    --warm-radius: 10px;
    --warm-radius-sm: 7px;
    --warm-shadow-xs: 0 1px 2px rgba(55, 38, 27, .05);
    --warm-shadow-sm: 0 10px 26px rgba(79, 55, 37, .09);
    --warm-shadow-md: 0 24px 58px rgba(79, 55, 37, .13);
    --warm-focus: 0 0 0 3px rgba(196, 107, 67, .2);
    --ink: var(--warm-ink);
    --muted: var(--warm-muted);
    --line: var(--warm-line);
    --brand: var(--warm-primary);
    --brand-dark: var(--warm-primary-2);
    --brand-soft: var(--warm-primary-soft);
    --accent: var(--warm-gold);
    --surface: var(--warm-panel-solid);
    --surface-soft: var(--warm-bg-2);
    --radius-sm: var(--warm-radius-sm);
    --radius-md: var(--warm-radius);
    --radius-lg: var(--warm-radius);
    --shadow: var(--warm-shadow-md);
    --shadow-soft: var(--warm-shadow-sm);
    color: var(--warm-ink);
    background:
        radial-gradient(circle at 82% 10%, rgba(201, 150, 74, .16), transparent 31%),
        radial-gradient(circle at 12% 2%, rgba(196, 107, 67, .12), transparent 28%),
        linear-gradient(180deg, #fffaf4 0, #fbf4ea 48%, #f5eadc 100%);
}

.qiyou-app h1,
.qiyou-app h2,
.qiyou-app h3 {
    color: var(--warm-ink);
}

.qiyou-app p,
.qiyou-app .muted,
.qiyou-app small {
    color: var(--warm-muted);
}

.qiyou-app a {
    color: var(--warm-primary);
}

.qiyou-app a:hover {
    color: var(--warm-primary-2);
}

.qiyou-app .topbar {
    min-height: 76px;
    border-bottom: 1px solid var(--warm-line);
    background: rgba(255, 250, 244, .86);
    box-shadow: 0 10px 28px rgba(79, 55, 37, .045);
}

.qiyou-app .brand {
    color: var(--warm-ink);
}

.qiyou-app .brand::before {
    background: linear-gradient(145deg, #a55735, #d48655);
    color: #fff7ef;
    box-shadow: 0 12px 22px rgba(165, 87, 53, .2);
}

.qiyou-app .topbar nav a {
    border-radius: 999px;
    color: var(--warm-muted);
}

.qiyou-app .topbar nav a.active,
.qiyou-app .topbar nav a:hover {
    border-color: rgba(196, 107, 67, .2);
    background: rgba(196, 107, 67, .1);
    color: var(--warm-primary);
}

.qiyou-app input,
.qiyou-app select,
.qiyou-app textarea {
    border-color: var(--warm-line);
    border-radius: var(--warm-radius-sm);
    background: rgba(255, 250, 244, .9);
    color: var(--warm-ink);
}

.qiyou-app input:focus,
.qiyou-app select:focus,
.qiyou-app textarea:focus {
    border-color: rgba(196, 107, 67, .52);
    background: #fffdf9;
    box-shadow: var(--warm-focus);
}

.qiyou-app .btn,
.qiyou-app button,
.qiyou-app .builder-btn,
.qiyou-app .table-action,
.qiyou-app .member-tool-actions a,
.qiyou-app .member-tool-actions button,
.qiyou-app .builder-profile-create button,
.qiyou-app .builder-profile-delete button,
.qiyou-app .builder-profile-redeem button,
.qiyou-app .builder-inline button,
.qiyou-app .builder-upload-btn {
    min-height: 42px;
    border-color: var(--warm-line);
    border-radius: var(--warm-radius-sm);
    background: rgba(255, 250, 244, .86);
    color: var(--warm-ink-2);
    box-shadow: var(--warm-shadow-xs);
}

.qiyou-app .btn:hover,
.qiyou-app button:hover,
.qiyou-app .builder-btn:hover,
.qiyou-app .table-action:hover,
.qiyou-app .member-tool-actions a:hover,
.qiyou-app .member-tool-actions button:hover,
.qiyou-app .builder-profile-create button:hover,
.qiyou-app .builder-profile-delete button:hover,
.qiyou-app .builder-profile-redeem button:hover,
.qiyou-app .builder-inline button:hover,
.qiyou-app .builder-upload-btn:hover {
    border-color: rgba(196, 107, 67, .3);
    background: #fffdf9;
    color: var(--warm-primary);
    box-shadow: var(--warm-shadow-sm);
}

.qiyou-app .btn.primary,
.qiyou-app button.btn.primary,
.qiyou-app .inline-form .btn.primary,
.qiyou-app .builder-btn.primary,
.qiyou-app form .btn.primary,
.qiyou-app form button.btn.primary {
    border-color: rgba(165, 87, 53, .16);
    background: linear-gradient(180deg, #c46b43, #a55735);
    color: #fffaf4;
    box-shadow: 0 14px 28px rgba(165, 87, 53, .2);
}

.qiyou-app .btn.primary:hover,
.qiyou-app button.btn.primary:hover,
.qiyou-app .builder-btn.primary:hover,
.qiyou-app form .btn.primary:hover,
.qiyou-app form button.btn.primary:hover {
    background: linear-gradient(180deg, #d7774c, #ad5c39);
    color: #fffaf4;
    box-shadow: 0 18px 34px rgba(165, 87, 53, .25);
}

.qiyou-app .eyebrow,
.qiyou-app .auth-kicker,
.qiyou-app .member-page-kicker {
    color: var(--warm-primary);
}

.qiyou-app main {
    width: min(1220px, calc(100% - 40px));
}

.qiyou-app .home-hero-v2 {
    min-height: 620px;
    grid-template-columns: minmax(0, 1.12fr) minmax(390px, .88fr);
    gap: 34px;
    align-items: stretch;
    padding: 48px 0 28px;
}

.qiyou-app .home-hero-copy {
    min-height: 530px;
    display: grid;
    align-content: center;
    padding: clamp(26px, 4vw, 52px);
    border: 1px solid var(--warm-line);
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(255,250,244,.94), rgba(255,241,224,.72)),
        linear-gradient(90deg, rgba(201,150,74,.12), transparent);
    box-shadow: var(--warm-shadow-md);
}

.qiyou-app .home-hero-copy h1 {
    max-width: 760px;
    font-size: clamp(48px, 6vw, 86px);
    line-height: .96;
}

.qiyou-app .lead {
    max-width: 720px;
    color: var(--warm-muted);
}

.qiyou-app .home-console-preview {
    min-height: 530px;
    display: grid;
    align-content: center;
    border-color: var(--warm-line);
    border-radius: 18px;
    background:
        radial-gradient(circle at 85% 14%, rgba(201,150,74,.18), transparent 28%),
        linear-gradient(180deg, rgba(255,250,244,.92), rgba(247,233,216,.78));
    box-shadow: var(--warm-shadow-md);
}

.qiyou-app .home-preview-grid div,
.qiyou-app .home-preview-status span,
.qiyou-app .home-trust-strip span,
.qiyou-app .auth-benefits span,
.qiyou-app .home-capability-grid article span,
.qiyou-app .home-member-grid span {
    border-color: rgba(196, 107, 67, .18);
    background: rgba(196, 107, 67, .1);
    color: var(--warm-primary);
}

.qiyou-app .home-preview-window {
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgba(88, 55, 38, .88), rgba(180, 95, 58, .64)),
        linear-gradient(45deg, #8d6044, #d9a46f);
}

.qiyou-app .home-preview-controls,
.qiyou-app .builder-live-preview-control {
    border-color: rgba(255, 244, 232, .48);
    border-radius: 12px;
    background: rgba(255, 244, 232, .32);
}

.qiyou-app .home-preview-controls button:last-of-type,
.qiyou-app .home-preview-controls mark,
.qiyou-app .builder-live-preview-control button.primary {
    background: linear-gradient(90deg, #c9964a, #c46b43);
}

.qiyou-app .home-section,
.qiyou-app .split.home-cta {
    margin-top: 20px;
}

.qiyou-app .section-head {
    display: grid;
    grid-template-columns: minmax(260px, .75fr) minmax(320px, 1fr);
    gap: 20px;
    align-items: end;
}

.qiyou-app .section-head .eyebrow {
    grid-column: 1 / -1;
}

.qiyou-app .section-head h2 {
    margin: 0;
}

.qiyou-app .section-head span {
    color: var(--warm-muted);
}

.qiyou-app .home-capability-grid {
    grid-template-columns: 1.15fr .85fr;
}

.qiyou-app .home-capability-grid article:first-child {
    grid-row: span 2;
}

.qiyou-app .home-flow-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.qiyou-app .home-member-panel {
    grid-template-columns: 1fr .9fr;
}

.qiyou-app .home-capability-grid article,
.qiyou-app .home-flow-list div,
.qiyou-app .faq-grid article,
.qiyou-app .home-member-panel,
.qiyou-app .home-cta,
.qiyou-app .auth-intro,
.qiyou-app .auth-card {
    border-color: var(--warm-line);
    border-radius: 14px;
    background: var(--warm-panel);
    box-shadow: var(--warm-shadow-sm);
}

.qiyou-app .auth-split {
    grid-template-columns: minmax(360px, .86fr) minmax(420px, 1.14fr);
    min-height: calc(100vh - 120px);
}

.qiyou-app .auth-intro {
    order: 2;
    min-height: 560px;
    background:
        radial-gradient(circle at 20% 18%, rgba(201,150,74,.2), transparent 30%),
        linear-gradient(160deg, rgba(255,250,244,.94), rgba(248,229,207,.78));
}

.qiyou-app .auth-panel-wrap {
    order: 1;
}

.qiyou-app .auth-card {
    padding: 34px;
}

.qiyou-app.member-admin-page,
.qiyou-app.member-admin-page main {
    background:
        radial-gradient(circle at 90% 5%, rgba(201,150,74,.11), transparent 28%),
        linear-gradient(180deg, #fff8ef, #f6eadc);
}

.qiyou-app .member-layout {
    grid-template-columns: 236px minmax(0, 1fr);
}

.qiyou-app .member-sidebar {
    padding: 18px 12px;
    background:
        linear-gradient(180deg, rgba(255,250,244,.96), rgba(244,226,207,.92));
    border-right: 1px solid var(--warm-line);
    box-shadow: 18px 0 42px rgba(79, 55, 37, .08);
}

.qiyou-app .member-profile {
    border-bottom-color: var(--warm-line);
}

.qiyou-app .member-profile b {
    color: var(--warm-ink);
}

.qiyou-app .member-profile b::before {
    background: linear-gradient(145deg, #a55735, #d48655);
    color: #fffaf4;
}

.qiyou-app .member-profile span,
.qiyou-app .member-profile em,
.qiyou-app .member-side-foot em {
    color: var(--warm-muted);
}

.qiyou-app .member-menu a,
.qiyou-app .member-logout {
    min-height: 42px;
    color: var(--warm-muted);
    background: transparent;
}

.qiyou-app .member-menu a:hover,
.qiyou-app .member-menu a.active {
    border-color: rgba(196, 107, 67, .2);
    background: rgba(196, 107, 67, .1);
    color: var(--warm-primary);
}

.qiyou-app .member-menu a.active {
    box-shadow: inset 3px 0 0 var(--warm-primary);
}

.qiyou-app .member-menu a::before {
    background: currentColor;
}

.qiyou-app .member-menu a.active::before,
.qiyou-app .member-menu a:hover::before {
    background: var(--warm-gold);
}

.qiyou-app .member-side-foot {
    border-top-color: var(--warm-line);
}

.qiyou-app .member-logout {
    border-color: var(--warm-line);
    background: rgba(255, 250, 244, .7);
}

.qiyou-app .member-content {
    padding: 24px clamp(18px, 2.6vw, 32px) 54px;
}

.qiyou-app .member-page-head,
.qiyou-app .member-console-hero,
.qiyou-app .member-tools-hero,
.qiyou-app .member-security-hero,
.qiyou-app .member-balance-hero,
.qiyou-app .member-section,
.qiyou-app .panel,
.qiyou-app .member-profile-card,
.qiyou-app .member-dashboard-stats div,
.qiyou-app .member-downloader-card,
.qiyou-app .member-tool-card,
.qiyou-app .member-next-list a,
.qiyou-app .member-cdk-panel,
.qiyou-app .member-balance-form,
.qiyou-app .member-auth-mode-card,
.qiyou-app .member-auth-placeholder,
.qiyou-app .cloud-provider-card,
.qiyou-app .cloud-config-overview article,
.qiyou-app .cloud-config-panel,
.qiyou-app .cloud-config-summary,
.qiyou-app .builder-panel,
.qiyou-app .builder-live-preview,
.qiyou-app .builder-style-option span,
.qiyou-app .builder-profile-panel,
.qiyou-app .builder-profile-vip {
    border-color: var(--warm-line);
    border-radius: var(--warm-radius);
    background: var(--warm-panel);
    box-shadow: var(--warm-shadow-sm);
}

.qiyou-app .member-console-hero,
.qiyou-app .member-tools-hero,
.qiyou-app .member-security-hero,
.qiyou-app .member-balance-hero {
    background:
        linear-gradient(135deg, rgba(255,250,244,.92), rgba(255,238,219,.74)),
        linear-gradient(90deg, rgba(196,107,67,.08), transparent);
}

.qiyou-app .member-stat-grid b,
.qiyou-app .admin-stats b,
.qiyou-app .member-mini-stats dd,
.qiyou-app .member-balance-hero b,
.qiyou-app .money-in {
    color: var(--warm-primary);
}

.qiyou-app .member-section h2::before,
.qiyou-app .admin-table-panel h2::before,
.qiyou-app .admin-setting-group header h2::before,
.qiyou-app .admin-edit-panel h2::before {
    background: linear-gradient(180deg, #c9964a, #c46b43);
}

.qiyou-app .member-profile-card.active,
.qiyou-app .builder-profile-vip.active,
.qiyou-app .cloud-provider-card.active {
    border-color: rgba(196, 107, 67, .3);
    background: linear-gradient(180deg, rgba(255,250,244,.94), rgba(255,239,222,.78));
    box-shadow: 0 14px 32px rgba(165, 87, 53, .1);
}

.qiyou-app .member-profile-card.active em,
.qiyou-app .member-status-pill.ok,
.qiyou-app .status-pill.ok,
.qiyou-app .member-downloader-card.ready em {
    background: rgba(94, 125, 79, .12);
    color: var(--warm-success);
}

.qiyou-app .member-profile-card.pending em,
.qiyou-app .member-status-pill.warn,
.qiyou-app .status-pill.warn,
.qiyou-app .member-downloader-card.warning em {
    background: rgba(201, 150, 74, .16);
    color: var(--warm-warning);
}

.qiyou-app .member-status-pill.danger,
.qiyou-app .status-pill.danger,
.qiyou-app .money-out,
.qiyou-app .builder-profile-delete button,
.qiyou-app .row-actions form:last-child button {
    color: var(--warm-danger);
}

.qiyou-app.page-admin main {
    padding-left: 244px;
}

.qiyou-app .admin-nav {
    position: fixed;
    left: 18px;
    top: 18px;
    bottom: 18px;
    width: 214px;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 14px;
    border-color: var(--warm-line);
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255,250,244,.96), rgba(244,226,207,.92));
    box-shadow: 18px 0 42px rgba(79, 55, 37, .08);
}

.qiyou-app .admin-nav-brand {
    min-height: auto;
    padding: 4px 4px 14px;
    border-right: 0;
    border-bottom: 1px solid var(--warm-line);
}

.qiyou-app .admin-nav-brand b {
    color: var(--warm-ink);
}

.qiyou-app .admin-nav-brand span,
.qiyou-app .admin-nav a span {
    color: var(--warm-muted);
}

.qiyou-app .admin-nav-group {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.qiyou-app .admin-nav a {
    min-height: 52px;
    border-color: transparent;
    color: var(--warm-muted);
}

.qiyou-app .admin-nav a:hover,
.qiyou-app .admin-nav a.active {
    border-color: rgba(196, 107, 67, .2);
    background: rgba(196, 107, 67, .1);
    color: var(--warm-primary);
}

.qiyou-app .admin-nav a.active {
    box-shadow: inset 3px 0 0 var(--warm-primary);
}

.qiyou-app .admin-nav-exit {
    margin-top: auto;
    border-color: rgba(180, 77, 69, .16) !important;
    background: rgba(180, 77, 69, .07) !important;
    color: var(--warm-danger) !important;
}

.qiyou-app .admin-hero,
.qiyou-app .admin-section-head,
.qiyou-app .admin-stats,
.qiyou-app .admin-quick-grid,
.qiyou-app .admin-ops-grid,
.qiyou-app .admin-table-panel,
.qiyou-app .admin-settings-panel,
.qiyou-app .admin-members-panel,
.qiyou-app .admin-recharge-panel,
.qiyou-app .admin-cdk-panel,
.qiyou-app .admin-edit-page {
    width: min(1160px, calc(100% - 32px));
}

.qiyou-app .admin-hero,
.qiyou-app .admin-section-head,
.qiyou-app .admin-edit-panel,
.qiyou-app .admin-setting-group,
.qiyou-app .admin-table-panel,
.qiyou-app .admin-settings-panel,
.qiyou-app .admin-members-panel,
.qiyou-app .admin-recharge-panel,
.qiyou-app .admin-cdk-panel,
.qiyou-app .admin-stats div,
.qiyou-app .admin-quick-grid a,
.qiyou-app .admin-ops-card,
.qiyou-app .admin-audit-grid > div {
    border-color: var(--warm-line);
    border-radius: var(--warm-radius);
    background: var(--warm-panel);
    box-shadow: var(--warm-shadow-sm);
}

.qiyou-app .admin-hero {
    min-height: 168px;
    align-items: center;
    background:
        radial-gradient(circle at 92% 12%, rgba(201,150,74,.18), transparent 30%),
        linear-gradient(135deg, rgba(255,250,244,.94), rgba(255,238,219,.76));
}

.qiyou-app .admin-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.qiyou-app .admin-toolbar,
.qiyou-app .toolbar {
    border-color: var(--warm-line);
    background: rgba(255, 247, 237, .72);
}

.qiyou-app th {
    background: rgba(255, 247, 237, .88);
    color: var(--warm-muted);
}

.qiyou-app th,
.qiyou-app td {
    border-bottom-color: rgba(133, 99, 68, .16);
}

.qiyou-app tr:hover td {
    background: rgba(196, 107, 67, .035);
}

.qiyou-app .admin-filter-tabs a.active,
.qiyou-app .builder-profile-tabs a.active,
.qiyou-app .builder-tabs span.active,
.qiyou-app .member-auth-method-tabs label.active,
.qiyou-app .builder-style-option input:checked + span {
    border-color: rgba(196, 107, 67, .28);
    background: rgba(196, 107, 67, .1);
    color: var(--warm-primary);
}

.qiyou-app .builder-col {
    border-color: rgba(133, 99, 68, .16);
    background: rgba(255, 250, 244, .56);
}

.qiyou-app .builder-col label.required-label {
    color: #2f6fe4;
}

.qiyou-app .builder-col label.optional-label {
    color: #d9583b;
}

.qiyou-app .builder-switch input:checked + i {
    border-color: rgba(196, 107, 67, .76);
    background: var(--warm-primary);
}

.qiyou-app .builder-bg-preview,
.qiyou-app .builder-icon-preview,
.qiyou-app .member-p139-qr-box,
.qiyou-app .cloud-config-accordion,
.qiyou-app .cloud-direct-side div {
    border-color: var(--warm-line);
    background: rgba(255, 250, 244, .74);
}

.qiyou-app .member-tip {
    border-color: rgba(196, 107, 67, .18);
    background: rgba(196, 107, 67, .08);
    color: var(--warm-ink-2);
}

.qiyou-app .member-tip b {
    color: var(--warm-primary);
}

.qiyou-app .member-tip.danger,
.qiyou-app .member-tool-result.error,
.qiyou-app .builder-precheck-result.error {
    border-color: rgba(180, 77, 69, .2);
    background: rgba(180, 77, 69, .08);
    color: var(--warm-danger);
}

.qiyou-app .member-tool-result.success,
.qiyou-app .builder-precheck-result.success {
    border-color: rgba(94, 125, 79, .2);
    background: rgba(94, 125, 79, .1);
    color: var(--warm-success);
}

.qiyou-app .cloud-cookie-guide {
    border-color: rgba(201, 150, 74, .24);
    background: rgba(201, 150, 74, .1);
}

.qiyou-app button:disabled,
.qiyou-app .btn:disabled,
.qiyou-app .builder-btn:disabled,
.qiyou-app .builder-btn.primary:disabled,
.qiyou-app form .btn.primary:disabled,
.qiyou-app form button.btn.primary:disabled {
    border-color: rgba(133, 99, 68, .16);
    background: rgba(226, 211, 197, .58);
    color: rgba(100, 82, 70, .56);
}

@media (max-width: 1180px) {
    .qiyou-app.page-admin main {
        padding-left: 0;
    }

    .qiyou-app .admin-nav {
        position: static;
        width: min(1160px, calc(100% - 32px));
        margin: 16px auto 18px;
        height: auto;
    }
}

@media (max-width: 980px) {
    .qiyou-app .home-hero-v2,
    .qiyou-app .auth-split {
        grid-template-columns: 1fr;
    }

    .qiyou-app .home-hero-copy,
    .qiyou-app .home-console-preview,
    .qiyou-app .auth-intro {
        min-height: auto;
    }

    .qiyou-app .section-head,
    .qiyou-app .home-capability-grid,
    .qiyou-app .home-flow-list,
    .qiyou-app .home-member-panel {
        grid-template-columns: 1fr;
    }

    .qiyou-app .home-capability-grid article:first-child {
        grid-row: auto;
    }

    .qiyou-app .auth-intro,
    .qiyou-app .auth-panel-wrap {
        order: initial;
    }

    .qiyou-app .member-layout {
        grid-template-columns: 1fr;
    }

    .qiyou-app .member-sidebar {
        position: relative;
        min-height: auto;
        border-right: 0;
        border-bottom: 1px solid var(--warm-line);
    }

    .qiyou-app .member-menu {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .qiyou-app .admin-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .qiyou-app main {
        width: min(100% - 24px, 1220px);
    }

    .qiyou-app .topbar {
        gap: 12px;
    }

    .qiyou-app .home-hero-copy {
        padding: 22px;
    }

    .qiyou-app .home-hero-copy h1 {
        font-size: 40px;
    }

    .qiyou-app .member-menu,
    .qiyou-app .admin-stats {
        grid-template-columns: 1fr;
    }
}

* { box-sizing: border-box; }
html, body { overflow-x: hidden; }
body {
    margin: 0;
    font-family: "Microsoft YaHei", "PingFang SC", "Segoe UI", Arial, sans-serif;
    color: var(--ink);
    background: #f8fafc;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
body.member-admin-page {
    background: #f3f6fa;
}
body.member-admin-page .topbar,
body.member-admin-page footer {
    display: none;
}
body.member-admin-page main {
    width: 100%;
    margin: 0;
}

a { color: var(--brand); text-decoration: none; }
a:hover { color: var(--brand-dark); }
main { width: min(1120px, calc(100% - 32px)); margin: 0 auto; }
input,
select,
textarea,
button {
    font-family: inherit;
}
input,
select,
textarea {
    color: var(--ink);
}
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible,
a:focus-visible {
    outline: none;
    box-shadow: var(--focus-ring);
}
button:disabled,
.btn[disabled],
input:disabled,
select:disabled,
textarea:disabled {
    cursor: not-allowed;
    opacity: .55;
}
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

.topbar {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 16px max(16px, calc((100vw - 1120px) / 2));
    background: rgba(248, 250, 252, .92);
    border-bottom: 1px solid var(--line);
    backdrop-filter: blur(12px);
}

.brand { font-size: 20px; font-weight: 800; color: var(--ink); }
.topbar nav { display: flex; gap: 10px; align-items: center; }
.topbar nav a {
    padding: 8px 12px;
    border-radius: var(--radius-sm);
    color: #354052;
    transition: background .18s var(--ease-ui), color .18s var(--ease-ui);
}
.topbar nav a.active,
.topbar nav a:hover { background: var(--brand-soft); color: var(--brand-dark); }

.hero {
    min-height: 560px;
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 42px;
    align-items: center;
    padding: 56px 0 36px;
}
.home-hero {
    min-height: 620px;
    padding-top: 48px;
    padding-bottom: 28px;
}
.home-hero-v2 {
    min-height: 620px;
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
    gap: 40px;
    align-items: center;
    padding: 54px 0 34px;
}
.home-hero-copy h1 {
    max-width: 640px;
    margin-bottom: 16px;
    font-size: clamp(42px, 6vw, 72px);
    line-height: 1.02;
}
.home-hero-actions {
    margin-top: 26px;
}
.home-trust-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
}
.home-trust-strip span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 11px;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    background: rgba(239, 246, 255, .82);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 800;
}
.home-console-preview {
    position: relative;
    overflow: hidden;
    min-height: 430px;
    padding: 18px;
    border: 1px solid #dbe7f5;
    border-radius: 10px;
    background:
        radial-gradient(circle at 18% 12%, rgba(37, 99, 235, .16), transparent 28%),
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(241, 247, 255, .9));
    box-shadow: var(--shadow);
}
.home-console-preview::after {
    content: "";
    position: absolute;
    inset: auto -80px -120px auto;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: rgba(15, 118, 110, .11);
    pointer-events: none;
}
.home-preview-top,
.home-preview-status {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.home-preview-top {
    margin-bottom: 14px;
}
.home-preview-top b {
    display: block;
    font-size: 18px;
}
.home-preview-top span,
.home-preview-grid span,
.home-preview-status span {
    color: var(--muted);
    font-size: 12px;
}
.home-preview-top em {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: var(--accent-soft);
    color: var(--success);
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
}
.home-preview-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}
.home-preview-grid div {
    padding: 12px;
    border: 1px solid #e1e9f4;
    border-radius: 8px;
    background: rgba(255, 255, 255, .82);
}
.home-preview-grid b {
    display: block;
    margin-top: 4px;
    font-size: 22px;
}
.home-preview-window {
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 230px;
    border: 1px solid rgba(255, 255, 255, .64);
    border-radius: 10px;
    background: linear-gradient(135deg, #18324f, #5f7fa3);
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .12);
}
.home-preview-art {
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.home-preview-art span {
    position: absolute;
    display: block;
    background: rgba(255, 255, 255, .62);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.home-preview-art span:nth-child(1) {
    left: 34px;
    bottom: 68px;
    width: 120px;
    height: 78px;
}
.home-preview-art span:nth-child(2) {
    right: 42px;
    bottom: 70px;
    width: 116px;
    height: 86px;
    opacity: .82;
}
.home-preview-art span:nth-child(3) {
    right: 88px;
    top: 28px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    clip-path: none;
    opacity: .45;
}
.home-preview-art strong {
    position: absolute;
    left: 18px;
    top: 18px;
    color: #fff;
    font-size: 18px;
    text-shadow: 0 2px 14px rgba(0, 0, 0, .34);
}
.home-preview-controls {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 14px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 52px 58px;
    grid-template-rows: 32px 20px 6px;
    gap: 6px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .46);
    border-radius: 10px;
    background: rgba(255, 255, 255, .3);
    backdrop-filter: blur(12px);
}
.home-preview-controls i,
.home-preview-controls button {
    min-width: 0;
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
}
.home-preview-controls i {
    justify-content: flex-start;
    padding: 0 10px;
    background: rgba(255, 255, 255, .72);
    color: #475569;
}
.home-preview-controls button {
    padding: 0;
    border-color: transparent;
    background: rgba(255, 255, 255, .78);
    color: #1e293b;
}
.home-preview-controls button:last-of-type {
    background: var(--brand);
    color: #fff;
}
.home-preview-controls p {
    grid-column: 1 / 3;
    margin: 0;
    color: #fff;
    font-size: 11px;
    line-height: 20px;
    text-shadow: 0 1px 10px rgba(0, 0, 0, .3);
}
.home-preview-controls div {
    grid-column: 1 / -1;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, .62);
}
.home-preview-controls mark {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #60a5fa, #2563eb);
}
.home-preview-status {
    margin-top: 14px;
}
.home-preview-status span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: rgba(255, 255, 255, .72);
}
.home-preview-status b {
    color: var(--ink);
}
.eyebrow {
    color: var(--accent);
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}
h1 { font-size: 48px; line-height: 1.1; margin: 12px 0 18px; letter-spacing: 0; }
h2 { font-size: 24px; margin: 0 0 12px; letter-spacing: 0; }
p { line-height: 1.8; }
p, h1, h2, a, b, span, em, td, th { overflow-wrap: anywhere; }
.lead { max-width: 620px; font-size: 18px; color: var(--muted); }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.hero-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 28px;
    max-width: 560px;
}
.hero-metrics div {
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
}
.hero-metrics b { display: block; font-size: 20px; margin-bottom: 4px; }
.hero-metrics span { color: var(--muted); font-size: 14px; }

.btn,
button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 18px;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    transition: background .18s var(--ease-ui), border-color .18s var(--ease-ui), color .18s var(--ease-ui), transform .18s var(--ease-ui), box-shadow .18s var(--ease-ui);
}
.btn.primary,
button.btn.primary,
.inline-form .btn.primary {
    background: var(--brand);
    color: #fff;
}
.btn.primary:hover,
button.btn.primary:hover,
.inline-form .btn.primary:hover {
    background: var(--brand-dark);
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(37, 99, 235, .2);
}
.btn.ghost {
    background: #fff;
    color: var(--ink);
    border-color: var(--line);
}
.btn.ghost:hover {
    background: var(--brand-soft);
    border-color: #bfdbfe;
}

.product-shot {
    min-height: 380px;
    border-radius: 8px;
    padding: 22px;
    background: linear-gradient(145deg, #ffffff, #eef5f2);
    border: 1px solid #cfddd8;
    box-shadow: var(--shadow);
}
.home-product-shot p {
    margin: -12px 0 20px;
    color: #5f6f80;
}
.home-shot-panel {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 20px;
}
.home-shot-panel div {
    padding: 12px;
    border: 1px solid #dbe8e4;
    border-radius: 7px;
    background: rgba(255,255,255,.7);
}
.home-shot-panel span {
    display: block;
    margin-bottom: 6px;
    color: #738091;
    font-size: 12px;
}
.home-shot-panel b {
    color: var(--brand-dark);
    font-size: 14px;
}
.window-bar { display: flex; gap: 7px; margin-bottom: 28px; }
.window-bar span { width: 11px; height: 11px; border-radius: 50%; background: #d5dde6; }
.window-bar span:first-child { background: #d44f31; }
.shot-title { font-size: 30px; font-weight: 900; margin-bottom: 28px; }
.progress { height: 14px; border-radius: 999px; background: #dfe8ed; overflow: hidden; margin-bottom: 26px; }
.progress i { display: block; height: 100%; background: var(--brand); }
.shot-grid {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    padding: 20px;
    border-radius: 8px;
    background: rgba(255,255,255,.78);
}
.shot-grid em { color: var(--brand-dark); font-style: normal; font-weight: 800; }

.features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    padding: 18px 0 54px;
}
.features article,
.panel,
.split {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(24, 32, 42, .06);
}
.features article { padding: 24px; }
.features article span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 28px;
    margin-bottom: 18px;
    border-radius: 6px;
    background: #eef4ff;
    color: var(--blue);
    font-weight: 900;
}
.features p,
.split p,
.muted { color: var(--muted); }
.home-section {
    padding: 34px 0;
}
.section-head {
    margin-bottom: 18px;
}
.section-head span {
    display: block;
    max-width: 720px;
    color: var(--muted);
    line-height: 1.8;
}
.workflow { padding: 22px 0 42px; }
.home-features {
    padding-bottom: 18px;
}
.home-capability {
    padding-top: 28px;
}
.home-capability-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}
.home-capability-grid article {
    min-height: 198px;
    display: flex;
    flex-direction: column;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    box-shadow: var(--shadow-soft);
}
.home-capability-grid article span {
    width: max-content;
    margin-bottom: 18px;
    padding: 5px 9px;
    border-radius: 999px;
    background: var(--brand-soft);
    color: var(--brand);
    font-size: 12px;
    font-weight: 900;
}
.home-capability-grid h2 {
    font-size: 18px;
}
.home-capability-grid p {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.7;
}
.home-capability-grid article b {
    margin-top: auto;
    padding-top: 16px;
    color: var(--brand-dark);
    font-size: 13px;
}
.home-workflow-v2 {
    padding-top: 40px;
}
.home-flow-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--line);
    box-shadow: var(--shadow-soft);
}
.home-flow-list div {
    min-height: 154px;
    padding: 20px;
    background: #fff;
}
.home-flow-list b {
    display: block;
    margin-bottom: 8px;
    color: var(--ink);
}
.home-flow-list p {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
}
.steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}
.steps div {
    min-height: 138px;
    padding: 20px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
}
.steps b { display: block; margin-bottom: 8px; }
.steps p { margin: 0; color: var(--muted); }
.split {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 28px;
    margin-bottom: 48px;
}
.home-member-panel {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 18px;
    align-items: center;
    padding: 28px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(24, 32, 42, .05);
}
.home-member-panel p {
    color: var(--muted);
}
.home-member-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.home-member-grid span {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e8f0;
    border-radius: 7px;
    background: #f8fafc;
    color: #334154;
    font-weight: 900;
}
.faq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.faq-grid article {
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
}
.faq-grid b {
    display: block;
    margin-bottom: 8px;
}
.faq-grid p {
    margin: 0;
    color: var(--muted);
}
.home-cta .actions {
    margin-top: 0;
    flex: 0 0 auto;
}

.auth {
    min-height: 620px;
    display: grid;
    place-items: center;
}
.auth-split {
    grid-template-columns: minmax(0, .95fr) minmax(360px, .64fr);
    gap: 28px;
    align-items: center;
    place-items: stretch;
    padding: 46px 0;
}
.auth-intro {
    align-self: stretch;
    display: grid;
    align-content: center;
    min-height: 520px;
    padding: 34px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: linear-gradient(145deg, #ffffff 0%, #f1f7f5 100%);
    box-shadow: 0 10px 28px rgba(24, 32, 42, .05);
}
.auth-intro h1 {
    max-width: 560px;
    margin-top: 8px;
}
.auth-intro p {
    max-width: 620px;
    color: var(--muted);
    font-size: 17px;
}
.auth-benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 26px;
}
.auth-benefits span {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border: 1px solid #dce8e4;
    border-radius: 6px;
    background: rgba(255,255,255,.72);
    color: #31564d;
    font-weight: 900;
    font-size: 13px;
    text-align: center;
}
.auth-panel-wrap {
    display: grid;
    align-content: center;
}
.auth-card {
    width: 100%;
    padding: 28px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 40px rgba(24, 32, 42, .08);
}
.auth-card h1 {
    margin: 6px 0 8px;
    font-size: 28px;
}
.auth-card .muted {
    margin-top: 0;
}
.auth-kicker {
    color: var(--brand);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
}
.auth-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 2px 0 0;
    color: var(--muted);
    font-size: 14px;
}
.panel { padding: 26px; margin: 28px 0; }
.form { width: min(460px, 100%); display: grid; gap: 16px; }
.auth-card.form { width: 100%; }
.form.two { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form.compact { width: 100%; }
label { display: grid; gap: 8px; font-weight: 700; }
input {
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid var(--line);
    border-radius: 6px;
    font: inherit;
}
textarea {
    width: 100%;
    min-height: 92px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: 6px;
    font: inherit;
    resize: vertical;
}
input:focus { outline: 3px solid #dff0ea; border-color: var(--brand); }
textarea:focus { outline: 3px solid #dff0ea; border-color: var(--brand); }

.alert {
    position: relative;
    min-height: 42px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 12px;
    padding: 11px 13px;
    border: 1px solid rgba(220, 38, 38, .18);
    border-radius: var(--radius-md);
    background: rgba(254, 242, 242, .82);
    color: #991b1b;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.55;
    box-shadow: 0 10px 24px rgba(153, 27, 27, .045);
}
.alert::before {
    content: "";
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    margin-top: 6px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 4px rgba(220, 38, 38, .1);
}
.alert.success {
    border-color: rgba(5, 150, 105, .18);
    background: rgba(236, 253, 245, .82);
    color: #047857;
    box-shadow: 0 10px 24px rgba(4, 120, 87, .04);
}
.alert.success::before {
    box-shadow: 0 0 0 4px rgba(5, 150, 105, .1);
}

.member-grid {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 22px;
    padding-top: 42px;
}
.member-layout {
    display: grid;
    grid-template-columns: 212px minmax(0, 1fr);
    min-height: 100vh;
    align-items: stretch;
    padding: 0;
    background: linear-gradient(180deg, #f8fbff 0%, #f3f6fa 100%);
}
.member-sidebar {
    position: sticky;
    top: 0;
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 14px;
    padding: 22px 16px;
    border-right: 1px solid var(--line);
    border-radius: 0;
    background: rgba(255, 255, 255, .92);
    box-shadow: 10px 0 28px rgba(15, 23, 42, .045);
    backdrop-filter: blur(14px);
}
.member-profile {
    display: grid;
    gap: 4px;
    padding: 0 0 18px;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    background: transparent;
}
.member-profile span {
    color: #8090a7;
    font-size: 12px;
    font-weight: 700;
}
.member-profile b {
    color: var(--ink);
    font-size: 18px;
}
.member-profile em {
    color: var(--muted);
    font-style: normal;
}
.member-menu {
    display: grid;
    align-content: start;
    gap: 8px;
}
.member-menu a,
.member-logout {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    background: transparent;
    color: #42526a;
    font-size: 14px;
    font-weight: 800;
    transition: background .18s var(--ease-ui), border-color .18s var(--ease-ui), color .18s var(--ease-ui), box-shadow .18s var(--ease-ui);
}
.member-menu a::before {
    content: "";
    width: 18px;
    height: 18px;
    margin-right: 9px;
    border-radius: 5px;
    background: #eff6ff;
    border: 1px solid #dbeafe;
}
.member-menu a.active,
.member-menu a:hover {
    border-color: #bfdbfe;
    background: var(--brand-soft);
    color: var(--brand-dark);
    box-shadow: inset 3px 0 0 var(--brand);
}
.member-side-foot {
    display: grid;
    gap: 10px;
    padding-top: 14px;
    border-top: 1px solid var(--line);
}
.member-side-foot em {
    color: #8090a7;
    font-style: normal;
    font-size: 13px;
    overflow-wrap: anywhere;
}
.member-logout {
    justify-content: center;
    color: #5d6b80;
    background: #f8fafc;
    border-color: var(--line);
}
.member-logout:hover {
    background: #fff1f2;
    border-color: #fecdd3;
    color: #be123c;
}
.member-content {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 12px;
    padding: 28px 30px 64px;
}
.member-page-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 0 0 10px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.member-page-head h1 {
    margin: 0;
    font-size: 24px;
}
.member-head-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.member-page-kicker {
    display: block;
    margin-bottom: 6px;
    color: var(--brand);
    font-size: 12px;
    font-weight: 900;
}
.member-page-head p {
    margin: 8px 0 0;
    color: #6f7f91;
    font-size: 14px;
}
.member-console-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, .52fr);
    gap: 18px;
    padding: 18px;
    border: 1px solid #e6edf7;
    border-radius: 6px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}
.member-console-hero span {
    display: inline-flex;
    margin-bottom: 8px;
    color: #4d83d7;
    font-size: 12px;
    font-weight: 900;
}
.member-console-hero h2 {
    margin: 0 0 8px;
    color: #1f3048;
    font-size: 24px;
}
.member-console-hero p {
    max-width: 680px;
    margin: 0;
    color: #65758d;
    line-height: 1.75;
}
.member-console-hero dl {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 10px 12px;
    align-self: center;
    margin: 0;
    padding: 14px;
    border: 1px solid #edf2f8;
    border-radius: 5px;
    background: rgba(255, 255, 255, .7);
}
.member-console-hero dt {
    color: #8291a7;
    font-size: 12px;
    font-weight: 800;
}
.member-console-hero dd {
    margin: 0;
    color: #34445a;
    font-size: 13px;
    overflow-wrap: anywhere;
}
.member-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}
.member-hero-actions a,
.member-section-head > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid #dce8f7;
    border-radius: 6px;
    background: rgba(255, 255, 255, .7);
    color: #356b95;
    font-size: 13px;
    font-weight: 900;
}
.member-dashboard-stats div {
    min-height: 86px;
}
.member-dashboard-stats em {
    display: block;
    margin-top: 6px;
    color: #8391a5;
    font-size: 12px;
    font-style: normal;
}
.member-dashboard-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 12px;
    align-items: start;
}
.member-dashboard-side {
    display: grid;
    gap: 12px;
}
.member-dashboard-main {
    min-width: 0;
}
.member-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}
.member-section-head h2 {
    margin-bottom: 5px;
}
.member-section-head p {
    margin: 0;
    color: #7d8ca1;
    font-size: 13px;
    line-height: 1.55;
}
.member-next-list {
    display: grid;
    gap: 9px;
}
.member-next-list a {
    display: grid;
    gap: 4px;
    min-height: 66px;
    padding: 12px;
    border: 1px solid #edf1f6;
    border-radius: 6px;
    background: rgba(248, 250, 253, .78);
    color: #34445a;
}
.member-next-list b {
    color: #263951;
    font-size: 14px;
}
.member-next-list span,
.member-latest-card p {
    margin: 0;
    color: #7a8aa1;
    font-size: 13px;
    line-height: 1.55;
}
.member-latest-card {
    display: grid;
    gap: 10px;
}
.member-cdk-panel {
    padding: 12px;
    border: 1px solid #edf1f6;
    border-radius: 6px;
    background: rgba(248, 250, 253, .72);
}
.member-tools-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, .48fr);
    gap: 18px;
    padding: 18px;
    border: 1px solid #e6edf7;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .72), rgba(246, 250, 254, .72));
}
.member-tools-hero span {
    display: inline-flex;
    margin-bottom: 8px;
    color: #4d83d7;
    font-size: 12px;
    font-weight: 900;
}
.member-tools-hero h2 {
    margin: 0 0 8px;
    color: #1f3048;
    font-size: 24px;
}
.member-tools-hero p {
    max-width: 700px;
    margin: 0;
    color: #65758d;
    line-height: 1.75;
}
.member-tools-hero dl {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 10px 12px;
    align-self: center;
    margin: 0;
    padding: 14px;
    border: 1px solid #edf2f8;
    border-radius: 6px;
    background: rgba(255, 255, 255, .58);
}
.member-tools-hero dt {
    color: #8291a7;
    font-size: 12px;
    font-weight: 800;
}
.member-tools-hero dd {
    margin: 0;
    color: #34445a;
    font-size: 13px;
    font-weight: 800;
    overflow-wrap: anywhere;
}
.member-tools-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.member-tool-card {
    min-height: 230px;
    display: grid;
    align-content: start;
    gap: 14px;
}
.member-tool-inline {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
}
.member-tool-inline input,
.member-file-tool {
    min-height: 40px;
    border: 1px solid #dfe7f1;
    border-radius: 7px;
    background: rgba(255, 255, 255, .62);
}
.member-file-tool {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 12px;
    color: #356b95;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}
.member-file-tool input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}
.member-tool-result {
    min-height: 58px;
    display: grid;
    align-content: center;
    gap: 4px;
    padding: 11px 12px;
    border: 1px solid rgba(203, 213, 225, .62);
    border-radius: var(--radius-md);
    background: rgba(248, 251, 255, .74);
    color: #475569;
    font-size: 13px;
    line-height: 1.6;
    overflow-wrap: anywhere;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
}
.member-tool-result.success {
    border-color: rgba(37, 99, 235, .18);
    background: rgba(239, 246, 255, .86);
    color: var(--brand-dark);
}
.member-tool-result.error {
    border-color: rgba(220, 38, 38, .18);
    background: rgba(254, 242, 242, .82);
    color: #991b1b;
}
.member-tool-actions,
.member-tool-profile-list {
    display: grid;
    gap: 9px;
}
.member-tool-actions.compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.member-tool-actions.cloud-direct-actions {
    grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
}
.member-tool-actions a,
.member-tool-actions button,
.member-tool-profile-list a {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid #edf1f6;
    border-radius: 7px;
    background: rgba(248, 250, 253, .72);
    color: #34445a;
    font-size: 13px;
    font-weight: 900;
}
.member-tool-actions button {
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.member-tool-actions.cloud-direct-actions button {
    min-height: 40px;
    padding: 9px 10px;
    background: rgba(248, 251, 255, .62);
    color: #376985;
}
.cloud-direct-card {
    grid-column: 1 / -1;
    min-height: 0;
    gap: 16px;
}
.cloud-direct-head {
    align-items: center;
}
.cloud-direct-history-link {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border: 1px solid rgba(96, 139, 176, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .58);
    color: #315f7c;
    font-size: 12px;
    font-weight: 850;
}
.cloud-direct-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, .34fr);
    gap: 12px;
    align-items: stretch;
}
.cloud-direct-main {
    display: grid;
    gap: 10px;
}
.cloud-direct-main input,
.cloud-direct-input-row input {
    width: 100%;
    min-height: 42px;
    border: 1px solid rgba(92, 130, 166, .18);
    border-radius: 8px;
    background: rgba(255, 255, 255, .66);
    box-shadow: 0 10px 24px rgba(55, 86, 113, .035);
}
.cloud-direct-input-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
}
.cloud-direct-side {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}
.cloud-direct-side div {
    display: grid;
    align-content: center;
    min-height: 94px;
    padding: 12px;
    border: 1px solid rgba(111, 151, 184, .16);
    border-radius: 8px;
    background: rgba(247, 251, 254, .56);
}
.cloud-direct-side span {
    color: #75869a;
    font-size: 12px;
    font-weight: 800;
}
.cloud-direct-side b {
    margin-top: 7px;
    color: #223047;
    font-size: 22px;
    line-height: 1;
}
.cloud-direct-result {
    min-height: 86px;
    background: rgba(255, 255, 255, .58);
}
.cloud-direct-support-note {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(98, 139, 176, .16);
    border-radius: 8px;
    background: rgba(248, 251, 254, .54);
}
.support-note-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.support-note-title b {
    color: #223047;
    font-size: 14px;
}
.support-note-title span {
    color: #75869a;
    font-size: 12px;
    font-weight: 800;
}
.support-note-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}
.support-note-grid section {
    min-height: 106px;
    padding: 11px;
    border: 1px solid rgba(111, 151, 184, .14);
    border-radius: 8px;
    background: rgba(255, 255, 255, .54);
}
.support-note-grid em {
    display: block;
    margin-bottom: 7px;
    color: #2d668a;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
}
.support-note-grid p {
    margin: 0;
    color: #65758d;
    font-size: 12px;
    line-height: 1.65;
}
.support-note-grid a {
    color: #2d668a;
    font-weight: 900;
}
.support-note-grid .condition em {
    color: #8b6428;
}
.support-note-grid .auth em {
    color: #4e6fa6;
}
.support-note-grid .later em {
    color: #8a5c65;
}
.cloud-direct-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.cloud-direct-actions button {
    border-color: rgba(95, 139, 178, .17);
    border-radius: 999px;
    background: rgba(255, 255, 255, .62);
    box-shadow: 0 10px 22px rgba(52, 82, 111, .035);
}
.p139-auth-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}
.p139-auth-steps span {
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid rgba(90, 139, 180, .18);
    border-radius: 7px;
    background: rgba(243, 248, 252, .72);
    color: #3f6683;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.45;
}
.member-p139-auth-tool textarea {
    min-height: 138px;
    resize: vertical;
    font-family: Consolas, "Courier New", monospace;
    font-size: 12px;
    line-height: 1.6;
    background: rgba(248, 251, 255, .72);
}
.member-tool-actions.p139-auth-actions {
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}
.member-tool-profile-list span {
    color: #7a8aa1;
    font-weight: 800;
    text-align: right;
}
.member-security-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, .52fr);
    gap: 18px;
    padding: 18px;
    border: 1px solid #e6edf7;
    border-radius: 6px;
    background: #fff;
}
.member-security-hero span {
    display: inline-flex;
    margin-bottom: 8px;
    color: #4d83d7;
    font-size: 12px;
    font-weight: 900;
}
.member-security-hero h2 {
    margin: 0 0 8px;
    color: #1f3048;
    font-size: 24px;
}
.member-security-hero p {
    max-width: 680px;
    margin: 0;
    color: #65758d;
    line-height: 1.75;
}
.member-security-hero dl {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 10px 12px;
    align-self: center;
    margin: 0;
    padding: 14px;
    border: 1px solid #edf2f8;
    border-radius: 5px;
    background: #f8fbff;
}
.member-security-hero dt {
    color: #8291a7;
    font-size: 12px;
    font-weight: 800;
}
.member-security-hero dd {
    margin: 0;
    color: #34445a;
    font-size: 13px;
    overflow-wrap: anywhere;
}
.member-tip {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 12px;
    border: 1px solid rgba(191, 219, 254, .72);
    border-radius: var(--radius-md);
    background: rgba(239, 246, 255, .72);
    color: #334155;
    font-size: 13px;
    line-height: 1.7;
    box-shadow: 0 8px 20px rgba(37, 99, 235, .035);
}
.member-tip b { color: var(--brand-dark); }
.member-tip.danger {
    border-color: rgba(220, 38, 38, .18);
    background: rgba(254, 242, 242, .78);
    color: #7f1d1d;
}
.member-tip.danger b { color: #b91c1c; }
.builder-required-tip {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}
.builder-required-tip .tip-required {
    color: #2f6fe4;
    font-weight: 800;
}
.builder-required-tip .tip-optional {
    color: #d9583b;
    font-weight: 800;
}
.cloud-status-guide {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 10px;
    margin: 10px 0 12px;
    padding: 12px;
    border: 1px solid rgba(111, 151, 184, .14);
    border-radius: 8px;
    background: rgba(255, 255, 255, .62);
    box-shadow: 0 12px 28px rgba(47, 83, 116, .04);
}
.cloud-status-guide-head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    min-width: 0;
}
.cloud-status-guide-head b {
    color: #24344d;
    font-size: 15px;
}
.cloud-status-guide-head span {
    color: #7a8ba2;
    font-size: 12px;
    line-height: 1.55;
}
.cloud-status-guide-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}
.cloud-status-guide-grid article {
    min-width: 0;
    padding: 9px 10px;
    border: 1px solid rgba(113, 152, 184, .14);
    border-radius: 7px;
    background: rgba(248, 251, 255, .72);
}
.cloud-status-guide-grid span {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(73, 137, 215, .1);
    color: #3974bd;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}
.cloud-status-guide-grid p {
    margin: 7px 0 0;
    color: #68788e;
    font-size: 12px;
    line-height: 1.55;
}
.cloud-status-guide-grid .ready span { background: rgba(38, 161, 120, .1); color: #1f8f6c; }
.cloud-status-guide-grid .auth span { background: rgba(73, 137, 215, .1); color: #3974bd; }
.cloud-status-guide-grid .slow span { background: rgba(220, 143, 50, .12); color: #b16c1f; }
.cloud-status-guide-grid .warn span { background: rgba(211, 95, 77, .1); color: #bd5445; }
.cloud-status-guide-grid .blocked span { background: rgba(101, 111, 128, .12); color: #596579; }
.member-section {
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    background: #fff;
    box-shadow: var(--shadow-soft);
}
.member-section h2 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 14px;
    font-size: 14px;
    color: var(--ink);
}
.member-section h2::before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 4px;
    border: 1px solid #bfdbfe;
    background: var(--brand-soft);
}
.member-quick-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}
.member-quick-grid a {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #edf1f6;
    border-radius: 4px;
    background: #f8fafd;
    color: #42526a;
    font-weight: 800;
}
.member-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}
.member-stat-grid div {
    min-height: 68px;
    padding: 12px;
    border: 1px solid #edf1f6;
    border-radius: 4px;
    background: #f8fafd;
}
.member-stat-grid span {
    display: block;
    color: #66768d;
    font-size: 13px;
}
.member-stat-grid b {
    display: block;
    margin-top: 8px;
    color: #69a0ff;
    font-size: 22px;
}
.member-profile-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.member-profile-card {
    display: grid;
    gap: 12px;
    min-width: 0;
    padding: 14px;
    border: 1px solid #edf1f6;
    border-radius: 6px;
    background: #fbfdff;
}
.member-profile-card header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}
.member-profile-card b {
    display: block;
    color: #263951;
    font-size: 15px;
}
.member-profile-card header span {
    display: block;
    margin-top: 4px;
    color: #7b8ba2;
    font-size: 12px;
}
.member-profile-card em {
    flex: 0 0 auto;
    padding: 4px 9px;
    border-radius: 999px;
    background: #fff2ed;
    color: #d9583b;
    font-style: normal;
    font-size: 12px;
    font-weight: 900;
}
.member-profile-card.active em {
    background: #eef6ff;
    color: #2d668a;
}
.member-profile-card.pending em {
    background: #fff7e8;
    color: #a7651a;
}
.member-profile-meter {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: #e8eef6;
}
.member-profile-meter i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #69a0ff;
}
.member-profile-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}
.member-profile-meta span {
    min-width: 0;
    padding: 9px;
    border: 1px solid #edf1f6;
    border-radius: 5px;
    background: #fff;
    color: #7a8aa1;
    font-size: 12px;
}
.member-profile-meta b {
    margin-top: 5px;
    color: #33445b;
    font-size: 12px;
    overflow-wrap: anywhere;
}
.member-profile-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.member-profile-actions a,
.member-card-muted {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #dce8f7;
    border-radius: 5px;
    background: #fff;
    color: #3f78cf;
    font-size: 12px;
    font-weight: 900;
}
.member-card-muted {
    color: #99a7ba;
    background: #f8fafc;
}
.member-downloader-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.member-downloader-card {
    display: grid;
    gap: 13px;
    min-width: 0;
    padding: 14px;
    border: 1px solid #edf1f6;
    border-radius: 6px;
    background: #fbfdff;
}
.member-downloader-card header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}
.member-downloader-card b {
    display: block;
    color: #263951;
    font-size: 15px;
}
.member-downloader-card header span {
    display: block;
    margin-top: 4px;
    color: #7b8ba2;
    font-size: 12px;
}
.member-downloader-card em {
    flex: 0 0 auto;
    padding: 4px 9px;
    border-radius: 999px;
    background: #f6f8fb;
    color: #7a8aa1;
    font-style: normal;
    font-size: 12px;
    font-weight: 900;
}
.member-downloader-card.ready em {
    background: #eef6ff;
    color: #2d668a;
}
.member-downloader-card.warning em {
    background: #fff7e8;
    color: #9a651f;
}
.member-downloader-card dl {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 8px 10px;
    margin: 0;
    padding: 10px;
    border: 1px solid #edf1f6;
    border-radius: 6px;
    background: rgba(248, 250, 253, .74);
}
.member-downloader-card dt {
    color: #8492a6;
    font-size: 12px;
    font-weight: 800;
}
.member-downloader-card dd {
    margin: 0;
    color: #34445a;
    font-size: 12px;
    font-weight: 800;
    overflow-wrap: anywhere;
}
.member-info-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    table-layout: fixed;
}
.member-info-table th,
.member-info-table td {
    height: 40px;
    padding: 10px 12px;
    border: 1px solid #edf1f6;
    font-size: 13px;
}
.member-info-table th {
    width: 16%;
    background: #f8fafd;
    color: #607089;
    text-align: center;
}
.member-info-table td {
    width: 34%;
    background: #fff;
    color: #34445a;
}
.member-history-table th {
    width: auto;
}
.member-history-table td {
    width: auto;
    text-align: center;
}
.member-two-col {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, .8fr);
    gap: 14px;
}
.member-form-inline {
    display: flex;
    align-items: start;
    gap: 10px;
}
.member-form-inline input {
    max-width: none;
    flex: 1;
}
.member-form-inline select {
    min-width: 128px;
}
.member-form-inline .btn {
    min-width: 92px;
    white-space: nowrap;
}
.member-security-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.member-security-form {
    display: grid;
    gap: 12px;
}
.member-security-form label {
    display: grid;
    gap: 7px;
    color: #607089;
    font-size: 13px;
    font-weight: 800;
}
.member-security-form input {
    width: 100%;
    min-height: 38px;
    border: 1px solid #dfe7f1;
    border-radius: 5px;
    background: #fbfdff;
}
.member-security-form textarea {
    width: 100%;
    min-height: 86px;
    resize: vertical;
    border: 1px solid #dfe7f1;
    border-radius: 7px;
    background: rgba(255, 255, 255, .58);
    color: #253044;
}
.member-security-form .btn {
    justify-self: start;
}
.member-section-title {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}
.member-section-title h2 {
    margin: 0 0 6px;
}
.member-status-pill {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border: 1px solid rgba(96, 139, 184, .22);
    border-radius: 999px;
    background: rgba(241, 247, 253, .72);
    color: #376182;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}
.member-mini-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 14px;
}
.member-mini-stats div {
    padding: 12px;
    border: 1px solid rgba(142, 157, 176, .16);
    border-radius: 7px;
    background: rgba(248, 251, 255, .66);
}
.member-mini-stats dt {
    margin-bottom: 5px;
    color: #7b8aa0;
    font-size: 12px;
    font-weight: 800;
}
.member-mini-stats dd {
    margin: 0;
    color: #2d3b4f;
    font-size: 13px;
    font-weight: 800;
}
.cloud-config-overview,
.cloud-provider-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.cloud-config-overview article,
.cloud-provider-card {
    padding: 16px;
    border: 1px solid rgba(111, 151, 184, .16);
    border-radius: 8px;
    background: rgba(255, 255, 255, .64);
    box-shadow: 0 14px 34px rgba(47, 83, 116, .045);
}
.cloud-config-overview span,
.cloud-config-overview b,
.cloud-config-overview small {
    display: block;
}
.cloud-config-overview span {
    color: #74859a;
    font-size: 12px;
    font-weight: 850;
}
.cloud-config-overview b {
    margin-top: 8px;
    color: #223047;
    font-size: 24px;
    line-height: 1;
}
.cloud-config-overview small {
    margin-top: 8px;
    color: #74859a;
    font-size: 12px;
    line-height: 1.65;
}
.cloud-config-overview-compact {
    grid-template-columns: 1.05fr repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}
.cloud-config-overview-compact article {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    column-gap: 10px;
    row-gap: 4px;
    min-height: 58px;
    padding: 10px 12px;
    border-color: rgba(99, 137, 177, .13);
    background: rgba(255, 255, 255, .46);
    box-shadow: none;
}
.cloud-config-overview-compact span {
    grid-column: 1 / -1;
    font-size: 11px;
    letter-spacing: 0;
}
.cloud-config-overview-compact b {
    margin: 0;
    font-size: 16px;
    white-space: nowrap;
}
.cloud-config-overview-compact small {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: #7d8ca0;
    line-height: 1.45;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.cloud-provider-grid {
    margin-top: 12px;
}
.cloud-provider-card {
    display: grid;
    gap: 12px;
    min-height: 150px;
}
.cloud-provider-card.active {
    border-color: rgba(91, 150, 199, .24);
    background: rgba(248, 252, 255, .7);
}
.cloud-provider-card.pending {
    background: rgba(250, 252, 255, .48);
}
.cloud-provider-title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}
.cloud-provider-title span {
    display: block;
    margin-bottom: 5px;
    color: #5f8cb2;
    font-size: 11px;
    font-weight: 900;
}
.cloud-provider-title h2 {
    margin: 0;
    color: #223047;
    font-size: 18px;
}
.cloud-provider-card p {
    margin: 0;
    color: #6d7d92;
    font-size: 13px;
    line-height: 1.75;
}
.member-status-pill.ok {
    border-color: rgba(80, 153, 111, .22);
    background: rgba(244, 252, 247, .72);
    color: #2e7250;
}
.member-status-pill.warn {
    border-color: rgba(176, 126, 73, .22);
    background: rgba(255, 250, 242, .72);
    color: #8c5c36;
}
.member-status-pill.danger {
    border-color: rgba(180, 92, 102, .2);
    background: rgba(255, 246, 247, .72);
    color: #a24e58;
}
.cloud-auth-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.cloud-config-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.cloud-config-actions.two {
    display: flex;
}
.cloud-config-panel {
    margin-top: 7px;
    padding: 0;
    border-color: rgba(148, 163, 184, .18);
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .035);
}
.cloud-config-panel .member-section-title {
    align-items: center;
    margin-bottom: 0;
    padding: 10px 13px;
    border-bottom: 0;
}
.cloud-config-panel .member-section-title h2 {
    margin-bottom: 0;
    color: var(--ink);
    font-size: 15px;
    letter-spacing: 0;
}
.cloud-config-panel .member-section-title h2::before {
    display: none;
}
.cloud-config-accordion {
    overflow: hidden;
}
.cloud-config-accordion-title {
    position: relative;
    cursor: pointer;
    list-style: none;
    transition: background .16s var(--ease-ui), border-color .16s var(--ease-ui);
}
.cloud-config-accordion-title:hover {
    background: rgba(248, 251, 255, .72);
}
.cloud-config-accordion:not([open]) > .cloud-config-accordion-title {
    min-height: 52px;
}
.cloud-config-accordion:not([open]) > .cloud-config-accordion-title h2 {
    margin-bottom: 0;
}
.cloud-config-accordion:not([open]) > .cloud-config-accordion-title .muted {
    display: none;
}
.cloud-config-accordion-title::-webkit-details-marker {
    display: none;
}
.cloud-config-accordion-title::after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid rgba(82, 111, 139, .55);
    border-bottom: 2px solid rgba(82, 111, 139, .55);
    transform: rotate(45deg);
    transition: transform .16s ease;
}
.cloud-config-accordion[open] > .cloud-config-accordion-title {
    border-bottom: 1px solid rgba(142, 157, 176, .12);
    background: rgba(248, 251, 255, .72);
}
.cloud-config-accordion[open] > .cloud-config-accordion-title::after {
    transform: rotate(225deg);
}
.cloud-config-accordion-meta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    margin-left: auto;
    min-width: 0;
}
.cloud-config-accordion-meta > span:not(.member-status-pill) {
    max-width: 150px;
    overflow: hidden;
    color: #74859a;
    font-size: 12px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cloud-config-panel-grid {
    display: grid;
    grid-template-columns: minmax(230px, .58fr) minmax(0, 1.42fr);
    gap: 12px;
    align-items: start;
    padding: 12px 13px 13px;
}
.cloud-config-summary {
    display: grid;
    gap: 9px;
    padding: 11px;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 8px;
    background: rgba(248, 251, 255, .56);
}
.cloud-config-summary dl {
    display: grid;
    gap: 5px;
    margin: 0;
}
.cloud-config-summary div {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    min-height: 23px;
}
.cloud-config-summary dt {
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
    white-space: nowrap;
}
.cloud-config-summary dd {
    margin: 0;
    color: var(--ink);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
}
.cloud-config-summary p {
    margin: 0;
    padding-top: 9px;
    border-top: 1px solid rgba(142, 157, 176, .12);
    color: #64748b;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.6;
}
.cloud-config-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, .76fr);
    gap: 10px;
    align-items: start;
}
.cloud-config-main > form,
.cloud-config-main > details,
.cloud-config-main > .member-auth-placeholder {
    min-width: 0;
}
.cloud-config-main .member-tool-result {
    min-height: 42px;
    padding: 9px 11px;
    background: rgba(248, 251, 255, .55);
    font-size: 12px;
    line-height: 1.55;
}
.cloud-config-main .member-tool-actions {
    gap: 7px;
}
.cloud-config-main .member-tool-actions button,
.cloud-config-main .member-tool-actions .btn {
    flex: 0 1 auto;
    min-height: 34px;
    min-width: 104px;
    padding: 7px 12px;
    border-color: rgba(142, 157, 176, .16);
    background: rgba(255, 255, 255, .72);
    color: #334155;
    font-size: 12px;
    font-weight: 800;
    box-shadow: none;
}
.cloud-config-main .member-tool-actions .btn.primary,
.cloud-config-main .member-tool-actions button.btn.primary {
    border-color: rgba(78, 145, 196, .22);
    background: rgba(239, 246, 255, .96);
    color: var(--brand);
}
.cloud-config-main .member-security-form {
    gap: 10px;
    padding: 12px;
    border-color: rgba(148, 163, 184, .16);
    background: rgba(255, 255, 255, .68);
}
.cloud-config-main .member-security-form label {
    gap: 6px;
    color: #475569;
    font-size: 12px;
    font-weight: 800;
}
.cloud-config-main .member-security-form input,
.cloud-config-main .member-security-form textarea,
.cloud-config-main .member-security-form select {
    min-height: 34px;
    padding: 7px 9px;
    border-color: rgba(148, 163, 184, .22);
    border-radius: 7px;
    background: rgba(255, 255, 255, .86);
    font-size: 13px;
}
.cloud-config-main .member-security-form textarea {
    min-height: 68px;
}
.compact-qr-panel .member-tool-actions button {
    flex: 1 1 0;
    min-width: 0;
}
.cloud-config-next-card {
    align-content: center;
}
.member-p139-advanced {
    display: grid;
    gap: 10px;
}
.member-p139-advanced summary {
    cursor: pointer;
    color: #4d6f91;
    font-size: 13px;
    font-weight: 800;
}
.member-tianyi-manual-backup {
    margin-top: 12px;
}
.member-tianyi-manual-backup > summary {
    width: fit-content;
    padding: 8px 12px;
    border-radius: 7px;
    background: rgba(239, 247, 255, .72);
}
.member-tianyi-manual-backup[open] {
    padding: 12px;
    border: 1px solid rgba(111, 151, 184, .14);
    border-radius: 8px;
    background: rgba(255, 255, 255, .54);
}
.member-auth-mode-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 14px;
}
.member-auth-mode-grid.two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.member-auth-method-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 0 0 14px;
    padding: 4px;
    border: 1px solid rgba(142, 157, 176, .16);
    border-radius: 8px;
    background: rgba(248, 251, 255, .54);
}
.member-auth-method-tabs label {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #607089;
    font-size: 13px;
    font-weight: 850;
    cursor: pointer;
    transition: .16s ease;
}
.member-auth-method-tabs label.active {
    border-color: rgba(55, 129, 188, .24);
    background: rgba(235, 246, 255, .78);
    color: #256ea9;
}
.member-auth-method-tabs input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.member-auth-panel {
    display: none;
    gap: 12px;
}
.member-auth-panel.active {
    display: grid;
}
.member-security-grid.single {
    grid-template-columns: 1fr;
}
.member-auth-mode-card,
.member-auth-placeholder {
    display: grid;
    gap: 7px;
    min-height: 86px;
    padding: 13px;
    border: 1px solid rgba(142, 157, 176, .16);
    border-radius: 7px;
    background: rgba(248, 251, 255, .58);
}
.member-auth-mode-card.active {
    border-color: rgba(91, 150, 199, .32);
    background: rgba(238, 247, 253, .7);
}
.member-auth-mode-card.pending,
.member-auth-placeholder {
    background: rgba(250, 252, 255, .42);
}
.member-auth-mode-card b,
.member-auth-placeholder b {
    color: #2e4259;
    font-size: 13px;
}
.member-auth-mode-card span,
.member-auth-placeholder span {
    color: #718199;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.55;
}
.member-p139-auth-tool {
    display: grid;
    gap: 12px;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid rgba(142, 157, 176, .14);
}
.member-auth-placeholder-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}
.compact-qr-panel {
    grid-template-columns: 1fr;
    align-items: start;
    min-height: 0;
    padding: 11px;
    border-color: rgba(148, 163, 184, .14);
    background: rgba(250, 252, 255, .52);
}
.compact-qr-panel b,
.compact-qr-panel span,
.compact-qr-panel .member-tool-result,
.compact-qr-panel .member-tool-actions {
    grid-column: 1;
}
.compact-qr-panel .member-p139-qr-box {
    grid-column: 1;
    grid-row: auto;
}
.cloud-cookie-guide {
    align-content: start;
    min-height: 0;
    padding: 11px;
    border-color: rgba(148, 163, 184, .14);
    background: rgba(250, 252, 255, .52);
}
.cloud-cookie-guide ol {
    display: grid;
    gap: 7px;
    margin: 2px 0 0;
    padding-left: 18px;
    color: #5f728a;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.55;
}
.cloud-cookie-guide li {
    padding-left: 2px;
}
.cloud-cookie-guide a {
    color: #2d79ad;
    font-weight: 850;
    text-decoration: none;
}
.cloud-cookie-guide code {
    padding: 1px 5px;
    border-radius: 5px;
    background: rgba(225, 236, 247, .62);
    color: #33536f;
    font-size: 11px;
}
.member-p139-qr-panel label {
    display: grid;
    gap: 7px;
    color: #607089;
    font-size: 13px;
    font-weight: 800;
}
.member-p139-qr-panel input {
    min-height: 38px;
    border: 1px solid rgba(142, 157, 176, .2);
    border-radius: 7px;
    background: rgba(255, 255, 255, .58);
}
.member-p139-qr-panel input.field-attention {
    border-color: rgba(59, 130, 246, .48);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, .1);
    background: rgba(255, 255, 255, .76);
}
.member-p139-qr-box {
    display: grid;
    place-items: center;
    min-height: 118px;
    border: 1px dashed rgba(96, 139, 184, .26);
    border-radius: 7px;
    background: rgba(255, 255, 255, .38);
    color: #7a8aa1;
    font-size: 13px;
    font-weight: 800;
}
.member-p139-qr-box img {
    display: none;
    width: 108px;
    height: 108px;
    border-radius: 6px;
    background: #fff;
}
.member-security-tips {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
.member-security-tips span {
    min-height: 52px;
    padding: 12px;
    border: 1px solid #edf1f6;
    border-radius: 5px;
    background: #f8fafd;
    color: #65758d;
    font-size: 13px;
    line-height: 1.6;
}
.member-flat-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.settings-preview {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 12px;
    margin-top: 14px;
}
.settings-preview b {
    color: var(--muted);
}
.settings-preview span {
    overflow-wrap: anywhere;
}
.tool-card {
    min-height: 180px;
}
.member-balance-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(260px, .8fr);
    gap: 16px;
    padding: 22px;
    border: 1px solid #dfeaf4;
    border-radius: 8px;
    background: linear-gradient(135deg, #f9fcff, #f3fbf8);
}
.member-balance-hero span {
    color: #6f7f91;
    font-size: 13px;
    font-weight: 900;
}
.member-balance-hero b {
    display: block;
    margin: 6px 0 8px;
    color: #1f7a64;
    font-size: 34px;
}
.member-balance-hero p {
    margin: 0;
    color: var(--muted);
}
.member-balance-hero dl {
    margin: 0;
    display: grid;
    gap: 10px;
}
.member-balance-hero dt {
    color: var(--muted);
    font-size: 13px;
}
.member-balance-hero dd {
    margin: 0;
    color: #26364a;
    font-weight: 900;
}
.member-balance-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}
.member-balance-grid.three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.member-balance-grid.four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.member-balance-form {
    display: grid;
    gap: 12px;
}
.member-balance-form h2 {
    margin-bottom: 0;
}
.member-balance-form label {
    display: grid;
    gap: 7px;
    color: #4d5d72;
    font-size: 13px;
    font-weight: 800;
}
.money-in {
    color: #1f8b62;
    font-weight: 900;
}
.money-out {
    color: #ca4f57;
    font-weight: 900;
}
.builder-panel {
    display: grid;
    gap: 14px;
    padding: 0;
}
.builder-precheck-result {
    display: grid;
    gap: 5px;
    padding: 11px 12px;
    border: 1px solid rgba(37, 99, 235, .18);
    border-radius: var(--radius-md);
    background: rgba(239, 246, 255, .78);
    color: var(--brand-dark);
    font-size: 13px;
    font-weight: 750;
    line-height: 1.6;
    box-shadow: 0 8px 20px rgba(37, 99, 235, .035);
}
.builder-precheck-result[hidden] {
    display: none;
}
.builder-precheck-result.error {
    border-color: rgba(220, 38, 38, .18);
    background: rgba(254, 242, 242, .82);
    color: #991b1b;
}
.builder-precheck-result.success {
    border-color: rgba(5, 150, 105, .18);
    background: rgba(236, 253, 245, .82);
    color: #047857;
}
.builder-cloud-inline-hint {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 32px;
    margin-top: -5px;
    padding: 7px 10px;
    border: 1px solid rgba(110, 148, 184, .14);
    border-radius: 7px;
    background: rgba(248, 251, 255, .58);
    color: #6d7f96;
    font-size: 12px;
    line-height: 1.45;
}
.builder-cloud-inline-hint span {
    min-width: 0;
}
.builder-cloud-inline-hint a {
    flex: 0 0 auto;
    color: #3b7ccc;
    font-weight: 850;
    text-decoration: none;
    white-space: nowrap;
}
.builder-cloud-inline-hint.ready {
    border-color: rgba(38, 161, 120, .14);
    background: rgba(244, 252, 249, .58);
}
.builder-cloud-inline-hint.auth {
    border-color: rgba(73, 137, 215, .16);
    background: rgba(244, 249, 255, .64);
}
.builder-cloud-inline-hint.slow {
    border-color: rgba(220, 143, 50, .2);
    background: rgba(255, 250, 243, .66);
}
.builder-cloud-inline-hint.warn {
    border-color: rgba(211, 95, 77, .18);
    background: rgba(255, 248, 246, .64);
}
.alipan-file-picker {
    display: grid;
    gap: 8px;
    margin-top: -4px;
}
.alipan-file-picker[hidden] {
    display: none;
}
.alipan-file-picker > button,
.alipan-browser button {
    border: 1px solid rgba(92, 142, 206, .24);
    border-radius: 7px;
    background: rgba(255, 255, 255, .68);
    color: #365a7e;
    font-weight: 850;
}
.alipan-file-picker > button {
    min-height: 34px;
    justify-self: start;
    padding: 0 13px;
}
.alipan-file-picker > span {
    color: #6f86a1;
    font-size: 12px;
    font-weight: 750;
}
.alipan-browser {
    display: grid;
    gap: 8px;
    padding: 9px;
    border: 1px solid rgba(92, 142, 206, .18);
    border-radius: 8px;
    background: rgba(247, 251, 255, .74);
}
.alipan-browser[hidden] {
    display: none;
}
.alipan-browser-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.alipan-browser-drives {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.alipan-browser-head button {
    min-height: 30px;
    padding: 0 10px;
    font-size: 12px;
}
.alipan-browser-head button.active {
    border-color: rgba(63, 132, 230, .42);
    background: rgba(230, 243, 255, .85);
    color: #2668ae;
}
.alipan-browser-head button:disabled {
    opacity: .45;
}
.alipan-browser-path {
    color: #6d7f94;
    font-size: 12px;
    font-weight: 800;
}
.alipan-browser-list {
    display: grid;
    gap: 6px;
    max-height: 240px;
    overflow: auto;
}
.alipan-browser-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 36px;
    padding: 0 10px;
    text-align: left;
}
.alipan-browser-item b {
    overflow: hidden;
    color: #344960;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.alipan-browser-item span {
    color: #7b8ba0;
    font-size: 12px;
}
.alipan-browser-item.folder b::before {
    content: "文件夹 ";
    color: #4f91d8;
}
.alipan-browser-message,
.alipan-browser-empty {
    color: #6d7f94;
    font-size: 13px;
    font-weight: 800;
}
.alipan-browser-message.error {
    color: #b9584e;
}
.builder-tabs {
    display: flex;
    gap: 18px;
    min-height: 40px;
    align-items: center;
    padding: 0 8px;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, .72);
    box-shadow: var(--shadow-soft);
}
.builder-tabs span {
    height: 40px;
    display: inline-flex;
    align-items: center;
    color: var(--brand);
    font-weight: 900;
}
.builder-tabs span.active {
    color: var(--ink);
    border-bottom: 3px solid var(--brand);
}
.builder-profile-panel {
    display: grid;
    grid-template-columns: minmax(260px, .42fr) minmax(0, 1fr);
    align-items: center;
    gap: 8px 12px;
    padding: 8px 10px;
    border: 1px solid #e4edf7;
    border-radius: 8px;
    background: rgba(255, 255, 255, .72);
}
.builder-profile-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.builder-profile-head b {
    display: block;
    color: #31445f;
    font-size: 15px;
}
.builder-profile-head span,
.builder-profile-head em {
    color: #718199;
    font-size: 12px;
    font-style: normal;
}
.builder-profile-head em {
    font-weight: 900;
    color: #4b8ff0;
}
.builder-profile-tabs {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
}
.builder-profile-tabs a {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    max-width: 180px;
    padding: 0 11px;
    border: 1px solid #dce7f3;
    border-radius: 6px;
    background: #fff;
    color: #42526a;
    font-size: 13px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.builder-profile-tabs a.active {
    border-color: #70a9ff;
    background: #eef6ff;
    color: #2362c7;
    box-shadow: inset 0 -3px 0 #69a0ff;
}
.builder-profile-vip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid #dfe8f3;
    border-radius: 8px;
    background: #fff;
}
.builder-profile-vip div {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.builder-profile-vip b {
    display: block;
    color: #31445f;
    font-size: 13px;
    flex: 0 0 auto;
}
.builder-profile-vip span {
    display: block;
    margin-top: 0;
    color: #718199;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.builder-profile-vip em {
    color: #4b8ff0;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    white-space: nowrap;
}
.builder-profile-vip.expired {
    border-color: #f0d3ce;
    background: #fff8f7;
}
.builder-profile-vip.expired em {
    color: #d9583b;
}
.builder-profile-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: nowrap;
    overflow-x: auto;
}
.builder-profile-create,
.builder-profile-delete,
.builder-profile-redeem {
    display: flex;
    align-items: center;
    gap: 8px;
}
.builder-profile-create input,
.builder-profile-redeem input {
    width: 145px;
    min-height: 30px;
    padding: 3px 9px;
    border: 1px solid #d8dee8;
    border-radius: 6px;
    background: #fff;
}
.builder-profile-create button,
.builder-profile-delete button,
.builder-profile-redeem button {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #d9e4f2;
    border-radius: 6px;
    background: #fff;
    color: #42526a;
    font-size: 13px;
    font-weight: 800;
}
.builder-profile-create button {
    border-color: #70a9ff;
    background: #f4f9ff;
    color: #2362c7;
}
.builder-profile-redeem button {
    border-color: #9ddbb7;
    background: #f1fbf5;
    color: #278255;
}
.builder-profile-delete button {
    color: #c45648;
}
.builder-profile-current {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, .72);
    box-shadow: var(--shadow-soft);
}
.builder-profile-current label {
    display: grid;
    grid-template-columns: 118px minmax(0, 260px);
    align-items: center;
    gap: 8px;
    color: #31445f;
    font-size: 14px;
    font-weight: 800;
}
.builder-profile-current input {
    min-height: 36px;
    padding: 5px 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, .9);
}
.builder-pan-quick-open {
    display: grid;
    grid-template-columns: auto minmax(140px, 210px) auto;
    align-items: center;
    gap: 8px;
    color: #31445f;
    font-size: 14px;
    font-weight: 800;
}
.builder-pan-quick-open select,
.builder-pan-quick-open button {
    min-height: 30px;
    border: 1px solid #d8dee8;
    border-radius: 6px;
    background: rgba(255, 255, 255, .9);
    color: #26384f;
    font: inherit;
}
.builder-pan-quick-open select {
    padding: 4px 28px 4px 9px;
    font-weight: 700;
}
.builder-pan-quick-open button {
    padding: 4px 14px;
    border-color: #bdd4f4;
    background: rgba(244, 249, 255, .92);
    color: #2362c7;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.builder-pan-quick-open button:hover {
    border-color: #8eb9f2;
    background: rgba(235, 244, 255, .96);
    transform: translateY(-1px);
}
.builder-style-options {
    display: grid;
    grid-template-columns: 116px repeat(4, minmax(0, 1fr));
    align-items: stretch;
    gap: 10px;
    padding: 8px 6px 10px;
}
.builder-style-title {
    display: flex;
    align-items: center;
    min-height: 28px;
    color: #344054;
    font-size: 14px;
    font-weight: 900;
}
.builder-style-option {
    position: relative;
    display: block;
    cursor: pointer;
}
.builder-style-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.builder-style-option span {
    display: grid;
    gap: 3px;
    min-height: 58px;
    padding: 10px 12px;
    border: 1px solid #d9e4f2;
    border-radius: 8px;
    background: rgba(255, 255, 255, .66);
    box-shadow: 0 3px 10px rgba(31, 52, 82, .04);
    transition: .15s ease;
}
.builder-style-option b {
    color: #32435a;
    font-size: 14px;
}
.builder-style-option em {
    color: #75849a;
    font-size: 12px;
    font-style: normal;
    line-height: 1.45;
}
.builder-style-option input:checked + span {
    border-color: #70a9ff;
    background: rgba(239, 247, 255, .92);
    box-shadow: 0 8px 18px rgba(75, 143, 240, .12);
}
.builder-style-option input:checked + span::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #4b8ff0;
    box-shadow: 0 0 0 4px rgba(75, 143, 240, .14);
}
.builder-adaptive-option {
    margin-left: 8px;
}
.builder-adaptive-option span {
    border-style: dashed;
    background: rgba(248, 252, 255, .78);
}
.builder-adaptive-option b {
    color: #2362c7;
}
.builder-adaptive-option b::before {
    content: "可选";
    display: inline-flex;
    align-items: center;
    height: 18px;
    margin-right: 6px;
    padding: 0 6px;
    border-radius: 999px;
    background: #eaf3ff;
    color: #4b8ff0;
    font-size: 11px;
    font-weight: 900;
}
.builder-live-preview {
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
    gap: 8px;
    width: 300px;
    min-width: 0;
    padding: 0;
}
.builder-live-preview-head {
    order: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding-top: 0;
}
.builder-live-preview-head b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    min-height: 30px;
    border: 1px solid #d9e4f2;
    border-radius: 6px;
    background: #fff;
    color: #31445f;
    font-size: 13px;
    font-weight: 900;
}
.builder-live-preview-head span {
    display: none;
}
.builder-live-preview-stage {
    order: 1;
    overflow: hidden;
    width: 300px;
    justify-self: stretch;
    padding: 0;
    border: 1px solid rgba(218, 228, 241, .9);
    border-radius: 8px;
    background: rgba(255, 255, 255, .48);
}
.builder-live-preview-window {
    --title-color: #fff;
    --download-color: #fff;
    position: relative;
    width: 300px;
    height: 148px;
    aspect-ratio: auto;
    overflow: hidden;
    border-radius: 8px;
    background: #141923;
    box-shadow: 0 14px 32px rgba(31, 52, 82, .14);
}
.builder-live-preview-bg,
.builder-live-preview-shade {
    position: absolute;
    inset: 0;
}
.builder-live-preview-bg {
    background-size: cover;
    background-position: center;
}
.builder-live-preview-window.style-adaptive .builder-live-preview-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #141923;
}
.builder-live-preview-shade {
    background: rgba(0, 0, 0, .12);
}
.builder-live-preview-window.style-tech .builder-live-preview-shade {
    background: linear-gradient(180deg, rgba(5, 12, 24, .34), rgba(5, 12, 24, .1) 46%, rgba(5, 12, 24, .38));
}
.builder-live-preview-window.style-soft .builder-live-preview-shade {
    background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .16));
}
.builder-live-preview-title {
    position: absolute;
    left: 17px;
    top: 13px;
    max-width: calc(100% - 76px);
    color: var(--title-color);
    font-size: 10.5px;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .35);
}
.builder-live-preview-window-actions {
    position: absolute;
    right: 12px;
    top: 12px;
    display: flex;
    gap: 5px;
}
.builder-live-preview-window-actions i {
    width: 14px;
    height: 12px;
    border-radius: 7px;
    background: rgba(255, 255, 255, .24);
    border: 1px solid rgba(255, 255, 255, .16);
}
.builder-live-preview-control {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 10px;
    min-height: 46px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38px 42px;
    grid-template-rows: 18px 14px 4px;
    align-items: center;
    gap: 3px 4px;
    padding: 6px 7px;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 12px;
    background: rgba(255, 255, 255, .22);
    backdrop-filter: blur(10px);
}
.builder-live-preview-window.style-tech .builder-live-preview-control {
    background: rgba(12, 20, 34, .54);
    border-color: rgba(255, 255, 255, .2);
}
.builder-live-preview-window.style-soft .builder-live-preview-control {
    background: rgba(255, 255, 255, .5);
}
.builder-live-preview-path {
    min-width: 0;
    height: 18px;
    display: flex;
    align-items: center;
    padding: 0 7px;
    border-radius: 7px;
    color: var(--download-color);
    background: rgba(255, 255, 255, .34);
    font-size: 8.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.builder-live-preview-control button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .38);
    border-radius: 7px;
    background: rgba(20, 30, 44, .78);
    color: var(--download-color);
    font-size: 9px;
    font-weight: 900;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
}
.builder-live-preview-control button.primary {
    background: rgba(75, 143, 240, .88);
}
.builder-live-preview-control p {
    grid-column: 1 / 3;
    margin: 0;
    color: var(--download-color);
    font-size: 8.5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.builder-live-preview-progress {
    grid-column: 1 / 3;
    height: 3px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(255, 255, 255, .58);
}
.builder-live-preview-progress i {
    display: block;
    width: 24%;
    height: 100%;
    border-radius: inherit;
    background: rgba(75, 143, 240, .9);
}
.builder-live-preview-control em {
    grid-column: 3;
    grid-row: 2 / 4;
    justify-self: end;
    color: var(--download-color);
    font-size: 9px;
    font-style: normal;
    font-weight: 900;
}
.builder-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
.builder-col {
    display: grid;
    align-content: start;
    gap: 10px;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, .72);
    box-shadow: var(--shadow-soft);
}
.builder-field-group-title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    min-height: 30px;
    padding-bottom: 8px;
    border-bottom: 1px solid #edf2f7;
}
.builder-field-group-title b {
    color: var(--ink);
    font-size: 15px;
}
.builder-field-group-title span {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}
.builder-col label {
    display: grid;
    grid-template-columns: 126px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 36px;
    color: var(--danger);
    font-size: 14px;
    font-weight: 700;
}
.builder-col label.required-label {
    color: #2f6fe4;
    font-weight: 700;
}
.builder-col label.optional-label {
    color: #d9583b;
    font-weight: 600;
}
.builder-col input,
.builder-col select,
.builder-col textarea {
    min-width: 0;
    min-height: 36px;
    padding: 6px 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, .9);
    color: var(--ink);
    font-size: 14px;
    transition: border-color .18s var(--ease-ui), box-shadow .18s var(--ease-ui), background .18s var(--ease-ui);
}
.builder-col input:focus,
.builder-col select:focus,
.builder-col textarea:focus {
    outline: none;
    border-color: rgba(37, 99, 235, .42);
    background: #fff;
    box-shadow: var(--focus-ring);
}
.builder-col textarea {
    min-height: 72px;
    resize: vertical;
}
.builder-inline {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px;
}
.builder-inline button {
    min-height: 36px;
    padding: 0 8px;
    min-width: 76px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: #fff;
    color: var(--ink);
    font-size: 13px;
}
.color-picker-field {
    position: relative;
    display: block;
}
.color-picker-field .color-text {
    width: 100%;
    padding-right: 42px;
    cursor: pointer;
    background: #fff;
}
.color-picker-field::after {
    content: "";
    position: absolute;
    right: 9px;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    border-radius: 5px;
    border: 1px solid #cfd8e4;
    background: linear-gradient(135deg, #ff5757 0 25%, #ffd166 25% 50%, #4bc076 50% 75%, #4b8ff0 75%);
    pointer-events: none;
}
.color-picker-field .color-native {
    position: absolute;
    right: 7px;
    top: 50%;
    width: 24px;
    height: 24px;
    min-height: 24px;
    padding: 0;
    border: 0;
    opacity: 0;
    transform: translateY(-50%);
    cursor: pointer;
}
.builder-switch-row {
    grid-template-columns: 154px minmax(0, 1fr) !important;
}
.builder-switch {
    position: relative;
    width: 52px;
    height: 24px;
    display: inline-flex;
}
.builder-switch input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.builder-switch i {
    width: 52px;
    height: 24px;
    border-radius: 999px;
    background: #e7e9ec;
    border: 1px solid #cdd5df;
    transition: .15s ease;
}
.builder-switch i::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 4px;
    top: 3px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    transition: .15s ease;
}
.builder-switch input:checked + i {
    background: #74d29a;
    border-color: #74d29a;
}
.builder-switch input:checked + i::after {
    transform: translateX(26px);
}
.builder-assets {
    display: grid;
    grid-template-columns: 300px 180px 300px;
    gap: 18px;
    align-items: start;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, .72);
    box-shadow: var(--shadow-soft);
}
.builder-bg-preview,
.builder-icon-preview {
    display: grid;
    justify-items: center;
    gap: 10px;
}
.builder-bg-preview {
    justify-items: start;
}
.builder-bg-image {
    width: 300px;
    height: 148px;
    border: 1px solid #d9e4f2;
    border-radius: 8px;
    background-size: cover;
    background-position: center;
    box-shadow: 0 8px 18px rgba(31, 52, 82, .08);
}
.builder-upload-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    width: 180px;
    border: 1px solid #d9e4f2;
    border-radius: 6px;
    background: #fff;
    color: #42526a;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}
.builder-upload-btn:hover {
    border-color: #bcd1ef;
    background: #f7fbff;
}
.builder-upload-btn input {
    display: none;
}
.builder-icon-image {
    width: 96px;
    height: 96px;
    border: 1px solid #d7dde7;
    border-radius: 8px;
    background: #fff;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 8px 18px rgba(31, 52, 82, .1);
}
.builder-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, .72);
    box-shadow: var(--shadow-soft);
}
.builder-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 12px;
    color: #607089;
    font-size: 13px;
    font-weight: 700;
    border: 1px solid #e3eaf3;
    border-radius: 6px;
    background: rgba(255, 255, 255, .72);
}
.builder-check input {
    width: 16px;
    height: 16px;
    min-height: 0;
    accent-color: #4b99ff;
}
.builder-check span {
    color: #607089;
}
.builder-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.builder-btn {
    min-width: 178px;
    min-height: 40px;
    padding: 0 18px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: #fff;
    color: #42526a;
    font: inherit;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 3px 10px rgba(31, 52, 82, .04);
}
.builder-btn:hover {
    border-color: #bcd1ef;
    background: #f7fbff;
}
.builder-btn.ghost {
    min-width: 132px;
    border-color: rgba(129, 148, 172, .2);
    background: rgba(255, 255, 255, .58);
    color: #6a7890;
    box-shadow: none;
}
.builder-btn.ghost:hover {
    border-color: rgba(75, 143, 240, .24);
    background: rgba(246, 250, 255, .82);
    color: #3f6fba;
}
.builder-btn.primary {
    border-color: var(--brand);
    background: var(--brand);
    color: #fff;
    box-shadow: 0 8px 18px rgba(37, 99, 235, .18);
}
.builder-btn.primary:hover {
    background: var(--brand-dark);
}
.builder-btn:disabled {
    cursor: not-allowed;
    border-color: #e1e6ee;
    background: #d8dee8;
    color: #7c899a;
    box-shadow: none;
}
.member-hero,
.admin-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}
.member-hero h1,
.admin-hero h1 { margin-bottom: 8px; }
.admin-hero {
    margin-bottom: 18px;
    background: linear-gradient(135deg, #ffffff 0%, #f7fbff 100%);
}
.admin-hero-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.member-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.account-card span { color: var(--accent); font-weight: 900; }
.member-stats { grid-template-columns: repeat(4, 1fr); margin-top: 0; }
.stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 22px;
}
.stats div {
    padding: 18px;
    border-radius: 8px;
    background: var(--soft);
}
.stats b { display: block; font-size: 24px; margin-bottom: 8px; }
.stats span { color: var(--muted); }
.admin-stats {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-top: 0;
}
.admin-stats div {
    min-height: 112px;
    padding: 16px;
    border: 1px solid #e5edf5;
    background: #fff;
    box-shadow: 0 8px 20px rgba(24, 32, 42, .04);
}
.admin-stats span {
    display: block;
    color: #6e7c8f;
    font-size: 13px;
    font-weight: 800;
}
.admin-stats b {
    color: #1f7a64;
    font-size: 25px;
    line-height: 1.1;
}
.admin-stats em {
    display: block;
    color: #95a0ae;
    font-size: 12px;
    font-style: normal;
}
.admin-quick-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 14px 0 18px;
}
.admin-quick-grid a {
    display: grid;
    gap: 6px;
    min-height: 86px;
    padding: 15px;
    border: 1px solid #e5edf5;
    border-radius: 8px;
    background: #fff;
    color: var(--ink);
    box-shadow: 0 8px 20px rgba(24, 32, 42, .035);
}
.admin-quick-grid b {
    color: #253449;
}
.admin-quick-grid span {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.55;
}
.inline-form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: end;
}
.inline-form input { max-width: 280px; }
.dashboard-grid,
.download-layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
.admin-table-panel h2 {
    margin-bottom: 0;
}
.admin-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}
.admin-section-head h1 {
    margin: 6px 0 8px;
}
.admin-settings-panel {
    padding: 24px;
}
.admin-settings-form {
    display: grid;
    gap: 14px;
}
.admin-setting-group {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 18px;
    padding: 18px;
    border: 1px solid #e5edf5;
    border-radius: 8px;
    background: #fbfdff;
}
.admin-setting-group header h2 {
    margin: 0 0 8px;
    font-size: 18px;
}
.admin-setting-group header p {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.65;
}
.admin-setting-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.admin-setting-fields label {
    color: #4d5d72;
    font-size: 13px;
}
.admin-setting-fields label.wide {
    grid-column: 1 / -1;
}
.admin-edit-panel {
    padding: 24px;
    margin-top: 18px;
}
.admin-edit-panel h2 {
    margin: 0 0 14px;
    font-size: 19px;
}
.admin-edit-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    align-items: end;
}
.admin-edit-grid label,
.admin-profile-add label {
    display: grid;
    gap: 7px;
    color: #4d5d72;
    font-size: 13px;
    font-weight: 800;
}
.admin-edit-grid input,
.admin-edit-grid select,
.admin-profile-table input,
.admin-profile-add input {
    width: 100%;
    min-height: 40px;
}
.admin-edit-meta {
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: var(--muted);
    font-size: 13px;
}
.admin-edit-title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}
.admin-edit-title h2 {
    margin-bottom: 6px;
}
.admin-edit-title span {
    padding: 6px 10px;
    border: 1px solid #dbe8f4;
    border-radius: 999px;
    background: #f7fbff;
    color: #3673a5;
    font-size: 13px;
    font-weight: 900;
}
.admin-profile-table {
    min-width: 900px;
}
.admin-profile-table th:first-child,
.admin-profile-table td:first-child {
    width: 64px;
    text-align: center;
}
.admin-profile-table input[type="radio"],
.admin-check input[type="checkbox"] {
    width: auto;
    min-height: 0;
}
.admin-generated-cell {
    display: grid;
    gap: 7px;
    min-width: 150px;
}
.admin-generated-cell a {
    color: #1f7a64;
    font-weight: 900;
}
.admin-generated-cell small,
.field-help {
    display: block;
    color: var(--muted);
    font-size: 12px;
}
.admin-check {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #6b7788;
    font-size: 13px;
    font-weight: 800;
}
.admin-profile-add {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(220px, 1fr) auto;
    gap: 12px;
    align-items: end;
    margin-top: 16px;
    padding: 14px;
    border: 1px solid #e5edf5;
    border-radius: 8px;
    background: #fbfdff;
}
.admin-filter-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0 16px;
}
.admin-filter-tabs a {
    padding: 8px 12px;
    border: 1px solid #dfe8f3;
    border-radius: 999px;
    background: #fff;
    color: #5d6d80;
    font-size: 13px;
    font-weight: 900;
}
.admin-filter-tabs a.active {
    border-color: #b9d9ce;
    background: #effaf5;
    color: #1f7a64;
}
.admin-recharge-panel {
    padding: 24px;
}
.admin-recharge-table small {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    font-size: 12px;
}
.admin-audit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.admin-audit-grid > div {
    min-width: 0;
    overflow-x: auto;
}
.admin-audit-grid h3 {
    margin: 0 0 10px;
    color: #26364a;
    font-size: 16px;
}
.inline-mini-form {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
.inline-mini-form input {
    min-height: 34px;
    max-width: 170px;
}
.inline-mini-form .btn {
    min-height: 34px;
    padding: 0 10px;
}
.table-action {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: #fff;
    color: var(--ink);
    font-size: 13px;
    font-weight: 800;
}
.download-layout { padding-top: 34px; align-items: start; }
.download-panel { max-width: none; }
.line-list,
.check-list {
    list-style: none;
    padding: 0;
    margin: 14px 0 0;
    display: grid;
    gap: 10px;
}
.line-list li,
.check-list li {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--soft);
}
.line-list span {
    color: var(--muted);
    overflow-wrap: anywhere;
    text-align: right;
}
.check-list li::before {
    content: "";
    width: 10px;
    height: 10px;
    margin-top: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--brand);
}
.check-list li { justify-content: flex-start; }
.compact-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.admin-nav {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 28px 0 0;
}
.admin-nav a {
    padding: 10px 14px;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: #fff;
    color: var(--ink);
}
.toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin: 16px 0;
}
code {
    display: inline-block;
    padding: 3px 6px;
    border-radius: 6px;
    background: #f0f3f7;
    color: #243245;
    font-family: Consolas, "SFMono-Regular", monospace;
    font-size: 13px;
}

table { width: 100%; border-collapse: collapse; margin-top: 18px; }
th, td { padding: 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
th { color: var(--muted); font-size: 14px; }
.row-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.row-actions form { display: flex; gap: 6px; }
.row-actions input { width: 72px; min-height: 34px; }
.row-actions button { min-height: 34px; padding: 0 10px; background: #fff; border-color: var(--line); }
.member-smart-link-table th,
.member-smart-link-table td {
    width: auto;
    vertical-align: middle;
}
.member-smart-link-table td {
    background: rgba(255, 255, 255, .78);
}
.member-smart-link-table b,
.member-smart-link-table span,
.member-smart-link-table small,
.member-smart-link-table a {
    display: block;
}
.member-smart-link-table b {
    color: #223047;
    font-size: 13px;
}
.member-smart-link-table span,
.member-smart-link-table small {
    margin-top: 4px;
    color: #7a8aa0;
    font-size: 12px;
}
.member-smart-link-table a {
    color: #2c6f9d;
    font-weight: 800;
    overflow-wrap: anywhere;
}
.member-smart-link-table .row-actions button {
    min-height: 32px;
    border: 1px solid rgba(112, 151, 183, .22);
    border-radius: 7px;
    background: rgba(247, 251, 255, .78);
    color: #386982;
}
.member-smart-link-table .smart-link-actions {
    display: flex;
    gap: 7px;
    align-items: center;
    flex-wrap: wrap;
}
.member-smart-link-table .smart-link-actions form {
    display: inline-flex;
}
.member-smart-link-table .smart-link-actions button,
.member-smart-link-table .smart-link-actions a {
    display: inline-flex;
    min-width: 74px;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 1px solid rgba(112, 151, 183, .2);
    border-radius: 999px;
    background: rgba(255, 255, 255, .58);
    color: #386982;
    font-size: 12px;
    font-weight: 850;
    text-decoration: none;
    box-shadow: 0 8px 18px rgba(51, 86, 116, .045);
    transition: background .16s ease, border-color .16s ease, transform .16s ease;
}
.member-smart-link-table .smart-link-actions button:hover,
.member-smart-link-table .smart-link-actions a:hover {
    border-color: rgba(65, 130, 178, .34);
    background: rgba(245, 250, 255, .86);
    transform: translateY(-1px);
}
.member-smart-link-table .smart-link-actions form:last-child button {
    color: #9d4d55;
    border-color: rgba(180, 92, 102, .18);
}
.member-smart-link-table .smart-link-hit {
    text-align: center;
    color: #2d526b;
    font-size: 18px;
}
.member-smart-link-table .smart-link-error {
    color: #b35b61;
}
.status-pill.danger {
    border-color: rgba(180, 92, 102, .2);
    background: rgba(255, 246, 247, .72);
    color: #a24e58;
}
.smart-link-filter-bar {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(128px, auto) minmax(128px, auto) auto auto auto;
    gap: 9px;
    align-items: center;
    margin: 0 0 14px;
    padding: 10px;
    border: 1px solid rgba(111, 151, 184, .16);
    border-radius: 8px;
    background: rgba(249, 252, 255, .58);
}
.smart-link-filter-bar input,
.smart-link-filter-bar select {
    min-height: 36px;
    border: 1px solid rgba(104, 143, 176, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .68);
    color: #31445c;
    font-size: 13px;
}
.smart-link-filter-bar input {
    padding: 0 14px;
}
.smart-link-filter-bar select {
    padding: 0 34px 0 12px;
}
.smart-link-filter-bar button,
.smart-link-filter-bar a {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border: 1px solid rgba(91, 133, 175, .2);
    border-radius: 999px;
    background: rgba(255, 255, 255, .66);
    color: #315f7c;
    font-size: 12px;
    font-weight: 850;
}
.smart-link-filter-bar button {
    cursor: pointer;
}
.smart-link-filter-bar span {
    color: #77879b;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}
.smart-link-modal[hidden] {
    display: none;
}
.smart-link-modal {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(15, 23, 42, .38);
    backdrop-filter: blur(10px);
}
.smart-link-modal-panel {
    width: min(780px, 100%);
    max-height: min(720px, calc(100vh - 48px));
    overflow: auto;
    padding: 18px;
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: 8px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 28px 80px rgba(15, 23, 42, .22);
}
.smart-link-modal-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}
.smart-link-modal-head span {
    display: block;
    margin-bottom: 5px;
    color: #5f8cb2;
    font-size: 11px;
    font-weight: 900;
}
.smart-link-modal-head h3 {
    margin: 0;
    color: #223047;
    font-size: 20px;
    line-height: 1.3;
    overflow-wrap: anywhere;
}
.smart-link-modal-head button {
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    border: 1px solid rgba(203, 213, 225, .7);
    border-radius: 999px;
    background: rgba(248, 250, 252, .86);
    color: #475569;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}
.smart-link-modal-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}
.smart-link-modal-grid div {
    min-height: 64px;
    padding: 11px 12px;
    border: 1px solid rgba(203, 213, 225, .62);
    border-radius: 8px;
    background: rgba(248, 251, 255, .76);
}
.smart-link-modal-grid span,
.smart-link-modal-grid b {
    display: block;
}
.smart-link-modal-grid span {
    margin-bottom: 6px;
    color: #77879b;
    font-size: 12px;
    font-weight: 850;
}
.smart-link-modal-grid b {
    color: #243245;
    font-size: 13px;
    line-height: 1.55;
    overflow-wrap: anywhere;
}
.smart-link-modal-actions {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
    margin-top: 14px;
}
.smart-link-modal-actions button,
.smart-link-modal-actions a {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border: 1px solid rgba(203, 213, 225, .7);
    border-radius: 7px;
    background: rgba(255, 255, 255, .78);
    color: #334155;
    font-size: 12px;
    font-weight: 850;
    text-decoration: none;
}
.smart-link-modal-actions button {
    cursor: pointer;
}
.smart-link-modal-open {
    overflow: hidden;
}
.smart-link-batch-actions {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}
.smart-link-batch-actions form {
    display: inline-flex;
}
.smart-link-batch-actions button {
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid rgba(95, 139, 178, .2);
    border-radius: 999px;
    background: rgba(255, 255, 255, .66);
    color: #315e7b;
    font-size: 12px;
    font-weight: 850;
    box-shadow: 0 10px 22px rgba(46, 83, 114, .055);
}
.smart-link-batch-actions form:last-child button {
    color: #9d4d55;
    border-color: rgba(180, 92, 102, .18);
    background: rgba(255, 246, 247, .74);
}
.smart-link-batch-actions [data-smart-force-refresh] button {
    color: #8c5c36;
    border-color: rgba(176, 126, 73, .22);
    background: rgba(255, 250, 242, .7);
}
.smart-link-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 14px 0 16px;
}
.smart-link-stats div {
    min-height: 66px;
    padding: 12px 14px;
    border: 1px solid rgba(111, 151, 184, .18);
    border-radius: 8px;
    background: rgba(255, 255, 255, .62);
    box-shadow: 0 12px 26px rgba(46, 83, 114, .045);
}
.smart-link-stats span,
.smart-link-stats b {
    display: block;
}
.smart-link-stats span {
    color: #77879b;
    font-size: 12px;
    font-weight: 760;
}
.smart-link-stats b {
    margin-top: 6px;
    color: #223047;
    font-size: 22px;
    line-height: 1;
}
.smart-link-empty {
    display: grid;
    gap: 9px;
    justify-items: center;
    margin-top: 12px;
    padding: 28px 18px;
    border: 1px dashed rgba(148, 163, 184, .48);
    border-radius: 8px;
    background: rgba(248, 251, 255, .72);
    text-align: center;
}
.smart-link-empty::before {
    content: "";
    width: 36px;
    height: 36px;
    border-radius: 999px;
    border: 1px solid rgba(191, 219, 254, .9);
    background:
        linear-gradient(90deg, transparent 47%, rgba(37, 99, 235, .72) 47% 53%, transparent 53%),
        linear-gradient(0deg, transparent 47%, rgba(37, 99, 235, .72) 47% 53%, transparent 53%),
        rgba(239, 246, 255, .9);
}
.smart-link-empty b {
    color: #223047;
    font-size: 16px;
}
.smart-link-empty span {
    max-width: 560px;
    color: #75869a;
    font-size: 13px;
    line-height: 1.8;
}
.smart-link-empty a {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    padding: 0 16px;
    border: 1px solid rgba(95, 139, 178, .2);
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    color: #315e7b;
    font-size: 12px;
    font-weight: 850;
    text-decoration: none;
}
.status-pill {
    display: inline-flex !important;
    width: fit-content;
    min-height: 24px;
    align-items: center;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
}
.status-pill.ok {
    background: rgba(226, 243, 252, .82);
    color: #286d93;
}
.status-pill.warn {
    background: rgba(255, 244, 232, .82);
    color: #a36a2b;
}

/* Lightweight console polish */
.member-admin-page,
.member-admin-page main {
    color: #202938;
    background:
        linear-gradient(180deg, rgba(248, 251, 255, .96), rgba(242, 246, 250, .98));
}
.member-admin-page .btn,
.member-admin-page button,
.admin-nav a,
.table-action,
.builder-btn,
.builder-profile-create button,
.builder-profile-delete button,
.builder-profile-redeem button,
.builder-inline button,
.builder-upload-btn {
    min-height: 38px;
    border: 1px solid rgba(139, 153, 171, .22);
    border-radius: 7px;
    background: rgba(255, 255, 255, .54);
    color: #334155;
    box-shadow: 0 4px 12px rgba(25, 35, 48, .026);
    font-weight: 800;
    transition: background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}
.member-admin-page .btn:hover,
.member-admin-page button:hover,
.admin-nav a:hover,
.table-action:hover,
.builder-btn:hover,
.builder-profile-create button:hover,
.builder-profile-delete button:hover,
.builder-profile-redeem button:hover,
.builder-inline button:hover,
.builder-upload-btn:hover {
    border-color: rgba(93, 119, 150, .34);
    background: rgba(255, 255, 255, .78);
    color: #1f2a3a;
    box-shadow: 0 7px 16px rgba(25, 35, 48, .045);
}
.member-admin-page .btn.primary,
.member-admin-page button.btn.primary,
.member-admin-page .inline-form .btn.primary,
.member-admin-page .builder-btn.primary,
.member-admin-page form .btn.primary,
.member-admin-page form button.btn.primary {
    border-color: rgba(37, 99, 235, .16);
    background: linear-gradient(180deg, rgba(239, 246, 255, .92), rgba(219, 234, 254, .72));
    color: var(--brand-dark);
    box-shadow: 0 6px 16px rgba(37, 99, 235, .08);
}
.member-admin-page .btn.primary:hover,
.member-admin-page button.btn.primary:hover,
.member-admin-page .builder-btn.primary:hover,
.member-admin-page form .btn.primary:hover,
.member-admin-page form button.btn.primary:hover {
    border-color: rgba(37, 99, 235, .28);
    background: linear-gradient(180deg, rgba(239, 246, 255, 1), rgba(191, 219, 254, .78));
    color: var(--brand-dark);
}
.member-admin-page button:disabled,
.member-admin-page .btn:disabled {
    cursor: not-allowed;
    opacity: .55;
    box-shadow: none;
}
.member-admin-page input,
.member-admin-page select,
.member-admin-page textarea,
.admin-profile-table input,
.admin-profile-add input,
.admin-edit-grid input,
.admin-edit-grid select,
.member-security-form input,
.member-form-inline input,
.member-form-inline select,
.member-balance-form input,
.member-balance-form select {
    min-height: 40px;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, .68);
    color: var(--ink);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
}
.member-admin-page input:focus,
.member-admin-page select:focus,
.member-admin-page textarea:focus {
    outline: none;
    border-color: rgba(37, 99, 235, .38);
    background: rgba(255, 255, 255, .9);
    box-shadow: var(--focus-ring);
}
.member-admin-page .member-section,
.member-admin-page .panel,
.member-admin-page .member-profile-card,
.member-admin-page .admin-edit-panel,
.member-admin-page .admin-setting-group,
.member-admin-page .admin-table-panel,
.member-admin-page .admin-recharge-panel,
.member-admin-page .tool-card,
.member-admin-page .builder-profile-panel,
.member-admin-page .builder-profile-vip,
.member-admin-page .admin-stats div,
.member-admin-page .admin-quick-grid a,
.member-admin-page .member-dashboard-stats div,
.member-admin-page .member-downloader-card,
.member-admin-page .member-tool-card,
.member-admin-page .member-next-list a,
.member-admin-page .member-cdk-panel {
    border: 1px solid rgba(217, 226, 236, .52);
    border-radius: 8px;
    background: rgba(255, 255, 255, .44);
    box-shadow: 0 7px 20px rgba(31, 42, 56, .022);
}
.member-balance-hero {
    border-color: rgba(217, 226, 236, .52);
    background: linear-gradient(135deg, rgba(255, 255, 255, .5), rgba(245, 249, 253, .54));
    box-shadow: 0 7px 20px rgba(31, 42, 56, .026);
}
.member-admin-page .topbar nav a.active,
.member-admin-page .topbar nav a:hover {
    border-color: rgba(91, 133, 175, .2);
    background: rgba(232, 242, 251, .64);
    color: #2a5f83;
}
.member-admin-page a:not(.btn):not(.builder-btn):not(.table-action),
.member-admin-page footer a,
.member-admin-page .admin-generated-cell a {
    color: #2d668a;
}
.member-admin-page input[type="radio"],
.member-admin-page input[type="checkbox"] {
    min-height: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    accent-color: #6b9fc7;
}
.member-balance-hero b,
.admin-stats b,
.home-shot-panel b,
.admin-generated-cell a,
.money-in {
    color: #2d668a;
}
.money-out {
    color: #b65763;
}
.member-admin-page table {
    border-collapse: separate;
    border-spacing: 0;
    margin-top: 12px;
    overflow: hidden;
}
.member-admin-page th,
.member-admin-page td {
    border-bottom: 1px solid rgba(226, 233, 241, .86);
    padding: 11px 12px;
}
.member-admin-page th {
    background: rgba(247, 250, 253, .72);
    color: #738196;
    font-size: 12px;
    font-weight: 900;
}
.member-admin-page tr:last-child td {
    border-bottom: 0;
}
.member-info-table {
    table-layout: auto;
}
.member-info-table th,
.member-info-table td {
    background: transparent;
}
.admin-audit-grid > div,
.member-two-col > .member-section {
    border-radius: 8px;
}
.admin-filter-tabs a.active {
    border-color: rgba(91, 133, 175, .32);
    background: rgba(232, 242, 251, .8);
    color: #2a5f83;
}
.builder-profile-vip.active,
.member-profile-card.active {
    border-color: rgba(91, 133, 175, .28);
}
.member-admin-page .builder-tabs span.active {
    color: #2d668a;
    border-bottom-color: #6da5cf;
}
.member-admin-page .builder-switch input:checked + i {
    border-color: rgba(109, 165, 207, .72);
    background: rgba(109, 165, 207, .72);
}
.member-admin-page .member-section h2,
.member-admin-page .admin-table-panel h2,
.member-admin-page .admin-setting-group header h2,
.member-admin-page .admin-edit-panel h2,
.member-admin-page .admin-audit-grid h3 {
    color: #253449;
}
.member-admin-page .member-section h2::before {
    border-color: rgba(109, 165, 207, .34);
    background: rgba(238, 246, 252, .82);
}
.member-admin-page .member-profile-card.active em {
    background: rgba(232, 242, 251, .78);
    color: #2d668a;
}
.member-admin-page .member-profile-card.pending em {
    background: rgba(255, 248, 232, .82);
    color: #9a651f;
}
.member-admin-page .member-downloader-card.ready em {
    background: rgba(232, 242, 251, .78);
    color: #2d668a;
}
.member-admin-page .member-downloader-card.warning em {
    background: rgba(255, 248, 232, .82);
    color: #9a651f;
}
.member-admin-page .admin-filter-tabs a.active {
    border-color: rgba(91, 133, 175, .3);
    background: rgba(232, 242, 251, .68);
    color: #2a5f83;
}
.member-admin-page .check-list li::before {
    background: #6da5cf;
}
.member-admin-page .builder-style-option span,
.member-admin-page .builder-profile-tabs a,
.member-admin-page .admin-filter-tabs a,
.member-admin-page .admin-nav a {
    border-color: rgba(217, 226, 236, .52);
    background: rgba(255, 255, 255, .42);
    box-shadow: 0 5px 14px rgba(31, 42, 56, .02);
}
.member-admin-page .builder-style-option input:checked + span,
.member-admin-page .builder-profile-tabs a.active {
    border-color: rgba(109, 165, 207, .5);
    background: rgba(238, 247, 253, .62);
    box-shadow: 0 7px 18px rgba(65, 115, 154, .05);
}
.admin-setting-qr-panel {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 168px minmax(220px, .8fr) auto;
    gap: 12px;
    align-items: center;
    padding: 12px;
    border: 1px solid rgba(217, 226, 236, .58);
    border-radius: 8px;
    background: rgba(248, 251, 254, .68);
    box-shadow: 0 8px 20px rgba(31, 42, 56, .025);
}
.admin-setting-qr-panel b {
    display: block;
    color: #1f3146;
    font-size: 14px;
    line-height: 1.4;
}
.admin-setting-qr-panel p {
    margin: 5px 0 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.6;
}
.admin-setting-qr-panel .member-p139-qr-box {
    min-height: 132px;
    background: rgba(255, 255, 255, .42);
}
.admin-setting-qr-panel .member-p139-qr-box img {
    width: 118px;
    height: 118px;
}
.admin-setting-qr-panel .member-tool-result {
    min-height: 44px;
    margin: 0;
    padding: 10px 12px;
    border-radius: 7px;
    background: rgba(255, 255, 255, .46);
    font-size: 12px;
    line-height: 1.55;
}
.admin-setting-qr-panel .member-tool-actions {
    grid-template-columns: 1fr;
    min-width: 116px;
    margin: 0;
    gap: 8px;
}
.admin-setting-qr-panel .member-tool-actions button {
    min-height: 36px;
    padding: 8px 12px;
    border-radius: 7px;
}

/* Admin console phase polish */
.member-admin-page .admin-nav {
    position: sticky;
    top: 0;
    z-index: 20;
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr) auto;
    align-items: stretch;
    gap: 10px;
    margin: 18px 0 16px;
    padding: 10px;
    border: 1px solid rgba(203, 213, 225, .58);
    border-radius: 8px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 10px 26px rgba(15, 23, 42, .045);
    backdrop-filter: blur(12px);
}
.member-admin-page .admin-nav-brand {
    display: grid;
    align-content: center;
    gap: 2px;
    padding: 0 10px;
    border-right: 1px solid rgba(226, 232, 240, .85);
}
.member-admin-page .admin-nav-brand b {
    color: var(--ink);
    font-size: 15px;
}
.member-admin-page .admin-nav-brand span {
    color: #64748b;
    font-size: 12px;
    font-weight: 750;
}
.member-admin-page .admin-nav-group {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 7px;
}
.member-admin-page .admin-nav a {
    min-height: 48px;
    padding: 7px 10px;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    border-color: transparent;
    border-radius: 7px;
    background: transparent;
    color: #475569;
    text-decoration: none;
    box-shadow: none;
}
.member-admin-page .admin-nav a b {
    color: inherit;
    font-size: 13px;
    line-height: 1.1;
}
.member-admin-page .admin-nav a span {
    color: #94a3b8;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.2;
}
.member-admin-page .admin-nav a:hover {
    border-color: rgba(37, 99, 235, .14);
    background: rgba(239, 246, 255, .9);
    color: var(--brand-dark);
}
.member-admin-page .admin-nav a.active {
    border-color: rgba(37, 99, 235, .2);
    background: rgba(239, 246, 255, .95);
    color: var(--brand-dark);
    box-shadow: inset 3px 0 0 var(--brand);
}
.member-admin-page .admin-nav a.active span {
    color: #2563eb;
}
.member-admin-page .admin-nav-exit {
    min-width: 92px;
    align-items: center !important;
    text-align: center;
    color: #9f4f59;
    border-color: rgba(220, 38, 38, .12) !important;
    background: rgba(254, 242, 242, .5) !important;
}
.member-admin-page .admin-hero {
    min-height: 132px;
    padding: 20px;
    border-color: rgba(191, 219, 254, .62);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(239, 246, 255, .76)),
        radial-gradient(circle at 90% 20%, rgba(37, 99, 235, .12), transparent 34%);
}
.member-admin-page .admin-hero h1,
.member-admin-page .admin-section-head h1 {
    color: var(--ink);
    font-size: 28px;
    line-height: 1.15;
}
.member-admin-page .admin-hero .muted,
.member-admin-page .admin-section-head .muted {
    max-width: 680px;
    line-height: 1.65;
}
.member-admin-page .admin-hero-actions .btn,
.member-admin-page .admin-section-head .btn {
    min-height: 38px;
    padding: 0 14px;
}
.member-admin-page .admin-overview-hero {
    margin-bottom: 12px;
}
.member-admin-page .admin-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 12px 0 14px;
}
.member-admin-page .admin-stats div {
    min-height: 92px;
    padding: 13px;
    display: grid;
    align-content: space-between;
    border-color: rgba(203, 213, 225, .52);
    background: rgba(255, 255, 255, .7);
}
.member-admin-page .admin-stats span {
    color: #64748b;
    font-size: 12px;
}
.member-admin-page .admin-stats b {
    color: var(--brand-dark);
    font-size: 22px;
}
.member-admin-page .admin-stats em {
    color: #94a3b8;
    line-height: 1.35;
}
.member-admin-page .admin-quick-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin: 12px 0 16px;
}
.member-admin-page .admin-quick-grid a {
    min-height: 74px;
    gap: 5px;
    padding: 12px;
    text-decoration: none;
    transition: border-color .16s var(--ease-ui), background .16s var(--ease-ui), box-shadow .16s var(--ease-ui);
}
.member-admin-page .admin-quick-grid a:hover {
    border-color: rgba(37, 99, 235, .18);
    background: rgba(248, 251, 255, .82);
    box-shadow: 0 10px 24px rgba(37, 99, 235, .055);
}
.member-admin-page .admin-quick-grid b {
    color: var(--ink);
    font-size: 14px;
}
.member-admin-page .admin-quick-grid span {
    color: #64748b;
    font-size: 12px;
    line-height: 1.5;
}
.member-admin-page .admin-ops-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
    gap: 12px;
    margin: 12px 0 16px;
}
.member-admin-page .admin-ops-card {
    margin: 0;
    padding: 16px;
}
.member-admin-page .admin-card-head {
    display: block;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(226, 232, 240, .82);
}
.member-admin-page .admin-card-head h2 {
    margin: 5px 0 0;
    color: var(--ink);
    font-size: 18px;
}
.member-admin-page .admin-card-head p {
    margin: 6px 0 0;
    max-width: 720px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.55;
}
.member-admin-page .admin-quick-grid-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}
.member-admin-page .admin-health-list {
    display: grid;
    gap: 8px;
}
.member-admin-page .admin-health-list div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px 10px;
    align-items: center;
    min-height: 58px;
    padding: 10px;
    border: 1px solid rgba(226, 232, 240, .82);
    border-radius: 8px;
    background: rgba(248, 251, 255, .62);
}
.member-admin-page .admin-health-list b {
    color: var(--ink);
    font-size: 13px;
}
.member-admin-page .admin-health-list p {
    grid-column: 1 / -1;
    margin: 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.45;
}
.member-admin-page .admin-table-panel,
.member-admin-page .admin-settings-panel,
.member-admin-page .admin-members-panel,
.member-admin-page .admin-recharge-panel,
.member-admin-page .admin-cdk-panel,
.member-admin-page .admin-edit-panel {
    padding: 18px;
}
.member-admin-page .admin-section-head {
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(226, 232, 240, .78);
}
.member-admin-page .admin-page-head {
    align-items: center;
    min-height: 72px;
}
.member-admin-page .admin-head-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}
.member-admin-page .admin-head-actions .btn {
    white-space: nowrap;
}
.member-admin-page .admin-settings-form {
    gap: 12px;
}
.member-admin-page .admin-setting-group {
    grid-template-columns: minmax(176px, .34fr) minmax(0, 1fr);
    gap: 14px;
    padding: 14px;
    border-color: rgba(203, 213, 225, .55);
    background: rgba(255, 255, 255, .62);
}
.member-admin-page .admin-setting-group header h2 {
    margin-bottom: 6px;
    font-size: 16px;
}
.member-admin-page .admin-setting-group header p {
    color: #64748b;
    font-size: 12px;
    line-height: 1.65;
}
.member-admin-page .admin-setting-fields {
    gap: 10px;
}
.member-admin-page .admin-setting-fields label,
.member-admin-page .admin-edit-grid label,
.member-admin-page .admin-profile-add label {
    color: #475569;
    font-size: 12px;
    font-weight: 800;
}
.member-admin-page .admin-setting-fields textarea {
    min-height: 76px;
}
.member-admin-page .admin-toolbar {
    align-items: stretch;
    margin: 0 0 14px;
    padding: 11px;
    border: 1px solid rgba(203, 213, 225, .56);
    border-radius: 8px;
    background: rgba(248, 251, 255, .66);
}
.member-admin-page .admin-toolbar .inline-form {
    gap: 8px;
}
.member-admin-page .admin-toolbar input,
.member-admin-page .admin-toolbar select {
    min-height: 36px;
    max-width: none;
}
.member-admin-page .admin-members-panel .admin-toolbar {
    display: grid;
    grid-template-columns: minmax(240px, .45fr) minmax(0, 1fr);
}
.member-admin-page .admin-members-panel .admin-toolbar .inline-form:first-child {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
}
.member-admin-page .admin-members-panel .admin-toolbar .inline-form:last-child {
    display: grid;
    grid-template-columns: repeat(3, minmax(120px, 1fr)) auto;
}
.member-admin-page .admin-cdk-panel .admin-toolbar .inline-form {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
    gap: 14px 12px;
}

.member-admin-page .admin-cdk-panel .admin-toolbar {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
}

.member-admin-page .admin-cdk-panel .admin-toolbar .admin-cdk-export-form {
    grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
}
.member-admin-page .admin-members-table,
.member-admin-page .admin-cdk-table,
.member-admin-page .admin-recharge-table {
    display: block;
    overflow-x: auto;
    border: 1px solid rgba(226, 232, 240, .82);
    border-radius: 8px;
    background: rgba(255, 255, 255, .66);
}
.member-admin-page .admin-table-scroll {
    width: 100%;
    overflow-x: auto;
    border: 1px solid rgba(226, 232, 240, .82);
    border-radius: 8px;
    background: rgba(255, 255, 255, .66);
}
.member-admin-page .admin-table-scroll .admin-members-table,
.member-admin-page .admin-table-scroll .admin-cdk-table,
.member-admin-page .admin-table-scroll .admin-recharge-table {
    display: table;
    width: 100%;
    min-width: 860px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
}
.member-admin-page .admin-members-table thead,
.member-admin-page .admin-members-table tbody,
.member-admin-page .admin-members-table tr,
.member-admin-page .admin-cdk-table thead,
.member-admin-page .admin-cdk-table tbody,
.member-admin-page .admin-cdk-table tr,
.member-admin-page .admin-recharge-table thead,
.member-admin-page .admin-recharge-table tbody,
.member-admin-page .admin-recharge-table tr {
    width: 100%;
}
.member-admin-page .admin-members-table th,
.member-admin-page .admin-members-table td,
.member-admin-page .admin-cdk-table th,
.member-admin-page .admin-cdk-table td,
.member-admin-page .admin-recharge-table th,
.member-admin-page .admin-recharge-table td {
    white-space: nowrap;
}
.member-admin-page .admin-members-table td:nth-child(3),
.member-admin-page .admin-recharge-table td:nth-child(2),
.member-admin-page .admin-cdk-table td:nth-child(2) {
    white-space: normal;
    min-width: 160px;
}
.member-admin-page .row-actions {
    gap: 6px;
}
.member-admin-page .row-actions button,
.member-admin-page .table-action {
    min-height: 34px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 12px;
    text-decoration: none;
}
.member-admin-page button[data-admin-confirm],
.member-admin-page .row-actions form:last-child button {
    color: #9f4f59;
    border-color: rgba(220, 38, 38, .14);
    background: rgba(254, 242, 242, .62);
}
.member-admin-page form.is-submitting {
    opacity: .82;
}
.member-admin-page form.is-submitting button:disabled {
    cursor: wait;
}
.member-admin-page .admin-filter-tabs {
    margin: 0 0 12px;
}
.member-admin-page .admin-filter-tabs a {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    text-decoration: none;
}
.member-admin-page .admin-edit-page {
    width: min(1180px, 100%);
    margin: 0 auto;
    display: grid;
    gap: 14px;
}
.member-admin-page .admin-edit-page > *,
.member-admin-page .admin-edit-summary-grid > * {
    min-width: 0;
}
.member-admin-page .admin-edit-page .admin-page-head {
    margin-bottom: 0;
}
.member-admin-page .admin-edit-summary-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr);
    gap: 14px;
    align-items: stretch;
}
.member-admin-page .admin-edit-summary-grid .admin-edit-panel {
    margin-top: 0;
}
.member-admin-page .admin-edit-summary-grid .admin-edit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.member-admin-page .admin-balance-panel .admin-edit-grid {
    grid-template-columns: 1fr;
}
.member-admin-page .admin-edit-summary-grid .admin-edit-meta {
    grid-column: 1 / -1;
}
.member-admin-page .admin-edit-summary-grid .btn.primary {
    justify-self: start;
    min-width: 132px;
}
.member-admin-page .admin-profile-panel,
.member-admin-page .admin-audit-panel {
    margin-top: 0;
}
.member-admin-page .admin-profile-panel {
    overflow-x: auto;
}
.member-admin-page .admin-edit-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    gap: 12px;
}
.member-admin-page .admin-edit-meta {
    grid-column: 1 / -2;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px 14px;
    padding: 8px 10px;
    border: 1px solid rgba(226, 232, 240, .8);
    border-radius: 7px;
    background: rgba(248, 251, 255, .6);
}
.member-admin-page .admin-profile-table {
    display: block;
    min-width: 880px;
    overflow-x: auto;
    border: 1px solid rgba(226, 232, 240, .82);
    border-radius: 8px;
    background: rgba(255, 255, 255, .62);
}
.member-admin-page .admin-profile-add {
    margin-top: 12px;
    padding: 12px;
    border-color: rgba(203, 213, 225, .58);
    background: rgba(248, 251, 255, .62);
}
.member-admin-page .admin-audit-grid {
    gap: 12px;
}
.member-admin-page .admin-audit-grid > div {
    padding: 12px;
    border: 1px solid rgba(226, 232, 240, .78);
    background: rgba(255, 255, 255, .54);
}
.member-admin-page .admin-audit-grid h3 {
    font-size: 15px;
}
.member-admin-page td.muted,
.member-admin-page table .muted,
.member-info-table .muted,
.admin-recharge-table .muted,
.admin-members-table .muted,
.admin-cdk-table .muted {
    color: #64748b;
    font-size: 13px;
    line-height: 1.65;
}
.member-admin-page td[colspan].muted {
    min-height: 78px;
    padding: 24px 18px;
    background: rgba(248, 251, 255, .72);
    color: #64748b;
    text-align: center;
}
.member-admin-page .admin-empty-cell b,
.member-admin-page .admin-empty-cell span {
    display: block;
}
.member-admin-page .admin-empty-cell b {
    margin-bottom: 4px;
    color: var(--ink);
    font-size: 14px;
}
.member-admin-page .admin-empty-cell span {
    color: #64748b;
    font-size: 12px;
}
.member-admin-page td[colspan].muted::before {
    content: "";
    display: block;
    width: 34px;
    height: 34px;
    margin: 0 auto 9px;
    border: 1px dashed rgba(37, 99, 235, .38);
    border-radius: 999px;
    background: rgba(239, 246, 255, .72);
}
.member-admin-page .status-pill,
.member-status-pill {
    line-height: 1;
}

footer {
    width: min(1120px, calc(100% - 32px));
    margin: 40px auto;
    color: var(--muted);
    border-top: 1px solid var(--line);
    padding-top: 22px;
}

@media (max-width: 1180px) {
    .cloud-config-main {
        grid-template-columns: 1fr;
    }
    .cloud-config-main .member-security-grid {
        grid-template-columns: 1fr;
    }
    .cloud-config-panel-grid {
        grid-template-columns: minmax(220px, .72fr) minmax(0, 1.28fr);
    }
    .member-admin-page .admin-stats,
    .member-admin-page .admin-quick-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .member-admin-page .admin-product-nav {
        grid-template-columns: 1fr;
    }
    .member-admin-page .admin-nav-brand {
        border-right: 0;
        border-bottom: 1px solid rgba(226, 232, 240, .85);
        padding: 0 4px 9px;
    }
    .member-admin-page .admin-nav-group {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .member-admin-page .admin-nav-exit {
        min-width: 0;
    }
    .member-admin-page .admin-ops-grid {
        grid-template-columns: 1fr;
    }
    .member-admin-page .admin-edit-summary-grid {
        grid-template-columns: 1fr;
    }
    .member-admin-page .admin-members-panel .admin-toolbar,
    .member-admin-page .admin-cdk-panel .admin-toolbar .inline-form,
    .member-admin-page .admin-edit-grid,
    .member-admin-page .admin-setting-group,
    .member-admin-page .admin-setting-fields {
        grid-template-columns: 1fr;
    }
    .member-balance-grid.three,
    .member-balance-grid.four {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .member-admin-page .admin-edit-meta {
        grid-column: auto;
    }
}

@media (max-width: 820px) {
    .topbar { align-items: flex-start; flex-direction: column; }
    .btn,
    button,
    .member-menu a,
    .member-logout,
    .member-tool-actions a,
    .member-tool-actions button,
    .table-action {
        min-height: 44px;
    }
    .hero, .home-hero-v2, .auth-split, .auth-benefits, .features, .home-shot-panel, .home-capability-grid, .home-flow-list, .home-member-panel, .home-member-grid, .faq-grid, .admin-stats, .admin-quick-grid, .admin-setting-group, .admin-setting-fields, .admin-edit-grid, .admin-profile-add, .admin-audit-grid, .member-grid, .member-layout, .member-flat-grid, .member-quick-grid, .member-stat-grid, .member-dashboard-grid, .member-downloader-grid, .member-tools-grid, .member-tools-hero, .member-two-col, .member-console-hero, .member-security-hero, .member-security-grid, .member-security-tips, .member-mini-stats, .member-auth-mode-grid, .member-auth-placeholder-grid, .member-balance-hero, .member-balance-grid, .member-profile-grid, .builder-profile-panel, .builder-form-grid, .builder-assets, .builder-design-layout, .builder-style-options, .builder-live-preview, .form.two, .dashboard-grid, .download-layout, .steps, .compact-steps, .member-stats { grid-template-columns: 1fr; }
    .member-section-title { flex-direction: column; }
    .p139-auth-steps { grid-template-columns: 1fr; }
    .member-tool-actions.cloud-direct-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cloud-direct-layout,
    .cloud-direct-input-row { grid-template-columns: 1fr; }
    .support-note-title { align-items: flex-start; flex-direction: column; }
    .support-note-grid { grid-template-columns: 1fr; }
    .cloud-status-guide { grid-template-columns: 1fr; }
    .cloud-status-guide-grid { grid-template-columns: 1fr; }
    .cloud-direct-side { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .cloud-direct-side div { min-height: 74px; padding: 10px; }
    .cloud-config-overview,
    .cloud-provider-grid,
    .cloud-config-panel-grid,
    .cloud-auth-stats,
    .cloud-config-actions { grid-template-columns: 1fr; }
    .admin-setting-qr-panel { grid-template-columns: 1fr; }
    .cloud-config-overview-compact article { grid-template-columns: 1fr; }
    .cloud-config-summary div { grid-template-columns: 1fr; gap: 3px; }
    .compact-qr-panel { grid-template-columns: 1fr; }
    .member-admin-page .admin-nav {
        position: static;
    }
    .member-admin-page .admin-nav-group {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .member-admin-page .admin-nav-exit {
        align-items: center !important;
        min-height: 44px;
    }
    .member-sidebar {
        position: relative;
        min-height: auto;
        gap: 12px;
        padding: 16px;
        border-right: 0;
        border-bottom: 1px solid var(--line);
        box-shadow: 0 8px 22px rgba(15, 23, 42, .035);
    }
    .member-profile {
        padding-bottom: 12px;
    }
    .member-menu {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
    .member-menu a,
    .member-logout {
        min-height: 44px;
        padding: 0 10px;
        font-size: 13px;
    }
    .member-menu a::before {
        width: 16px;
        height: 16px;
        margin-right: 7px;
    }
    .member-side-foot {
        padding-top: 12px;
    }
    .member-content {
        padding: 20px 14px 48px;
    }
    .member-admin-page .admin-members-panel .admin-toolbar .inline-form:first-child,
    .member-admin-page .admin-members-panel .admin-toolbar .inline-form:last-child,
    .member-admin-page .admin-cdk-panel .admin-toolbar .inline-form {
        grid-template-columns: 1fr;
    }
    .member-admin-page .admin-stats,
    .member-admin-page .admin-quick-grid,
    .member-balance-grid.three,
    .member-balance-grid.four {
        grid-template-columns: 1fr;
    }
    .member-balance-grid > * {
        min-width: 0;
    }
    .member-admin-page .admin-table-panel,
    .member-admin-page .admin-settings-panel,
    .member-admin-page .admin-members-panel,
    .member-admin-page .admin-recharge-panel,
    .member-admin-page .admin-cdk-panel,
    .member-admin-page .admin-edit-panel {
        padding: 14px;
    }
    .compact-qr-panel .member-p139-qr-box,
    .compact-qr-panel b,
    .compact-qr-panel span,
    .compact-qr-panel .member-tool-result,
    .compact-qr-panel .member-tool-actions {
        grid-column: 1;
        grid-row: auto;
    }
    .smart-link-filter-bar { grid-template-columns: 1fr; }
    .smart-link-filter-bar span { white-space: normal; }
    .smart-link-modal { padding: 14px; }
    .smart-link-modal-grid { grid-template-columns: 1fr; }
    .smart-link-modal-actions { display: grid; grid-template-columns: 1fr; }
    h1 { font-size: 36px; }
    .split { flex-direction: column; align-items: flex-start; }
    .home-hero { min-height: auto; }
    .home-hero-v2 {
        min-height: auto;
        gap: 22px;
        padding-top: 28px;
    }
    .home-console-preview {
        min-height: 390px;
        padding: 14px;
    }
    .home-preview-grid {
        grid-template-columns: 1fr;
    }
    .home-preview-window {
        min-height: 218px;
    }
    .home-preview-controls {
        left: 10px;
        right: 10px;
        grid-template-columns: minmax(0, 1fr) 46px 52px;
    }
    .home-preview-status {
        align-items: stretch;
        flex-direction: column;
    }
    .home-capability-grid article,
    .home-flow-list div {
        min-height: auto;
    }
    .home-product-shot { min-height: auto; }
    .home-cta .actions { width: 100%; }
    .home-cta .actions .btn { flex: 1; }
    .auth-split { padding: 24px 0; }
    .auth-intro { min-height: auto; padding: 24px; }
    .auth-card { padding: 22px; }
    .member-hero, .admin-hero { align-items: flex-start; flex-direction: column; }
    .admin-hero-actions,
    .admin-section-head,
    .admin-head-actions,
    .admin-edit-title { width: 100%; flex-direction: column; }
    .admin-hero-actions .btn,
    .admin-head-actions .btn,
    .admin-section-head .btn { width: 100%; }
    .admin-profile-form { overflow-x: auto; }
    .member-page-head { align-items: flex-start; flex-direction: column; }
    .member-section-head { flex-direction: column; }
    .member-head-actions { width: 100%; }
    .member-head-actions .btn { flex: 1; justify-content: center; }
    .member-profile-meta { grid-template-columns: 1fr; }
    .member-sidebar { position: static; min-height: auto; }
    .member-content { padding: 18px 14px 42px; }
    .member-info-table,
    .member-info-table tbody,
    .member-info-table tr,
    .member-info-table th,
    .member-info-table td {
        display: block;
        width: 100%;
    }
    .member-info-table th { text-align: left; }
    .member-form-inline { flex-direction: column; }
    .builder-col label,
    .builder-switch-row,
    .builder-profile-current label,
    .builder-pan-quick-open {
        grid-template-columns: 1fr !important;
    }
    .builder-cloud-inline-hint {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }
    .builder-live-preview-stage {
        padding: 6px;
    }
    .builder-live-preview-head {
        align-items: flex-start;
        flex-direction: column;
    }
    .builder-live-preview-head span {
        text-align: left;
    }
    .builder-live-preview-window {
        width: 100%;
    }
    .builder-live-preview-control {
        left: 12px;
        right: 12px;
        bottom: 12px;
        grid-template-columns: minmax(0, 1fr) 58px 64px;
        gap: 5px;
        padding: 8px;
    }
    .builder-profile-actions,
    .builder-profile-create,
    .builder-profile-delete,
    .builder-profile-redeem,
    .builder-profile-vip {
        align-items: stretch;
        flex-direction: column;
    }
    .builder-profile-create input,
    .builder-profile-create button,
    .builder-profile-delete button,
    .builder-profile-redeem input,
    .builder-profile-redeem button {
        width: 100%;
    }
    .builder-actions {
        gap: 12px;
        flex-direction: column;
        width: 100%;
    }
    .builder-footer {
        align-items: stretch;
        flex-direction: column;
    }
    .builder-actions .builder-btn {
        width: 100%;
    }
    .stats { grid-template-columns: 1fr; }
    .hero-metrics { grid-template-columns: 1fr; }
}

/* Qiyou enterprise final override layer */
.qiyou-app {
    --ink: var(--qy-ink);
    --muted: var(--qy-muted);
    --line: var(--qy-line);
    --brand: var(--qy-primary);
    --brand-dark: var(--qy-primary-2);
    --brand-soft: var(--qy-primary-soft);
    --accent: var(--qy-accent);
    --surface: var(--qy-panel-solid);
    --surface-soft: var(--qy-panel-soft);
    --radius-sm: var(--qy-radius-sm);
    --radius-md: var(--qy-radius);
    --radius-lg: var(--qy-radius);
    --shadow: var(--qy-shadow-md);
    --shadow-soft: var(--qy-shadow-sm);
    color: var(--qy-ink);
    background:
        linear-gradient(180deg, rgba(255,255,255,.88) 0, rgba(246,247,249,.98) 420px),
        linear-gradient(115deg, rgba(25,91,100,.075), transparent 44%),
        var(--qy-bg);
}

.qiyou-app main {
    width: min(1180px, calc(100% - 36px));
}

.qiyou-app.member-admin-page main {
    width: 100%;
    background:
        linear-gradient(180deg, rgba(249,250,251,.98), rgba(241,245,245,.96)),
        repeating-linear-gradient(90deg, rgba(25,91,100,.022) 0 1px, transparent 1px 96px);
}

.qiyou-app .topbar {
    min-height: 70px;
    border-bottom: 1px solid rgba(132, 149, 171, .18);
    background: rgba(255,255,255,.86);
    box-shadow: 0 10px 28px rgba(19,28,40,.035);
}

.qiyou-app .brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--qy-ink);
    font-size: 19px;
    font-weight: 950;
}

.qiyou-app .brand::before {
    content: "7";
    width: 30px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    border-radius: 6px;
    background: linear-gradient(145deg, #195b64, #2b7c83);
    color: #fff;
    box-shadow: 0 10px 20px rgba(25,91,100,.16);
}

.qiyou-app .topbar nav a,
.qiyou-app .admin-nav a,
.qiyou-app .member-menu a,
.qiyou-app .member-logout,
.qiyou-app .btn,
.qiyou-app button,
.qiyou-app .builder-btn,
.qiyou-app .table-action {
    border-radius: 6px;
    letter-spacing: 0;
    transition: transform .16s var(--qy-ease), border-color .16s var(--qy-ease), background .16s var(--qy-ease), box-shadow .16s var(--qy-ease), color .16s var(--qy-ease);
}

.qiyou-app .topbar nav a {
    min-height: 38px;
    border: 1px solid transparent;
    color: var(--qy-muted);
    font-weight: 850;
}

.qiyou-app .topbar nav a.active,
.qiyou-app .topbar nav a:hover {
    border-color: rgba(25,91,100,.14);
    background: rgba(25,91,100,.09);
    color: var(--qy-primary);
}

.qiyou-app .btn,
.qiyou-app button,
.qiyou-app .builder-btn,
.qiyou-app .table-action,
.qiyou-app .member-tool-actions a,
.qiyou-app .member-tool-actions button,
.qiyou-app .builder-profile-create button,
.qiyou-app .builder-profile-delete button,
.qiyou-app .builder-profile-redeem button,
.qiyou-app .builder-inline button,
.qiyou-app .builder-upload-btn {
    min-height: 42px;
    border: 1px solid rgba(132,149,171,.24);
    background: rgba(255,255,255,.78);
    color: var(--qy-ink-2);
    box-shadow: 0 1px 2px rgba(19,28,40,.04);
    font-weight: 850;
}

.qiyou-app .btn:hover,
.qiyou-app button:hover,
.qiyou-app .builder-btn:hover,
.qiyou-app .table-action:hover,
.qiyou-app .member-tool-actions a:hover,
.qiyou-app .member-tool-actions button:hover,
.qiyou-app .builder-profile-create button:hover,
.qiyou-app .builder-profile-delete button:hover,
.qiyou-app .builder-profile-redeem button:hover,
.qiyou-app .builder-inline button:hover,
.qiyou-app .builder-upload-btn:hover {
    border-color: rgba(25,91,100,.25);
    background: #fff;
    color: var(--qy-primary);
    transform: translateY(-1px);
    box-shadow: 0 8px 22px rgba(19,28,40,.07);
}

.qiyou-app .btn.primary,
.qiyou-app button.btn.primary,
.qiyou-app .inline-form .btn.primary,
.qiyou-app .builder-btn.primary,
.qiyou-app form .btn.primary,
.qiyou-app form button.btn.primary {
    border-color: rgba(25,91,100,.2);
    background: linear-gradient(180deg, #24717a, #195b64);
    color: #fff;
    box-shadow: 0 12px 24px rgba(25,91,100,.18);
}

.qiyou-app .btn.primary:hover,
.qiyou-app button.btn.primary:hover,
.qiyou-app .builder-btn.primary:hover,
.qiyou-app form .btn.primary:hover,
.qiyou-app form button.btn.primary:hover {
    background: linear-gradient(180deg, #2a8088, #1a646d);
    color: #fff;
    box-shadow: 0 16px 30px rgba(25,91,100,.22);
}

.qiyou-app .btn.ghost,
.qiyou-app .builder-btn.ghost {
    background: rgba(255,255,255,.78);
    color: var(--qy-ink-2);
}

.qiyou-app input,
.qiyou-app select,
.qiyou-app textarea,
.qiyou-app .member-admin-page input,
.qiyou-app .member-admin-page select,
.qiyou-app .member-admin-page textarea {
    border: 1px solid rgba(132,149,171,.26);
    border-radius: 6px;
    background: rgba(255,255,255,.88);
    color: var(--qy-ink);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}

.qiyou-app input:focus,
.qiyou-app select:focus,
.qiyou-app textarea:focus {
    border-color: rgba(25,91,100,.52);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(37,115,122,.18);
}

.qiyou-app .home-hero-v2 {
    grid-template-columns: minmax(0,.94fr) minmax(420px,1.06fr);
    min-height: 650px;
    gap: 48px;
    padding: 66px 0 42px;
}

.qiyou-app .home-hero-copy h1 {
    max-width: 680px;
    font-size: clamp(44px, 5.3vw, 76px);
    line-height: .98;
    font-weight: 950;
}

.qiyou-app .lead {
    max-width: 680px;
    color: var(--qy-muted);
    font-size: 17px;
    line-height: 1.9;
}

.qiyou-app .eyebrow,
.qiyou-app .auth-kicker,
.qiyou-app .member-page-kicker {
    color: var(--qy-primary);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
}

.qiyou-app .home-console-preview,
.qiyou-app .auth-intro,
.qiyou-app .auth-card,
.qiyou-app .home-capability-grid article,
.qiyou-app .home-flow-list div,
.qiyou-app .faq-grid article,
.qiyou-app .home-member-panel,
.qiyou-app .home-cta,
.qiyou-app .member-page-head,
.qiyou-app .admin-hero,
.qiyou-app .admin-section-head,
.qiyou-app .admin-page-head,
.qiyou-app .member-section,
.qiyou-app .panel,
.qiyou-app .member-profile-card,
.qiyou-app .admin-edit-panel,
.qiyou-app .admin-setting-group,
.qiyou-app .admin-table-panel,
.qiyou-app .admin-settings-panel,
.qiyou-app .admin-members-panel,
.qiyou-app .admin-recharge-panel,
.qiyou-app .admin-cdk-panel,
.qiyou-app .tool-card,
.qiyou-app .builder-profile-panel,
.qiyou-app .builder-profile-vip,
.qiyou-app .member-dashboard-stats div,
.qiyou-app .member-downloader-card,
.qiyou-app .member-tool-card,
.qiyou-app .member-next-list a,
.qiyou-app .member-cdk-panel,
.qiyou-app .member-balance-form,
.qiyou-app .member-auth-mode-card,
.qiyou-app .member-auth-placeholder,
.qiyou-app .cloud-provider-card,
.qiyou-app .cloud-config-overview article,
.qiyou-app .cloud-config-panel,
.qiyou-app .cloud-config-summary,
.qiyou-app .builder-panel,
.qiyou-app .builder-live-preview,
.qiyou-app .builder-style-option span {
    border: 1px solid rgba(132,149,171,.22);
    border-radius: 8px;
    background: rgba(255,255,255,.84);
    box-shadow: 0 8px 22px rgba(19,28,40,.055);
}

.qiyou-app .home-console-preview {
    min-height: 450px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.94), rgba(247,250,250,.84)),
        repeating-linear-gradient(90deg, rgba(25,91,100,.035) 0 1px, transparent 1px 80px);
    box-shadow: 0 20px 50px rgba(19,28,40,.1);
}

.qiyou-app .home-console-preview::after {
    display: none;
}

.qiyou-app .home-preview-window {
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(23,32,44,.86), rgba(25,91,100,.7)),
        linear-gradient(45deg, #31465c, #6c8f96);
}

.qiyou-app .home-preview-controls,
.qiyou-app .builder-live-preview-control {
    border-radius: 8px;
    border-color: rgba(255,255,255,.42);
    background: rgba(255,255,255,.25);
}

.qiyou-app .home-preview-controls button:last-of-type,
.qiyou-app .home-preview-controls mark,
.qiyou-app .builder-live-preview-control button.primary {
    background: linear-gradient(90deg, #b88746, #25737a);
}

.qiyou-app .home-trust-strip span,
.qiyou-app .home-preview-grid div,
.qiyou-app .home-preview-status span,
.qiyou-app .auth-benefits span,
.qiyou-app .home-capability-grid article span,
.qiyou-app .home-member-grid span {
    border-color: rgba(25,91,100,.16);
    background: rgba(25,91,100,.08);
    color: var(--qy-primary);
}

.qiyou-app .auth-split {
    min-height: calc(100vh - 120px);
    align-items: center;
    gap: 24px;
    padding: 46px 0;
}

.qiyou-app .auth-intro {
    min-height: 520px;
    padding: 38px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.9), rgba(247,250,250,.76)),
        linear-gradient(135deg, rgba(25,91,100,.1), transparent 56%);
}

.qiyou-app .auth-card {
    padding: 30px;
    box-shadow: 0 20px 50px rgba(19,28,40,.1);
}

.qiyou-app .auth-card h1,
.qiyou-app .auth-intro h1 {
    font-size: clamp(30px, 4vw, 48px);
}

.qiyou-app .auth-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

.qiyou-app .member-layout {
    display: grid;
    grid-template-columns: 262px minmax(0,1fr);
    min-height: 100vh;
}

.qiyou-app .member-sidebar {
    position: sticky;
    top: 0;
    min-height: 100vh;
    padding: 20px 14px;
    border-right: 1px solid rgba(132,149,171,.18);
    background: linear-gradient(180deg, #17202c, #23313f);
    box-shadow: 18px 0 42px rgba(19,28,40,.12);
}

.qiyou-app .member-profile {
    padding: 12px 10px 18px;
    border-bottom-color: rgba(255,255,255,.12);
}

.qiyou-app .member-profile b {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-size: 17px;
}

.qiyou-app .member-profile b::before {
    content: "7";
    width: 28px;
    height: 28px;
    display: inline-grid;
    place-items: center;
    border-radius: 6px;
    background: linear-gradient(145deg, #b88746, #d3a567);
    color: #17202c;
}

.qiyou-app .member-profile span,
.qiyou-app .member-profile em,
.qiyou-app .member-side-foot em {
    color: rgba(255,255,255,.62);
}

.qiyou-app .member-menu {
    gap: 7px;
    margin-top: 16px;
}

.qiyou-app .member-menu a,
.qiyou-app .member-logout {
    min-height: 44px;
    border: 1px solid transparent;
    background: transparent;
    color: rgba(255,255,255,.72);
    box-shadow: none;
}

.qiyou-app .member-menu a::before {
    background: rgba(255,255,255,.54);
}

.qiyou-app .member-menu a:hover,
.qiyou-app .member-menu a.active {
    border-color: rgba(255,255,255,.12);
    background: rgba(255,255,255,.1);
    color: #fff;
}

.qiyou-app .member-menu a.active {
    box-shadow: inset 3px 0 0 #b88746;
}

.qiyou-app .member-side-foot {
    border-top-color: rgba(255,255,255,.12);
}

.qiyou-app .member-logout {
    justify-content: center;
    border-color: rgba(255,255,255,.1);
    background: rgba(255,255,255,.08);
}

.qiyou-app .member-content {
    padding: 26px clamp(18px,3vw,34px) 56px;
}

.qiyou-app .member-page-head {
    padding: 22px;
}

.qiyou-app .member-console-hero,
.qiyou-app .member-tools-hero,
.qiyou-app .member-security-hero,
.qiyou-app .member-balance-hero {
    border: 1px solid rgba(25,91,100,.18);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.9), rgba(242,247,247,.78)),
        linear-gradient(90deg, rgba(25,91,100,.08), transparent);
    box-shadow: 0 8px 22px rgba(19,28,40,.055);
}

.qiyou-app .member-section-head h2,
.qiyou-app .member-section h2,
.qiyou-app .admin-table-panel h2,
.qiyou-app .admin-setting-group header h2,
.qiyou-app .admin-edit-panel h2,
.qiyou-app .admin-audit-grid h3 {
    color: var(--qy-ink);
    font-size: 20px;
    font-weight: 950;
}

.qiyou-app .member-stat-grid b,
.qiyou-app .admin-stats b,
.qiyou-app .member-mini-stats dd,
.qiyou-app .member-balance-hero b,
.qiyou-app .money-in {
    color: var(--qy-primary);
}

.qiyou-app .money-out,
.qiyou-app .builder-profile-delete button,
.qiyou-app .row-actions form:last-child button {
    color: var(--qy-danger);
}

.qiyou-app .member-profile-card.active,
.qiyou-app .builder-profile-vip.active,
.qiyou-app .cloud-provider-card.active {
    border-color: rgba(25,91,100,.28);
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(241,248,248,.75));
    box-shadow: 0 12px 30px rgba(25,91,100,.08);
}

.qiyou-app .member-profile-card.active em,
.qiyou-app .member-status-pill.ok,
.qiyou-app .status-pill.ok,
.qiyou-app .member-downloader-card.ready em {
    background: rgba(36,132,95,.1);
    color: var(--qy-success);
}

.qiyou-app .member-profile-card.pending em,
.qiyou-app .member-status-pill.warn,
.qiyou-app .status-pill.warn,
.qiyou-app .member-downloader-card.warning em {
    background: rgba(184,135,70,.14);
    color: var(--qy-warning);
}

.qiyou-app .member-status-pill.danger,
.qiyou-app .status-pill.danger {
    background: rgba(185,71,79,.1);
    color: var(--qy-danger);
}

.qiyou-app .admin-nav {
    position: sticky;
    top: 14px;
    z-index: 20;
    width: min(1180px, calc(100% - 32px));
    margin: 16px auto 18px;
    border: 1px solid rgba(132,149,171,.2);
    border-radius: 8px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 8px 22px rgba(19,28,40,.055);
}

.qiyou-app .admin-nav-brand {
    border-right-color: rgba(132,149,171,.18);
}

.qiyou-app .admin-nav-brand b {
    color: var(--qy-ink);
}

.qiyou-app .admin-nav-brand span,
.qiyou-app .admin-nav a span {
    color: var(--qy-faint);
}

.qiyou-app .admin-nav a {
    color: var(--qy-muted);
    box-shadow: none;
}

.qiyou-app .admin-nav a:hover,
.qiyou-app .admin-nav a.active {
    border-color: rgba(25,91,100,.16);
    background: rgba(25,91,100,.09);
    color: var(--qy-primary);
}

.qiyou-app .admin-nav a.active {
    box-shadow: inset 3px 0 0 var(--qy-primary);
}

.qiyou-app .admin-nav-exit {
    border-color: rgba(185,71,79,.14) !important;
    background: rgba(185,71,79,.06) !important;
    color: var(--qy-danger) !important;
}

.qiyou-app .admin-hero,
.qiyou-app .admin-section-head,
.qiyou-app .admin-stats,
.qiyou-app .admin-quick-grid,
.qiyou-app .admin-ops-grid,
.qiyou-app .admin-table-panel,
.qiyou-app .admin-settings-panel,
.qiyou-app .admin-members-panel,
.qiyou-app .admin-recharge-panel,
.qiyou-app .admin-cdk-panel,
.qiyou-app .admin-edit-page {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.qiyou-app .admin-hero,
.qiyou-app .admin-section-head {
    padding: 22px;
}

.qiyou-app .admin-toolbar,
.qiyou-app .toolbar {
    border: 1px solid rgba(132,149,171,.18);
    border-radius: 8px;
    background: rgba(247,250,250,.72);
}

.qiyou-app table {
    border-collapse: separate;
    border-spacing: 0;
}

.qiyou-app th {
    background: rgba(247,250,250,.92);
    color: var(--qy-muted);
    font-size: 12px;
    font-weight: 950;
}

.qiyou-app th,
.qiyou-app td {
    border-bottom: 1px solid rgba(132,149,171,.18);
}

.qiyou-app tr:hover td {
    background: rgba(25,91,100,.035);
}

.qiyou-app .admin-filter-tabs a.active,
.qiyou-app .builder-profile-tabs a.active,
.qiyou-app .builder-tabs span.active,
.qiyou-app .member-auth-method-tabs label.active,
.qiyou-app .builder-style-option input:checked + span {
    border-color: rgba(25,91,100,.26);
    background: rgba(25,91,100,.09);
    color: var(--qy-primary);
}

.qiyou-app .builder-panel,
.qiyou-app .builder-profile-panel {
    padding: 16px;
}

.qiyou-app .builder-col {
    border: 1px solid rgba(132,149,171,.18);
    border-radius: 8px;
    background: rgba(255,255,255,.58);
}

.qiyou-app .builder-field-group-title {
    border-bottom-color: rgba(132,149,171,.18);
}

.qiyou-app .builder-col label.required-label {
    color: #2f6fe4;
}

.qiyou-app .builder-col label.optional-label {
    color: #d9583b;
}

.qiyou-app .builder-switch input:checked + i {
    border-color: rgba(25,91,100,.7);
    background: var(--qy-primary);
}

.qiyou-app .builder-bg-preview,
.qiyou-app .builder-icon-preview,
.qiyou-app .member-p139-qr-box,
.qiyou-app .cloud-config-accordion,
.qiyou-app .cloud-direct-side div {
    border-color: rgba(132,149,171,.22);
    border-radius: 8px;
    background: rgba(255,255,255,.72);
}

.qiyou-app .member-tip {
    border-color: rgba(25,91,100,.16);
    border-radius: 8px;
    background: rgba(25,91,100,.06);
    color: var(--qy-ink-2);
}

.qiyou-app .member-tip b {
    color: var(--qy-primary);
}

.qiyou-app .member-tip.danger,
.qiyou-app .member-tool-result.error,
.qiyou-app .builder-precheck-result.error {
    border-color: rgba(185,71,79,.18);
    background: rgba(185,71,79,.07);
    color: var(--qy-danger);
}

.qiyou-app .member-tool-result.success,
.qiyou-app .builder-precheck-result.success {
    border-color: rgba(36,132,95,.18);
    background: rgba(36,132,95,.08);
    color: var(--qy-success);
}

.qiyou-app .cloud-cookie-guide {
    border-color: rgba(184,135,70,.22);
    background: rgba(184,135,70,.08);
}

@media (max-width: 980px) {
    .qiyou-app main {
        width: min(100% - 24px, 1180px);
    }

    .qiyou-app .home-hero-v2,
    .qiyou-app .auth-split {
        grid-template-columns: 1fr;
    }

    .qiyou-app .home-hero-v2 {
        min-height: auto;
        padding-top: 34px;
    }

    .qiyou-app .member-layout {
        grid-template-columns: 1fr;
    }

    .qiyou-app .member-sidebar {
        position: relative;
        min-height: auto;
        padding: 14px;
        border-right: 0;
        border-bottom: 1px solid rgba(132,149,171,.18);
    }

    .qiyou-app .member-menu {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .qiyou-app .member-side-foot {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 10px;
    }

    .qiyou-app .admin-nav {
        position: static;
        grid-template-columns: 1fr;
    }

    .qiyou-app .admin-nav-brand {
        border-right: 0;
        border-bottom: 1px solid rgba(132,149,171,.18);
        padding-bottom: 10px;
    }
}

@media (max-width: 640px) {
    .qiyou-app .topbar {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .qiyou-app .topbar nav {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 2px;
    }

    .qiyou-app .topbar nav a {
        white-space: nowrap;
    }

    .qiyou-app .home-hero-copy h1 {
        font-size: 42px;
    }

    .qiyou-app .auth-intro,
    .qiyou-app .auth-card,
    .qiyou-app .member-page-head,
    .qiyou-app .admin-hero,
    .qiyou-app .admin-section-head {
        padding: 18px;
    }

    .qiyou-app .member-menu {
        grid-template-columns: 1fr;
    }
}

.qiyou-app .builder-upload-btn,
body.qiyou-app .builder-upload-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 198px;
    min-height: 40px;
    padding: 0 16px;
    line-height: 1.15;
    text-align: center;
    white-space: nowrap;
    box-sizing: border-box;
}