@charset "UTF-8";
/* UEditor 富文本内容样式 - 法律文档专用 */
       .ueditor-content {
           font-family: "Microsoft YaHei", "微软雅黑", "Segoe UI", sans-serif;
           line-height: 1.8;
           color: #333;
           font-size: 15px;
       }
       
       /* 修复UEditor样式问题 */
       .ueditor-content * {
           max-width: 100%;
       }
       
       /* UEditor 法律文档标题样式 */
       .ueditor-content h1,
       .ueditor-content h2,
       .ueditor-content h3,
       .ueditor-content h4,
       .ueditor-content h5,
       .ueditor-content h6 {
           font-weight: 600;
           margin: 1.5em 0 0.8em;
           line-height: 1.4;
           color: #1a3a6e;
       }
       
       .ueditor-content h1 { 
           font-size: 26px; 
           border-bottom: 2px solid #1a6dcc; 
           padding-bottom: 10px;
           text-align: center;
           margin-top: 0;
       }
       
       .ueditor-content h2 { 
           font-size: 20px; 
           color: #1a3a6e;
           padding-left: 0;
           border-left: none;
           border-bottom: 1px solid #e0e0e0;
           padding-bottom: 8px;
       }
       
       .ueditor-content h3 { 
           font-size: 17px; 
           color: #2c5282; 
           font-weight: 500;
       }
       
       .ueditor-content h4 { 
           font-size: 16px; 
           color: #2c5282;
           font-weight: 500;
       }
       
       /* 法律文档特殊编号样式 */
       .ueditor-content .legal-number {
           display: inline-block;
           min-width: 2em;
           font-weight: bold;
           color: #1a6dcc;
       }
       
       /* UEditor 段落样式 */
       .ueditor-content p {
           margin-bottom: 1.2em;
           text-align: justify;
           word-break: break-word;
           text-indent: 2em;
       }
       
       /* 法律文档段落不缩进 */
       .ueditor-content .no-indent {
           text-indent: 0;
       }
       
       /* UEditor 列表样式 - 法律编号 */
       .ueditor-content ul,
       .ueditor-content ol {
           margin: 1em 0;
           padding-left: 2em;
       }
       
       .ueditor-content li {
           margin-bottom: 0.8em;
       }
       
       .ueditor-content ul li {
           list-style-type: disc;
       }
       
       .ueditor-content ol li {
           list-style-type: decimal;
           padding-left: 0.5em;
       }
       
       /* 法律条款子列表 */
       .ueditor-content ol ol {
           list-style-type: lower-alpha;
           margin-left: 1em;
       }
       
       .ueditor-content ol ol ol {
           list-style-type: lower-roman;
           margin-left: 1em;
       }
       
       /* UEditor 链接样式 */
       .ueditor-content a {
           color: #1a6dcc;
           text-decoration: none;
           border-bottom: 1px dotted #1a6dcc;
           transition: all 0.3s ease;
       }
       
       .ueditor-content a:hover {
           color: #0d4a9c;
           border-bottom: 1px solid #0d4a9c;
       }
       
       /* UEditor 表格样式 */
       .ueditor-content table {
           width: 100%;
           border-collapse: collapse;
           margin: 1.5em 0;
           font-size: 14px;
           border: 1px solid #ddd;
       }
       
       .ueditor-content table th {
           background-color: #f0f7ff;
           color: #1a6dcc;
           font-weight: 600;
           padding: 12px 15px;
           border: 1px solid #ddd;
           text-align: left;
       }
       
       .ueditor-content table td {
           padding: 12px 15px;
           border: 1px solid #ddd;
           text-align: left;
       }
       
       .ueditor-content table tr:nth-child(even) {
           background-color: #f9f9f9;
       }
       
       /* UEditor 引用样式 - 法律条款特别提示 */
       .ueditor-content blockquote {
           margin: 1.5em 0;
           padding: 20px;
           background-color: #f8faff;
           border-left: 4px solid #1a6dcc;
           color: #444;
           border-radius: 4px;
           font-size: 14px;
       }
       
       .ueditor-content blockquote.warning {
           background-color: #fff8e6;
           border-left: 4px solid #ff9800;
       }
       
       .ueditor-content blockquote.important {
           background-color: #fff5f5;
           border-left: 4px solid #ff4757;
       }
       
       /* UEditor 分隔线 */
       .ueditor-content hr {
           border: none;
           height: 1px;
           background-color: #e0e0e0;
           margin: 2em 0;
       }
       
       /* UEditor 字体样式 */
       .ueditor-content strong,
       .ueditor-content b {
           font-weight: 700;
           color: #2d3748;
       }
       
       .ueditor-content em,
       .ueditor-content i {
           font-style: italic;
       }
       
       .ueditor-content u {
           text-decoration: underline;
           color: #1a6dcc;
       }
       
       /* 定义列表 - 法律术语解释 */
       .ueditor-content dl {
           margin: 1.5em 0;
       }
       
       .ueditor-content dt {
           font-weight: bold;
           color: #1a6dcc;
           margin-bottom: 0.5em;
       }
       
       .ueditor-content dd {
           margin-left: 1.5em;
           margin-bottom: 1em;
           color: #555;
       }
       
       /* 页眉页脚样式 */
       .ueditor-content .header,
       .ueditor-content .footer {
           text-align: center;
           color: #666;
           font-size: 14px;
           margin: 2em 0;
           padding: 1em;
           border-top: 1px solid #eee;
           border-bottom: 1px solid #eee;
       }
       
       /* 签署区域样式 */
       .ueditor-content .signature-area {
           margin: 3em 0;
           padding: 2em;
           background-color: #f8faff;
           border: 1px solid #e0e0e0;
           border-radius: 8px;
       }
       
       .ueditor-content .signature-line {
           display: flex;
           justify-content: space-between;
           margin-top: 2em;
           padding-top: 1em;
           border-top: 1px dashed #ddd;
       }
       
       .ueditor-content .signature-item {
           text-align: center;
           flex: 1;
           padding: 0 1em;
       }
       
       /* 页面基本样式 */
       * {
           margin: 0;
           padding: 0;
           box-sizing: border-box;
       }
       
       body {
           background-color: #f8fafc;
           color: #333;
           line-height: 1.6;
           font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
       }
       
       /* 顶部导航栏 */
       header {
           background: linear-gradient(135deg, #1a6dcc 0%, #0d4a9c 100%);
           color: white;
           padding: 15px 0;
           box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
           position: sticky;
           top: 0;
           z-index: 1000;
       }
       
       .header-container {
           max-width: 1200px;
           margin: 0 auto;
           padding: 0 20px;
           display: flex;
           justify-content: space-between;
           align-items: center;
       }
       
       .logo {
           display: flex;
           align-items: center;
       }
       
       .logo-icon {
           width: 45px;
           height: 45px;
           background-color: white;
           border-radius: 8px;
           display: flex;
           align-items: center;
           justify-content: center;
           margin-right: 12px;
           color: #1a6dcc;
           font-size: 20px;
       }
       
       .logo-text {
           font-size: 22px;
           font-weight: 700;
       }
       
       .logo-subtext {
           font-size: 13px;
           opacity: 0.9;
           margin-top: 2px;
       }
       
       .header-nav {
           display: flex;
           align-items: center;
           gap: 25px;
       }
       
       .nav-link {
           color: white;
           text-decoration: none;
           font-size: 16px;
           transition: all 0.3s ease;
           padding: 8px 12px;
           border-radius: 6px;
       }
       
       .nav-link:hover {
           background-color: rgba(255, 255, 255, 0.15);
       }
       
       .nav-link.active {
           background-color: rgba(255, 255, 255, 0.2);
           font-weight: 600;
       }
       
       /* 面包屑导航 */
       .breadcrumb {
           background-color: white;
           padding: 15px 0;
           box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
           margin-bottom: 30px;
       }
       
       .breadcrumb-container {
           max-width: 1000px;
           margin: 0 auto;
           padding: 0 20px;
       }
       
       .breadcrumb-links {
           display: flex;
           align-items: center;
           color: #666;
           font-size: 14px;
       }
       
       .breadcrumb-links a {
           color: #1a6dcc;
           text-decoration: none;
           transition: color 0.3s ease;
       }
       
       .breadcrumb-links a:hover {
           color: #0d4a9c;
           text-decoration: underline;
       }
       
       .breadcrumb-separator {
           margin: 0 10px;
           color: #999;
       }
       
       /* 协议主容器 */
       .agreement-main {
           max-width: 1000px;
           margin: 0 auto 50px;
           padding: 0 20px;
       }
       
       /* 协议头部 */
       .agreement-header {
           background-color: white;
           border-radius: 12px;
           padding: 40px;
           box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
           margin-bottom: 30px;
           text-align: center;
       }
       
       .agreement-title {
           font-size: 28px;
           color: #222;
           margin-bottom: 15px;
           line-height: 1.4;
       }
       
       .agreement-subtitle {
           color: #666;
           font-size: 16px;
           margin-bottom: 25px;
       }
       
       .agreement-meta {
           display: flex;
           justify-content: center;
           flex-wrap: wrap;
           gap: 20px;
           color: #666;
           font-size: 14px;
           padding-top: 20px;
           border-top: 1px solid #eee;
       }
       
       .meta-item {
           display: flex;
           align-items: center;
       }
       
       .meta-item i {
           margin-right: 8px;
           color: #1a6dcc;
       }
       
       .agreement-actions {
           margin-top: 30px;
           display: flex;
           justify-content: center;
           gap: 15px;
       }
       
       .btn {
           padding: 12px 30px;
           border-radius: 30px;
           text-decoration: none;
           font-weight: 600;
           font-size: 15px;
           transition: all 0.3s ease;
           display: inline-flex;
           align-items: center;
           justify-content: center;
           cursor: pointer;
           border: none;
       }
       
       .btn-primary {
           background-color: #1a6dcc;
           color: white;
       }
       
       .btn-primary:hover {
           background-color: #0d4a9c;
           transform: translateY(-2px);
           box-shadow: 0 5px 15px rgba(26, 109, 204, 0.3);
       }
       
       .btn-secondary {
           background-color: #f5f7fa;
           color: #555;
           border: 1px solid #ddd;
       }
       
       .btn-secondary:hover {
           background-color: #e8f4ff;
           color: #1a6dcc;
       }
       
       .btn i {
           margin-right: 8px;
       }
       
       /* 协议正文容器 */
       .agreement-body-wrapper {
           background-color: white;
           border-radius: 12px;
           padding: 50px;
           box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
           margin-bottom: 30px;
           position: relative;
       }
       
       /* 协议水印 */
       .agreement-watermark {
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           pointer-events: none;
           opacity: 0.03;
           background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="Arial" font-size="24" fill="%231a6dcc">记账财务通</text></svg>');
           background-repeat: repeat;
           z-index: 1;
       }
       
       /* 协议内容区域 */
       .agreement-content {
           position: relative;
           z-index: 2;
       }
       
       /* 协议重要提示 */
       .agreement-notice {
           background-color: #fff8e6;
           border: 1px solid #ffd966;
           border-radius: 8px;
           padding: 25px;
           margin-bottom: 30px;
       }
       
       .notice-title {
           color: #e6a700;
           font-weight: 600;
           margin-bottom: 15px;
           display: flex;
           align-items: center;
           font-size: 16px;
       }
       
       .notice-title i {
           margin-right: 10px;
       }
       
       /* 目录导航 */
       .toc-floating {
           position: fixed;
           top: 150px;
           right: 20px;
           width: 280px;
           background-color: white;
           border-radius: 12px;
           padding: 20px;
           box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
           z-index: 100;
           max-height: 70vh;
           overflow-y: auto;
       }
       
       .toc-title {
           font-size: 16px;
           color: #1a6dcc;
           margin-bottom: 15px;
           padding-bottom: 10px;
           border-bottom: 1px solid #eee;
           display: flex;
           align-items: center;
       }
       
       .toc-title i {
           margin-right: 10px;
       }
       
       .toc-list {
           list-style: none;
           padding: 0;
           margin: 0;
       }
       
       .toc-list li {
           margin-bottom: 10px;
       }
       
       .toc-list a {
           color: #555;
           text-decoration: none;
           font-size: 14px;
           line-height: 1.5;
           display: block;
           padding: 6px 10px;
           border-radius: 6px;
           transition: all 0.3s ease;
       }
       
       .toc-list a:hover,
       .toc-list a.active {
           background-color: #f0f7ff;
           color: #1a6dcc;
           padding-left: 15px;
       }
       
       .toc-list .level-2 {
           padding-left: 20px;
           font-size: 13px;
       }
       
       .toc-list .level-3 {
           padding-left: 30px;
           font-size: 13px;
       }
       
       /* 协议操作栏 */
       .agreement-actions-bar {
           display: flex;
           justify-content: space-between;
           align-items: center;
           background-color: white;
           border-radius: 12px;
           padding: 20px 40px;
           box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
           margin-bottom: 30px;
           position: sticky;
           bottom: 20px;
           z-index: 99;
       }
       
       .actions-bar-buttons {
           display: flex;
           gap: 15px;
       }
       
       .action-bar-btn {
           display: flex;
           align-items: center;
           background-color: #f5f7fa;
           color: #555;
           padding: 10px 20px;
           border-radius: 30px;
           text-decoration: none;
           transition: all 0.3s ease;
           font-size: 15px;
           border: none;
           cursor: pointer;
       }
       
       .action-bar-btn:hover {
           background-color: #e8f4ff;
           color: #1a6dcc;
       }
       
       .action-bar-btn i {
           margin-right: 8px;
       }
       
       /* 版本历史 */
       .version-history {
           background-color: white;
           border-radius: 12px;
           padding: 30px;
           box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
           margin-bottom: 50px;
       }
       
       .version-title {
           font-size: 18px;
           color: #1a6dcc;
           margin-bottom: 20px;
           padding-bottom: 10px;
           border-bottom: 1px solid #eee;
           display: flex;
           align-items: center;
       }
       
       .version-title i {
           margin-right: 10px;
       }
       
       .version-table {
           width: 100%;
           border-collapse: collapse;
           font-size: 14px;
       }
       
       .version-table th {
           background-color: #f0f7ff;
           color: #1a6dcc;
           font-weight: 600;
           padding: 12px 15px;
           text-align: left;
           border-bottom: 1px solid #ddd;
       }
       
       .version-table td {
           padding: 12px 15px;
           border-bottom: 1px solid #eee;
       }
       
       .version-table tr:last-child td {
           border-bottom: none;
       }
       
       /* 页脚 */
       footer {
           background-color: #1a3a6e;
           color: white;
           padding: 40px 20px 30px;
           width: 100%;
       }
       
       .footer-container {
           max-width: 1200px;
           margin: 0 auto;
       }
       
       .footer-content {
           text-align: center;
           margin-bottom: 30px;
       }
       
       .footer-content p {
           margin-bottom: 10px;
           font-size: 16px;
           line-height: 1.6;
       }
       
       .footer-content p:first-child {
           font-size: 18px;
           font-weight: 600;
           margin-bottom: 15px;
       }
       
       .footer-record {
           border-top: 1px solid rgba(255, 255, 255, 0.1);
           padding-top: 25px;
           text-align: center;
       }
       
       .record-links {
           display: flex;
           justify-content: center;
           flex-wrap: wrap;
           gap: 20px;
           margin-bottom: 15px;
       }
       
       .record-link {
           color: rgba(255, 255, 255, 0.85);
           text-decoration: none;
           font-size: 14px;
           transition: color 0.3s ease;
           display: inline-flex;
           align-items: center;
       }
       
       .record-link:hover {
           color: white;
           text-decoration: underline;
       }
       
       .record-link i {
           margin-right: 6px;
           font-size: 12px;
       }
       
       .copyright {
           color: rgba(255, 255, 255, 0.7);
           font-size: 14px;
           margin-top: 15px;
           line-height: 1.6;
       }
       
       .record-badge {
           display: inline-flex;
           align-items: center;
           justify-content: center;
           margin: 0 8px;
           padding: 2px 6px;
           background-color: rgba(255, 255, 255, 0.1);
           border-radius: 3px;
           font-size: 13px;
       }
       
       /* 响应式设计 */
       @media (max-width: 1200px) {
           .toc-floating {
               display: none;
           }
       }
       
       @media (max-width: 768px) {
           .header-container {
               flex-direction: column;
               gap: 15px;
           }
           
           .header-nav {
               flex-wrap: wrap;
               justify-content: center;
               gap: 15px;
           }
           
           .agreement-header {
               padding: 25px;
           }
           
           .agreement-title {
               font-size: 24px;
           }
           
           .agreement-body-wrapper {
               padding: 25px;
           }
           
           .agreement-actions-bar {
               flex-direction: column;
               gap: 15px;
               padding: 20px;
               position: static;
           }
           
           .actions-bar-buttons {
               width: 100%;
               justify-content: center;
           }
           
           .ueditor-content h1 { font-size: 22px; }
           .ueditor-content h2 { font-size: 18px; }
           .ueditor-content h3 { font-size: 16px; }
           .ueditor-content h4 { font-size: 15px; }
           
           .ueditor-content p {
               text-indent: 0;
           }
       }
       
       @media (max-width: 480px) {
           .agreement-title {
               font-size: 20px;
           }
           
           .agreement-meta {
               flex-direction: column;
               align-items: center;
               gap: 10px;
           }
           
           .agreement-actions {
               flex-direction: column;
           }
           
           .btn {
               width: 100%;
           }
           
           .actions-bar-buttons {
               flex-direction: column;
           }
           
           .action-bar-btn {
               width: 100%;
               justify-content: center;
           }
       }