*{margin:0;padding:0;box-sizing:border-box;font-family:"PingFang SC","Microsoft YaHei",sans-serif}
:root{--primary:#FF7A00;--primary-dark:#E66A00;--secondary:#0F3A63;--blue-light:#1E5FA8;--text-dark:#111827;--text-gray:#4B5563;--text-light:#9CA3AF;--bg-light:#F9FAFB;--bg-white:#fff;--border:#E5E7EB;--shadow:0 10px 30px rgba(0,0,0,0.06);--radius:8px;--transition:all .3s ease}
body{color:var(--text-dark);line-height:1.8;background:var(--bg-light);font-size:16px;overflow-x:hidden}
a{text-decoration:none;color:inherit;transition:var(--transition)}
img{max-width:100%;height:auto;vertical-align:middle}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* 导航 */
.navbar{position:fixed;top:0;left:0;width:100%;background:#fff;box-shadow:0 2px 15px rgba(0,0,0,0.04);z-index:999;padding:20px 0;transition:var(--transition)}
.navbar.fixed{padding:12px 0;box-shadow:0 4px 20px rgba(0,0,0,0.08)}
.navbar .container{display:flex;justify-content:space-between;align-items:center}
.logo{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;color:var(--secondary)}
.logo img{height:40px}
.nav-menu{display:flex;align-items:center;gap:36px}
.nav-menu a{font-size:16px;font-weight:500;color:var(--secondary);position:relative}
.nav-menu a:hover,.nav-menu a.active{color:var(--primary)}
.nav-menu a.active::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:2px;background:var(--primary);border-radius:1px}
.nav-btn{padding:12px 28px;background:var(--primary);color:#fff;border-radius:50px;font-weight:600;font-size:15px}
.nav-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}
.mobile-menu{display:none;font-size:26px;color:var(--secondary);cursor:pointer}

/* 面包屑 - 适配官网样式 */
.breadcrumb{padding:140px 0 10px;color:var(--text-gray);font-size:14px;line-height:1.5}
.breadcrumb a{color:var(--blue-light);margin:0 5px}
.breadcrumb a:hover{color:var(--primary)}
.breadcrumb span{color:var(--text-gray);margin:0 5px}

/* 头部 */
.article-header{padding:20px 0 60px;text-align:center}
.article-title{font-size:38px;font-weight:700;color:var(--secondary);margin-bottom:16px;line-height:1.3}
.article-info{color:var(--text-gray);font-size:14px;margin-bottom:20px}
.article-info span{margin:0 10px}
.article-desc{font-size:18px;color:var(--text-gray);max-width:800px;margin:0 auto}

/* 布局 */
.article-wrapper{display:grid;grid-template-columns:280px 1fr;gap:40px;padding:0 0 60px}

/* 侧边目录 - 适配你的正文样式 */
.sidebar{background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px 20px;position:sticky;top:100px;height:fit-content;border:1px solid var(--border)}
.sidebar h3{font-size:18px;font-weight:600;color:var(--secondary);margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--primary)}
.toc-list{list-style:none}
.toc-list li{margin-bottom:8px}
.toc-list a{display:block;padding:10px 15px;color:var(--text-gray);border-radius:6px;font-size:15px}
.toc-list a:hover,.toc-list a.active{background:rgba(255,122,0,0.08);color:var(--primary)}

/* 内容 - 优化列表/符号样式 */
.article-content{background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow);padding:50px;border:1px solid var(--border)}
.article-content p{font-size:16px;color:var(--text-gray);margin-bottom:16px;line-height:1.9}
.article-content h2{font-size:26px;font-weight:600;color:var(--secondary);margin:30px 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.article-content ul{margin:16px 0 16px 20px;color:var(--text-gray)}
.article-content ul li{margin-bottom:8px;list-style:disc}
.article-content img{border-radius:6px;margin:20px 0;max-width:100%}
.content-section{margin-bottom:40px}

/* 底部按钮 */
.article-bottom{text-align:center;padding:40px 0}
.bottom-btn{display:inline-block;padding:16px 45px;background:var(--primary);color:#fff;border-radius:50px;font-weight:600;font-size:16px;box-shadow:0 6px 20px rgba(255,122,0,0.25)}
.bottom-btn:hover{background:var(--primary-dark);transform:translateY(-3px)}

/* 页脚 */
.footer{background:#0F2942;color:#fff;padding:70px 0 30px;margin-top:40px}
.copyright{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.6);font-size:15px}

/* 响应式 */
@media (max-width:992px){.article-wrapper{grid-template-columns:1fr}.sidebar{position:static;margin-bottom:30px}}
@media (max-width:768px){.nav-menu,.nav-btn{display:none}.mobile-menu{display:block}.article-title{font-size:28px}.article-content{padding:30px 20px}}