/* --- 字体强制引入 --- */
@font-face {
    font-family: 'TZEZMainFont';
    src: url('../font/font.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* --- Material 3 变量增强 --- */
:root {
    --md-sys-color-primary: #1A367C;
    --md-sys-color-on-primary: #ffffff;
    --md-sys-color-primary-container: #d1e4ff;
    --md-sys-color-surface: #fdfbff;
    --md-sys-color-surface-container: #f3f3f8;
    --md-sys-color-surface-container-high: #eceef4;
    --md-sys-color-outline-variant: #c4c6d0;
    --md-sys-color-error: #ba1a1a;

    /* 动效曲线 */
    --easing-standard: cubic-bezier(0.2, 0, 0, 1);
    --easing-emphasized: cubic-bezier(0.3, 0, 0, 1);
}

/* --- 全局字体强制应用 --- */
* {
    box-sizing: border-box;
    font-family: 'TZEZMainFont', "PingFang SC", system-ui, sans-serif !important;
}

body {
    margin: 0;
    background-color: var(--md-sys-color-surface);
    color: #1a1c1e;
    overflow-x: hidden;
    line-height: 1.5;
    font-size: 20px;
}

/* --- 增强版帖子卡片动效 --- */
.post-card {
    background: #fff;
    border-radius: 28px;
    padding: 24px;
    margin-bottom: 20px;
    border: 1px solid var(--md-sys-color-outline-variant);
    box-shadow: 0 0 0 rgba(0,0,0,0);
    transition: all 0.5s var(--easing-emphasized);
    opacity: 0;
    transform: translateY(30px) scale(0.98);
    animation: post-slide-in 0.6s var(--easing-standard) forwards;
}

.post-card:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 32px rgba(26, 54, 124, 0.08);
    border-color: var(--md-sys-color-primary-container);
}

@keyframes post-slide-in {
    to { opacity: 1; transform: translateY(0) scale(1); }
}

/* --- 发布框内元素微动效 --- */
.publish-box {
    transition: box-shadow 0.3s var(--easing-standard);
}

.publish-box:focus-within {
    box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}

textarea:focus {
    transform: translateY(-2px);
    transition: transform 0.3s var(--easing-standard);
}

/* --- 图片预览格子的丝滑入场 --- */
.preview-item {
    animation: preview-pop 0.4s var(--easing-emphasized);
    transition: transform 0.2s ease;
}

.preview-item:hover {
    transform: scale(1.05);
}

@keyframes preview-pop {
    from { transform: scale(0.5); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

/* --- 按钮波纹感增强 --- */
.btn-m3 {
    position: relative;
    overflow: hidden;
    transition: all 0.3s var(--easing-standard);
}

.btn-m3:hover {
    filter: brightness(1.2);
    letter-spacing: 1px;
}

.btn-m3:active {
    transform: scale(0.92);
}

/* --- 顶栏 Logo 旋转效果 --- */
.m3-logo-area img {
    transition: transform 0.8s var(--easing-emphasized);
}

.m3-logo-area:hover img {
    transform: rotate(360deg);
}