html { scroll-behavior: smooth; }
:root { --primary-color:#0062FF; --secondary-color:#0A2540; --accent-color:#00B4FF; --text-color:#333333; --light-bg:#F5F9FF; }
::-webkit-scrollbar { width:8px; }
::-webkit-scrollbar-track { background:#f1f1f1; }
::-webkit-scrollbar-thumb { background:#cbd5e1; border-radius:4px; }
::-webkit-scrollbar-thumb:hover { background:#94a3b8; }
body { font-family:'Inter',sans-serif; color:var(--text-color); overflow-x:hidden; }
.gradient-bg { background:linear-gradient(135deg, var(--secondary-color) 0%, var(--primary-color) 100%); }
.text-gradient { background: linear-gradient(135deg, #1890ff 0%, #722ed1 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.text-gradyely {background: linear-gradient(135deg, #1890ff 0%, #ffc300 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.animate-fade-in { animation: fadeIn 0.6s ease-out forwards; }
.animate-slide-up { animation: slideUp 0.6s ease-out forwards; }
.animate-float { animation: float 3s ease-in-out infinite; }
.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }
.delay-400 { animation-delay: 0.4s; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
.nav-link { position: relative; }
.nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: #1890ff; transition: width 0.3s; }
.nav-link:hover::after,.nav-link.active::after { width: 100%; }
.nav-link.active{color:#ff6a00;}
.toggle-btn { transition: all 0.3s; }
.toggle-btn.active { background: #1890ff; color: white; }
.pricing-card { transition: all 0.3s; }
.pricing-card:hover { transform: translateY(-4px); }
.plan-tab { transition: all 0.3s; }
.plan-tab.active { background: #1890ff; color: white; }
.cycle-tab { transition: all 0.3s; }
.cycle-tab.active { background: #1890ff; color: white; }
.price-tab { transition: all 0.3s; }
.price-tab.active { background: #1890ff; color: white; }

.bg-jianbian{background:linear-gradient(135deg, #f7ebff 0%, #c1d7f9 100%);}
.bg-signin{background:linear-gradient(135deg, #d6d3ff 0%, #dae9ff 100%);}
/*body {*/
/*    font-family: 'Inter', system-ui, sans-serif;*/
/*}*/
/*.input-focus:focus {*/
/*    outline: none;*/
/*    box-shadow: 0 0 0 3px rgba(255, 106, 0, 0.1);*/
/*}*/
/*.error-message {*/
/*    color: #dc2626;*/
/*    font-size: 0.75rem;*/
/*    margin-top: 0.25rem;*/
/*    display: none;*/
/*}*/
/*.error-message.show {*/
/*    display: block;*/
/*}*/
/*.error-border {*/
/*    border-color: #dc2626 !important;*/
/*    border-width: 2px !important;*/
/*}*/
/* 文档正文（程序注入内容）的响应式与可读性 */
#article {
  font-size: clamp(0.95rem, 0.9rem + 0.2vw, 1.05rem);
  line-height: 1.65;
  color: #374151;
  word-break: break-word;
  overflow-wrap: anywhere;
}
#article h1, #article h2, #article h3, #article h4 {
  color: #111827;
  line-height: 1.3;
  margin: 1rem 0 0.75rem;
}
#article h1 { font-size: clamp(1.75rem, 1.5rem + 1vw, 2.25rem); }
#article h2 { font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem); scroll-margin-top: 6rem; }
#article h3 { font-size: clamp(1.125rem, 1rem + 0.4vw, 1.25rem); }
#article p { margin: 0.75rem 0; }
#article ul, #article ol { margin: 0.75rem 0 1rem; padding-left: 1.25rem; }
#article li { margin: 0.25rem 0; }
#article a { color: #2563eb; text-decoration: none; }
#article a:hover { color: #1d4ed8; }
#article img { max-width: 100%; height: auto; display: block; border-radius: 0.5rem; }
#article code {
  background-color: #f3f4f6;
  border-radius: 0.25rem;
  padding: 0.15em 0.35em;
  font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
#article pre {
  background-color: #f3f4f6;
  border-radius: 0.5rem;
  padding: 1rem;
  overflow: auto;
  font-size: 0.95rem;
  line-height: 1.6;
  font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
#article table { width: 100%; border-collapse: collapse; display: block; overflow-x: auto; }
#article th, #article td { border-bottom: 1px solid #e5e7eb; padding: 0.5rem 0.75rem; text-align: left; }
#article blockquote { border-left: 3px solid #e5e7eb; padding-left: 0.75rem; color: #6b7280; margin: 0.75rem 0; }
#article hr { border: 0; border-top: 1px solid #e5e7eb; margin: 1.5rem 0; }

@media (max-width: 1024px) {
  #article { font-size: clamp(0.95rem, 0.92rem + 0.15vw, 1rem); line-height: 1.65; }
  #article pre { font-size: 0.9rem; }
}
@media (max-width: 640px) {
  #article { font-size: 0.95rem; line-height: 1.6; }
  #article h1 { font-size: 1.75rem; }
  #article h2 { font-size: 1.25rem; }
}



.quanwei{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;padding:5px 0;}
.quanwei i{display: inline-block;height: 50px;background: url(https://www.ali-exmail.cn/template/qijia/pc/images/quanwei2.png) no-repeat left;
    background-size: auto 150px;}
.quanwei i.a{width: 280px; background-position: 0 0;}
.quanwei i.b{width: 62px;background-position: 0 -50px;}
.quanwei i.c{width: 127px;background-position: 0 -100px;}

@media (max-width:768px){
    .quanwei i.a{display:block;}
}