/* Super Card V9 stable shared asset for Makers /game-posts/ */
/* =====================================================
               1000王子｜王子资料卡 V9
               简约、优雅、高级感主题色按钮版本
               保留原有自动主题色、折叠、分类、标签与响应式功能
            ===================================================== */

            .p1000-sc8-card,
            .p1000-sc8-card *,
            .p1000-sc8-card *::before,
            .p1000-sc8-card *::after {
                box-sizing: border-box;
            }

            .p1000-sc8-card {
                /* 未检测到主题色时的安全后备色 */
                --sc8-accent: #b65d82;
                --sc8-accent-strong: #8f3f62;
                --sc8-accent-dark: #5f3045;
                --sc8-soft: #fff4f8;
                --sc8-soft-2: #f4dce6;
                --sc8-surface: #fffdfc;
                --sc8-surface-2: #fff8fa;
                --sc8-border: rgba(182, 93, 130, 0.27);
                --sc8-border-strong: rgba(143, 63, 98, 0.46);
                --sc8-text: #57464e;
                --sc8-muted: #88737d;
                --sc8-glow: rgba(182, 93, 130, 0.13);
                --sc8-metal: #b99a60;
                --sc8-metal-light: #eadcb8;
                --sc8-white: #ffffff;

                container-type: inline-size;
                isolation: isolate;

                position: relative !important;
                display: block !important;
                visibility: visible !important;
                opacity: 1 !important;

                width: 100% !important;
                max-width: 100% !important;
                min-width: 0 !important;
                margin: 12px 0 !important;
                overflow: hidden !important;

                border: 1px solid var(--sc8-border) !important;
                border-radius: 15px !important;

                color: var(--sc8-text) !important;
                background:
                    linear-gradient(
                        145deg,
                        var(--sc8-surface) 0%,
                        var(--sc8-surface-2) 62%,
                        color-mix(in srgb, var(--sc8-soft) 76%, white) 100%
                    ) !important;

                box-shadow:
                    0 11px 30px var(--sc8-glow),
                    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;

                font-family:
                    "PingFang SC",
                    "Microsoft YaHei",
                    "Noto Sans SC",
                    sans-serif !important;

                word-break: break-word;
                overflow-wrap: anywhere;

                transition:
                    border-color 0.3s ease,
                    background 0.3s ease,
                    box-shadow 0.3s ease !important;
            }

            /* 顶部极细主题色线条，保留精致感但不繁复 */
            .p1000-sc8-card::before {
                content: "";
                position: absolute;
                top: 0;
                left: 18px;
                right: 18px;
                z-index: 5;
                height: 1px;

                background:
                    linear-gradient(
                        90deg,
                        transparent,
                        color-mix(in srgb, var(--sc8-accent) 72%, var(--sc8-metal-light)),
                        transparent
                    );

                pointer-events: none;
            }

            /* 删除原本右上角半圆／圆环装饰 */
            .p1000-sc8-card::after {
                content: none !important;
                display: none !important;
            }

            /* 房间号：小巧、偏矩形、低调 */
            .p1000-sc8-room {
                position: absolute;
                top: 13px;
                right: 15px;
                z-index: 8;

                display: inline-flex !important;
                align-items: center !important;
                gap: 5px !important;

                max-width: 130px;
                min-height: 24px;
                padding: 4px 8px;

                border: 1px solid var(--sc8-border) !important;
                border-radius: 7px !important;

                color: var(--sc8-muted) !important;
                font-size: 9.5px !important;
                font-weight: 650 !important;
                line-height: 1.2 !important;
                letter-spacing: 0.025em !important;
                white-space: nowrap;

                background: color-mix(in srgb, var(--sc8-surface) 90%, transparent) !important;
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
            }

            .p1000-sc8-room::before {
                content: "";
                width: 4px;
                height: 4px;
                flex: 0 0 4px;
                border-radius: 50%;
                background: var(--sc8-accent);
            }

            /* 顶部人物区域 */
            .p1000-sc8-head {
                position: relative !important;
                z-index: 3 !important;

                display: grid !important;
                visibility: visible !important;
                opacity: 1 !important;

                grid-template-columns: 68px minmax(0, 1fr) !important;
                align-items: center !important;
                gap: 13px !important;

                width: 100% !important;
                min-width: 0 !important;
                min-height: 94px !important;
                padding: 18px 18px 10px !important;
            }

            .p1000-sc8-has-room .p1000-sc8-head {
                padding-right: 126px !important;
            }

            /* 头像：彻底取消外框、垫层、光带与外阴影 */
            .p1000-sc8-avatar {
                position: relative !important;

                display: block !important;
                visibility: visible !important;
                opacity: 1 !important;

                width: 68px !important;
                height: 68px !important;
                min-width: 68px !important;
                min-height: 68px !important;
                padding: 0 !important;
                overflow: hidden !important;

                border: 0 !important;
                border-radius: 13px !important;

                cursor: pointer;
                text-decoration: none !important;
                background: transparent !important;
                box-shadow: none !important;

                transition:
                    transform 0.22s ease,
                    opacity 0.22s ease !important;
            }

            .p1000-sc8-avatar::before,
            .p1000-sc8-avatar::after {
                content: none !important;
                display: none !important;
            }

            .p1000-sc8-avatar:hover,
            .p1000-sc8-avatar:focus-visible {
                transform: translateY(-1px);
                opacity: 0.94;
                outline: none !important;
            }

            .p1000-sc8-avatar:focus-visible {
                box-shadow:
                    0 0 0 2px var(--sc8-surface),
                    0 0 0 4px color-mix(in srgb, var(--sc8-accent) 48%, transparent) !important;
            }

            .p1000-sc8-avatar .avatar,
            .p1000-sc8-avatar-img {
                display: block !important;
                visibility: visible !important;
                opacity: 1 !important;

                width: 100% !important;
                max-width: 100% !important;
                height: 100% !important;
                min-height: 100% !important;
                margin: 0 !important;

                border: 0 !important;
                border-radius: 13px !important;
                object-fit: cover !important;

                transition:
                    transform 0.32s ease,
                    filter 0.32s ease !important;
            }

            .p1000-sc8-avatar:hover .avatar,
            .p1000-sc8-avatar:hover .p1000-sc8-avatar-img,
            .p1000-sc8-avatar:focus-visible .avatar,
            .p1000-sc8-avatar:focus-visible .p1000-sc8-avatar-img {
                transform: scale(1.025);
                filter: brightness(1.02);
            }

            .p1000-sc8-identity {
                display: block !important;
                visibility: visible !important;
                opacity: 1 !important;
                min-width: 0 !important;
                text-align: left !important;
            }

            /* 人名与聊天按钮同行 */
            .p1000-sc8-name-row {
                display: flex !important;
                align-items: center !important;
                justify-content: flex-start !important;
                gap: 8px !important;
                width: 100% !important;
                min-width: 0 !important;
            }

            .p1000-sc8-name-row .p1000-sc8-name {
                min-width: 0 !important;
            }

            /*
             * 指定王子聊天按钮：小气泡内含三个点。
             * 点击后由本卡片的 author ID 直接选定聊天对象。
             */
            .p1000-sc8-chat-button {
                position: relative !important;
                flex: 0 0 auto !important;

                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;

                width: 34px !important;
                height: 30px !important;
                min-width: 34px !important;
                min-height: 30px !important;
                margin: 0 !important;
                padding: 0 !important;
                overflow: hidden !important;

                cursor: pointer !important;
                -webkit-appearance: none !important;
                appearance: none !important;

                border: 1px solid color-mix(in srgb, var(--sc8-accent) 45%, transparent) !important;
                border-radius: 9px !important;
                outline: none !important;

                color: var(--sc8-accent-strong) !important;
                background:
                    linear-gradient(
                        145deg,
                        color-mix(in srgb, var(--sc8-surface) 93%, white),
                        color-mix(in srgb, var(--sc8-accent) 17%, var(--sc8-surface))
                    ) !important;

                box-shadow:
                    0 4px 10px color-mix(in srgb, var(--sc8-accent) 12%, transparent),
                    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;

                transition:
                    transform 0.2s ease,
                    color 0.2s ease,
                    border-color 0.2s ease,
                    background 0.2s ease,
                    box-shadow 0.2s ease !important;
            }

            .p1000-sc8-chat-button svg {
                display: block !important;
                width: 18px !important;
                height: 18px !important;
                overflow: visible !important;
                fill: none !important;
                stroke: currentColor !important;
                stroke-width: 1.65 !important;
                stroke-linecap: round !important;
                stroke-linejoin: round !important;
                pointer-events: none !important;
            }

            .p1000-sc8-chat-button .p1000-sc8-chat-dot {
                fill: currentColor !important;
                stroke: none !important;
            }

            .p1000-sc8-chat-button:hover,
            .p1000-sc8-chat-button:focus-visible {
                color: var(--sc8-surface) !important;
                border-color: color-mix(in srgb, var(--sc8-accent-strong) 72%, transparent) !important;
                background:
                    linear-gradient(
                        135deg,
                        var(--sc8-accent),
                        var(--sc8-accent-strong)
                    ) !important;
                box-shadow:
                    0 7px 15px color-mix(in srgb, var(--sc8-accent) 24%, transparent),
                    0 0 0 3px color-mix(in srgb, var(--sc8-accent) 11%, transparent),
                    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
                transform: translateY(-1px) !important;
            }

            .p1000-sc8-chat-button:active {
                transform: scale(0.95) !important;
            }

            .p1000-sc8-chat-button.is-opening {
                pointer-events: none !important;
                opacity: 0.72 !important;
            }

            .p1000-sc8-chat-button.is-opening svg {
                animation: p1000Sc8ChatPulse 0.75s ease-in-out infinite alternate;
            }

            .p1000-sc8-chat-button.is-chat-unavailable {
                border-color: rgba(173, 53, 73, 0.54) !important;
                color: #a23349 !important;
                animation: p1000Sc8ChatShake 0.35s ease both;
            }

            @keyframes p1000Sc8ChatPulse {
                from {
                    opacity: 0.55;
                    transform: scale(0.9);
                }
                to {
                    opacity: 1;
                    transform: scale(1.05);
                }
            }

            @keyframes p1000Sc8ChatShake {
                0%, 100% { transform: translateX(0); }
                30% { transform: translateX(-2px); }
                70% { transform: translateX(2px); }
            }

            /* 人名：保持纯文字链接，允许 GTranslate 翻译 */
            .p1000-sc8-name {
                display: inline-flex !important;
                align-items: center !important;
                visibility: visible !important;
                opacity: 1 !important;
                gap: 6px !important;

                max-width: 100% !important;
                margin: 0 !important;
                padding: 1px 0 !important;

                color: var(--sc8-accent-dark) !important;
                font-family:
                    "PingFang SC",
                    "Microsoft YaHei",
                    "Noto Sans SC",
                    "Helvetica Neue",
                    Arial,
                    sans-serif !important;
                font-size: clamp(17px, 1.8vw, 20px) !important;
                font-weight: 700 !important;
                line-height: 1.32 !important;
                letter-spacing: 0.015em !important;
                text-align: left !important;
                text-decoration: none !important;

                cursor: pointer;
                overflow-wrap: anywhere !important;

                transition:
                    color 0.2s ease,
                    transform 0.2s ease !important;
            }

            .p1000-sc8-name::after {
                content: "↗";
                flex: 0 0 auto;
                color: var(--sc8-accent);
                font-family: sans-serif;
                font-size: 10px;
                font-weight: 500;
                opacity: 0.5;
                transition:
                    opacity 0.2s ease,
                    transform 0.2s ease !important;
            }

            .p1000-sc8-name:hover,
            .p1000-sc8-name:focus-visible {
                color: var(--sc8-accent-strong) !important;
                transform: translateX(1px);
                outline: none !important;
            }

            .p1000-sc8-name:hover::after,
            .p1000-sc8-name:focus-visible::after {
                opacity: 0.9;
                transform: translate(1px, -1px);
            }

            .p1000-sc8-name:focus-visible {
                text-decoration: underline !important;
                text-decoration-thickness: 1px !important;
                text-underline-offset: 4px !important;
            }

            .p1000-sc8-title {
                display: block !important;
                visibility: visible !important;
                opacity: 1 !important;

                margin: 5px 0 0 !important;

                color: var(--sc8-muted) !important;
                font-size: 11.5px !important;
                font-weight: 550 !important;
                line-height: 1.5 !important;
                letter-spacing: 0.02em !important;
                overflow-wrap: anywhere !important;
            }

            /* 简介：去掉厚重面板感，仅保留舒适留白 */
            .p1000-sc8-intro {
                position: relative;
                z-index: 2;

                display: block !important;
                width: auto !important;
                min-width: 0 !important;
                margin: 0 18px !important;
                padding: 9px 0 15px !important;

                border-top: 1px solid color-mix(in srgb, var(--sc8-border) 58%, transparent);

                color: var(--sc8-text) !important;
                font-size: 13px !important;
                line-height: 1.78 !important;
                text-align: left !important;
                overflow-wrap: anywhere !important;
            }

            .p1000-sc8-intro::before {
                content: none !important;
                display: none !important;
            }

            .p1000-sc8-intro p {
                margin: 0 !important;
            }

            .p1000-sc8-intro p + p {
                margin-top: 8px !important;
            }

            /* 详情折叠区 */
            .p1000-sc8-details {
                position: relative;
                z-index: 3;

                display: block !important;
                width: auto !important;
                min-width: 0 !important;
                margin: 0 15px 13px !important;
            }

            .p1000-sc8-summary {
                position: relative;

                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                gap: 10px !important;

                width: 100% !important;
                min-height: 40px !important;
                padding: 7px 8px 7px 12px !important;

                border: 1px solid color-mix(in srgb, var(--sc8-accent) 42%, transparent) !important;
                border-radius: 9px !important;

                color: var(--sc8-accent-dark) !important;
                font-size: 12px !important;
                font-weight: 650 !important;
                line-height: 1.4 !important;
                letter-spacing: 0.02em !important;

                cursor: pointer !important;
                list-style: none !important;

                /* 详情按钮：比分类按钮稍深一层，但仍保持轻盈 */
                background:
                    linear-gradient(
                        135deg,
                        color-mix(in srgb, var(--sc8-accent) 24%, var(--sc8-surface)),
                        color-mix(in srgb, var(--sc8-accent) 14%, var(--sc8-surface))
                    ) !important;
                box-shadow:
                    inset 0 1px 0 rgba(255, 255, 255, 0.72),
                    0 3px 9px color-mix(in srgb, var(--sc8-accent) 10%, transparent) !important;

                transition:
                    color 0.2s ease,
                    border-color 0.2s ease,
                    background 0.2s ease,
                    transform 0.2s ease !important;
            }

            .p1000-sc8-summary::-webkit-details-marker {
                display: none;
            }

            .p1000-sc8-summary::marker {
                content: "";
            }

            .p1000-sc8-summary:hover,
            .p1000-sc8-summary:focus-visible {
                color: var(--sc8-accent-dark) !important;
                border-color: color-mix(in srgb, var(--sc8-accent-strong) 58%, transparent) !important;
                background:
                    linear-gradient(
                        135deg,
                        color-mix(in srgb, var(--sc8-accent) 30%, var(--sc8-surface)),
                        color-mix(in srgb, var(--sc8-accent) 18%, var(--sc8-surface))
                    ) !important;
                transform: translateY(-1px);
                outline: none !important;
            }

            .p1000-sc8-summary:focus-visible {
                box-shadow: 0 0 0 3px color-mix(in srgb, var(--sc8-accent) 15%, transparent) !important;
            }

            .p1000-sc8-details[open] .p1000-sc8-summary {
                border-color: color-mix(in srgb, var(--sc8-accent-strong) 62%, transparent) !important;
                background:
                    linear-gradient(
                        135deg,
                        color-mix(in srgb, var(--sc8-accent) 28%, var(--sc8-surface)),
                        color-mix(in srgb, var(--sc8-accent) 16%, var(--sc8-surface))
                    ) !important;
            }

            .p1000-sc8-summary-main {
                display: inline-flex !important;
                align-items: center !important;
                min-width: 0 !important;
            }

            .p1000-sc8-open-text {
                display: none;
            }

            .p1000-sc8-details[open] .p1000-sc8-closed-text {
                display: none;
            }

            .p1000-sc8-details[open] .p1000-sc8-open-text {
                display: inline;
            }

            .p1000-sc8-summary-arrow {
                flex: 0 0 auto;

                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;

                width: 25px;
                height: 25px;

                border: 1px solid color-mix(in srgb, var(--sc8-accent) 42%, transparent) !important;
                border-radius: 7px !important;

                background: color-mix(in srgb, var(--sc8-accent) 30%, var(--sc8-surface)) !important;
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;

                transition:
                    transform 0.26s ease,
                    border-color 0.2s ease,
                    background 0.2s ease !important;
            }

            .p1000-sc8-chevron {
                display: block;
                width: 7px;
                height: 7px;
                margin-top: -3px;

                border-right: 1.5px solid var(--sc8-accent-strong);
                border-bottom: 1.5px solid var(--sc8-accent-strong);
                transform: rotate(45deg);
            }

            .p1000-sc8-details[open] .p1000-sc8-summary-arrow {
                transform: rotate(180deg);
                border-color: var(--sc8-border-strong) !important;
            }

            .p1000-sc8-detail-content {
                position: relative;

                display: block !important;
                width: 100% !important;
                max-width: 100% !important;
                min-width: 0 !important;
                margin-top: 8px;
                padding: 14px !important;
                overflow: hidden !important;

                border: 1px solid var(--sc8-border) !important;
                border-radius: 10px !important;

                color: var(--sc8-text) !important;
                font-size: 13.5px !important;
                line-height: 1.75 !important;

                background:
                    linear-gradient(
                        145deg,
                        color-mix(in srgb, var(--sc8-surface) 97%, transparent),
                        color-mix(in srgb, var(--sc8-soft) 56%, white)
                    ) !important;

                box-shadow: none !important;
                overflow-wrap: anywhere !important;
                word-break: break-word !important;
            }

            /* 保留详细介绍中复杂 HTML、图片、影片、表格的适配能力 */
            .p1000-sc8-detail-content,
            .p1000-sc8-detail-content * {
                box-sizing: border-box !important;
                min-width: 0;
            }

            .p1000-sc8-detail-content > *,
            .p1000-sc8-detail-content div,
            .p1000-sc8-detail-content section,
            .p1000-sc8-detail-content article,
            .p1000-sc8-detail-content aside,
            .p1000-sc8-detail-content header,
            .p1000-sc8-detail-content footer,
            .p1000-sc8-detail-content figure,
            .p1000-sc8-detail-content form,
            .p1000-sc8-detail-content fieldset,
            .p1000-sc8-detail-content [style*="width"] {
                max-width: 100% !important;
            }

            .p1000-sc8-detail-content > *:first-child {
                margin-top: 0;
            }

            .p1000-sc8-detail-content > *:last-child {
                margin-bottom: 0;
            }

            .p1000-sc8-detail-content img,
            .p1000-sc8-detail-content picture,
            .p1000-sc8-detail-content video,
            .p1000-sc8-detail-content canvas {
                display: block;
                max-width: 100% !important;
                height: auto !important;
            }

            .p1000-sc8-detail-content svg {
                max-width: 100% !important;
                height: auto;
            }

            .p1000-sc8-detail-content iframe,
            .p1000-sc8-detail-content embed,
            .p1000-sc8-detail-content object {
                display: block;
                width: 100% !important;
                max-width: 100% !important;
                border: 0;
            }

            .p1000-sc8-detail-content table {
                display: block;
                width: 100% !important;
                max-width: 100% !important;
                overflow-x: auto !important;
                border-collapse: collapse;
            }

            .p1000-sc8-detail-content pre {
                display: block;
                width: 100% !important;
                max-width: 100% !important;
                overflow-x: auto !important;
                white-space: pre-wrap;
            }

            .p1000-sc8-detail-content code,
            .p1000-sc8-detail-content a,
            .p1000-sc8-detail-content button,
            .p1000-sc8-detail-content input,
            .p1000-sc8-detail-content select,
            .p1000-sc8-detail-content textarea,
            .p1000-sc8-detail-content p,
            .p1000-sc8-detail-content span {
                max-width: 100%;
                overflow-wrap: anywhere;
                word-break: break-word;
            }

            /* 详情内容中可选用的统一按钮 */
            .p1000-sc8-detail-content .p1000-detail-button {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 6px;

                min-height: 34px;
                padding: 7px 13px;

                border: 1px solid var(--sc8-border-strong);
                border-radius: 8px;

                color: var(--sc8-accent-dark);
                font-size: 12px;
                font-weight: 650;
                line-height: 1.4;
                text-decoration: none;

                background: color-mix(in srgb, var(--sc8-surface) 86%, var(--sc8-soft));
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);

                transition:
                    color 0.2s ease,
                    border-color 0.2s ease,
                    background 0.2s ease,
                    transform 0.2s ease;
            }

            .p1000-sc8-detail-content .p1000-detail-button:hover,
            .p1000-sc8-detail-content .p1000-detail-button:focus-visible {
                color: var(--sc8-accent-strong);
                border-color: var(--sc8-accent);
                background: color-mix(in srgb, var(--sc8-surface) 72%, var(--sc8-soft));
                transform: translateY(-1px);
                outline: none;
            }

            /* 分类：小巧、简约、优雅的按钮 */
            .p1000-sc8-category-nav {
                position: relative;
                z-index: 4;

                display: flex !important;
                align-items: center !important;
                flex-wrap: wrap !important;
                gap: 6px !important;

                width: auto !important;
                min-width: 0 !important;
                margin: 0 15px 11px !important;
                padding: 0 !important;
            }

            .p1000-sc8-category-link {
                position: relative !important;

                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 5px !important;

                visibility: visible !important;
                opacity: 1 !important;

                width: auto !important;
                max-width: 100% !important;
                min-width: 0 !important;
                min-height: 29px !important;
                margin: 0 !important;
                padding: 5px 9px !important;
                overflow: hidden !important;

                border: 1px solid color-mix(in srgb, var(--sc8-accent) 34%, transparent) !important;
                border-radius: 7px !important;

                color: var(--sc8-accent-dark) !important;
                text-decoration: none !important;

                /* 分类按钮：轻柔主题色底，不再是白色 */
                background: color-mix(in srgb, var(--sc8-accent) 16%, var(--sc8-surface)) !important;
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;

                transition:
                    color 0.2s ease,
                    border-color 0.2s ease,
                    background 0.2s ease,
                    transform 0.2s ease !important;
            }

            /* 删除原珠宝按钮的光泽与复杂装饰 */
            .p1000-sc8-category-link::before,
            .p1000-sc8-category-link::after {
                content: none !important;
                display: none !important;
            }

            .p1000-sc8-category-link:hover,
            .p1000-sc8-category-link:focus-visible {
                color: var(--sc8-accent-dark) !important;
                border-color: color-mix(in srgb, var(--sc8-accent-strong) 52%, transparent) !important;
                background: color-mix(in srgb, var(--sc8-accent) 23%, var(--sc8-surface)) !important;
                transform: translateY(-1px);
                outline: none !important;
            }

            .p1000-sc8-category-link:focus-visible {
                box-shadow: 0 0 0 3px color-mix(in srgb, var(--sc8-accent) 14%, transparent) !important;
            }

            /* 保留原 HTML 结构，但隐藏珠宝方块，使分类只呈现为简洁按钮 */
            .p1000-sc8-category-gem {
                display: none !important;
            }

            .p1000-sc8-category-name {
                position: relative;
                z-index: 2;

                display: block !important;
                min-width: 0 !important;
                max-width: 100% !important;

                color: inherit !important;
                font-size: 10.8px !important;
                font-weight: 650 !important;
                line-height: 1.35 !important;
                letter-spacing: 0.02em !important;

                white-space: normal !important;
                overflow-wrap: anywhere !important;
                word-break: break-word !important;
                text-shadow: none !important;
            }

            .p1000-sc8-category-arrow {
                position: relative;
                z-index: 2;
                flex: 0 0 auto;

                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;

                width: auto !important;
                height: auto !important;

                border: 0 !important;
                border-radius: 0 !important;

                color: var(--sc8-accent) !important;
                font-size: 11px !important;
                font-weight: 600 !important;
                line-height: 1 !important;

                background: transparent !important;
                box-shadow: none !important;

                transition:
                    color 0.2s ease,
                    transform 0.2s ease !important;
            }

            .p1000-sc8-category-link:hover .p1000-sc8-category-arrow,
            .p1000-sc8-category-link:focus-visible .p1000-sc8-category-arrow {
                color: var(--sc8-accent-strong) !important;
                transform: translateX(2px);
            }

            /* 底部标签：比分类按钮更轻、更小 */
            .p1000-sc8-tags {
                position: relative;
                z-index: 3;

                display: flex !important;
                align-items: center !important;
                flex-wrap: wrap !important;
                gap: 6px !important;

                width: 100% !important;
                min-width: 0 !important;
                padding: 0 15px 14px !important;
            }

            .p1000-sc8-tag {
                display: inline-flex !important;
                align-items: center !important;
                gap: 4px !important;

                max-width: 100% !important;
                min-height: 25px !important;
                padding: 4px 8px !important;

                border: 1px solid color-mix(in srgb, var(--sc8-border) 82%, transparent) !important;
                border-radius: 6px !important;

                color: var(--sc8-muted) !important;
                font-size: 10px !important;
                font-weight: 600 !important;
                line-height: 1.3 !important;
                text-decoration: none !important;

                background: color-mix(in srgb, var(--sc8-surface) 94%, transparent) !important;
                box-shadow: none !important;

                transition:
                    color 0.2s ease,
                    transform 0.2s ease,
                    border-color 0.2s ease,
                    background 0.2s ease !important;
            }

            .p1000-sc8-tag-arrow {
                color: var(--sc8-accent) !important;
                font-size: 11px !important;
                transition: transform 0.2s ease !important;
            }

            .p1000-sc8-tag:hover,
            .p1000-sc8-tag:focus-visible {
                color: var(--sc8-accent-dark) !important;
                transform: translateY(-1px);
                border-color: var(--sc8-border-strong) !important;
                background: color-mix(in srgb, var(--sc8-surface) 82%, var(--sc8-soft)) !important;
                outline: none !important;
            }

            .p1000-sc8-tag:focus-visible {
                box-shadow: 0 0 0 3px color-mix(in srgb, var(--sc8-accent) 12%, transparent) !important;
            }

            .p1000-sc8-tag:hover .p1000-sc8-tag-arrow,
            .p1000-sc8-tag:focus-visible .p1000-sc8-tag-arrow {
                transform: translateX(2px);
            }

            /* 三栏窄卡片 */
            @container (max-width: 370px) {
                .p1000-sc8-card {
                    border-radius: 13px !important;
                }

                .p1000-sc8-room {
                    top: 10px;
                    right: 11px;
                    max-width: calc(100% - 22px);
                    min-height: 23px;
                    padding: 4px 7px;
                    font-size: 9px !important;
                }

                .p1000-sc8-head,
                .p1000-sc8-has-room .p1000-sc8-head {
                    grid-template-columns: 58px minmax(0, 1fr) !important;
                    gap: 10px !important;
                    min-height: 80px !important;
                    padding: 13px 13px 8px !important;
                }

                .p1000-sc8-has-room .p1000-sc8-head {
                    padding-top: 42px !important;
                }

                .p1000-sc8-avatar {
                    width: 58px !important;
                    height: 58px !important;
                    min-width: 58px !important;
                    min-height: 58px !important;
                    border-radius: 11px !important;
                }

                .p1000-sc8-avatar .avatar,
                .p1000-sc8-avatar-img {
                    border-radius: 11px !important;
                }

                .p1000-sc8-name {
                    font-size: 16px !important;
                }

                .p1000-sc8-title {
                    font-size: 10.5px !important;
                }

                .p1000-sc8-name-row {
                    gap: 6px !important;
                }

                .p1000-sc8-chat-button {
                    width: 31px !important;
                    height: 28px !important;
                    min-width: 31px !important;
                    min-height: 28px !important;
                    border-radius: 8px !important;
                }

                .p1000-sc8-chat-button svg {
                    width: 17px !important;
                    height: 17px !important;
                }

                .p1000-sc8-intro {
                    margin: 0 13px !important;
                    padding: 8px 0 12px !important;
                    font-size: 12px !important;
                    line-height: 1.7 !important;
                }

                .p1000-sc8-details {
                    margin: 0 11px 11px !important;
                }

                .p1000-sc8-summary {
                    min-height: 38px !important;
                    padding: 6px 7px 6px 10px !important;
                    border-radius: 8px !important;
                    font-size: 11.5px !important;
                }

                .p1000-sc8-summary-arrow {
                    width: 23px;
                    height: 23px;
                    border-radius: 6px !important;
                }

                .p1000-sc8-detail-content {
                    margin-top: 7px;
                    padding: 12px !important;
                    border-radius: 9px !important;
                    font-size: 12.5px !important;
                }

                .p1000-sc8-category-nav {
                    margin: 0 11px 10px !important;
                    gap: 5px !important;
                }

                .p1000-sc8-category-link {
                    min-height: 27px !important;
                    padding: 4px 8px !important;
                    border-radius: 6px !important;
                }

                .p1000-sc8-category-name {
                    font-size: 10.3px !important;
                }

                .p1000-sc8-category-arrow {
                    font-size: 10px !important;
                }

                .p1000-sc8-tags {
                    gap: 5px !important;
                    padding: 0 12px 12px !important;
                }

                .p1000-sc8-tag {
                    min-height: 24px !important;
                    padding: 4px 7px !important;
                    font-size: 9.7px !important;
                }
            }

            @media (prefers-reduced-motion: reduce) {
                .p1000-sc8-card *,
                .p1000-sc8-card *::before,
                .p1000-sc8-card *::after {
                    animation: none !important;
                    transition: none !important;
                }
            }