/* roulang page: index */
:root {
            --primary: #0E2033;
            --primary-dark: #091522;
            --accent: #0D6E58;
            --accent-hover: #199878;
            --bg-light: #F7F9FB;
            --bg-zebra: #EFF3F6;
            --text-main: #1F2937;
            --text-muted: #4B5563;
            --border-color: #E2E8F0;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
            color: var(--text-main);
            background-color: var(--bg-light);
            box-sizing: border-box;
            -webkit-font-smoothing: antialiased;
        }

        .num-font {
            font-family: "Roboto", "Inter", "DIN Alternate", -apple-system, sans-serif;
        }

        .glass-header {
            background-color: rgba(255, 255, 255, 0.94);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid var(--border-color);
        }

        .card-shadow {
            box-shadow: 0 1px 3px rgba(14, 32, 51, 0.05), 0 4px 12px rgba(14, 32, 51, 0.03);
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .card-shadow:hover {
            transform: translateY(-3px);
            box-shadow: 0 12px 24px -4px rgba(14, 32, 51, 0.08);
        }

        .tag-pill {
            display: inline-flex;
            align-items: center;
            font-size: 0.75rem;
            padding: 0.25rem 0.65rem;
            border-radius: 9999px;
            font-weight: 600;
            line-height: 1;
        }

        .step-line::after {
            content: '';
            position: absolute;
            top: 24px;
            right: -50%;
            width: 100%;
            height: 2px;
            background: #CBD5E1;
            z-index: 1;
        }

        @media (max-width: 1023px) {
            .step-line::after {
                display: none;
            }
        }

        details > summary {
            list-style: none;
        }
        details > summary::-webkit-details-marker {
            display: none;
        }