洛谷轻量美化

洛谷轻量美化

From SDMCMVIP & Everix

前置：tampermonkey

---

// ==UserScript==
// @name         洛谷轻量美化
// @namespace    https://www.luogu.com.cn/user/2064565
// @version      1.0
// @description  只增加圆角和微动效，不修改滚动条
// @author       SDMCMVIP & Everix
// @match        https://www.luogu.com.cn/*
// @grant        GM_addStyle
// ==/UserScript==

(function() {
    'use strict';

    GM_addStyle(`
        /* 卡片增加圆角和轻微阴影 */
        .card, .am-card, .lfe-card, .problem-list-item,
        .discuss-item, .blog-card, .training-card,
        .am-panel, .list-group-item {
            border-radius: 16px !important;
            transition: all 0.2s ease !important;
        }

        /* 卡片悬停微动效 */
        .card:hover, .am-card:hover {
            transform: translateY(-2px) !important;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
        }

        /* 按钮圆润 */
        .lfe-button, button, .btn, .am-btn {
            border-radius: 40px !important;
            transition: all 0.2s !important;
        }

        /* 输入框圆润 */
        input, textarea, select {
            border-radius: 28px !important;
            transition: all 0.2s !important;
        }

        input:focus, textarea:focus {
            box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.15) !important;
            outline: none !important;
        }

        /* 代码块圆角 */
        pre, code {
            border-radius: 14px !important;
        }

        /* 标签/徽章圆润 */
        .tag, .am-badge, .label {
            border-radius: 30px !important;
        }

        /* 表格圆角 */
        table {
            border-radius: 16px !important;
            overflow: hidden !important;
        }

        /* 导航栏轻微底部阴影 */
        .lfe-header, header {
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
        }
    `);
})();