*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

html{font-size:16px;-webkit-text-size-adjust:100%}

body{
    font-family:-apple-system,'PingFang SC','Microsoft YaHei','Noto Sans SC',sans-serif;
    background:linear-gradient(180deg,#3a2a18 0%,var(--bg-body) 30%,var(--bg-body) 70%,#3a2a18 100%);
    color:var(--text-primary);
    height:100vh;
    overflow:hidden;
    line-height:1.4;
    -webkit-font-smoothing:antialiased;
    letter-spacing:0.02em;
}

.container{
    max-width:500px;
    margin:0 auto;
    background:var(--bg-panel);
    height:100vh;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    box-shadow:0 0 60px rgba(0,0,0,.15),inset 0 0 0 1px rgba(184,144,80,.08);
    border-left:1px solid var(--border-mid);
    border-right:1px solid var(--border-mid);
}
.top-bar{
    display:flex;align-items:center;justify-content:space-between;
    padding:1px 10px;background:var(--bg-table-head);
    border-bottom:2px solid var(--accent-gold);flex-shrink:0;
}
.top-bar__title{font-size:16px;font-weight:800;letter-spacing:2px;background:linear-gradient(180deg,#f5e0a0 0%,#c4aa60 40%,#8b6914 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.top-bar__btn{
    background:none;border:none;font-size:16px;cursor:pointer;
    color:var(--text-muted);padding:2px 4px;border-radius:4px;
    transition:all var(--transition-fast);
}
.top-bar__btn:hover{color:var(--accent);background:rgba(192,64,48,.06)}

.main-content{flex:1;overflow-y:auto;padding:2px 8px 0}
.bottom-section{flex-shrink:0;padding:2px 8px 2px}

.page-header{
    padding:var(--spacing-lg) var(--spacing-md) var(--spacing-sm);
    border-bottom:2px solid var(--border-light);
    text-align:center;
}

.page-title{
    font-size:var(--font-2xl);
    font-weight:800;
    color:var(--text-primary);
    letter-spacing:2px;
}

.page-subtitle{
    font-size:var(--font-xs);
    color:var(--text-muted);
    margin-top:var(--spacing-xs);
    letter-spacing:1px;
}

::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:rgba(184,144,80,.05)}
::-webkit-scrollbar-thumb{background:rgba(184,144,80,.2);border-radius:2px}
::-webkit-scrollbar-thumb:hover{background:rgba(184,144,80,.4)}
::selection{background:var(--accent-gold);color:#fff}