:root{--primary-color:#FF7324;--primary-light:#ff8d4d;--primary-dark:#e05a1a;--secondary-color:#2f363d;--text-color:#333;--light-bg:#f8f9fa;--card-shadow:0 5px 15px rgba(0,0,0,0.05);--transition:all 0.3s ease} *{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI','Microsoft YaHei',sans-serif} body{background:#f2f2f2;color:var(--text-color);line-height:1.6;display:flex;flex-direction:column;min-height:100vh} .container{max-width:1500px;margin:0 auto;padding:0 20px} header{background:var(--primary-color);color:white;padding:40px 0;text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.1)} .doc-container{width:100%;max-width:1500px;margin:0 auto;padding:0 20px} .doc-header{text-align:center;margin-bottom:40px} .doc-header h1{color:#333;font-size:2.5em;margin-bottom:10px} .doc-header p{color:#666;font-size:1.2em} .doc-content{display:flex;gap:40px} .doc-sidebar{width:280px;flex-shrink:0;background:#f8f9fa;border-radius:8px;padding:20px} .doc-main{flex:1;min-width:0} .category-item{margin-bottom:15px} .category-title{font-weight:bold;color:#333;margin-bottom:10px;font-size:16px} @media (max-width:1200px){.doc-container{max-width:100%;padding:0 20px} .doc-content{gap:30px} .doc-sidebar{width:250px}} @media (max-width:768px){.doc-content{flex-direction:column;gap:20px} .doc-sidebar{width:100%} .doc-container{padding:0 15px} .article-content{padding:20px}}