*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei",system-ui,serif;}
:root{
  --bg:#f8f5f0;
  --card:#fff;
  --text:#333;
  --primary:#8c3830;
  --gray:#999;
  --border:#ddd;
}
body{background:var(--bg);color:var(--text);display:flex;min-height:100vh;}
.container{display:flex;width:100%;max-width:1400px;margin:0 auto;}
.sidebar{width:220px;background:#2c2622;padding:30px 16px;}
.sidebar h2{color:#f0e9dd;margin-bottom:30px;font-size:20px;text-align:center;}
.nav-btn{display:block;width:100%;background:transparent;border:none;color:#ccc;padding:12px 14px;margin:6px 0;border-radius:6px;text-align:left;cursor:pointer;font-size:16px;}
.nav-btn:hover,.nav-btn.active{background:#443b34;color:#fff;}
.main-content{flex:1;padding:30px;overflow:auto;}
.panel{display:none;}
.panel.active{display:block;}
.tab-buttons{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap;}
.mode-btn{padding:10px 18px;border:1px solid var(--border);background:#fff;border-radius:6px;cursor:pointer;font-size:16px;}
.mode-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
.mode-panel{margin-bottom:24px;}
.mode-panel.hidden{display:none;}
.input-row{display:flex;gap:14px;margin:16px 0;flex-wrap:wrap;}
.input-item{flex:1;min-width:140px;}
.input-item label{display:block;margin-bottom:6px;}
input[type="number"]{width:100%;padding:10px;border:1px solid var(--border);border-radius:6px;font-size:16px;}
.primary-btn{background:var(--primary);color:#fff;border:none;padding:12px 22px;border-radius:6px;cursor:pointer;font-size:16px;margin:8px 0;}
.reset-btn,.copy-btn,.save-btn{padding:10px 16px;border-radius:6px;border:1px solid var(--border);background:#fff;cursor:pointer;margin:6px;}
.result-box{background:var(--card);padding:20px;border-radius:10px;margin-top:30px;border:1px solid var(--border);}
#result-text{white-space:pre-wrap;min-height:180px;padding:12px;background:#fcfafa;border-radius:6px;margin:12px 0;line-height:1.6;}
textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:6px;margin-top:10px;min-height:80px;}
#record-list{margin:16px 0;}
.record-item{background:#fff;padding:14px;border-radius:8px;margin:8px 0;border:1px solid var(--border);white-space:pre-wrap;line-height:1.5;}
.time-info{padding:10px 0;line-height:1.8;}
#coin-list{margin:12px 0;line-height:1.7;}
.btn-row{display:flex;flex-wrap:wrap;}
ul{padding-left:20px;line-height:1.8;margin:10px 0;}