@charset "UTF-8";
/**
 * sr_center_uc 会员中心样式（Rssy-siriblog 玻璃版主题适配）
 * 液态玻璃质感 / 粉蓝双主题 / Bootstrap 5 兼容
 * 所有类前缀 siri-（已从旧前缀完整重命名）
 */

/* ============================================================
 * 1. 容器与布局
 * ============================================================ */

.siri-uc-wrap {
    /* 主题 header 为 fixed 70px（XDGAME 惯例正文 margin-top:100px），此处对齐 */
    padding: 100px 0 40px;
    min-width: 0;
    color: #1c1f23;
    box-sizing: border-box;
}
.siri-uc-wrap * { box-sizing: border-box; }

.siri-uc-container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 18px;
    min-width: 0;
}

.siri-layout {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    width: 100%;
    align-items: start;
    gap: 22px;
}

/* ============================================================
 * 2. 玻璃卡片基础
 * ============================================================ */

.siri-card {
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    backdrop-filter: blur(16px) saturate(180%);
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.08);
    padding: 24px;
    margin-bottom: 18px;
}

[data-theme="blue"] .siri-card { background: rgba(255, 255, 255, 0.55); }
[data-theme="pink"] .siri-card {
    background: rgba(255, 240, 245, 0.55);
    border-color: rgba(255, 182, 193, 0.4);
}

.siri-card-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}
.siri-card-title h2 { font-size: 18px; margin: 0; letter-spacing: 0; }
.siri-card-title a { color: #2D69FF; text-decoration: none; }
[data-theme="pink"] .siri-card-title a { color: #FF6B9D; }

/* ============================================================
 * 3. 侧边栏
 * ============================================================ */

.siri-side {
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    backdrop-filter: blur(16px) saturate(180%);
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.08);
    padding: 18px 14px;
    display: grid;
    align-content: start;
    gap: 6px;
    position: sticky;
    top: 80px;
    max-height: calc(100vh - 100px);
    overflow: auto;
}
[data-theme="blue"] .siri-side { background: rgba(255, 255, 255, 0.55); }
[data-theme="pink"] .siri-side {
    background: rgba(255, 240, 245, 0.55);
    border-color: rgba(255, 182, 193, 0.4);
}

.siri-side a {
    height: 38px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    border-radius: 8px;
    color: #1f2937;
    text-decoration: none;
    font-size: 14px;
    transition: background .18s ease, color .18s ease;
}
.siri-side a i { margin-left: auto; font-style: normal; color: #2D69FF; opacity: 0; }
[data-theme="pink"] .siri-side a i { color: #FF6B9D; }
.siri-side a:hover {
    background: rgba(45, 105, 255, 0.08);
    color: #2D69FF;
}
[data-theme="pink"] .siri-side a:hover {
    background: rgba(255, 107, 157, 0.10);
    color: #FF6B9D;
}
.siri-side a.active {
    background: rgba(45, 105, 255, 0.12);
    color: #2D69FF;
    font-weight: 700;
}
[data-theme="pink"] .siri-side a.active {
    background: rgba(255, 107, 157, 0.12);
    color: #FF6B9D;
}
.siri-side a.active i { opacity: 1; }

/* ============================================================
 * 4. 工作区
 * ============================================================ */

.siri-workspace {
    min-width: 0;
    padding: 24px 0 60px;
}

.siri-page-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 20px;
}
.siri-page-head h1 { margin: 0; font-size: 24px; line-height: 1.25; color: #050505; }
.siri-page-head p { margin: 5px 0 0; color: #667085; }

.siri-dashboard-head { padding: 2px 2px 0; }
.siri-dashboard-head h1 { font-size: 22px; line-height: 1.2; margin: 0; }
.siri-dashboard-head p { font-size: 13px; color: #64748b; margin: 6px 0 0; }
.siri-dashboard-signin {
    width: auto;
    min-width: 132px;
    height: 44px;
    border-radius: 999px;
    padding: 0 18px;
    justify-self: start;
}
.siri-dashboard-metrics-primary .siri-metric-card { border-radius: 18px; }

/* 仪表盘个人资料卡 */
.siri-dashboard-profile-card { padding: 22px; }
.siri-dashboard-profile { display: grid; grid-template-columns: 88px 1fr; gap: 18px; align-items: center; }
.siri-dashboard-profile-avatar { width: 88px; height: 88px; border-radius: 50%; padding: 4px; background: #fff; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12); box-sizing: border-box; }
.siri-dashboard-profile-avatar img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; background: #f2f6fc; }
.siri-dashboard-profile-main { min-width: 0; }
.siri-dashboard-profile-main h3 { margin: 0 0 6px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 18px; font-weight: 800; color: #1c1f23; }
.siri-dashboard-profile-main h3 em { font-style: normal; font-size: 12px; line-height: 20px; padding: 0 9px; border-radius: 999px; background: rgba(45, 105, 255, 0.12); color: #2D69FF; border: 1px solid rgba(45, 105, 255, 0.3); }
[data-theme="pink"] .siri-dashboard-profile-main h3 em { background: rgba(255, 107, 157, 0.12); color: #FF6B9D; border-color: rgba(255, 107, 157, 0.3); }
.siri-dashboard-profile-main p { margin: 0 0 12px; color: #606266; font-size: 13px; line-height: 1.7; }
.siri-dashboard-profile-stats { display: flex; flex-wrap: wrap; gap: 18px; }
.siri-dashboard-profile-stats span { display: grid; gap: 2px; }
.siri-dashboard-profile-stats b { font-size: 18px; color: #303133; line-height: 1; }
.siri-dashboard-profile-stats small { font-size: 12px; color: #909399; }
@media (max-width: 540px) {
    .siri-dashboard-profile { grid-template-columns: 1fr; justify-items: center; text-align: center; }
    .siri-dashboard-profile-main { width: 100%; text-align: center; }
    .siri-dashboard-profile-main h3 { justify-content: center; }
    .siri-dashboard-profile-stats { justify-content: center; }
}
.siri-dashboard-metrics-income .siri-metric-card { min-height: 92px; }
.siri-dashboard-chart-card { overflow: hidden; }

/* ============================================================
 * 5. 按钮
 * ============================================================ */

.siri-btn {
    border: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, 0.6);
    color: #1f2937;
    border-radius: 8px;
    padding: 9px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-decoration: none;
    font-weight: 700;
    cursor: pointer;
    transition: all .18s ease;
}
.siri-btn:hover {
    background: rgba(255, 255, 255, 0.78);
    transform: translateY(-1px);
}
.siri-btn-primary {
    background: linear-gradient(135deg, #2D69FF, #5B8DEF);
    border: none;
    color: #fff;
    box-shadow: 0 6px 18px rgba(45, 105, 255, 0.22);
}
[data-theme="pink"] .siri-btn-primary {
    background: linear-gradient(135deg, #FF6B9D, #FFB6C1);
    box-shadow: 0 6px 18px rgba(255, 107, 157, 0.22);
}
.siri-btn-primary:hover { filter: brightness(1.05); transform: translateY(-1px); }
.siri-btn-primary:disabled { opacity: .65; cursor: not-allowed; transform: none; }
.siri-btn-soft {
    background: rgba(45, 105, 255, 0.10);
    border-color: rgba(45, 105, 255, 0.22);
    color: #2D69FF;
}
[data-theme="pink"] .siri-btn-soft {
    background: rgba(255, 107, 157, 0.10);
    border-color: rgba(255, 107, 157, 0.22);
    color: #FF6B9D;
}

/* ============================================================
 * 6. 头像
 * ============================================================ */

.siri-avatar, .siri-avatar-sm, .siri-avatar-md {
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: linear-gradient(135deg, #2D69FF, #5B8DEF);
    color: #fff;
    font-weight: 800;
    overflow: hidden;
}
[data-theme="pink"] .siri-avatar,
[data-theme="pink"] .siri-avatar-sm,
[data-theme="pink"] .siri-avatar-md {
    background: linear-gradient(135deg, #FF6B9D, #FFB6C1);
}
.siri-avatar { width: 30px; height: 30px; font-size: 13px; }
.siri-avatar-sm { width: 32px; height: 32px; }
.siri-avatar-md { width: 44px; height: 44px; }
.siri-avatar img, .siri-avatar-sm img, .siri-avatar-md img {
    width: 100%; height: 100%; display: block; object-fit: cover;
}

/* ============================================================
 * 7. 徽章 / 辅助文本
 * ============================================================ */

.siri-badge {
    display: inline-flex;
    align-items: center;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: 8px;
    background: rgba(45, 105, 255, 0.12);
    color: #2D69FF;
    padding: 10px 14px;
    font-weight: 800;
}
[data-theme="pink"] .siri-badge {
    background: rgba(255, 107, 157, 0.12);
    color: #FF6B9D;
}
.siri-muted { color: #667085; }
.siri-empty { text-align: center; color: #667085; }

/* ============================================================
 * 8. 指标卡
 * ============================================================ */

.siri-metrics { display: grid; gap: 16px; margin-bottom: 18px; }
.siri-metrics-2 { grid-template-columns: repeat(2, 1fr); }
.siri-metrics-3 { grid-template-columns: repeat(3, 1fr); }
.siri-metrics-4 { grid-template-columns: repeat(4, 1fr); }

.siri-metric-card {
    position: relative;
    min-height: 118px;
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    backdrop-filter: blur(16px) saturate(180%);
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.08);
    padding: 25px;
}
[data-theme="blue"] .siri-metric-card { background: rgba(255, 255, 255, 0.55); }
[data-theme="pink"] .siri-metric-card {
    background: rgba(255, 240, 245, 0.55);
    border-color: rgba(255, 182, 193, 0.4);
}
.siri-metric-card span { display: block; color: #667085; margin-bottom: 10px; }
.siri-metric-card strong { display: block; font-size: 28px; line-height: 1.1; color: #050505; }
.siri-metric-card em { display: block; margin-top: 8px; color: #12a150; font-style: normal; font-size: 12px; }
.siri-metric-card i {
    position: absolute;
    right: 22px;
    top: 24px;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: rgba(45, 105, 255, 0.10);
    color: #2D69FF;
    display: grid;
    place-items: center;
    font-style: normal;
}
[data-theme="pink"] .siri-metric-card i {
    background: rgba(255, 107, 157, 0.10);
    color: #FF6B9D;
}

/* ============================================================
 * 9. 等级组件
 * ============================================================ */

.siri-level-band, .siri-level-hero {
    display: grid;
    grid-template-columns: 70px 1fr 220px;
    align-items: center;
    gap: 18px;
}
.siri-level-hero {
    grid-template-columns: 76px 1fr;
    background: rgba(255, 247, 232, 0.6);
    border-color: rgba(255, 213, 145, 0.5);
}
.siri-level-circle {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #ff9900;
    color: #fff;
    font-weight: 900;
    font-size: 20px;
}
.siri-level-badge {
    width: 64px;
    height: 64px;
    display: inline-grid;
    place-items: center;
    position: relative;
    flex: 0 0 auto;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 6px 18px rgba(31, 38, 135, 0.10);
}
.siri-level-badge svg {
    width: 64px !important;
    height: 64px !important;
    display: block !important;
    max-width: 64px !important;
    max-height: 64px !important;
}
.siri-level-badge small {
    position: absolute;
    left: 50%;
    bottom: 8px;
    transform: translateX(-50%);
    font-size: 10px;
    line-height: 1;
    color: #fff;
    background: rgba(17, 24, 39, 0.72);
    border-radius: 999px;
    padding: 2px 6px;
    font-weight: 900;
    letter-spacing: 0;
}
.siri-level-hero > .siri-level-badge,
.siri-level-band > .siri-level-badge { justify-self: center; }
.siri-level-list div { grid-template-columns: 64px 1fr auto !important; }
.siri-level-list div > em { display: none; }
.siri-level-band h3, .siri-level-hero h2 { margin: 0 0 5px; }
.siri-level-band p, .siri-level-hero p { margin: 0; color: #667085; }

.siri-level-list { display: grid; gap: 12px; }
.siri-level-list div {
    display: grid;
    grid-template-columns: 38px 1fr auto;
    align-items: center;
    gap: 14px;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 12px;
    padding: 14px;
    background: rgba(255, 255, 255, 0.55);
}
.siri-level-list div.done {
    background: rgba(240, 255, 247, 0.6);
    border-color: rgba(82, 196, 26, 0.4);
}
.siri-level-list div.current {
    background: rgba(45, 105, 255, 0.10);
    border-color: rgba(45, 105, 255, 0.4);
}
[data-theme="pink"] .siri-level-list div.current {
    background: rgba(255, 107, 157, 0.10);
    border-color: rgba(255, 107, 157, 0.4);
}
.siri-level-list em {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #12b76a;
    color: #fff;
    font-style: normal;
    font-weight: 800;
}
.siri-level-list p { margin: 4px 0 0; color: #667085; }
.siri-level-list span { color: #12a150; font-weight: 700; }

/* ============================================================
 * 10. 进度条
 * ============================================================ */

.siri-progress-line {
    height: 8px;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 999px;
    overflow: hidden;
}
.siri-progress-line span {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #2D69FF, #5B8DEF);
    border-radius: 999px;
}
[data-theme="pink"] .siri-progress-line span {
    background: linear-gradient(90deg, #FF6B9D, #FFB6C1);
}

/* ============================================================
 * 11. 分栏与图表
 * ============================================================ */

.siri-split { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }

.siri-dashboard-chart { display: grid; grid-template-columns: minmax(0, 1fr) 196px; gap: 14px; align-items: start; }
.siri-dashboard-chart svg {
    display: block;
    width: 100%;
    height: auto;
    background: rgba(251, 253, 255, 0.6);
    border: 1px solid rgba(237, 242, 247, 0.6);
    border-radius: 10px;
    padding: 6px;
}
.siri-chart-grid { stroke: rgba(219, 229, 240, 0.8); stroke-width: 1; }
.siri-chart-line { fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.siri-chart-line.points { stroke: #2D69FF; }
[data-theme="pink"] .siri-chart-line.points { stroke: #FF6B9D; }
.siri-chart-line.exp { stroke: #5B8DEF; }
[data-theme="pink"] .siri-chart-line.exp { stroke: #FFB6C1; }
.siri-chart-dot { stroke: #fff; stroke-width: 2; }
.siri-chart-dot.points { fill: #2D69FF; }
[data-theme="pink"] .siri-chart-dot.points { fill: #FF6B9D; }
.siri-chart-dot.exp { fill: #5B8DEF; }
[data-theme="pink"] .siri-chart-dot.exp { fill: #FFB6C1; }
.siri-chart-dot.signin { fill: #f59e0b; }
.siri-chart-label { fill: #64748b; font-size: 10px; text-anchor: middle; }
.siri-chart-legend { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; color: #64748b; font-size: 13px; }
.siri-chart-legend span { position: relative; padding-left: 16px; }
.siri-chart-legend span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    transform: translateY(-50%);
}
.siri-chart-legend .points:before { background: #2D69FF; }
[data-theme="pink"] .siri-chart-legend .points:before { background: #FF6B9D; }
.siri-chart-legend .exp:before { background: #5B8DEF; }
[data-theme="pink"] .siri-chart-legend .exp:before { background: #FFB6C1; }
.siri-chart-legend .signin:before { background: #f59e0b; }
.siri-chart-summary { display: grid; gap: 8px; }
.siri-chart-summary div {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(232, 237, 243, 0.6);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.5);
    padding: 10px 12px;
    display: grid;
    gap: 4px;
}
.siri-chart-summary div.is-signed {
    border-color: rgba(183, 235, 198, 0.7);
    background: rgba(246, 255, 237, 0.6);
}
.siri-chart-summary strong { font-size: 13px; color: #111827; }
.siri-chart-summary span { font-size: 12px; color: #64748b; }

/* ============================================================
 * 12. 快速操作网格
 * ============================================================ */

.siri-quick-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.siri-quick-grid a {
    height: 76px;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 12px;
    color: #111827;
    text-decoration: none;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, 0.5);
    transition: all .18s ease;
}
.siri-quick-grid a:hover {
    transform: translateY(-2px);
    border-color: rgba(45, 105, 255, 0.4);
    box-shadow: 0 8px 24px rgba(45, 105, 255, 0.10);
}
[data-theme="pink"] .siri-quick-grid a:hover {
    border-color: rgba(255, 107, 157, 0.4);
    box-shadow: 0 8px 24px rgba(255, 107, 157, 0.10);
}
.siri-quick-grid span {
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 7px;
    background: rgba(45, 105, 255, 0.12);
    color: #2D69FF;
    display: grid;
    place-items: center;
}
[data-theme="pink"] .siri-quick-grid span {
    background: rgba(255, 107, 157, 0.12);
    color: #FF6B9D;
}

/* ============================================================
 * 13. 动态列表 / 文章列表
 * ============================================================ */

.siri-mini-feed { display: grid; gap: 12px; }
.siri-mini-feed p { margin: 0; color: #111827; }
.siri-mini-feed b {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2D69FF;
    margin-right: 8px;
}
[data-theme="pink"] .siri-mini-feed b { background: #FF6B9D; }
.siri-mini-feed span { display: block; margin-left: 16px; color: #98a2b3; font-size: 12px; }

.siri-feed-list, .siri-article-list { display: grid; gap: 16px; }

.siri-feed-item, .siri-article-card {
    display: flex;
    align-items: center;
    gap: 16px;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.55);
    color: #111827;
    text-decoration: none;
    padding: 18px;
    transition: all .18s ease;
}
[data-theme="pink"] .siri-feed-item,
[data-theme="pink"] .siri-article-card {
    background: rgba(255, 240, 245, 0.5);
}
.siri-feed-item:hover, .siri-article-card:hover {
    transform: translateY(-2px);
    border-color: rgba(45, 105, 255, 0.4);
    box-shadow: 0 10px 28px rgba(45, 105, 255, 0.12);
}
[data-theme="pink"] .siri-feed-item:hover,
[data-theme="pink"] .siri-article-card:hover {
    border-color: rgba(255, 107, 157, 0.4);
    box-shadow: 0 10px 28px rgba(255, 107, 157, 0.12);
}
.siri-feed-item strong, .siri-article-card h3 { display: block; margin: 0 0 6px; font-size: 16px; }
.siri-feed-item p, .siri-article-card p, .siri-article-card em { margin: 0; color: #667085; font-style: normal; }
.siri-feed-item em { margin-left: auto; color: #667085; font-style: normal; }

.siri-article-card { min-height: 136px; padding: 24px; }
.siri-article-card small { display: block; margin-top: 12px; color: #98a2b3; }
.siri-article-card i { margin-left: auto; color: #ff9900; font-style: normal; }
.siri-thumb {
    width: 72px;
    height: 72px;
    border-radius: 12px;
    background: rgba(236, 238, 242, 0.6);
    flex: 0 0 auto;
}

/* ============================================================
 * 14. 规则列表
 * ============================================================ */

.siri-rule-list { display: grid; gap: 0; }
.siri-rule-list p {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 17px 0;
    border-bottom: 1px solid rgba(237, 240, 243, 0.6);
}
.siri-rule-list b { color: #ff7a00; }

/* ============================================================
 * 15. 签到
 * ============================================================ */

.siri-sign-hero {
    display: flex;
    align-items: center;
    gap: 24px;
    background: rgba(237, 244, 255, 0.55);
    border-color: rgba(200, 220, 255, 0.5);
    min-height: 154px;
}
[data-theme="pink"] .siri-sign-hero {
    background: rgba(255, 240, 245, 0.55);
    border-color: rgba(255, 182, 193, 0.5);
}
.siri-sign-icon {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #2D69FF, #5B8DEF);
    color: #fff;
    font-size: 34px;
}
[data-theme="pink"] .siri-sign-icon {
    background: linear-gradient(135deg, #FF6B9D, #FFB6C1);
}
.siri-sign-hero h2 { margin: 0 0 7px; }
.siri-sign-hero p { margin: 0; color: #475467; }

.siri-week-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 10px; }
.siri-week-grid div {
    height: 84px;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(217, 223, 232, 0.5);
    border-radius: 12px;
    background: rgba(248, 250, 252, 0.5);
    display: grid;
    place-items: center;
    color: #667085;
}
.siri-week-grid div.signed {
    background: rgba(234, 255, 244, 0.6);
    border-color: rgba(183, 235, 198, 0.7);
    color: #12a150;
}
.siri-week-grid strong { font-size: 13px; }
.siri-week-grid span { font-size: 12px; }
.siri-week-grid i { font-style: normal; font-size: 20px; color: #2D69FF; }
[data-theme="pink"] .siri-week-grid i { color: #FF6B9D; }

/* ============================================================
 * 16. 奖励 / 排行榜
 * ============================================================ */

.siri-reward-list { display: grid; gap: 10px; }
.siri-reward-list p {
    display: grid;
    grid-template-columns: 42px 1fr auto;
    align-items: center;
    gap: 12px;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(229, 231, 235, 0.5);
    border-radius: 10px;
    padding: 12px;
    margin: 0;
    background: rgba(255, 255, 255, 0.5);
}
.siri-reward-list p.active {
    background: rgba(239, 255, 246, 0.6);
    border-color: rgba(18, 183, 106, 0.5);
}
.siri-reward-list b {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(242, 244, 247, 0.7);
    color: #98a2b3;
}
.siri-reward-list .active b { background: #12b76a; color: #fff; }
.siri-reward-list span { font-weight: 700; }
.siri-reward-list em { font-weight: 400; color: #667085; font-style: normal; }
.siri-reward-list strong { font-size: 12px; color: #12a150; }

.siri-rank-list { display: grid; gap: 10px; }
.siri-rank-list div {
    display: grid;
    grid-template-columns: 30px 1fr auto;
    align-items: center;
    gap: 10px;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(229, 231, 235, 0.5);
    border-radius: 10px;
    padding: 12px;
    background: rgba(255, 255, 255, 0.5);
}
.siri-rank-list em {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #ff9900;
    color: #fff;
    font-style: normal;
    font-weight: 800;
}
.siri-rank-list strong { font-size: 14px; }

/* ============================================================
 * 17. Tabs
 * ============================================================ */

.siri-tabs {
    display: flex;
    gap: 20px;
    border-bottom: 1px solid rgba(217, 223, 232, 0.6);
    margin: 0 0 20px;
}
.siri-tabs a { padding: 0 0 11px; color: #667085; text-decoration: none; }
.siri-tabs a.active {
    color: #2D69FF;
    border-bottom: 2px solid #2D69FF;
    font-weight: 700;
}
[data-theme="pink"] .siri-tabs a.active {
    color: #FF6B9D;
    border-bottom-color: #FF6B9D;
}

/* ============================================================
 * 19. 表单网格
 * ============================================================ */

.siri-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.siri-form-grid label { font-weight: 700; }
.siri-form-grid input {
    display: block;
    width: 100%;
    height: 38px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    padding: 8px 11px;
    background: rgba(255, 255, 255, 0.6);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    margin-top: 8px;
}
.siri-form-grid .wide { grid-column: 1 / -1; }

/* ============================================================
 * 20. 提示框
 * ============================================================ */

.siri-note {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 214, 102, 0.6);
    background: rgba(255, 251, 230, 0.6);
    color: #ad6800;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 18px;
}
.siri-note.info {
    border-color: rgba(145, 202, 255, 0.6);
    background: rgba(240, 248, 255, 0.6);
    color: #2D69FF;
}
[data-theme="pink"] .siri-note.info { color: #FF6B9D; }

/* ============================================================
 * 24. 投稿
 * ============================================================ */

.siri-submit-hero {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 18px;
    align-items: center;
    background: rgba(238, 245, 255, 0.55);
    border-color: rgba(200, 220, 255, 0.5);
    min-height: 112px;
}
[data-theme="pink"] .siri-submit-hero {
    background: rgba(255, 240, 245, 0.55);
    border-color: rgba(255, 182, 193, 0.5);
}
.siri-submit-icon {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    max-width: 60px !important;
    max-height: 60px !important;
    border-radius: 14px;
    background: linear-gradient(135deg, #2D69FF, #5B8DEF);
    color: #fff;
    display: grid !important;
    place-items: center;
    overflow: hidden;
    line-height: 1;
}
[data-theme="pink"] .siri-submit-icon {
    background: linear-gradient(135deg, #FF6B9D, #FFB6C1);
}
.siri-submit-icon span {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
}
.siri-submit-icon svg {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.siri-submit-hero h2 { margin: 0 0 6px; font-size: 20px; line-height: 1.3; color: #111827; }
.siri-submit-hero p { margin: 0; color: #475467; line-height: 1.7; }

.siri-submit-form { display: grid; gap: 16px; }
.siri-submit-fields { display: grid; grid-template-columns: minmax(0, 1fr) 180px; gap: 14px; }
.siri-submit-form label { display: grid; gap: 8px; font-weight: 700; color: #1f2937; }
.siri-submit-form input, .siri-submit-form select, .siri-submit-form textarea {
    width: 100%;
    max-width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    padding: 10px 12px;
    background: rgba(255, 255, 255, 0.6);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: #111827;
    outline: none;
    font: inherit;
    line-height: 1.5;
}
.siri-submit-form textarea { resize: vertical; min-height: 92px; }
.siri-submit-form textarea[name=content] { min-height: 220px; }
.siri-submit-form input:focus, .siri-submit-form select:focus, .siri-submit-form textarea:focus {
    border-color: #2D69FF;
    box-shadow: 0 0 0 2px rgba(45, 105, 255, 0.12);
}
[data-theme="pink"] .siri-submit-form input:focus,
[data-theme="pink"] .siri-submit-form select:focus,
[data-theme="pink"] .siri-submit-form textarea:focus {
    border-color: #FF6B9D;
    box-shadow: 0 0 0 2px rgba(255, 107, 157, 0.12);
}

.siri-captcha-row { display: grid; grid-template-columns: minmax(0, 1fr) 180px; gap: 12px; align-items: end; }
.siri-captcha-row > div {
    height: 66px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
}
.siri-captcha-row > div img {
    width: 90px;
    height: 34px;
    border: 1px solid #d0d7e2;
    border-radius: 4px;
    cursor: pointer;
}
.siri-captcha-row span { color: #667085; font-size: 12px; }

.siri-submit-tips { display: grid; align-content: start; gap: 14px; }
.siri-submit-tips p {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 12px;
    margin: 0;
    padding: 12px;
    border: 1px solid rgba(237, 240, 243, 0.6);
    border-radius: 10px;
    line-height: 1.7;
    background: rgba(255, 255, 255, 0.4);
}
.siri-submit-tips b {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(45, 105, 255, 0.12);
    color: #2D69FF;
}
[data-theme="pink"] .siri-submit-tips b {
    background: rgba(255, 107, 157, 0.12);
    color: #FF6B9D;
}
.siri-submit-tips span { color: #475467; }

/* ============================================================
 * 25. 资料
 * ============================================================ */

.siri-profile-hero {
    display: grid;
    grid-template-columns: 88px 1fr;
    gap: 20px;
    align-items: center;
    background: rgba(248, 251, 255, 0.55);
}
[data-theme="pink"] .siri-profile-hero {
    background: rgba(255, 247, 250, 0.55);
}
.siri-profile-avatar {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    overflow: hidden;
    background: linear-gradient(135deg, #2D69FF, #5B8DEF);
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 28px;
    font-weight: 900;
    border: 3px solid rgba(255, 255, 255, 0.6);
}
[data-theme="pink"] .siri-profile-avatar {
    background: linear-gradient(135deg, #FF6B9D, #FFB6C1);
}
.siri-profile-avatar img { width: 100%; height: 100%; object-fit: cover; }
.siri-profile-hero h2 { margin: 0 0 6px; }
.siri-profile-hero p { margin: 0 0 8px; color: #475467; }
.siri-profile-hero em { font-style: normal; color: #667085; }

.siri-profile-form { display: grid; gap: 16px; }
.siri-profile-form label { display: grid; gap: 8px; font-weight: 700; }
.siri-profile-form input, .siri-profile-form textarea {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    padding: 10px 12px;
    background: rgba(255, 255, 255, 0.6);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: #111827;
    outline: none;
    font: inherit;
}
.siri-profile-form input[type=file] { padding: 8px; background: rgba(248, 250, 252, 0.6); }
.siri-profile-form input:focus, .siri-profile-form textarea:focus {
    border-color: #2D69FF;
    box-shadow: 0 0 0 2px rgba(45, 105, 255, 0.12);
}
[data-theme="pink"] .siri-profile-form input:focus,
[data-theme="pink"] .siri-profile-form textarea:focus {
    border-color: #FF6B9D;
    box-shadow: 0 0 0 2px rgba(255, 107, 157, 0.12);
}
.siri-ban-card {
    border-color: rgba(255, 204, 199, 0.6);
    background: rgba(255, 241, 240, 0.55);
}
.siri-ban-card h2 { color: #cf1322; }

/* ============================================================
 * 26. 文章操作按钮
 * ============================================================ */

.siri-article-actions {
    margin: 18px 0;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.siri-chip {
    border: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: 999px;
    padding: 9px 13px;
    background: rgba(255, 255, 255, 0.6);
    color: #1f2937;
    text-decoration: none;
    cursor: pointer;
    font-weight: 700;
    min-width: 76px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .18s ease;
}
.siri-chip:hover {
    border-color: rgba(45, 105, 255, 0.5);
    background: rgba(45, 105, 255, 0.10);
    color: #2D69FF;
    transform: translateY(-1px);
}
[data-theme="pink"] .siri-chip:hover {
    border-color: rgba(255, 107, 157, 0.5);
    background: rgba(255, 107, 157, 0.10);
    color: #FF6B9D;
}
.siri-chip:disabled { opacity: .7; transform: none; }

.siri-toast {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 99999;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: rgba(17, 24, 39, 0.82);
    color: #fff;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

/* ============================================================
 * 30. 积分流水样式
 * ============================================================ */

.siri-points-plus { color: #52c41a; }
.siri-points-minus { color: #cf1322; }
.siri-log-row { display: grid; grid-template-columns: 100px 80px 90px 1.4fr 120px; gap: 12px; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding: 12px 0; }
.siri-log-row:last-child { border-bottom: none; }
@media (max-width: 640px) {
    .siri-log-row { grid-template-columns: 1fr 1fr; }
}

.siri-form-notice {
    margin: -2px 0 2px;
    padding: 11px 14px;
    border-radius: 10px;
    font-size: 13px;
    line-height: 1.5;
}
.siri-form-notice.is-error {
    background: rgba(255, 241, 240, 0.7);
    color: #cf1322;
    border: 1px solid rgba(255, 204, 199, 0.6);
}
.siri-form-notice.is-success {
    background: rgba(246, 255, 237, 0.7);
    color: #389e0d;
    border: 1px solid rgba(183, 235, 143, 0.6);
}

/* ============================================================
 * 32. 响应式
 * ============================================================ */

@media (max-width: 980px) {
    .siri-layout { grid-template-columns: 1fr; }
    .siri-side {
        position: static;
        max-height: none;
        grid-template-columns: repeat(2, 1fr);
        padding: 16px;
    }
    .siri-workspace { padding: 18px 0; }
    .siri-dashboard-chart, .siri-metrics-2, .siri-metrics-3, .siri-metrics-4,
    .siri-split, .siri-level-band, .siri-level-hero, .siri-form-grid,
    .siri-submit-hero,
    .siri-submit-fields, .siri-captcha-row {
        grid-template-columns: 1fr !important;
    }
    .siri-week-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .siri-uc-wrap { padding: 100px 0 30px; }
    .siri-uc-container { padding: 0 12px; }
    .siri-layout { display: block; gap: 12px; }
    .siri-side {
        display: flex;
        gap: 8px;
        padding: 10px 12px 6px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        position: static;
        max-height: none;
        scrollbar-width: none;
    }
    .siri-side::-webkit-scrollbar { display: none; }
    .siri-side a {
        flex: 0 0 auto;
        height: 34px;
        padding: 0 12px;
        border: 1px solid rgba(217, 226, 239, 0.6);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.6);
        font-size: 13px;
    }
    .siri-side a i { display: none; }
    .siri-side a.active {
        background: rgba(45, 105, 255, 0.12);
        border-color: rgba(45, 105, 255, 0.4);
    }
    [data-theme="pink"] .siri-side a.active {
        background: rgba(255, 107, 157, 0.12);
        border-color: rgba(255, 107, 157, 0.4);
    }
    .siri-workspace { padding: 12px 0 32px; }
    .siri-page-head {
        display: grid;
        gap: 12px;
        align-items: start;
        margin-bottom: 14px;
    }
    .siri-page-head h1 { font-size: 21px; }
    .siri-page-head p { margin-top: 4px; font-size: 13px; line-height: 1.6; }
    .siri-page-head .siri-btn,
    .siri-page-head .siri-badge { width: 100%; justify-content: center; }
    .siri-dashboard-head h1 { font-size: 18px; line-height: 1.2; }
    .siri-dashboard-head p { font-size: 12px; color: #64748b; }
    .siri-dashboard-signin {
        width: auto !important;
        min-width: 112px;
        height: 38px;
        border-radius: 999px;
        padding: 0 16px;
        justify-self: start;
    }
    .siri-card { padding: 16px; border-radius: 14px; margin-bottom: 14px; }
    .siri-card-title { display: grid; gap: 8px; margin-bottom: 14px; }
    .siri-card-title h2 { font-size: 17px; }
    .siri-metrics { gap: 12px; margin-bottom: 14px; }
    .siri-metrics-2, .siri-metrics-3, .siri-metrics-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .siri-metric-card { min-height: 88px; padding: 14px; }
    .siri-metric-card span { margin-bottom: 8px; font-size: 12px; }
    .siri-metric-card strong { font-size: 17px; line-height: 1.2; max-width: calc(100% - 26px); }
    .siri-metric-card em { margin-top: 4px; font-size: 10px; line-height: 1.45; }
    .siri-metric-card i { right: 12px; top: 12px; width: 24px; height: 24px; font-size: 12px; }
    .siri-dashboard-metrics-primary .siri-metric-card { border-radius: 14px; }
    .siri-dashboard-metrics-income .siri-metric-card { min-height: 82px; }
    .siri-level-band, .siri-level-hero, .siri-profile-hero, .siri-sign-hero {
        grid-template-columns: 1fr !important;
        gap: 14px;
    }
    .siri-level-band, .siri-level-hero, .siri-profile-hero { justify-items: start; }
    .siri-dashboard-chart-card { padding: 14px; }
    .siri-dashboard-chart { grid-template-columns: 1fr !important; gap: 10px; }
    .siri-chart-legend { gap: 12px; font-size: 12px; }
    .siri-chart-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .siri-chart-summary div { padding: 8px 10px; }
    .siri-quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .siri-quick-grid a { height: 70px; font-size: 13px; padding: 8px; text-align: center; }
    .siri-mini-feed { gap: 10px; }
    .siri-feed-item, .siri-article-card { display: grid; grid-template-columns: 1fr; gap: 12px; padding: 16px; }
    .siri-feed-item em, .siri-article-card i { margin-left: 0; }
    .siri-article-card { min-height: 0; }
    .siri-thumb { width: 100%; height: 120px; }
    .siri-week-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .siri-week-grid div { height: 76px; }
    .siri-reward-list p, .siri-rank-list div {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .siri-tabs { gap: 16px; overflow: auto; padding-bottom: 2px; }
    .siri-tabs a { flex: 0 0 auto; }
    .siri-submit-fields, .siri-captcha-row { grid-template-columns: 1fr !important; }
    .siri-submit-hero { min-height: 0; }
    .siri-submit-form { gap: 14px; }
    .siri-submit-form textarea[name=content] { min-height: 180px; }
    .siri-submit-form input, .siri-submit-form select, .siri-submit-form textarea,
    .siri-profile-form input, .siri-profile-form textarea { font-size: 16px; }
    .siri-profile-avatar { width: 64px; height: 64px; }
    .siri-profile-form, .siri-submit-tips { gap: 12px; }
    .siri-note { padding: 14px; font-size: 13px; line-height: 1.7; }
    .siri-article-actions { gap: 10px !important; }
    .siri-chip { min-width: auto; height: 38px; padding: 0 14px !important; }
}

@media (max-width: 420px) {
    .siri-workspace { padding: 10px 0 28px; }
    .siri-card { padding: 14px; }
    .siri-metrics-2, .siri-metrics-3, .siri-metrics-4, .siri-chart-summary { grid-template-columns: 1fr; }
    .siri-quick-grid { grid-template-columns: 1fr 1fr; }
    .siri-page-head h1 { font-size: 20px; }
    .siri-dashboard-signin { width: 100% !important; justify-self: stretch; }
    .siri-dashboard-metrics-primary .siri-metric-card,
    .siri-dashboard-metrics-income .siri-metric-card { min-height: 78px; }
}

/* 旧浏览器回退：无 backdrop-filter 时用更不透明背景 */
@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))) {
    .siri-card, .siri-side, .siri-metric-card {
        background-color: rgba(255, 255, 255, 0.92) !important;
    }
    [data-theme="pink"] .siri-card,
    [data-theme="pink"] .siri-side,
    [data-theme="pink"] .siri-metric-card {
        background-color: rgba(255, 247, 250, 0.92) !important;
    }
}

/* ============================================================
 * 27. 充电/分享 Modal（Rssy-blog 兼容）
 * ============================================================ */

/* 充电打赏 Modal — 与 Rssy-blog footer.php 完全一致的样式 */
.modal-dashang { margin: 0; }
.moadl-dashang-menu {
    display: flex;
    gap: 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0.06);
    margin-bottom: 14px;
}
.moadl-dashang-menu .list-group-item {
    flex: 1;
    padding: 12px 8px;
    background: none;
    border: none;
    color: #888;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all .15s;
    border-radius: 0;
    cursor: pointer;
}
.moadl-dashang-menu .list-group-item.active {
    color: #333;
    background: none;
    border-bottom-color: #2D69FF;
}
.moadl-dashang-menu .list-group-item:nth-child(1) { color: #2d8d3d; }
.moadl-dashang-menu .list-group-item:nth-child(2) { color: #1296DB; }
.moadl-dashang-menu .list-group-item:nth-child(1).active { border-bottom-color: #07C160; }
.moadl-dashang-menu .list-group-item:nth-child(2).active { border-bottom-color: #1677FF; }
[data-theme="pink"] .moadl-dashang-menu .list-group-item.active { border-bottom-color: #FF6B9D; }

.modal-dashang .tab-content { margin: 0; }
.modal-dashang .tab-pane { display: none; }
.modal-dashang .tab-pane.active { display: block; text-align: center; }
.modal-dashang .tab-pane img {
    display: block;
    margin: 0 auto;
    max-width: 260px;
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

/* 分享 Modal QR 码 */
#siri-qrcode {
    display: inline-block;
    min-width: 260px;
    min-height: 260px;
}
#siri-qrcode canvas,
#siri-qrcode img {
    width: 260px !important;
    height: 260px !important;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    display: block;
    margin: 0 auto;
}
#siri-qrcode img { width: 260px !important; height: 260px !important; }

@media (max-width: 640px) {
    #siri-qrcode { min-width: 200px; min-height: 200px; }
    #siri-qrcode canvas, #siri-qrcode img { width: 200px !important; height: 200px !important; }
}

/* ============================================================
 * 28. 文章页横排资料卡 + 按钮条
 * ============================================================ */

.siri-author-bar {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    margin: 18px 0;
    background: rgba(255, 255, 255, 0.6);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    backdrop-filter: blur(16px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 14px;
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.06);
}
[data-theme="blue"] .siri-author-bar { background: rgba(255, 255, 255, 0.55); }
[data-theme="pink"] .siri-author-bar {
    background: rgba(255, 240, 245, 0.55);
    border-color: rgba(255, 182, 193, 0.4);
}
.siri-author-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: #f5f5f5;
}
.siri-author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.siri-author-info {
    flex: 1;
    min-width: 0;
}
.siri-author-name {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: #1c1f23;
    text-decoration: none;
    font-size: 15px;
}
.siri-author-name:hover { color: #2D69FF; }
[data-theme="pink"] .siri-author-name:hover { color: #FF6B9D; }
.siri-author-name em {
    font-style: normal;
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 10px;
    background: linear-gradient(135deg, #2D69FF, #69b1ff);
    color: #fff;
    font-weight: 500;
}
[data-theme="pink"] .siri-author-name em {
    background: linear-gradient(135deg, #FF6B9D, #ffb3c8);
}
.siri-author-stats {
    display: block;
    font-size: 12px;
    color: #888;
    margin-top: 2px;
}
.siri-author-actions { flex-shrink: 0; }
.siri-author-actions .siri-btn {
    display: inline-flex;
    align-items: center;
    padding: 6px 16px;
    border-radius: 16px;
    background: linear-gradient(135deg, #2D69FF, #69b1ff);
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    border: none;
    cursor: pointer;
}
.siri-author-actions .siri-btn.is-followed {
    background: rgba(0, 0, 0, 0.06);
    color: #666;
}
[data-theme="pink"] .siri-author-actions .siri-btn {
    background: linear-gradient(135deg, #FF6B9D, #ffb3c8);
}

/* 文章页按钮条 */
.siri-article-tool {
    display: flex;
    justify-content: center;
    gap: 12px;
    padding: 14px;
    margin: 18px 0;
    flex-wrap: wrap;
    background: rgba(255, 255, 255, 0.6);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    backdrop-filter: blur(16px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 14px;
}
[data-theme="blue"] .siri-article-tool { background: rgba(255, 255, 255, 0.55); }
[data-theme="pink"] .siri-article-tool {
    background: rgba(255, 240, 245, 0.55);
    border-color: rgba(255, 182, 193, 0.4);
}
.siri-article-tool a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.7);
    color: #555;
    text-decoration: none;
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: all .15s;
}
.siri-article-tool a:hover {
    background: #2D69FF;
    color: #fff;
    border-color: #2D69FF;
}
.siri-article-tool a.active {
    background: #FF6B9D;
    color: #fff;
    border-color: #FF6B9D;
}
[data-theme="pink"] .siri-article-tool a:hover {
    background: #FF6B9D;
    border-color: #FF6B9D;
}
[data-theme="pink"] .siri-article-tool a.active {
    background: #2D69FF;
    border-color: #2D69FF;
}
.siri-article-tool a i { font-style: normal; }
.siri-article-tool a i svg { width: 16px; height: 16px; display: inline-block; vertical-align: -2px; }
.siri-article-tool a[data-siri-action="favorite"] i { color: #888; transition: color .15s; }
.siri-article-tool a[data-siri-action="favorite"] i svg { stroke: #888; fill: none; transition: all .15s; }
.siri-article-tool a[data-siri-action="favorite"]:hover i svg { stroke: #fff; }
.siri-article-tool a[data-siri-action="favorite"].active i svg { stroke: #ffb800; fill: #ffb800; }
[data-theme="pink"] .siri-article-tool a[data-siri-action="favorite"].active i svg { stroke: #ffb800; fill: #ffb800; }

/* ============================================================
 * 29. 积分管理页
 * ============================================================ */

.siri-points-card { padding: 22px; }
.siri-redeem-form {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: flex-end;
}
.siri-redeem-form label {
    flex: 1;
    min-width: 220px;
    display: block;
}
.siri-redeem-form label small {
    display: block;
    font-size: 12px;
    color: #888;
    margin-bottom: 6px;
}
.siri-redeem-form input {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    letter-spacing: 0.5px;
}
.siri-redeem-form input:focus {
    outline: none;
    border-color: #2D69FF;
    box-shadow: 0 0 0 3px rgba(45, 105, 255, 0.12);
}
[data-theme="pink"] .siri-redeem-form input:focus {
    border-color: #FF6B9D;
    box-shadow: 0 0 0 3px rgba(255, 107, 157, 0.12);
}

.siri-points-packages {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 12px;
}
.siri-pack-btn {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: rgba(255, 255, 255, 0.7);
    border-radius: 12px;
    cursor: pointer;
    transition: all .2s;
    text-align: left;
}
.siri-pack-btn:hover {
    border-color: #2D69FF;
    box-shadow: 0 4px 16px rgba(45, 105, 255, 0.15);
    transform: translateY(-2px);
}
[data-theme="pink"] .siri-pack-btn:hover {
    border-color: #FF6B9D;
    box-shadow: 0 4px 16px rgba(255, 107, 157, 0.15);
}
.siri-pack-btn strong { font-size: 15px; color: #1c1f23; }
.siri-pack-btn span { font-size: 13px; color: #666; }
.siri-pack-btn em {
    font-style: normal;
    font-size: 18px;
    color: #FF6B9D;
    font-weight: 600;
    margin-top: 4px;
}

/* ============================================================
 * 30. 改名提示
 * ============================================================ */

.siri-name-hint {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: #888;
    line-height: 1.5;
}
.siri-name-hint.siri-name-free { color: #52c41a; }
.siri-name-hint.siri-name-block { color: #f5222d; }

/* ============================================================
 * 31. 后台卡密列表行
 * ============================================================ */

.siri-card-row {
    display: grid;
    grid-template-columns: auto auto auto 1fr auto auto;
    gap: 12px;
    align-items: center;
    padding: 10px 14px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    margin-bottom: 8px;
    background: rgba(255, 255, 255, 0.6);
    transition: all .15s;
}
.siri-card-row:hover {
    border-color: rgba(45, 105, 255, 0.3);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.siri-card-row code {
    background: rgba(45, 105, 255, 0.08);
    color: #2D69FF;
    padding: 4px 10px;
    border-radius: 6px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 13px;
    letter-spacing: 0.5px;
}
.siri-card-row .siri-status {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.06);
    color: #888;
}
.siri-card-row .siri-status.on {
    background: rgba(82, 196, 26, 0.12);
    color: #52c41a;
}

/* 移动端适配 */
@media (max-width: 640px) {
    .siri-author-bar { flex-wrap: wrap; padding: 12px; }
    .siri-author-avatar { width: 40px; height: 40px; }
    .siri-article-tool { justify-content: center; gap: 8px; }
    .siri-article-tool a { padding: 6px 12px; font-size: 13px; }
    .siri-points-packages { grid-template-columns: repeat(2, 1fr); }
    .siri-card-row {
        grid-template-columns: 1fr auto;
        gap: 6px;
        font-size: 12px;
    }
    .siri-redeem-form { flex-direction: column; align-items: stretch; }
    .siri-redeem-form label { min-width: 0; }
}

/* ============================================================
 * 15. VIP 会员样式
 * ============================================================ */

.siri-vip-dashboard-card .siri-vip-status {
    display: flex;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
}
.siri-vip-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.05);
    color: #888;
    font-size: 14px;
    font-weight: 700;
}
.siri-vip-badge span { font-size: 18px; }
.siri-vip-badge.active {
    background: linear-gradient(135deg, #ffd700, #ffb800);
    color: #7a5c00;
    box-shadow: 0 2px 12px rgba(255, 184, 0, 0.3);
}
.siri-vip-info p {
    margin: 4px 0;
    color: #555;
    font-size: 14px;
}
.siri-vip-info strong { color: #1c1f23; }

.siri-vip-hero {
    display: flex;
    align-items: center;
    gap: 18px;
}
.siri-vip-badge-lg {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffd700, #ffb800);
    box-shadow: 0 4px 20px rgba(255, 184, 0, 0.35);
    flex-shrink: 0;
}
.siri-vip-badge-lg span { font-size: 32px; color: #fff; }
.siri-vip-icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #e8e8e8, #d0d0d0);
    font-size: 32px;
    color: #999;
    flex-shrink: 0;
}
.siri-vip-hero h2 { margin: 0 0 6px; font-size: 20px; }
.siri-vip-hero p { margin: 0; color: #667085; }

.siri-vip-buy-card { text-align: center; }
.siri-vip-buy-info {
    padding: 16px;
    margin-bottom: 16px;
    background: rgba(255, 215, 0, 0.08);
    border: 1px solid rgba(255, 184, 0, 0.2);
    border-radius: 10px;
    font-size: 15px;
    color: #555;
}
.siri-vip-buy-info strong { color: #d48806; }

.siri-btn-lg {
    height: 48px;
    padding: 0 32px;
    font-size: 16px;
    border-radius: 24px;
}

.siri-badge-vip {
    background: linear-gradient(135deg, #ffd700, #ffb800);
    color: #7a5c00;
    font-weight: 700;
}

/* VIP 组网格 */
.siri-vip-group-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}
.siri-vip-group-card {
    padding: 20px;
    background: rgba(255, 215, 0, 0.04);
    border: 1px solid rgba(255, 184, 0, 0.15);
    border-radius: 14px;
    text-align: center;
}
.siri-vip-group-card h3 {
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 700;
    color: #1c1f23;
}
.siri-vip-group-card .siri-vip-price {
    font-size: 28px;
    font-weight: 800;
    color: #d48806;
    margin: 8px 0 4px;
}
.siri-vip-group-card .siri-vip-price small {
    font-size: 14px;
    font-weight: 500;
    color: #888;
}
.siri-vip-group-card .siri-vip-perks {
    text-align: left;
    margin: 12px 0;
    font-size: 13px;
    color: #667085;
    line-height: 2;
}
.siri-vip-group-card .siri-vip-perks span { color: #52c41a; margin-right: 6px; }
.siri-vip-group-card .siri-btn { margin-top: 8px; }

@media (max-width: 640px) {
    .siri-vip-group-grid { grid-template-columns: 1fr; }
}