/* ========== 电脑端：宽屏、背景图层、细腻阴影 ========== */
body {
    /* 可叠加更大的纹理或渐变 */
    background: linear-gradient(145deg, #F9F6F0 0%, #F1EBE0 100%);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container {
    max-width: 900px;
    margin: 40px auto;
    padding: 48px 64px;
    background: rgba(253, 250, 240, 0.6);
    backdrop-filter: blur(8px);
    border-radius: 48px;
    box-shadow: var(--shadow-paper), 0 20px 40px -10px rgba(0,0,0,0.1);
    border: 1px solid rgba(255,255,255,0.8);
}

/* 标题更舒展 */
h1 {
    font-size: 3.2rem;
    margin-bottom: 32px;
    text-shadow: 2px 2px 0 rgba(196,107,94,0.1);
}

/* 输入框更大 */
input, textarea, select {
    font-size: 1.2rem;
    padding: 16px 8px;
}

/* 按钮悬停效果 */
button:hover {
    background: var(--accent-soft);
    color: white;
    border-color: transparent;
}

/* 电脑端可以展示更多装饰元素（例如背景音乐控件、引用诗句） */
.decorative-quote {
    font-family: var(--font-serif);
    font-style: italic;
    color: var(--accent-color);
    opacity: 0.6;
    margin-top: 40px;
    text-align: right;
}