/* style.css */
html {
    /* 基础字号调小 */
    font-size: 21px;
}

rt {
    font-size: 0.5em;
}

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}

body {
    /* 背景图设置 */
    background: url('https://blog.iamcrl.cn/content/uploadfile/202512/6fb51766893492.png') no-repeat center center fixed;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card {
    /* 大幅增加透明度：将后端传入的 alpha 值打 5 折 */
    background-color: rgba(255, 255, 255, calc(0.85 * 0.5)); 
    border-radius: 30px;
    padding: 35px 45px;
    /* 调整阴影，让透明卡片更有浮空感 */
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    text-align: center;
    
    /* 增强毛玻璃效果：这是透明感高级的关键 */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    
    /* 极细的半透明边框，增加精致度 */
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* 状态颜色 */
.sleeping {
    color: #666; 
}

.awake {
    color: #0d6100; 
}

.error {
    color: #cc0000; 
}