:root { --main-color: #c00; --text-dark: #333; --text-light: #666; --bg-gray: #f4f4f4; --border-color: #eee; --wiki-blue: #0645ad; --wiki-bg: #f8f9fa; }
        body { font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif; margin: 0; padding: 0; background: #fff; color: var(--text-dark); }
        a { text-decoration: none; color: inherit; transition: color 0.2s; }
        a:hover { color: var(--main-color); text-decoration: underline; }
        
        /* Top Nav */
        .top-bar { background: #333; color: #ccc; font-size: 12px; height: 32px; line-height: 32px; }
        .container { width: 1200px; margin: 0 auto; }
        .top-bar .left { float: left; }
        .top-bar .right { float: right; }
        .top-bar a { color: #ccc; margin-left: 15px; }
        
        /* Header */
        header { padding: 25px 0; border-bottom: 3px solid var(--main-color); }
        .logo { float: left; }
        .logo h1 { font-size: 32px; font-weight: bold; color: var(--main-color); margin: 0; padding: 0; }
        .search-box { float: right; margin-top: 5px; display: flex; }
        .search-box input { padding: 10px; width: 320px; border: 1px solid #ddd; border-right: none; outline: none; }
        .search-box button { padding: 10px 25px; background: var(--main-color); color: #fff; border: none; cursor: pointer; font-weight: bold; }
        
        /* Nav */
        nav { background: #fff; padding: 0; border-bottom: 1px solid var(--border-color); }
        nav ul { list-style: none; padding: 0; margin: 0; display: flex; height: 50px; line-height: 50px; }
        nav li { margin-right: 35px; font-weight: bold; font-size: 16px; position: relative; }
        nav li.active a { color: var(--main-color); }
        nav li.active::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: var(--main-color); }
        
        /* Main Layout */
        .main-content { padding: 20px 0; overflow: hidden; }
        .left-col { width: 860px; float: left; }
        .right-col { width: 310px; float: right; }

        /* Footer */
        footer { background: #222; color: #888; padding: 60px 0 30px; margin-top: 50px; font-size: 13px; line-height: 1.8; }
        .footer-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; padding-bottom: 40px; border-bottom: 1px solid #333; }
        .footer-col h4 { color: #fff; margin-bottom: 25px; font-size: 16px; }
        .footer-col ul { list-style: none; padding: 0; margin: 0; }
        .footer-col li { margin-bottom: 10px; }
        .footer-col a { color: #888; }
        .copyright { text-align: center; padding-top: 30px; }
        .copyright p { margin: 5px 0; }
        
        .clearfix::after { content: ""; clear: both; display: table; }

        /* Sidebar Widgets (Common) */
        .widget { background: #fff; border: 1px solid var(--border-color); padding: 20px; margin-bottom: 25px; border-radius: 4px; }
        .widget h3 { margin: 0 0 15px 0; font-size: 18px; border-bottom: 2px solid var(--main-color); display: inline-block; padding-bottom: 5px; }
        .widget ul { list-style: none; padding: 0; margin: 0; }
        .widget li { margin-bottom: 10px; border-bottom: 1px dashed #eee; padding-bottom: 5px; }
        .widget li:last-child { border-bottom: none; }

        /* ---------------------------------------------------------
           Wiki Specific Styles
           --------------------------------------------------------- */
        /* Breadcrumbs */
        .breadcrumbs { font-size: 13px; color: #555; margin-bottom: 15px; }
        .breadcrumbs a { color: #555; }
        .breadcrumbs span { margin: 0 5px; color: #ccc; }

        /* Article Header */
        .article-header { border-bottom: 1px solid var(--border-color); margin-bottom: 1.5em; padding-bottom: 10px; }
        .article-header h1 { font-family: "Linux Libertine", Georgia, Times, serif; font-size: 2.4em; margin: 0; font-weight: normal; color: #000; }
        
        /* Info Box */
        .infobox { float: right; width: 300px; background: var(--wiki-bg); border: 1px solid var(--border-color); padding: 5px; margin: 0 0 1.5em 1.5em; font-size: 0.9em; }
        .infobox-title { text-align: center; font-size: 1.1em; font-weight: bold; padding: 8px 0; background: #eaecf0; border-bottom: 1px solid #ddd; }
        .infobox img { width: 100%; height: auto; margin-top: 5px; border: 1px solid #ddd; }
        .infobox table { width: 100%; border-collapse: collapse; margin-top: 10px; }
        .infobox th { text-align: left; width: 35%; padding: 6px 4px; border-top: 1px solid #ddd; vertical-align: top; color: #555; }
        .infobox td { padding: 6px 4px; border-top: 1px solid #ddd; }
        
        /* Content Sections */
        .toc { background: var(--wiki-bg); border: 1px solid var(--border-color); padding: 15px; display: inline-block; margin: 1em 0; min-width: 240px; font-size: 0.95em; }
        .toc-title { font-weight: bold; text-align: center; margin-bottom: 10px; }
        .toc ul { list-style: none; padding-left: 1.5em; margin: 0; }
        .toc li { margin-bottom: 4px; }
        
        .section-header { border-bottom: 1px solid var(--border-color); margin: 1.5em 0 0.5em 0; font-size: 1.6em; font-family: "Linux Libertine", serif; font-weight: normal; color: #000; }
        .paragraph { margin-bottom: 1.2em; text-align: justify; text-indent: 2em; line-height: 1.8; font-size: 16px; }
        .paragraph b { color: #000; }
        
        /* News/QA Style Elements */
        .qa-box { border: 1px solid #c8ccd1; background: #fff; padding: 15px; margin: 1.5em 0; border-radius: 4px; border-left: 4px solid var(--wiki-blue); }
        .question { font-weight: bold; color: var(--wiki-blue); font-size: 1.1em; margin-bottom: 10px; }
        .answer { border-top: 1px dashed #ddd; padding-top: 10px; font-size: 0.95em; }

        /* Mobile Optimization */
        @media screen and (max-width: 1200px) {
            .container { width: 95%; }
            .left-col { width: 100%; float: none; }
            .right-col { width: 100%; float: none; margin-top: 30px; }
        }

        @media screen and (max-width: 768px) {
            /* Top Bar */
            .top-bar { height: auto; line-height: 1.5; padding: 5px 0; }
            .top-bar .left { float: none; text-align: center; width: 100%; }
            .top-bar .right { display: none; } 
            
            /* Header */
            header { padding: 15px 0; }
            .logo { float: none; text-align: center; margin-bottom: 15px; }
            .logo h1 { font-size: 24px; }
            .search-box { float: none; margin: 0 auto; width: 100%; justify-content: center; }
            .search-box input { width: 60%; }
            
            /* Nav */
            nav { overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
            nav ul { display: block; height: auto; padding: 0 10px; width: max-content; }
            nav li { display: inline-block; margin-right: 20px; line-height: 40px; }
            nav li:last-child { margin-right: 0; }

            /* Wiki Specific Mobile */
            .infobox { float: none; width: 100%; margin: 1em 0; box-sizing: border-box; }
            .toc { width: 100%; box-sizing: border-box; min-width: auto; }
            img { max-width: 100%; height: auto; }
            table { display: block; overflow-x: auto; white-space: nowrap; }
            .infobox table { display: table; white-space: normal; }
            
            /* Footer */
            .footer-grid { grid-template-columns: 1fr 1fr; gap: 20px; }
            footer { padding: 30px 0; margin-top: 30px; }
        }

        @media screen and (max-width: 480px) {
            .footer-grid { grid-template-columns: 1fr; }
            .search-box input { width: 55%; }
            .search-box button { padding: 10px 15px; }
        }