html, body {-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;font-size: 16px !important;}
body{background:#f5f3ee;font-family:"微软雅黑",宋体;padding:70px 15px 15px;line-height:1.8;}
.top{max-width:1100px;margin:0 auto 20px;text-align:center;}
h1{color:#8b4513;font-size:24px;margin-bottom:10px;white-space:nowrap;overflow-x:auto;}
.subtitle{color:#666;margin-bottom:15px;font-size:14px;white-space:nowrap;overflow-x:auto;}

.btn-group{position:fixed;top:0;left:0;width:100%;background:#DFC9A7;z-index:999;padding:10px 0;text-align:center; -webkit-text-size-adjust: 100% !important;}
.btn-group div{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:6px;justify-content:center;overflow-x:auto;padding:0 20px;box-sizing:border-box;}

#toggleAll{background:#FFE6BF;border:0;padding:4px 7px;cursor:pointer;font-size:clamp(11px,3vw,14px);color:#333;white-space:nowrap;flex-shrink:0;border-radius:2px;}
#toggleAll:active{opacity:0.8;}


.font-btn{position:fixed;bottom:20px;right:20px;width:44px;height:44px;border-radius:50%;background:rgba(139,69,19,0.7);color:#fff;font-size:14px;text-align:center;line-height:44px;cursor:pointer;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,0.2);user-select:none;backdrop-filter:blur(4px);transition:all 0.2s;}
.font-btn:active{opacity:0.8;transform:scale(0.96);background:rgba(139,69,19,0.9);}

.btn{padding:4px 7px;border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:clamp(11px,3vw,14px);white-space:nowrap;flex-shrink:0;}
.b1,.b2,.b3,.b4{background:#f8f3eb;color:#8b4513;}
.phase{max-width:1100px;margin:25px auto 8px;padding-left:10px;border-left:4px solid #cd853f;font-size:16px;color:#a0522d;white-space:nowrap;overflow-x:auto;}
.box{max-width:1100px;margin:0 auto;}
.item{background:#fff;border-radius:8px;padding:15px;margin-bottom:12px;box-shadow:0 1px 4px #ddd;}
.ititle{color:#8b4513;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #eee;padding-bottom:6px;margin-bottom:10px;font-weight:bold;cursor:pointer;}
.ititle span:first-child{font-size:clamp(16px,3.5vw,24px);white-space:nowrap;overflow-x:auto;}
.tog{color:#999;cursor:pointer;font-size:clamp(13px,3vw,18px);white-space:nowrap;flex-shrink:0;}
.yw{background:#fff8e8;padding:10px;border-radius:5px;margin:6px 0;color:#5c3a21;white-space:pre-wrap;position:relative;}
.bh{background:#eef8ff;padding:10px;border-radius:5px;margin:6px 0;color:#2c4a70;white-space:pre-wrap;position:relative;}
.js{background:#f0f8f0;padding:10px;border-radius:5px;margin:6px 0;color:#2c5c30;white-space:pre-wrap;position:relative;}
.hide{display:none !important;}
.btn.active{background:#c17c3e !important;color:#fff;box-shadow:0 0 4px #c17c3e;}
.item .con{overflow:hidden;max-height:0;opacity:0;}
.item .con.open{max-height:1000000px;opacity:1;}
.copy-btn{position:absolute;top:8px;right:8px;font-size:12px;color:#888;cursor:pointer;background:#f0f0f0;padding:2px 8px;border-radius:4px;transition:all 0.2s;white-space:nowrap;z-index:10;}
.copy-btn:hover{background:#e0e0e0;color:#333;}
#d{text-align:center;color:#888;font-size:12px;}
#d a{color:#8b4513;text-decoration:none;font-size:12px;}