:root{ 
  --brand-50:#F4F2FF; --brand-100:#E7E4FF; --brand-200:#CCC4FF; --brand-300:#ADA2FF; 
  --brand-400:#8C7BFF; --brand-500:#6B5BFF; --brand-600:#5548E6; --brand-700:#463CC1; --brand-800:#38339A; --brand-900:#2B297A; 

  --text-900:#0F172A; --text-700:#334155; --text-500:#64748B; --text-300:#94A3B8; 
  --bg-0:#FFFFFF; --bg-50:#F8FAFC; --bg-100:#F1F5F9; --border-200:#E2E8F0; 

  --success:#16a34a; --warning:#f59e0b; --danger:#dc2626; --info:#0ea5e9; 

  --radius-sm:8px; --radius:12px; --radius-lg:16px; 
  --shadow-sm:0 1px 2px rgba(15,23,42,.06); 
  --shadow:0 8px 24px rgba(15,23,42,.06); 
  --shadow-lg:0 12px 40px rgba(15,23,42,.12); 
}

/* 全局样式 */
* {box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg-50);color:var(--text-900);font:16px/1.65 system-ui,-apple-system,Inter,Roboto,"PingFang SC",sans-serif}
a{color:var(--brand-600);text-decoration:none}
a:hover{color:var(--brand-700);text-decoration:underline}

/* 布局容器 */
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.section{padding:40px 0}
.page-header{margin:24px 0}

/* 头部导航 */
.site-header{background:rgba(11,16,32,.85);border-bottom:1px solid var(--border)}
.header-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:16px 0}
.header-left{justify-self:start}
.header-center{justify-self:center;display:flex;gap:18px;flex-wrap:wrap}
.header-right{justify-self:end;display:flex;gap:10px;flex-wrap:wrap}
.nav-link{color:var(--text-700);padding:8px 2px;border-bottom:2px solid transparent}
.nav-link:hover{color:var(--text-900)}
.nav-link.active{color:var(--text-900);border-bottom-color:var(--brand-600)}
.logo a{font-weight:800;color:var(--text-900)}
@media (max-width:960px){
  .header-row{grid-template-columns:1fr;row-gap:10px;padding:14px 0}
  .header-center,.header-right{justify-content:flex-start}
}



/* 按钮样式 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 18px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:.18s;
  font-family:inherit;font-size:1rem;font-weight:600}

.btn--primary{background:var(--brand-600);color:#fff}
.btn--primary:hover{background:var(--brand-700)}

.btn--outline{background:var(--bg-0);border-color:var(--border-200);color:var(--text)}
.btn--outline:hover{background:var(--bg-100)}

.btn--ghost{background:transparent;color:var(--brand-600);border-color:var(--brand-600)}
.btn--ghost:hover{background:var(--bg-100)}

.btn--danger{background:var(--danger);color:#fff}
.btn--danger:hover{background:#b91c1c}

.btn:focus-visible{outline:3px solid rgba(47,111,237,.3);outline-offset:2px}

/* 兼容旧按钮类名 */
.btn-primary{background:var(--brand-600);color:#fff;border:none}
.btn-primary:hover{background:var(--brand-700)}

.btn-secondary{background:var(--bg-100);color:var(--text-700);border:1px solid var(--border-200)}
.btn-secondary:hover{background:var(--border-200)}

.btn-login{background:transparent;color:var(--brand-600);border:1px solid var(--brand-600);
  padding:.5rem 1.5rem;border-radius:10px;text-decoration:none;font-weight:500}

.btn-login:hover{background:var(--brand-600);color:#fff}

.btn-register{background:var(--brand-600);color:#fff;border:none;
  padding:.5rem 1.5rem;border-radius:10px;text-decoration:none;font-weight:500}

.btn-register:hover{background:var(--brand-700)}

/* 卡片样式 */
.card{background:var(--bg-100);border:1px solid var(--border);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:24px;margin-bottom:2rem}

.card-ghost{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);
  padding:24px;margin-bottom:2rem}

.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);transition:transform .3s,box-shadow .3s}

.card-hover {
  transition: all 0.3s ease;
}

.card-hover:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

/* 高亮样式 */
mark.hl-amount { background: rgba(76, 111, 255, 0.4); }
mark.hl-term { background: rgba(52, 211, 153, 0.4); }
mark.hl-renewal { background: rgba(251, 191, 36, 0.4); }
mark.hl-termination { background: rgba(239, 68, 68, 0.4); }
mark.hl-liquidated { background: rgba(168, 85, 247, 0.4); }
mark.hl-liability { background: rgba(34, 211, 238, 0.4); }
mark.hl-risk { background: rgba(255, 122, 89, 0.4); }
mark.hl { background: rgba(255, 213, 79, 0.4); }

/* 深色背景下的对比度增强 */
.dark-mode mark.hl-amount { background: rgba(96, 165, 250, 0.6); }
.dark-mode mark.hl-term { background: rgba(74, 222, 128, 0.6); }
.dark-mode mark.hl-renewal { background: rgba(250, 204, 21, 0.6); }
.dark-mode mark.hl-termination { background: rgba(248, 113, 113, 0.6); }
.dark-mode mark.hl-liquidated { background: rgba(192, 132, 252, 0.6); }
.dark-mode mark.hl-liability { background: rgba(6, 182, 212, 0.6); }
.dark-mode mark.hl-risk { background: rgba(251, 113, 133, 0.6); }
.dark-mode mark.hl { background: rgba(252, 211, 77, 0.6); }

/* 字段额外信息样式 */
.field-extra {
  font-size: 0.85rem !important;
  color: var(--text-500);
  margin-top: 4px;
  font-style: italic;
}

/* Learn More链接样式 */
.learn-more {
  display: inline-block;
  margin-top: 1rem;
  color: var(--brand-600);
  font-weight: 500;
  text-decoration: none;
  transition: color 0.3s ease;
}

.learn-more:hover {
  color: var(--brand-700);
}

/* 表单样式 */
.input,select,textarea{width:100%;padding:12px;border:1px solid var(--border);
  border-radius:12px;background:var(--bg-100);color:var(--text);transition:.15s}

input::placeholder, textarea::placeholder{color:var(--text-muted)}

.input:focus,select:focus,textarea:focus{border-color:var(--brand-600);
  box-shadow:0 0 0 3px rgba(47,111,237,.15);outline:none}

/* 兼容旧表单类名 */
.form-group{margin-bottom:1.5rem}

.form-label{display:block;margin-bottom:.5rem;font-weight:500}

.form-input{width:100%;padding:12px;border:1px solid var(--border);
  border-radius:10px;background:var(--bg-100);color:var(--text);transition:.15s}

.form-input:focus{border-color:var(--brand-600);
  box-shadow:0 0 0 3px rgba(47,111,237,.15);outline:none}

.form-checkbox{margin-right:.5rem}

/* 表格样式 */
.table{width:100%;border-collapse:separate;border-spacing:0 8px}
.table th{padding:8px 12px;color:var(--text-700);font-weight:600;text-align:left}
.table td{background:var(--bg-0);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px}

/* 用户下拉菜单 */
.user-dropdown{position:relative}

.dropdown-btn{padding:.5rem 1rem;background:var(--bg-100);border:1px solid var(--border-200);
  border-radius:10px;cursor:pointer;font-weight:500}

.dropdown-content{display:none;position:absolute;right:0;background:var(--bg-0);
  min-width:160px;box-shadow:var(--shadow);border-radius:var(--radius);overflow:hidden}

.dropdown-content a{display:block;padding:.75rem 1rem;text-decoration:none;
  color:var(--text-700);transition:background-color .3s}

.dropdown-content a:hover{background:var(--bg-100)}

.user-dropdown:hover .dropdown-content{display:block}

/* 标签页样式 */
.tabs{display:flex;border-bottom:1px solid var(--border-200);margin-bottom:2rem}

.tab{padding:1rem 2rem;border:none;background:none;font-weight:500;
  color:var(--text-500);cursor:pointer;position:relative}

.tab.active{color:var(--brand-600)}

.tab.active::after{content:'';position:absolute;bottom:-1px;left:0;right:0;
  height:3px;background:var(--brand-600)}

/* 价格样式 */
.price-monthly,.price-yearly{display:flex;align-items:baseline;gap:.5rem}

.price-monthly del{color:var(--text-500);font-size:.9rem}

.price-yearly strong{color:var(--brand-600);font-size:1.2rem}

/* 目录锚点样式 */
.table-of-contents{background:var(--bg-0);border-radius:var(--radius);
  padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}

.table-of-contents h3{margin-bottom:1rem}

.table-of-contents ul{list-style:none;padding-left:1rem}

.table-of-contents li{margin-bottom:.5rem}

.table-of-contents a{color:var(--text-700);text-decoration:none;transition:color .3s}

.table-of-contents a:hover{color:var(--brand-600)}

/* 文档操作按钮 */
.document-actions{display:flex;gap:1rem;margin-bottom:2rem}

/* Toast 通知 */
.toast-box{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:1200}
.toast{opacity:.01;transform:translateY(8px);transition:.2s;padding:10px 14px;border-radius:10px;color:#fff;background:var(--text-900)}
.toast.in{opacity:1;transform:translateY(0)}
.toast.is-success{background:var(--success)} .toast.is-danger{background:var(--danger)} .toast.is-info{background:var(--brand-600)}

/* 拖放区域 */
.dropzone{border:2px dashed var(--border-200);border-radius:var(--radius);
  padding:40px;text-align:center;background:var(--bg-100);cursor:pointer}
.dropzone.drag{background:#eef2ff;border-color:#c7d2fe}

/* 页脚样式 */
footer{background:var(--bg-0);padding:2rem;text-align:center;border-top:1px solid var(--border-200)}

.footer-container{max-width:1200px;margin:0 auto}

.footer-links{margin-bottom:1rem}

.footer-links a{color:var(--text-500);text-decoration:none;margin:0 .5rem;transition:color .3s}

.footer-links a:hover{color:var(--brand-600)}

.footer-links span{color:var(--border-200)}

.footer-copyright{color:var(--text-500);font-size:.9rem}

/* 加载动画 */
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

.fade-in{animation:fadeIn .6s ease-out}

/* 响应式设计 */
  @media (max-width:768px){
    .menu-toggle {
      display: block;
    }
    
    .header-nav{flex-direction:row;padding:12px 16px}
    
    .nav{
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: saturate(180%) blur(8px);
      border-bottom: 1px solid var(--border-200);
      padding: 16px 24px;
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
      z-index: 900;
    }
    
    .nav.open {
      display: flex;
    }
  
  .container{padding:0 12px}
  
  .card{padding:16px}
  
  .section{padding:24px 0}
}

/* 信任背书区域样式 */
.trust-section {
  background-color: var(--bg-100);
  padding: 3rem 0;
  text-align: center;
}

.trust-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.trust-text {
  font-size: 1.125rem;
  color: var(--text-700);
  margin-bottom: 2rem;
  font-weight: 500;
}

.trust-logos {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
}

.trust-logo {
  width: 80px;
  height: 40px;
  background-color: var(--border-200);
  border-radius: 8px;
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

.trust-logo:hover {
  opacity: 1;
}

/* 深色模式支持 */
@media (prefers-color-scheme:dark){
  :root{
    --bg-50:#0b1220; --bg-0:#0f172a; --border-200:#1e293b;
    --text-900:#e6e8ec; --text-700:#cbd5e1; --text-500:#94a3b8;
  }
  
  .card{background:var(--bg-0);border-color:var(--border-200);box-shadow:none}
  
  .btn--outline{background:var(--bg-0);color:var(--text-900);border-color:var(--border-200)}
  
  .btn-secondary{background:var(--border-200);color:var(--text-700);border-color:var(--border-200)}
  
  .dropdown-btn{background:var(--border-200);color:var(--text-700);border-color:var(--border-200)}
  
  .table td{background:var(--bg-0);border-color:var(--border-200)}
  
  .dropzone{background:var(--border-200);border-color:var(--border-200)}
  
  footer{background:var(--bg-0);border-color:var(--border-200)}
}

/* 排版与留白 */
.section{padding:48px 0}
.page-header{margin:24px 0 12px}
.page-header h1{margin:0 0 8px;font-size:28px;line-height:1.3}
.page-sub{color:var(--text-500);margin:0}

/* 栅格与卡片 */
.grid{display:grid;gap:20px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
@media (max-width: 960px){ .grid-2,.grid-3{grid-template-columns:1fr} }


/* 小标题与要点列表 */
.h3{font-size:18px;font-weight:700;margin:0 0 8px}
.ul-clean{margin:0;padding-left:18px}
.ul-clean li{margin:6px 0}

/* 轻微动效（仅卡片） */
.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);transition:.18s}