/* 全局样式 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap');

:root {
    /* 厚涂风格色彩系统 */
    --main-background: #6F4E37;
    --container-background: #F5EAAA;
    --primary-accent: #FFA000;
    --secondary-accent: #B71C1C;
    --text-light: #FFF8DC;
    --text-dark: #3E2723;
    --neutral: #A08C7D;
}

body {
    font-family: 'Noto Serif SC', serif;
}

/* 设备模拟容器 */
.device-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.device {
    width: 375px;
    height: 812px;
    position: relative;
    background: #111;
    border-radius: 40px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    padding: 12px;
}

.device-frame {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    background: white;
}

.device-screen {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

/* 运行时样式覆盖 */
.texture-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://images.unsplash.com/photo-1587654780291-39c9404d746b?q=80&w=2070&auto=format&fit=crop');
    background-size: cover;
    opacity: 0.05;
    pointer-events: none;
    mix-blend-mode: multiply;
}