/* 基础页面样式 */
body {
    margin:0;
    padding:0;
    background:#000 url('/index.webp') no-repeat center center fixed;
    background-size:cover;
    font-family:'Segoe UI', serif;
    color:#fff;
}

/* 左右栏布局 */
#left-panel {
    width:30%;
    padding:40px;
    background:rgba(253,250,242,0.92);
    color:#5d4037;
    line-height:1.6;
    overflow-y:auto;
    border-right:1px solid rgba(0,0,0,0.1);
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
}
#right-panel {
    width:70%;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    overflow-y:auto;
    padding-bottom:50px;
}

/* 标题和小标题 */
h1,h2,h3 { margin-top:0; }
h2 { border-bottom:2px solid #8d6e63; padding-bottom:10px; color:#3e2723; }
h3 { font-size:16px; margin-top:20px; color:#795548; border-left:4px solid #8d6e63; padding-left:10px; text-transform:uppercase; }

/* 输入区域 */
.input-area {
    margin-top:30px;
    width:95%;
    background:rgba(0,0,0,0.75);
    padding:30px;
    border-radius:8px;
    backdrop-filter:blur(10px);
    border:1px solid #8d6e63;
}
input, textarea {
    width:100%;
    padding:12px;
    border:1px solid #5d4037;
    background:rgba(255,255,255,0.95);
    border-radius:4px;
    margin-bottom:10px;
    box-sizing:border-box;
    font-size:16px;
    color:#333;
}
button {
    padding:18px;
    font-size:20px;
    background:#8d6e63;
    color:white;
    border:none;
    cursor:pointer;
    transition:all 0.2s;
    width:100%;
    font-weight:bold;
}
button:hover {
    background:#a1887f;
}

/* 小窗口滚动 */
#scroll-window {
    width:260px;
    height:480px;
    background:rgba(0,0,0,0.2);
    border:5px solid #331111;
    overflow:hidden;
    backdrop-filter:blur(5px);
    box-sizing:border-box;
}
.spirit-list {
    animation:scrollUp 40s linear infinite;
    color:#444;
    font-size:14px;
    line-height:2.8;
    text-align:center;
    padding:10px;
}
@keyframes scrollUp {
    0% { transform:translateY(0); }
    100% { transform:translateY(-50%); }
}

/* 响应式 */
@media (max-width:1024px){
    body{flex-direction:column; overflow-y:auto; height:auto;}
    #left-panel,#right-panel{width:100%;}
    .input-area{width:95% !important;}
}