body{font-family:'Trebuchet MS',Arial,sans-serif;background-color:#f9f9f9;color:#1a1a1a;margin:0;padding:0;line-height:1.6;overflow-x:hidden} a{text-decoration:none;color:#e60000} .xrhj{max-width:1200px;margin:0 auto;padding:0 10px;box-sizing:border-box} header,footer{background-color:#1a1a1a;color:#c8c8c8;width:100%;margin:0;padding:10px 0} header .xrhj{display:flex;justify-content:space-between;align-items:center} header a{color:#c8c8c8;text-decoration:none;font-size:24px;font-weight:bold} footer a{color:#c8c8c8;text-decoration:underline} .qra{display:flex;gap:30px} .qra a{color:#c8c8c8;text-decoration:none;font-size:18px;transition:opacity 0.3s ease,border-bottom 0.3s ease;border-bottom:2px solid transparent} .qra a:hover{opacity:0.8} @media(max-width:768px){.qra{display:none}} .lang{position:relative;display:inline-block;margin-left:30px} .lang button{background-color:transparent;border:none;padding:2px;cursor:pointer;display:flex;align-items:center} .lang button img{width:28px;height:18px} .fzb{display:none;position:absolute;top:100%;right:0;background-color:#ffffff;border:1px solid #cccccc;border-radius:4px;box-shadow:0 4px 8px #1a1a1a33;z-index:1000;margin-top:5px} .fzb.show{display:block} .fzb a{display:flex;align-items:center;padding:8px 12px;text-decoration:none;color:#1a1a1a;gap:8px;font-size:14px;transition:color 0.3s ease} .fzb a:hover{color:#cc0000;background-color:#eeeeee} .fzb a img{width:20px;height:13px} main{padding:2px 0} h1{font-size:28px;font-weight:bold;color:#1a1a1a;text-transform: uppercase;margin-bottom:20px} h2{font-size:20px;font-weight:bold;color:#1a1a1a;margin-bottom:15px} .jqy{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px} .btba{background:#ffffff;border-radius:2px;padding:15px;border:1px solid #dddddd;transition:border-color 0.2s ease;position:relative} .btba:hover{border-color:#bbbbbb} .btba img{width:40px;height:40px;margin-right:10px;vertical-align:middle} a.btba-icon{position:absolute;top:5px;right:5px;width:20px;height:20px;background-color:#bbbbbb;-webkit-mask:url('/static/f/e.svg') no-repeat center;mask:url('/static/f/e.svg') no-repeat center;-webkit-mask-size:contain;mask-size:contain;transition:background-color 0.1s ease} a.btba-icon:hover{background-color:#bbbbbb;filter:brightness(0.9)} .fgjbs{font-size:18px;color:#cc0000;text-decoration:none;transition:color 0.2s ease} .fgjbs:hover{color:#e60000;text-decoration:none} footer .xrhj{text-align:center} h1 a{text-decoration: none;font-size: inherit;font-weight: inherit;color: #cc0000} h1 a:hover{text-decoration: underline;filter:brightness(1.1)} .gaf{display:flex;justify-content:center;align-items:center;gap:10px;margin:20px;flex-wrap:wrap} .iiug{color:#1a1a1a;background-color:#ffffff;border:1px solid #dddddd;padding:8px 14px;text-decoration:none;border-radius:2px;font-size:16px} .iiug:hover{color:#e60000;border-color:#bbbbbb;transition:color 0.2s ease,border-color 0.2s ease} .iiug.active{border:1px solid #cc00004D;cursor:default} .dpb{font-size:28px;font-weight:700;color:#cc0000;text-transform:uppercase;letter-spacing:1px;text-decoration:none;transition:color 0.3s ease,filter 0.3s ease} .dpb:hover{color:#e60000;filter:brightness(1.1)} .dpb .rtl{font-weight:400;color:#c8c8c8;filter:brightness(1.1)} .zoy{background-color:#ffffff;padding:4px 12px;border-radius:4px;border:1px solid #dddddd;margin-top:4px} .guyg{display:flex;flex-direction:column;gap:20px} .uml{display:flex;flex-direction:column} .uml label{color:#1a1a1a;margin-bottom:8px;font-size:16px} .guyg input,.guyg textarea{background-color:#f9f9f9;border:1px solid #dddddd;padding:10px 12px;color:#1a1a1a;font-size:16px;border-radius:2px;transition:border-color 0.3s ease,filter 0.3s ease} .guyg input:focus,.guyg textarea:focus{border-color:#cc0000;filter:brightness(1.05);outline:none} .guyg button{background-color:#cc0000;color:#f9f9f9;border:none;padding:12px 20px;font-size:16px;font-weight:bold;border-radius:2px;cursor:pointer;transition:filter 0.3s ease,transform 0.2s ease;align-self:flex-start;filter:brightness(1)} .guyg button:hover{filter:brightness(1.1)} .guyg button:active{filter:brightness(0.95);transform:scale(0.98)} .nlfc{display:flex;flex-direction:column} .wtl{display:flex;align-items:center;gap:10px} .vjk{display: flex;align-items: center} .wtl input{width:100px} .wtl img{height:38px;border:1px solid #dddddd;border-radius:2px} #ahxzu{position:fixed;bottom:16px;right:16px;z-index:99;width:40px;height:40px;background-color:#cc0000;border:none;border-radius:4px;cursor:pointer;padding:0;opacity:0.6;visibility:hidden;pointer-events:none;transition:opacity 0.3s ease,background-color 0.3s ease,filter 0.3s ease;display:flex;justify-content:center;align-items:center;filter:brightness(1.4)} #ahxzu.show{opacity:0.7;visibility:visible;pointer-events:auto} #ahxzu:hover{opacity:1} #ahxzu::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-40%) rotate(45deg);width:12px;height:12px;border-left:4px solid #c8c8c8;border-top:4px solid #c8c8c8} @media(min-width:1025px){#ahxzu{width:44px;height:44px} #ahxzu::before{width:16px;height:16px}} @media(max-width:480px){.jqy{gap:10px} #ahxzu{width:39px;height:39px} #ahxzu::before{width:11px;height:11px}}