﻿
body{margin:0;background:#f7efe0;color:#382817;font-family:"Microsoft YaHei",serif;line-height:1.8}a{color:inherit;text-decoration:none}.top{background:#fff8ea;border-bottom:3px double #9b6a2f}.host{display:flex;justify-content:space-between;padding:8px 7vw;color:#8b6b48}nav{display:flex;align-items:center;justify-content:space-between;padding:18px 7vw}.brand{font-size:30px;font-weight:900;color:#7a1f12}.nav-links{display:flex;gap:18px}.nav-links a{border-bottom:2px solid transparent}.nav-links a:hover{border-color:#7a1f12}.nav-toggle{display:none}.cover{max-width:1120px;margin:34px auto;display:grid;grid-template-columns:1fr 300px;gap:24px;padding:0 20px}.cover>div,.cover aside,.columns article,.newsroom,.download-list div,.help-grid article,.steps{background:#fffaf0;border:1px solid #d9bc8d;box-shadow:8px 8px 0 #e5d2ad}.cover>div{padding:48px}.cover h1{font-size:46px;margin:0 0 12px}.cover a,button{background:#7a1f12;color:white;border:0;padding:12px 18px}.cover aside{padding:24px;display:flex;flex-direction:column;gap:14px}.columns,.cards,.download-list,.help-grid{max-width:1120px;margin:28px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:0 20px}.columns article,.download-list div,.help-grid article{padding:24px}.cards{grid-template-columns:repeat(4,1fr)}.cards div{text-align:center;background:#7a1f12;color:#fff8ea;padding:22px}.cards b{display:block;font-size:34px}.newsroom,.mini,.filters,table,#pagination,.faq{max-width:1120px;margin:28px auto;padding:24px}.mini{background:#fff8ea;border-left:8px solid #7a1f12}.filters{display:flex;gap:12px}.filters input,.filters select{flex:1;padding:12px;border:1px solid #caa86f;background:#fffaf0}table{width:calc(100% - 40px);border-collapse:collapse;background:#fffaf0}td,th{padding:13px;border-bottom:1px solid #dfc79f;text-align:left}#pagination{text-align:center}#pagination button{margin:4px;background:#ead7b5;color:#4b3217}#pagination .active{background:#7a1f12;color:white}.faq div{background:#fffaf0;margin:12px 0;padding:18px;border:1px solid #d9bc8d}.faq p{display:none}.faq .active p{display:block}footer{padding:32px 7vw;background:#382817;color:#fff1d6}.nav-links.open{display:flex}@media(max-width:760px){.cover,.columns,.cards,.download-list,.help-grid{grid-template-columns:1fr}.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:82px;left:20px;right:20px;background:#fff8ea;padding:16px;flex-direction:column}.filters{flex-direction:column}}

/* download install flow */
.install-flow{max-width:1120px;margin:28px auto;padding:26px 20px;background:#fff8ea;border:1px solid #d9bc8d;box-shadow:8px 8px 0 #e5d2ad}
.install-flow h2{margin:0 0 18px;color:#7a1f12}
.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.flow-grid article{position:relative;padding:20px 18px;background:#fffaf0;border:1px solid #d9bc8d;min-height:168px}
.flow-grid article:after{content:"";position:absolute;right:-13px;top:50%;width:22px;height:2px;background:#b8894c}
.flow-grid article:last-child:after{display:none}
.flow-grid b{display:block;font-size:30px;color:#7a1f12;line-height:1}
.flow-grid span{display:block;margin:12px 0 6px;font-weight:900;color:#382817}
.flow-grid p{margin:0;color:#745b3d;font-size:14px}
@media(max-width:760px){.flow-grid{grid-template-columns:1fr}.flow-grid article:after{display:none}}
