*{box-sizing:border-box}body{margin:0;padding:0;font-family:PingFang SC,Microsoft YaHei,sans-serif;background:#fff9f0;color:#333}#root{min-height:100vh}.mbe-card{border:3px solid #5D4E37;border-radius:12px;box-shadow:4px 4px #5d4e37;background:#fff}.mbe-btn{border:2px solid #5D4E37;border-radius:8px;box-shadow:2px 2px #5d4e37;transition:all .15s}.mbe-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #5d4e37}.mbe-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #5d4e37}:root{--color-primary: #B87333;--color-primary-light: #D4956A;--color-secondary: #F5B052;--color-bg: #FFF9F0;--color-text: #5D4E37;--color-text-light: #8B7E6A}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#fff9f0}::-webkit-scrollbar-thumb{background:#d4956a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b87333}.page-container{padding:24px}.page-header{margin-bottom:16px}.page-header h2{margin:0 0 4px;font-size:20px;color:var(--color-text)}.page-header p{margin:0;color:var(--color-text-light);font-size:14px}