/* roulang page: index */
:root {
            --primary-gradient: linear-gradient(135deg, #0D9488 0%, #0E7490 100%);
            --accent-coral: #F97316;
            --slate-text-main: #0F172A;
            --slate-text-muted: #334155;
            --card-radius: 20px;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: var(--slate-text-muted);
            background-color: #F8FAFC;
            overflow-x: hidden;
        }

        .bg-brand-gradient {
            background: var(--primary-gradient);
        }

        .card-custom {
            border-radius: var(--card-radius);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .card-custom:hover {
            transform: translateY(-5px);
            box-shadow: 0 16px 32px -4px rgba(13, 148, 136, 0.14);
        }

        .handwritten-badge {
            display: inline-flex;
            align-items: center;
            padding: 4px 14px;
            border-radius: 9999px;
            font-size: 0.85rem;
            font-weight: 500;
            background: rgba(13, 148, 136, 0.08);
            color: #0F766E;
            border: 1px solid rgba(13, 148, 136, 0.2);
        }

        /* 手风琴平滑动效 */
        details summary::-webkit-details-marker {
            display: none;
        }
        details summary {
            list-style: none;
        }
        details[open] summary svg {
            transform: rotate(180deg);
        }