:root {
    /* ========================================
       精致简约主题 - 柔和配色
       作者：胡智鹏
       日期：2025-11-18 v2
       设计理念：温暖、精致、现代
       ======================================== */

    /* Primary Colors - 深邃蓝灰 */
    --md-sys-color-primary: rgb(55 71 79);          /* 深蓝灰 - 沉稳专业 */
    --md-sys-color-surface-tint: rgb(84 110 122);    /* 中蓝灰 */
    --md-sys-color-on-primary: rgb(255 255 255);
    --md-sys-color-primary-container: rgb(207 216 220); /* 浅蓝灰容器 */
    --md-sys-color-on-primary-container: rgb(38 50 56);

    /* Secondary Colors - 温暖中灰 */
    --md-sys-color-secondary: rgb(96 125 139);       /* 柔和蓝灰 */
    --md-sys-color-on-secondary: rgb(255 255 255);
    --md-sys-color-secondary-container: rgb(236 239 241); /* 极浅灰蓝 */
    --md-sys-color-on-secondary-container: rgb(55 71 79);

    /* Tertiary Colors - 柔和强调色 */
    --md-sys-color-tertiary: rgb(84 110 122);        /* 温和蓝调 */
    --md-sys-color-on-tertiary: rgb(255 255 255);
    --md-sys-color-tertiary-container: rgb(224 231 234);
    --md-sys-color-on-tertiary-container: rgb(38 50 56);

    /* Error Colors - 柔和警告 */
    --md-sys-color-error: rgb(183 28 28);            /* 柔和红 */
    --md-sys-color-on-error: rgb(255 255 255);
    --md-sys-color-error-container: rgb(254 226 226);
    --md-sys-color-on-error-container: rgb(127 29 29);

    /* Background & Surface - 温暖白色 */
    --md-sys-color-background: rgb(250 250 250);     /* 温暖白 */
    --md-sys-color-on-background: rgb(38 50 56);     /* 深蓝灰文字 */
    --md-sys-color-surface: rgb(255 255 255);        /* 纯白卡片 */
    --md-sys-color-on-surface: rgb(55 71 79);
    --md-sys-color-surface-variant: rgb(236 239 241); /* 浅蓝灰表面 */
    --md-sys-color-on-surface-variant: rgb(96 125 139);

    /* Outline & Border - 精致边框 */
    --md-sys-color-outline: rgb(176 190 197);        /* 柔和边框 */
    --md-sys-color-outline-variant: rgb(224 231 234); /* 极淡边框 */

    /* Shadow & Scrim */
    --md-sys-color-shadow: rgba(38, 50, 56, 0.16);   /* 柔和阴影 */
    --md-sys-color-scrim: rgba(38, 50, 56, 0.32);

    /* Inverse Colors */
    --md-sys-color-inverse-surface: rgb(55 71 79);
    --md-sys-color-inverse-on-surface: rgb(245 245 245);
    --md-sys-color-inverse-primary: rgb(189 189 189);

    /* Fixed Colors */
    --md-sys-color-primary-fixed: rgb(236 239 241);
    --md-sys-color-on-primary-fixed: rgb(38 50 56);
    --md-sys-color-primary-fixed-dim: rgb(207 216 220);
    --md-sys-color-on-primary-fixed-variant: rgb(55 71 79);
    --md-sys-color-secondary-fixed: rgb(236 239 241);
    --md-sys-color-on-secondary-fixed: rgb(38 50 56);
    --md-sys-color-secondary-fixed-dim: rgb(207 216 220);
    --md-sys-color-on-secondary-fixed-variant: rgb(96 125 139);
    --md-sys-color-tertiary-fixed: rgb(236 239 241);
    --md-sys-color-on-tertiary-fixed: rgb(38 50 56);
    --md-sys-color-tertiary-fixed-dim: rgb(207 216 220);
    --md-sys-color-on-tertiary-fixed-variant: rgb(84 110 122);

    /* Surface Levels - 温暖白到浅蓝灰的渐变 */
    --md-sys-color-surface-dim: rgb(224 231 234);
    --md-sys-color-surface-bright: rgb(255 255 255);
    --md-sys-color-surface-container-lowest: rgb(255 255 255);
    --md-sys-color-surface-container-low: rgb(250 250 250);
    --md-sys-color-surface-container: rgb(245 246 247);
    --md-sys-color-surface-container-high: rgb(236 239 241);
    --md-sys-color-surface-container-highest: rgb(224 231 234);

    /* ========================================
       Tools & Navigation - 柔和精致配色
       每个分类使用微妙的蓝灰色调区分
       ======================================== */
    --md-nav-section-color-opacity: 1;
    --md-nav-on-section-color-opacity: 1;

    /* 工具分类 - 使用柔和的蓝灰色调 */
    --md-nav-section-color-sign: rgba(69, 90, 100, var(--md-nav-section-color-opacity));        /* 签名 - 深蓝灰 */
    --md-nav-on-section-color-sign: rgba(255, 255, 255, var(--md-nav-on-section-color-opacity));

    --md-nav-section-color-organize: rgba(84, 110, 122, var(--md-nav-section-color-opacity));   /* 组织 - 中蓝灰 */
    --md-nav-on-section-color-organize: rgba(255, 255, 255, var(--md-nav-on-section-color-opacity));

    --md-nav-section-color-convert: rgba(96, 125, 139, var(--md-nav-section-color-opacity));    /* 转换 - 柔和蓝灰 */
    --md-nav-on-section-color-convert: rgba(255, 255, 255, var(--md-nav-on-section-color-opacity));

    --md-nav-section-color-convertto: rgba(78, 93, 108, var(--md-nav-section-color-opacity));   /* 转换到 - 中性蓝灰 */
    --md-nav-on-section-color-convertto: rgba(255, 255, 255, var(--md-nav-on-section-color-opacity));

    --md-nav-section-color-security: rgba(62, 80, 92, var(--md-nav-section-color-opacity));     /* 安全 - 深沉蓝灰 */
    --md-nav-on-section-color-security: rgba(255, 255, 255, var(--md-nav-on-section-color-opacity));

    --md-nav-section-color-other: rgba(90, 110, 125, var(--md-nav-section-color-opacity));      /* 其他 - 平衡蓝灰 */
    --md-nav-on-section-color-other: rgba(255, 255, 255, var(--md-nav-on-section-color-opacity));

    --md-nav-section-color-advance: rgba(55, 71, 79, var(--md-nav-section-color-opacity));      /* 高级 - 最深蓝灰 */
    --md-nav-on-section-color-advance: rgba(255, 255, 255, var(--md-nav-on-section-color-opacity));

    --md-nav-section-color-image: rgba(96, 125, 139, var(--md-nav-section-color-opacity));      /* 图片 - 柔和蓝灰 */
    --md-nav-on-section-color-image: rgba(255, 255, 255, var(--md-nav-on-section-color-opacity));

    --md-nav-section-color-word: rgba(84, 110, 122, var(--md-nav-section-color-opacity));       /* Word - 中蓝灰 */
    --md-nav-on-section-color-word: rgba(255, 255, 255, var(--md-nav-on-section-color-opacity));

    --md-nav-section-color-ppt: rgba(78, 93, 108, var(--md-nav-section-color-opacity));         /* PPT - 中性蓝灰 */
    --md-nav-on-section-color-ppt: rgba(255, 255, 255, var(--md-nav-on-section-color-opacity));

    --md-nav-color-on-separator: rgb(176 190 197);
    --md-nav-background: rgb(255 255 255);

    /* Favourite Colors - 精致蓝灰 */
    --favourite-add: rgb(84 110 122);
    --favourite-remove: rgb(176 190 197);
}

/* ========================================
   精致简约优化
   ======================================== */

/* 卡片阴影 - 精致柔和的阴影效果 */
.card {
    background-color: rgb(255 255 255);
    border: 1px solid rgb(224 231 234);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(38, 50, 56, 0.06), 0 1px 2px rgba(38, 50, 56, 0.08);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.card:hover {
    border-color: rgb(207 216 220);
    box-shadow: 0 4px 12px rgba(38, 50, 56, 0.08), 0 2px 6px rgba(38, 50, 56, 0.12);
    transform: translateY(-2px);
}

/* 按钮优化 - 精致现代设计 */
.btn {
    border-radius: 4px;
    font-weight: 500;
    letter-spacing: 0.02em;
    transition: all 0.2s ease;
}

.btn-primary {
    background-color: rgb(84 110 122);
    border-color: rgb(84 110 122);
    color: rgb(255 255 255);
}

.btn-primary:hover {
    background-color: rgb(69 90 100);
    border-color: rgb(69 90 100);
    box-shadow: 0 2px 8px rgba(38, 50, 56, 0.12);
}

/* 输入框优化 - 精致边框 */
.form-control {
    border: 1px solid rgb(224 231 234);
    border-radius: 6px;
    transition: all 0.2s ease;
    background-color: rgb(255 255 255);
}

.form-control:focus {
    border-color: rgb(84 110 122);
    box-shadow: 0 0 0 3px rgba(84, 110, 122, 0.12);
    outline: none;
}

/* 导航栏优化 - 精致设计 */
.navbar {
    background-color: rgb(255 255 255);
    border-bottom: 1px solid rgb(224 231 234);
    box-shadow: 0 1px 3px rgba(38, 50, 56, 0.04);
}

/* 链接优化 */
a {
    color: rgb(55 71 79);
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: rgb(84 110 122);
}

/* 加载性能优化 - 禁用不必要的动画 */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}