body {
            background: var(--bg-body);
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 100vh;
            padding: 20px;
        }

        .safety-card {
            background: var(--bg-card);
            border-radius: 24px;
            padding: 48px 40px;
            max-width: 520px;
            width: 100%;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
            text-align: center;
            opacity: 0;
            transform: scale(0.95);
            animation: cardAppear 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
        }

        @keyframes cardAppear {
            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        .icon-shield {
            width: 64px;
            height: 64px;
            margin: 0 auto 24px;
            background: linear-gradient(135deg, #FFD60A 0%, #FF9500 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            animation: pulse 2s ease-in-out infinite;
        }

        @keyframes pulse {

            0%,
            100% {
                transform: scale(1);
            }

            50% {
                transform: scale(1.05);
            }
        }

        .safety-title {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--text-primary);
            margin-bottom: 12px;
        }

        .safety-subtitle {
            color: var(--text-secondary);
            font-size: 0.95rem;
            margin-bottom: 24px;
            line-height: 1.6;
        }

        .url-display {
            background: var(--bg-input);
            padding: 16px;
            border-radius: 12px;
            word-break: break-all;
            font-size: 0.9rem;
            color: var(--accent);
            font-family: 'SF Mono', Monaco, monospace;
            margin-bottom: 32px;
            border: 1px solid var(--border);
        }

        .actions {
            display: flex;
            gap: 12px;
            flex-direction: column;
        }

        .btn-primary-action {
            background: var(--text-primary);
            color: var(--text-inverse);
            padding: 14px;
            border-radius: var(--radius-full);
            border: none;
            width: 100%;
            font-family: inherit;
            cursor: pointer;
            font-weight: 600;
            text-decoration: none;
            display: block;
            transition: all 0.2s;
            font-size: 1rem;
        }

        .btn-primary-action:hover:not(:disabled) {
            opacity: 0.9;
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        }

        .btn-primary-action:disabled {
            opacity: 0.45;
            cursor: not-allowed;
            pointer-events: none;
        }

        .btn-secondary {
            color: var(--text-secondary);
            padding: 12px;
            background: transparent;
            border: none;
            font-weight: 500;
            cursor: pointer;
            font-size: 0.95rem;
            transition: color 0.2s;
        }

        .btn-secondary:hover {
            color: var(--text-primary);
        }

        .countdown {
            font-size: 0.85rem;
            color: var(--text-tertiary);
            margin-top: 16px;
        }

        .countdown-num {
            font-weight: 700;
            color: var(--warning);
        }

        .footer-info {
            margin-top: 32px;
            padding-top: 24px;
            border-top: 1px solid var(--border-light);
            font-size: 0.85rem;
            color: var(--text-secondary);
        }

        .footer-info a {
            color: var(--accent);
            text-decoration: none;
            font-weight: 500;
        }

        /* Ad Area (Optional) */
        .ad-container {
            margin-top: 40px;
            min-height: 90px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.8rem;
            color: var(--text-tertiary);
        }

        /* Modal */
        .modal-overlay {
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, 0.4);
            backdrop-filter: blur(4px);
            display: none;
            align-items: center;
            justify-content: center;
            z-index: 1000;
            opacity: 0;
            transition: opacity 0.3s;
        }

        .modal-overlay.show {
            display: flex;
            opacity: 1;
        }

        .modal-content {
            background: var(--bg-card);
            border-radius: 24px;
            padding: 32px;
            max-width: 500px;
            width: 90%;
            transform: scale(0.9);
            transition: transform 0.3s var(--spring);
        }

        .modal-overlay.show .modal-content {
            transform: scale(1);
        }

        .modal-title {
            font-size: 1.3rem;
            font-weight: 700;
            margin-bottom: 8px;
        }

        .modal-subtitle {
            color: var(--text-secondary);
            font-size: 0.9rem;
            margin-bottom: 24px;
        }

/* #app-root 改为 flex 列后,本页卡片仍居中 */
#app-root { justify-content: center; align-items: center; }