:root{
  --color-main:#b99dc9;
  --color-deput:#f4511e;
  --color-yellow:#FCCC36;
  --color-body:#0b0c0e;
  --color-header-bg:#10141b;
  --color-text:#e5e7eb;
  --color-text-secondary:#9ca3af;
  --color-header-border:#4e5e75;
  --color-box-bg:#191920;
  --container-width:1350px;
  --padding-about:18px;
  --padding-home-box:40px;
  --padding-page-box:clamp(25px,3.5vw,40px);
  --font-size-home-title:clamp(22px,3.5vw,35px);
  --font-size-page-title:clamp(20px,3.3vw,32px);
  --font-size-detail-title:clamp(20px,2.5vw,28px);
  --font-size-detail-desc:clamp(15px,1.5vw,17px);
  --grid-row-gap:clamp(22px,3vw,30px);
  --svg-left:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Cpath stroke-linejoin='round' stroke-linecap='round' stroke-width='2' stroke='%23333' d='M31 36L19 24l12-12' data-follow-stroke='%23333'/%3E%3C/svg%3E");
  --svg-right:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Cpath stroke-linejoin='round' stroke-linecap='round' stroke-width='2' stroke='%23333' d='M19 12l12 12-12 12' data-follow-stroke='%23333'/%3E%3C/svg%3E");
  --svg-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M14 14l20 20M14 34l20-20' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --svg-bottom:url("data:image/svg+xml,%3Csvg  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M36 18L24 30 12 18' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --svg-tel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M896.101 734.021c0 143.356-65.717 143.063-383.049 143.063-317.311 0-383.03.292-383.03-143.063 0-156.464 171.491-468.636 383.03-468.636 211.554 0 383.049 312.174 383.049 468.636zM514.172 332.478c-89.885 0-162.744 73.293-162.744 163.707 0 90.424 72.859 163.707 162.744 163.707 89.873 0 162.734-73.282 162.734-163.707.001-90.413-72.861-163.707-162.734-163.707zM173.064 452.985c66.717-107.44 182.049-222.063 339.189-222.063 157.1 0 279.926 124.047 335.593 221.112 28.769 48.168 84.011 43.069 108.093 0 15.474-32.229 63.827-302.198-443.683-302.198-513.207.686-460.177 278.937-442.156 302.2 31.918 48.81 92.05 23.925 102.968.948z'/%3E%3C/svg%3E");
  --svg-qq:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M116.435 581.714c-33.54 78.964-38.985 154.297-12.059 168.37 18.573 9.696 47.686-12.382 74.937-52.909 10.79 44.157 37.492 84.137 75.632 116.21-40.003 14.768-66.135 38.886-66.135 66.232 0 44.954 70.71 81.302 157.978 81.302 78.716 0 143.907-29.539 155.94-68.372 3.231-.05 15.663-.05 18.795 0 12.083 38.784 77.324 68.372 155.99 68.372 87.267 0 157.977-36.399 157.977-81.302 0-27.297-26.105-51.464-66.135-66.232 38.088-32.123 64.889-72.053 75.63-116.21 27.251 40.527 56.29 62.605 74.888 52.91 26.95-14.074 21.63-89.457-12.032-168.371-26.355-62.059-62.11-107.755-89.457-117.848.398-3.93.596-7.958.596-11.935 0-23.968-6.661-46.145-18.05-64.195.2-1.393.2-2.835.2-4.228 0-11.037-2.636-21.38-7.114-30.331-6.91-161.31-111.93-289.402-281.866-289.402-170.037 0-275.106 128.093-281.944 289.402-4.525 9-7.135 19.343-7.135 30.331 0 1.393.1 2.836.15 4.228-11.288 18.05-17.951 40.177-17.951 64.195 0 3.978.15 7.956.498 11.935-27.152 10.093-63.029 55.84-89.333 117.848z' fill='%23272636'/%3E%3C/svg%3E");
  --svg-wechat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M684.111 364.089c10.475 0 20.95.722 31.425 1.806-28.174-131.477-168.68-229-329.053-229-179.155 0-326.163 122.085-326.163 277.4 0 89.578 48.762 163.263 130.393 220.332l-32.508 98.246 114.14-57.43c40.815 7.946 73.684 16.254 114.138 16.254 10.114 0 20.227-.362 30.341-1.445-6.502-21.672-10.114-44.789-10.114-68.267 0-142.312 122.447-257.896 277.401-257.896zM508.57 275.595c24.561 0 40.815 16.254 40.815 40.816 0 24.561-16.254 40.815-40.815 40.815-24.562 0-49.123-16.254-49.123-40.815.36-24.562 24.922-40.816 49.123-40.816zM280.29 357.226c-24.562 0-49.123-16.254-49.123-40.815 0-24.562 24.561-40.816 49.123-40.816 24.561 0 40.815 16.254 40.815 40.816 0 24.2-16.254 40.815-40.815 40.815z' fill='%23272636'/%3E%3Cpath d='M981.74 618.373c0-130.393-130.393-236.585-277.04-236.585-155.316 0-277.401 106.192-277.401 236.585 0 130.754 122.085 236.586 277.4 236.586 32.509 0 65.378-8.308 97.886-16.254l89.577 49.123-24.561-81.631c65.377-49.123 114.139-114.5 114.139-187.824zM614.76 577.558c-16.254 0-32.508-16.254-32.508-32.508s16.254-32.508 32.508-32.508c24.562 0 40.816 16.254 40.816 32.508s-16.254 32.508-40.816 32.508zm179.516 0c-16.254 0-32.508-16.254-32.508-32.508s16.254-32.508 32.508-32.508c24.562 0 40.816 16.254 40.816 32.508s-16.615 32.508-40.816 32.508z' fill='%23272636'/%3E%3C/svg%3E");
  --svg-top:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M12 33l12-12 12 12M12 13h24' stroke='%23333' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --svg-location:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 32c-204.18 0-370.28 166.08-370.26 370.24 0 75.84 22.78 148.76 65.42 210.14 2.14 3.68 4.3 7.24 6.84 10.7l270.26 356.24c7.34 8.18 17.2 12.68 27.76 12.68 10.42 0 20.34-4.54 28.92-14.16l269.02-354.82c2.66-3.52 4.92-7.38 6.16-9.64 43.26-62.24 66.16-135.24 66.16-211.1C882.28 198.08 716.18 32 512 32zm0 502.66c-72.92 0-132.26-59.34-132.26-132.28 0-72.92 59.34-132.24 132.26-132.24s132.26 59.34 132.26 132.24c0 72.94-59.34 132.28-132.26 132.28z'/%3E%3C/svg%3E");
  --svg-whatsapp:url("data:image/svg+xml,%3Csvg viewBox='0 0 1098 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M779.75 692.305c-11.371 28.426-62.268 54.145-84.738 55.499-22.47 1.083-23.283 17.597-145.652-36.549-122.368-53.874-196.006-185.177-201.962-193.57-5.686-8.663-47.378-68.765-45.212-129.408 2.437-60.642 35.195-89.34 46.836-100.98a46.565 46.565 0 0 1 33.029-14.35h23.012c7.039.271 17.868-1.353 27.072 23.554 9.205 25.178 31.405 86.633 34.383 92.86 2.707 6.226 4.602 13.536 0 21.658-4.332 8.121-6.498 12.995-12.724 20.033-6.498 7.04-13.537 15.703-19.222 20.846-6.498 5.956-12.995 12.454-6.227 24.907 6.498 12.725 29.78 54.146 64.975 87.987 44.94 43.587 83.925 58.206 95.837 64.974 11.912 6.498 18.951 5.686 26.532-2.165 7.58-8.122 31.946-34.924 40.609-46.836 8.663-12.183 16.785-9.746 27.614-5.415 11.1 4.603 70.39 36.82 82.03 43.317 12.183 6.768 20.034 10.017 23.012 15.431 2.708 5.415 1.895 29.78-9.204 58.207zM545.84 32C260.766 32 33.355 245.333 33.355 508.48c0 82.843 23.553 161.354 62.267 230.931 6.497 10.83 8.663 23.824 4.332 37.09l-66.6 184.907c-6.497 17.597 10.83 32.487 27.886 28.426l184.365-72.013c10.83-4.332 23.553-2.166 36.548 4.331C359.31 965.74 451.628 992 550.172 992c281.016-2.166 510.322-215.5 510.322-479.188C1058.328 245.604 829.022 32 546.382 32z' fill='%232c2c2c'/%3E%3C/svg%3E");
  --svg-email:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1002.7 233.062c-2.662 22.016-12.39 43.213-29.08 60.007L584.396 682.29c-39.834 39.834-104.96 39.834-144.794 0L50.381 293.07c-16.794-16.794-26.522-38.093-29.082-60.007-.512 4.199-.819 8.397-.819 12.698v532.48c0 56.32 46.08 102.4 102.4 102.4h778.24c56.32 0 102.4-46.08 102.4-102.4V245.76c0-4.3-.307-8.5-.82-12.698z'/%3E%3Cpath d='M584.397 607.744L992.46 199.68c-16.896-33.382-51.61-56.32-91.341-56.32H122.88c-39.731 0-74.445 22.938-91.34 56.32l408.063 408.064c39.834 39.834 104.96 39.834 144.794 0z'/%3E%3C/svg%3E");
  --svg-phone:url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.78 20.607c.252-1.696.17-3.432-.25-5.102a12.939 12.939 0 0 0-3.415-6.018 12.94 12.94 0 0 0-6.018-3.416 13.068 13.068 0 0 0-5.102-.249M34.19 19.803a5.991 5.991 0 0 0-1.692-5.132 5.992 5.992 0 0 0-5.132-1.691' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.376 8.794a2 2 0 0 1 1.748 1.03l2.447 4.406a2 2 0 0 1 .04 1.866l-2.357 4.713s.683 3.512 3.541 6.37c2.859 2.858 6.358 3.53 6.358 3.53l4.713-2.357a2 2 0 0 1 1.867.041l4.419 2.457a2 2 0 0 1 1.028 1.748v5.074c0 2.583-2.4 4.45-4.848 3.623-5.028-1.696-12.832-4.927-17.78-9.873-4.946-4.947-8.176-12.752-9.873-17.78-.826-2.448 1.04-4.848 3.624-4.848h5.072z' fill='%23333' stroke='%23333' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
  --svg-enlarge:url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 38c9.389 0 17-7.611 17-17S30.389 4 21 4 4 11.611 4 21s7.611 17 17 17z' stroke='%23333' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M26.657 14.343A7.975 7.975 0 0 0 21 12c-2.209 0-4.209.895-5.657 2.343M33.222 33.222l8.485 8.485' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --svg-lang:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M848.806 805.572c70.998-81.26 109.78-184.217 109.78-293.144 0-119.205-46.422-231.278-130.714-315.57C744.877 113.863 634.941 67.617 517.79 66.214c-1.925-.6-10.29-.592-12.228.015-116.682 1.717-226.127 47.931-308.826 130.63C113.863 279.732 67.63 389.46 66.095 506.417c-.428 1.65-.437 8.602-.021 10.227 1.083 117.628 47.365 228.058 130.66 311.354 84.292 84.292 196.364 130.713 315.57 130.713 119.205 0 231.277-46.421 315.57-130.713 6.139-6.14 12.054-12.444 17.788-18.872a20.532 20.532 0 0 0 1.472-1.44 20.566 20.566 0 0 0 1.672-2.113zM107.447 532.043H294.95c1.322 65.68 9.253 127.265 22.505 182.113-61.69 16.687-100.82 38.372-121.076 51.906-52.068-64.726-84.702-145.705-88.93-234.019zm88.434-272.635c20.09 13.557 59.243 35.462 121.34 52.26-12.997 54.128-20.826 114.778-22.243 179.433H107.526c4.55-87.37 36.912-167.489 88.355-231.693zm721.2 231.692H729.63c-1.416-64.631-9.24-125.26-22.23-179.374 61.955-16.694 101.236-38.445 121.567-52.021 51.305 64.155 83.571 144.161 88.116 231.395zm-228.403 0h-156.51V335.061c52.208-1.095 97.103-6.454 135.272-14.033C680 373.164 687.286 430.897 688.678 491.1zm-156.51-196.984V109.918c36.84 10.4 72.779 49.206 100.926 110.016 8.81 19.036 16.645 39.642 23.464 61.521-35.026 6.772-76.296 11.608-124.39 12.66zm-40.944-183.842v183.805c-47.505-1.127-88.379-6.002-123.12-12.803 6.807-21.813 14.623-42.36 23.409-61.344 27.839-60.14 63.296-98.756 99.71-109.658zm0 224.767V491.1H335.929c1.392-60.213 8.68-117.955 21.244-170.1 37.835 7.537 82.314 12.887 134.05 14.04zm-155.33 197.002h155.33v158.668c-51.61 1.194-96.02 6.564-133.822 14.103-12.825-52.886-20.208-111.57-21.509-172.77zm155.33 199.63v182.909c-36.416-10.902-71.872-49.519-99.71-109.66-8.68-18.752-16.41-39.034-23.158-60.55 34.64-6.727 75.417-11.552 122.868-12.7zm40.943 183.264V731.609c47.904 1.025 89.104 5.862 124.117 12.656-6.756 21.556-14.497 41.874-23.19 60.656-28.147 60.81-64.086 99.617-100.927 110.016zm0-224.277V532.043h156.547c-1.299 61.097-8.66 119.685-21.446 172.503-38.114-7.532-82.949-12.835-135.1-13.886zM729.66 532.043h187.502c-4.221 88.139-36.733 168.974-88.62 233.636-20.47-13.669-59.636-35.3-121.304-51.869 13.2-54.76 21.102-116.225 22.422-181.767zm71.86-303.3c-18.33 11.57-52.31 29.355-104.858 43.493-19.296-63.056-46.11-115.004-78.062-150.976 70.401 19.15 133.234 56.837 182.92 107.483zM406.008 121.26c-31.906 35.92-58.69 87.769-77.979 150.702-52.404-14.241-86.37-32.099-104.582-43.588 49.63-50.46 112.33-88.01 182.561-107.114zm-182.09 675.703c18.284-11.536 52.098-29.23 104.332-43.336 19.272 62.605 45.976 114.187 77.758 149.969C336 884.55 273.472 847.182 223.918 796.963zm394.68 106.633c31.802-35.804 58.519-87.426 77.794-150.082 51.985 14.023 85.972 31.631 104.533 43.208-49.592 50.34-112.206 87.8-182.326 106.874z' fill='%238a8a8a'/%3E%3C/svg%3E");
  --svg-right-white:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Cpath stroke-linejoin='round' stroke-linecap='round' stroke-width='2' stroke='%23ffffff' d='M19 12l12 12-12 12' data-follow-stroke='%23ffffff'/%3E%3C/svg%3E");
  --svg-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");
  --svg-arrow-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  --svg-header-user-center:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M822.164 68.741H201.861c-57.088 0-103.373 49.628-103.373 110.812v664.899c0 61.21 46.285 110.812 103.373 110.812h620.273c57.098 0 103.378-49.628 103.378-110.833V179.548c.005-61.179-46.275-110.807-103.348-110.807zM523.89 540.544a260.977 260.977 0 0 0-33.224-1.572 273.49 273.49 0 0 0-26.68 1.833l-2.668.359a262.738 262.738 0 0 0-64.138 18.293l-.118.067a268.662 268.662 0 0 0-57.682 35.681 283.366 283.366 0 0 0-42.02 43.827c-.44.594-2.334 3.164-2.483 3.318l-1.275 1.777a292.5 292.5 0 0 0-30.029 53.862l-1.597 3.85-.886 2.279a293.166 293.166 0 0 0-16.082 63.37l-.41 3.497a275.475 275.475 0 0 0-1.182 13.952 302.561 302.561 0 0 0-.589 18.657v.026c-.03 11.074-8.796 20.29-19.369 20.29-10.511 0-19.369-9.246-19.369-20.29.154-52.562 13.03-105.088 37.965-150.748a303.406 303.406 0 0 1 96.24-106.368 283.259 283.259 0 0 1 68.491-33.695 179.359 179.359 0 0 1-71.07-91.029c-13.59-38.405-13.917-83.184 0-121.523 13.972-38.676 39.5-72.023 73.794-92.928a165.325 165.325 0 0 1 117.437-21.084 166.21 166.21 0 0 1 97.07 59.105 186.383 186.383 0 0 1 40.807 115.636 185.467 185.467 0 0 1-40.807 115.666 171.233 171.233 0 0 1-40.565 36.275 288.384 288.384 0 0 1 50.334 22.267c9.303 5.217 12.145 18.478 6.964 27.78a19.108 19.108 0 0 1-25.933 7.568c-.18-.107-.364-.205-.543-.317a271.846 271.846 0 0 0-20.87-10.63l-.178-.087a260.454 260.454 0 0 0-64.082-18.304c-1.193-.153-4.511-.599-5.253-.66zm276.659 300.242h-251.94c-10.542 0-19.333-9.247-19.333-20.316 0-11.05 8.796-20.286 19.333-20.286h251.94c10.547 0 19.333 9.237 19.333 20.286.005 11.07-8.786 20.316-19.333 20.316zm0-105.723h-251.94c-10.542 0-19.333-9.242-19.333-20.285 0-11.075 8.796-20.311 19.333-20.311h251.94c10.547 0 19.333 9.236 19.333 20.31.005 11.05-8.786 20.286-19.333 20.286zm0-105.682h-251.94c-10.542 0-19.333-9.236-19.333-20.31 0-11.045 8.796-20.291 19.333-20.291h251.94c10.547 0 19.333 9.246 19.333 20.29.005 11.075-8.786 20.311-19.333 20.311z' fill='%23adadaf'/%3E%3Cpath d='M598.979 444.99a157.814 157.814 0 0 0 17.024-30.623l.537-1.3a162.15 162.15 0 0 0 8.525-33.404l.476-4.53a167.373 167.373 0 0 0-.502-33.168v-.149a164.787 164.787 0 0 0-9.154-34.647l-.297-.65-1.367-3.051a155.725 155.725 0 0 0-15.094-26.297 165.166 165.166 0 0 0-17.853-19.778 181.714 181.714 0 0 0-4.829-4.29l-1.387-1.184-.533-.384a149.919 149.919 0 0 0-28.052-17.085 144.809 144.809 0 0 0-29.788-9.068l-4.91-.798-4.204-.44a145.68 145.68 0 0 0-31.007.711l-.737.118a143.498 143.498 0 0 0-31.867 9.385 148.224 148.224 0 0 0-25.58 15.222l-3.174 2.483a153.876 153.876 0 0 0-22.886 23.69l-1.132 1.48a158.669 158.669 0 0 0-16.844 30.264 162.278 162.278 0 0 0-9.037 34.35l-.026.266a166.487 166.487 0 0 0-.025 37.545l.056.476c1.777 11.75 4.767 23.245 9.006 34.258v.031l1.331 3.082a163.584 163.584 0 0 0 13.328 24.013l2.37 3.343a150.426 150.426 0 0 0 21.704 23.302l.025.03 1.992 1.69a148.48 148.48 0 0 0 28.99 17.766 143.724 143.724 0 0 0 33.193 9.564c1.33.144 3.614.44 4.444.507a144.589 144.589 0 0 0 31.385-.476l.359-.061a130.58 130.58 0 0 0 19.154-4.506 142.843 142.843 0 0 0 13.24-4.823l.118-.061 2.13-.978a152.12 152.12 0 0 0 27.161-16.999l3.635-3.077a153.073 153.073 0 0 0 20.102-21.75z' fill='%23adadaf'/%3E%3C/svg%3E");
  --svg-header-user-order:url("data:image/svg+xml,%3Csvg  viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M828.2 131.4H702c-12.1-39.1-48.6-67.5-91.7-67.5H415.7c-43.1 0-79.6 28.4-91.7 67.5H196c-37.6 0-68 30.4-68 68v690.9c0 37.6 30.4 68 68 68h632.1c37.6 0 68-30.4 68-68V199.4c.1-37.5-30.4-68-67.9-68zM513 724.3c0 17.6-14.3 31.9-31.9 31.9h-159c-17.6 0-31.9-14.3-31.9-31.9 0-17.6 14.3-31.9 31.9-31.9h159c17.6 0 31.9 14.3 31.9 31.9zm224.4-177.9c0 17.6-14.3 31.9-31.9 31.9h-385c-17.6 0-31.9-14.3-31.9-31.9 0-17.6 14.3-31.9 31.9-31.9h385.1c17.6 0 31.8 14.3 31.8 31.9zm0-177.9c0 17.6-14.3 31.9-31.9 31.9h-385c-17.6 0-31.9-14.3-31.9-31.9 0-17.6 14.3-31.9 31.9-31.9h385.1c17.6 0 31.8 14.3 31.8 31.9z' fill='%23adadaf'/%3E%3C/svg%3E");
  --svg-header-user-coupons:url("data:image/svg+xml,%3Csvg  viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M64 0v1012.8l116.992-116.992 108.544 108.544L398.08 895.808l110.176 110.176 110.112-110.112 106.912 106.912 106.976-106.976L960 1023.552V0H64zm579.232 460.288v49.088H553.6v42.4h89.632v49.088H553.6V672h-84.8v-71.136h-92.576v-49.088H468.8v-42.4h-92.576v-49.088h75.904L352 288h89.344l73.184 154.432h1.088c2.368-5.76 6.016-14.112 11.04-25.024L587.232 288H672L568.928 460.288h74.304zM64 1024h3.136L64 1020.864z' fill='%23adadaf'/%3E%3C/svg%3E");
  --svg-header-user-logout:url("data:image/svg+xml,%3Csvg  viewBox='0 0 1025 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M1001.657 463.424L669.433 131.008c-20.672-20.608-45.376-26.752-70.912-17.216-26.176 9.856-41.152 33.28-41.216 64.384V328.32h-65.024l-186.624.064c-39.168.128-66.496 27.328-66.624 66.24-.128 78.4-.128 156.736 0 235.072.128 37.696 27.776 65.28 65.792 65.664l252.48.064-.064 29.056c-.128 40.768-.256 81.408.576 122.112.256 15.936 6.528 33.28 16.256 45.184 11.904 14.656 28.224 22.72 45.952 22.72 17.536 0 35.2-8 49.728-22.464 110.848-110.72 221.568-221.504 332.288-332.352 29.568-29.504 29.44-66.432-.384-96.256z' fill='%23adadaf'/%3E%3Cpath d='M387.705 805.696h-.064l-72.576.128-103.872-.064c-52.48 0-82.624-30.144-82.624-82.688V300.48c0-52.416 30.144-82.496 82.752-82.496l68.8-.064 75.584.064 42.048-.064c30.08 0 46.528-15.104 48.896-44.8.896-11.072.64-22.336.256-34.88-.768-31.296-18.304-48.576-49.216-48.64h-76.352c-40.896 0-81.792 0-122.624.256-12.544.064-25.408 1.472-38.272 4.224C68.217 113.728.889 196.416.377 290.688.121 341.504.185 392.384.249 443.136l.064 67.648-.128 70.976c-.064 51.008-.192 101.952.256 153.024.896 107.776 88.768 197.056 195.904 199.04 26.368.512 52.8.64 79.168.64l125.376-.256c24.768 0 42.112-15.04 45.184-39.232 1.088-8.832 1.216-17.856 1.28-26.88v-4.48c.128-13.312.256-31.552-12.544-44.48-12.352-12.352-30.144-13.44-47.104-13.44z' fill='%23adadaf'/%3E%3C/svg%3E");
  --svg-mobile-home:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E");
  --svg-mobile-goods:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");
  --svg-mobile-order:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3Cpath d='M10 9H8'/%3E%3C/svg%3E");
  --svg-mobile-profile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
  --svg-mobile-home-active:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b99dc9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E");
  --svg-mobile-goods-active:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b99dc9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");
  --svg-mobile-order-active:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b99dc9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3Cpath d='M10 9H8'/%3E%3C/svg%3E");
  --svg-mobile-profile-active:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b99dc9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}
@media (max-width:1024px){
  :root{
    --padding-home-box:20px;
  }
}
@font-face {
  font-family: 'NoticiaText';
  src: url('../fonts/NoticiaText-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Muli';
  src: url('../fonts/Muli.woff2') format('woff2');
}
/* reset */
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{margin:0;font-family:'Muli',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";background-color:#fff;font-size:14px;color:#333;-webkit-text-size-adjust:100% !important;-webkit-tap-highlight-color:transparent}
p,ol,ul,dl,dd,main,header,footer,article,aside,menu,section,dialog,figure,figcaption,blockquote{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{margin:0}
li{background-repeat:no-repeat;list-style-type:none}
img{border:0}
a{color:#333;text-decoration:none;background-color:transparent;transition:color .3s}
td,th{padding:0}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:none;border:0;outline:none}
input:focus,textarea:focus,select:focus{outline:none}
input[type="file"]{border:0}
input[type="radio"],input[type="checkbox"]{padding:0;margin:0}
textarea{overflow:auto;resize:vertical}
::placeholder{color:#b3b3b3}
.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.text-row-ellipsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.hidden{display:none !important}
table{border-spacing:0;border-collapse:collapse}
/* reset end */
body{background:var(--color-body);color:var(--color-text);padding:0}
.container-wrap{width:100%;}
.container{max-width:var(--container-width);margin:0 auto}
.container.blank{padding-left:var(--padding-about);padding-right:var(--padding-about)}
.header-wrap{background:var(--color-header-bg);padding:22px 0;position:relative;}
.header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}
.header__logo img{max-height:66px;display:block;backface-visibility:hidden}
.header__search{justify-self:center;width:100%;max-width:600px}
.search-box{position:relative;width:100%}
.search-box__input{width:100%;height:44px;padding:0 50px 0 20px;background:rgba(255,255,255,0.08);border:0;border-radius:25px;color:var(--color-text);font-size:14px;transition:all 0.3s}
.search-box__input:focus{outline:none;background:rgba(255,255,255,0.12);}
.search-box__input::placeholder{color:var(--color-text-secondary)}
.search-box__btn{position:absolute;right:10px;top:0;width:44px;height:44px;background:var(--svg-search) no-repeat center;background-size:20px;border:none;cursor:pointer;opacity:0.7;transition:opacity 0.3s}
.search-box__btn:hover{opacity:1}
.header__actions{display:flex;align-items:center;gap:18px}
.header__lang{position:relative}
.lang-switch{display:flex;align-items:center;gap:8px;height:40px;padding:0 15px;background:transparent;color:var(--color-text);font-size:14px;cursor:pointer;transition:all 0.3s}
.lang-switch__icon{width:16px;height:16px;background:var(--svg-arrow-down) no-repeat center;background-size:16px;transition:transform 0.3s}
.lang-switch.active .lang-switch__icon{transform:rotate(180deg)}
.lang-dropdown{height:0;overflow:hidden;height: 0;position:absolute;top:120%;left:0;min-width:100px;background:var(--color-header-bg);border:1px solid #1f2937;border-radius:4%;padding:8px 0;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,0.3);opacity:0;transition:top .3s,opacity .3s;}
.lang-dropdown.show{top: 100%;opacity: 1;height:auto;}
.lang-dropdown li{list-style:none}
.lang-dropdown a{display:block;padding:10px 15px;color:var(--color-text);font-size:14px;transition:background 0.2s}
.lang-dropdown a:hover{background:rgba(255,255,255,0.08)}
.header__order{display:flex;align-items:center;height:40px;padding:0 20px;background:transparent;border:1px solid var(--color-header-border);border-radius:25px;color:var(--color-text);font-size:14px;transition:all 0.3s;text-decoration:none}
.header__order:hover{background:rgba(255,255,255,0.08);border-color:#eee;color:#eee}
.header__auth{display:flex;align-items:center;height:40px;padding:0 24px;border:solid 1px var(--color-main);border-radius:25px;color:var(--color-main);font-size:14px;font-weight:600;transition:all 0.3s;text-decoration:none}
.header__auth:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,0.4)}
.header__user{padding:9px 0;;display:flex;align-items:center;justify-content:center;gap:6px;position:relative}
.header__user img{width:30px;aspect-ratio: 1/1;border-radius:50%;}
.header__user__avatar{width:30px;aspect-ratio: 1/1;border-radius:50%;background: #f4511e;color:#fff;display:flex;align-items:center;justify-content:center;text-transform:uppercase}
.header__user a{color:#fff;}
.header__user > a:hover{color:var(--color-deput)}
.header__user-dropdown{height:0;overflow:hidden;height: 0;position:absolute;top:120%;left:0;width:145px;background:var(--color-header-bg);border:1px solid #1f2937;border-radius:4%;padding:8px 0;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,0.3);opacity:0;transition:top .3s,opacity .3s;}
.header__user-dropdown.show{top: 120%;opacity: 1;height:auto;}
.header__user-dropdown li{padding:10px 10px;display:flex;align-items: center;gap:8px;}
.header__user-dropdown li:hover{background:rgba(255,255,255,0.08)}
.header__user-dropdown li::before{content:'';width:18px;aspect-ratio: 1/1;background-size:cover;}
.header__user-dropdown li:nth-child(1)::before{background-image:var(--svg-header-user-center);}
.header__user-dropdown li:nth-child(2)::before{background-image:var(--svg-header-user-order);}
.header__user-dropdown li:nth-child(3)::before{background-image:var(--svg-header-user-coupons);}
.header__user-dropdown li:nth-child(4)::before{background-image:var(--svg-header-user-logout);}
.header__user-dropdown a,
.header__user-dropdown span{color:var(--color-text);font-size:14px;cursor:pointer;transition:background 0.2s}
@media (max-width:1024px){
  body::before{content:'';display:block;height:300px;position:absolute;top:0;right:0;left:0;background:linear-gradient(to bottom, rgba(58,34,135,0.9), rgba(58,34,135,0));z-index:-1;}
  .header{display:flex;justify-content: space-between;}
  .header__order,
  .header__auth,
  .header__user{display:none;}
  .header-wrap{padding:16px 0 85px;z-index:101;background: transparent;}
  .header__logo img{max-height:60px}
  .header__search{position:absolute;right:0;bottom:0;padding:var(--padding-about);max-width:100%}
  .header__search.fixed{position:fixed;top:0;bottom:auto;background: #000;}
  .lang-switch{font-size:15px;text-transform: uppercase;}
}
.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:201;background:#1f1f28;border-top:1px solid #2d2d38;padding:8px 0 max(8px,env(safe-area-inset-bottom));box-shadow:0 -2px 10px rgba(0,0,0,0.3);}
.mobile-bottom-nav__list{display:flex;justify-content:space-around;align-items:center;list-style:none;}
.mobile-bottom-nav__item{flex:1;display:flex;justify-content:center;}
.mobile-bottom-nav__item a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:6px 8px;text-decoration:none;color:#9ca3af;transition:all 0.3s;}
.mobile-bottom-nav__icon{width:24px;height:24px;margin-bottom:4px;background-size:24px 24px;background-repeat:no-repeat;background-position:center;transition:all 0.3s;}
.mobile-bottom-nav__item:nth-child(1) .mobile-bottom-nav__icon{background-image:var(--svg-mobile-home);}
.mobile-bottom-nav__item:nth-child(2) .mobile-bottom-nav__icon{background-image:var(--svg-mobile-goods);}
.mobile-bottom-nav__item:nth-child(3) .mobile-bottom-nav__icon{background-image:var(--svg-mobile-order);}
.mobile-bottom-nav__item:nth-child(4) .mobile-bottom-nav__icon{background-image:var(--svg-mobile-profile);}
.mobile-bottom-nav__text{font-size:14px;line-height:1.2;margin-top:3px;;transition:color 0.3s;}
.mobile-bottom-nav__item.current{color:var(--color-main);}
.mobile-bottom-nav__item.current a{color:inherit}
.mobile-bottom-nav__item:nth-child(1).current .mobile-bottom-nav__icon{background-image:var(--svg-mobile-home-active);}
.mobile-bottom-nav__item:nth-child(2).current .mobile-bottom-nav__icon{background-image:var(--svg-mobile-goods-active);}
.mobile-bottom-nav__item:nth-child(3).current .mobile-bottom-nav__icon{background-image:var(--svg-mobile-order-active);}
.mobile-bottom-nav__item:nth-child(4).current .mobile-bottom-nav__icon{background-image:var(--svg-mobile-profile-active);}
@media (max-width:1024px){
  .mobile-bottom-nav{display:block;}
  body{padding-bottom:70px;}
}
.home-banner-wrap{}
.banner-wrap{position:relative;height:350px;overflow:hidden;margin-top:18px}
.banner-swiper{width:100%;height:100%;border-radius:9px;overflow: hidden;}
.banner-swiper .swiper-slide{width:100%;height:100%;}
.banner-swiper .swiper-slide a{position:absolute;inset:0;z-index:1}
.banner-swiper .swiper-slide img{width:100%;height:100%;object-fit:cover;display:block;}
.banner-nav{position:absolute;padding:8px;right:0;top:0;width:240px;height:100%;z-index:10;display:flex;flex-direction: column;justify-content:space-between;row-gap: 10px;}
.banner-nav__item{flex-grow:1;padding:12px 20px;color:var(--color-text);cursor:pointer;transition:all 0.3s;border-radius:6px;display:flex;align-items:center}
.banner-nav__item p{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.banner-nav__item:hover{background:rgba(255,255,255,0.15);}
.banner-nav__item.active{background:rgba(255,255,255,0.25);color:#fff;}
@media (max-width:1024px){
  .banner-nav{display:none;}
  .banner-wrap{height:38vw;margin-top: 0;}
}
.home-banner-bg{position:absolute;top:100px;top:0;right:0;width:100%;height:600px;z-index:-1;}
.home-banner-bg::before {content:'';background-color:#0E0E11;opacity: 0.8;position: absolute;inset: 0px;z-index: 8;pointer-events: none}
.home-banner-bg li{display:none;position:absolute;inset:0;opacity:0;transition:opacity .5s ease}
.home-banner-bg li.active{display:block;opacity:1}
.home-banner-bg img{width:100%;height:92%;object-fit:cover;filter:blur(30px)}
@media (max-width:1024px){
  .home-banner-bg{display:none}
}
.home-box{padding-top:var(--padding-home-box);padding-bottom:var(--padding-home-box)}
.home-title{margin-bottom:25px;position:relative}
.home-title h2{font-size:24px;font-family: 'NoticiaText';}
.home-title p{margin-top:9px;opacity: .7;}
.home-title__more{color:#fff;font-size:12px;position:absolute;top:12px;right:0;;height: 36px;padding: 0px 16px;background: rgba(28, 28, 35, .8);display:flex;align-items:center;justify-content:center;border-radius:18px;transition:.3s;}
.home-title__more:hover{background:rgba(255, 255, 255, .21)}
.home-title__more::after{content:'';width:16px;height:16px;background: var(--svg-right-white);background-size: cover;}
.home-promo{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--grid-row-gap)}
.home-promo__item{background: rgba(85, 85, 85, 0.5);position:relative;border-radius:12px;transition:transform 0.3s,box-shadow 0.3s;overflow:hidden;position:relative}
.home-promo__item > a{position:absolute;inset:0;z-index:1}
.home-promo__inner{display:flex;align-items:center;gap:15px;padding:12px;border-radius:12px;}
.home-promo__item:hover{transform:scale(1.05);box-shadow:0 8px 24px rgba(0,0,0,0.3);}
.home-promo__item:nth-child(1) .home-promo__inner{background:linear-gradient(135deg,#6b7280,#4b5563);}
.home-promo__item:nth-child(2) .home-promo__inner{background:linear-gradient(135deg,#7c3aed,#6d28d9);}
.home-promo__item:nth-child(3) .home-promo__inner{background:linear-gradient(135deg,#14b8a6,#0d9488);}
.home-promo__item:nth-child(4) .home-promo__inner{background:linear-gradient(135deg,#78716c,#57534e);}
.home-promo__item:nth-child(5) .home-promo__inner{background:linear-gradient(135deg,#991b1b,#7f1d1d);}
.home-promo__item:nth-child(6) .home-promo__inner{background:linear-gradient(135deg,#7c2d12,#6b1f0f);}
.home-promo__item:nth-child(7) .home-promo__inner{background:linear-gradient(135deg,#365314,#2d5016);}
.home-promo__item:nth-child(8) .home-promo__inner{background:linear-gradient(135deg,#365314,#2d5016);}
.home-promo__item:nth-child(9) .home-promo__inner{background:linear-gradient(135deg,#14532d,#0f4224);}
.home-promo__item:nth-child(10) .home-promo__inner{background:linear-gradient(135deg,#92400e,#78350f);}
.home-promo__img{flex-shrink:0;width:50px;height:50px;border-radius:8px;overflow:hidden;}
.home-promo__img img{width:100%;height:100%;object-fit:cover;display:block;}
.home-promo__info{flex:1;display:flex;flex-direction:column;gap:8px;}
.home-promo__name{color:#fff;font-size:13px;line-height:1.4;}
.home-promo__discount{height: 36px;display: flex;-webkit-box-align: center;align-items: center; -webkit-box-pack: justify;justify-content: space-between;padding: 0px 12px;}
.home-promo__discount .tag{font-size: 12px;}
.home-promo__discount .num{height: 18px;line-height: 18px;color: rgb(23, 23, 24);background: var(--color-yellow);border-radius: 12px;font-size: 12px;padding: 0px 9px;min-width: 48px;text-align: center;}
@media (max-width:1024px){
  .home-promo{grid-template-columns:repeat(3,1fr)}
  .home-promo__item:nth-child(10){display:none;}
}
@media (max-width:768px){
  .home-promo{grid-template-columns:repeat(2,1fr);}
  .home-promo__item:nth-child(7),
  .home-promo__item:nth-child(8),
  .home-promo__item:nth-child(9),
  .home-promo__item:nth-child(10){display:none;}
}
.home-popular-wrap{background: #090909;}
.home-popular{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--grid-row-gap);list-style:none;}
.home-popular__item{background:#17171a;border-radius:12px;overflow:hidden;position:relative;transition:transform 0.3s;}
.home-popular__item:hover{transform:translateY(-4px);}
.home-popular__img{width:100%;aspect-ratio:1/1.3;overflow:hidden;border-radius:12px 12px 0 0;}
.home-popular__item:hover .home-popular__img img{transform:scale(1.1);}
.home-popular__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s;}
.home-popular__info{padding:15px;color:#fff;display:flex;flex-direction:column;gap:8px;}
.home-popular__name{display:block;font-size:13px;line-height:1.4;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.home-popular__price{margin:14px 0 9px;display:flex;gap:9px;align-items: center;}
.home-popular__price strong{font-size:16px;font-weight:700;color:#fff;}
.home-popular__price small{font-size:12px;text-decoration: line-through;color:#bbb}
.home-popular__sales{font-size:12px;color:rgba(255,255,255,0.6);}
.home-popular__rating{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,0.6);}
.home-popular__rating-text{}
.home-popular__stars{display:flex;gap:3px;height:14px;width:80px}
.home-popular__stars.s1{background: url(../images/star.png) no-repeat 0 0;}
.home-popular__stars.s2{background: url(../images/star.png) no-repeat 0 -17px;}
.home-popular__stars.s3{background: url(../images/star.png) no-repeat 0 -33px;}
.home-popular__stars.s4{background: url(../images/star.png) no-repeat 0 -49px;}
.home-popular__stars.s5{background: url(../images/star.png) no-repeat 0 -64px;}
@media (max-width:1024px){
  .home-popular{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:768px){
  .home-popular{grid-template-columns:repeat(2,1fr);}
}
.home-news-wrap{background: #090909;}
.home-news-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--grid-row-gap);list-style:none;}
.home-news-grid__item{display:flex;flex-direction:column;cursor:pointer;transition:transform 0.3s;}
.home-news-grid__item:hover{transform:translateY(-4px);}
.home-news-grid__img{width:100%;aspect-ratio:1/0.6;overflow:hidden;border-radius:12px;margin-bottom:12px;}
.home-news-grid__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s;}
.home-news-grid__item:hover .home-news-grid__img img{transform:scale(1.05);}
.home-news-grid__title{display:block;color:#eee;font-size:12px;line-height:1.4;font-weight:400;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
@media (max-width:1024px){
  .home-news-grid{grid-template-columns:repeat(3,1fr);}
  .home-news-grid__item:nth-child(10){display:none;}
}
@media (max-width:768px){
  .home-news-grid{grid-template-columns:repeat(2,1fr);}
  .home-news-grid__item:nth-child(10){display:block}
}
.home-ad{margin:min(50px,6vw) auto}
.home-ad img{width:100%;border-radius:9px}
.footer-pay{display:flex;flex-wrap:wrap;align-items:center;color:#aaa;gap:20px;margin-top:min(40px,5vw);margin-bottom:20px;}
.footer-wrap{background:#0a0b0d;border-top:solid 1px #222;padding-top:min(50px,6vw)}
.footer{display:flex;justify-content: space-between;}
.footer__left{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);}
.footer__col{display:flex;flex-direction:column;gap:15px;}
.footer__title{color:#fff;font-size:14px;font-weight:600;text-transform: uppercase;}
.footer__links{list-style:none;;display:flex;flex-direction:column;gap:10px;}
.footer__links a{color:var(--color-text-secondary);font-size:14px;transition:color 0.3s;text-decoration:none;}
.footer__links a:hover{color:var(--color-main);}
.footer__contact{list-style:none;display:flex;flex-direction:column;gap:10px;}
.footer__contact a{color:var(--color-text-secondary);font-size:14px;transition:color 0.3s;text-decoration:none;}
.footer__contact a:hover{color:var(--color-main);}
.footer__social{list-style:none;margin:15px 0 0;display:flex;gap:12px;flex-wrap:wrap;}
.footer__social a{width:36px;height:36px;display:block;background:rgba(255,255,255,0.1);border-radius:6px;transition:all 0.3s;position:relative;overflow:hidden;}
.footer__social a:hover{background:var(--color-main);transform:translateY(-2px);}
.footer__social a::before{content:'';position:absolute;inset:0;background-size:20px;background-repeat:no-repeat;background-position:center;opacity:0.8;transition:opacity 0.3s;}
.footer__social a:hover::before{opacity:1;}
.footer__social li:nth-child(1) a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E");}
.footer__social li:nth-child(2) a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E");}
.footer__social li:nth-child(3) a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E");}
.footer__social li:nth-child(4) a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162 0 3.403 2.759 6.162 6.162 6.162 3.403 0 6.162-2.759 6.162-6.162 0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4 0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44 0 .795.645 1.44 1.441 1.44.795 0 1.439-.645 1.439-1.44 0-.795-.644-1.44-1.439-1.44z'/%3E%3C/svg%3E");}
.footer__right{text-align:right;}
.footer__logo img{max-height:60px}
.footer__desc{margin-top:9px;color:var(--color-text-secondary);font-size:14px;line-height:1.6;max-width:330px;}
.footer-copyright{padding:15px 18px;text-align: center;color:#777;font-size:12px;text-transform: uppercase;margin-top:25px;border-top:solid 1px #222}
@media (max-width:768px){
  .footer-pay span{flex-basis:100%;}
  .footer-pay img{width:100%}  
  .footer__right{display:none}
  .footer__left{flex-basis:100%;justify-content:space-between;}
}
/*面包屑导航*/
.ui-breadcrumb{list-style:none;font-size:12px;position:relative;display:flex;}
.ui-breadcrumb::before{content:'';margin-right:6px;width:13px;height:13px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M523.12 202.56a16 16 0 0 0-22.12 0L132.8 554.3a16 16 0 0 0-4.94 11.58L127.8 896a64 64 0 0 0 64 64H384a32 32 0 0 0 32-32V656a16 16 0 0 1 16-16h160a16 16 0 0 1 16 16v272a32 32 0 0 0 32 32h192.12a64 64 0 0 0 64-64V565.88a16 16 0 0 0-4.94-11.58z' fill='%23dbdbdb'/%3E%3Cpath d='M981.82 488.3l-149.6-143.12V128a32 32 0 0 0-32-32h-96a32 32 0 0 0-32 32v64L556.38 81.24C545.54 70.28 529.42 64 512 64c-17.36 0-33.44 6.28-44.28 17.26l-425.4 407c-12.44 12-14 31.74-2.68 44.74A32 32 0 0 0 86 535.12l415-396.56a16 16 0 0 1 22.12 0l415.04 396.56a32 32 0 0 0 45.18-.88c12.28-12.72 11.26-33.72-1.52-45.94z' fill='%23dbdbdb'/%3E%3C/svg%3E");background-size: 100%;}
.ui-breadcrumb > div + div:before{padding:0 5px;color:#888;content:"/\00a0"}
.ui-breadcrumb a{color:#888}
.ui-breadcrumb a:hover{color:var(--color-main)}
/*分页*/
.ui-pagination{display:flex;margin:50px 0 20px;justify-content:center;column-gap:7px}
.ui-pagination a,
.ui-pagination span{display:flex;justify-content:center;align-items:center;padding:7px 14px;border-radius:3px}
.ui-pagination a,
.ui-pagination span[data-page]{background:#17171a;cursor:pointer;color:#aaa}
.ui-pagination a:hover,
.ui-pagination span,
.ui-pagination span[data-page]:hover{background:#27272b;color:fff}
.ui-pagination .prev:before,
.ui-pagination .next:after{content:'';display:block;width:18px;height:18px;background:#aaa;mask-size:100%;-webkit-mask-size:100%}
.ui-pagination .prev:before{mask:var(--svg-left) no-repeat;-webkit-mask:var(--svg-left) no-repeat}
.ui-pagination .next:after{mask:var(--svg-right) no-repeat;-webkit-mask:var(--svg-right) no-repeat}
.ui-pagination .prev:hover:before,
.ui-pagination .next:hover:after{background:#fff}
/* 内页头部 */
.page-head{padding-top:20px;}
.category-head{background: #1f2126;padding-bottom:30px}
.category-head__title{margin:30px 0 8px;font-family:"NoticiaText";text-transform:uppercase;letter-spacing:2px;}
.category-head__desc{color:#aaa}
.goods-head{background-image: linear-gradient(to bottom, #49297a, #261f4f, #1c1738);padding-bottom:30px}
.goods-base{margin-top:30px;display:flex;gap: 20px;align-items: center;}
.goods-base__img{}
.goods-base__img img{width:80px;aspect-ratio: 1/1;border-radius:5px;display:block}
.goods-base__info{}
.goods-base__name{font-size:25px;margin-bottom:18px}
.goods-base__attr{display:flex;gap:30px;align-items: center;flex-wrap:wrap}
.goods-base__star{height:14px;width:80px;background: url(../images/star.png) no-repeat 0 -64px;}
.goods-base__assure{font-size:12px;color:#ccc;display:flex;align-items: center;gap:8px}
.goods-base__assure::before{content:'';width:13px;height:13px;}
.goods-base__assure:nth-child(2)::before{background: url("data:image/svg+xml,%3Csvg  viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M1013.01 27.321c-2.881-18.479-3.875-19.274-22.85-22.75C972.574 1.29 954.99 0 937.304 0c-17.287 0-34.573 1.192-51.761 2.98-69.048 7.154-136.407 22.553-201.78 46.099-115.742 41.727-217.874 104.02-300.533 196.315-3.776 4.173-7.65 5.564-12.518 5.564-1.193 0-2.385-.1-3.676-.199-34.773-3.775-69.645-9.835-104.517-9.835h-2.384c-62.193.496-110.676 29.01-144.355 81.765C97.4 351.5 79.12 380.41 60.74 409.322c-17.089 26.824-34.574 53.251-51.166 80.374-23.546 38.548-1.291 84.845 42.522 88.123 52.755 3.974 105.51 7.154 158.265 10.035 9.537.496 13.61 3.08 14.505 13.213 3.179 33.58 12.12 65.571 30.103 94.482 35.07 56.232 86.136 87.13 151.31 95.773 24.54 3.279 23.844 3.478 25.632 28.812 3.477 50.668 7.253 101.436 12.021 152.005 2.98 31.594 27.322 51.861 54.444 51.861 10.73 0 21.957-3.18 32.488-10.034 58.914-38.548 118.425-76.5 175.551-117.63 53.252-38.35 76.4-92.396 69.545-158.464-2.881-28.315-5.266-56.729-8.147-85.043-.894-8.743 1.192-15.4 8.048-21.659 83.553-76.599 143.163-169.292 183.896-274.504 34.077-88.024 54.444-178.83 57.325-273.311.1-2.683.199-5.365.199-7.948.298-16.194-1.788-32.19-4.272-48.086zM700.455 466.746h-1.093c-78.983-.596-149.82-71.333-148.13-149.522 1.986-92.693 71.83-152.402 153.197-152.402h2.782c79.48 1.291 146.342 70.737 145.349 151.508-1.093 83.951-68.452 150.416-152.105 150.416z' fill='%23fbbf24'/%3E%3Cpath d='M349.551 892.063c-27.52 27.818-55.338 55.239-82.759 82.957-6.557 6.657-13.61 10.73-21.757 10.73-3.18 0-6.557-.596-10.134-1.987-13.015-4.769-19.274-14.405-19.87-27.917-.397-8.544-.199-17.088-.397-25.632-.298-10.134-.398-13.81-4.372-13.81-2.185 0-5.464 1.093-10.53 2.782-30.899 10.233-61.697 20.565-92.595 30.798-4.67 1.59-9.438 2.683-14.008 2.683-4.372 0-8.743-.994-13.114-3.378-13.214-7.451-18.181-20.665-12.916-36.859 10.233-31.693 21.062-63.286 31.494-94.979 4.57-13.71 4.272-14.008-10.531-14.306-8.942-.1-17.883 0-26.825-.397-13.014-.596-22.254-6.955-27.122-19.274-4.67-12.022-1.69-22.453 7.054-31.295a35367.235 35367.235 0 0 1 86.335-86.336c5.166-5.166 11.326-8.345 17.982-8.345.696 0 1.391 0 1.987.1 15.598.198 24.242 7.153 29.905 23.049 21.956 62.59 61.895 109.98 119.816 142.17 12.816 7.053 26.228 12.815 40.137 17.584 25.135 8.544 30.798 32.885 12.22 51.662z' fill='%23fbbf24'/%3E%3C/svg%3E");background-size: cover;}
.goods-base__assure:nth-child(3)::before{background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M958.363 143.87a76.97 76.97 0 0 0-49.237-17.236l-4.95.086a719.006 719.006 0 0 1-175.015-13.227c-71.764-15.7-154.536-88.318-178.77-102.654A78.25 78.25 0 0 0 510.371.002a78.932 78.932 0 0 0-40.106 10.752c-2.902 1.706-89.599 84.222-174.419 102.74-55.465 12.116-115.283 13.994-145.32 13.994a515.404 515.404 0 0 1-30.89-.768l-4.693-.086a77.396 77.396 0 0 0-49.407 17.237 61.012 61.012 0 0 0-22.87 46.933v160.252c0 592.63 436.473 669.002 454.905 671.988a86.185 86.185 0 0 0 25.6 0c18.516-3.072 458.146-79.358 458.146-671.988V190.72a60.927 60.927 0 0 0-22.954-46.848zM797.085 373.158L494.413 642.123a39.765 39.765 0 0 1-7.082 8.106 47.274 47.274 0 0 1-32.256 11.435 47.189 47.189 0 0 1-32.17-11.435 39.935 39.935 0 0 1-7.082-8.106L254.29 498.34a36.095 36.095 0 0 1 0-55.466 48.212 48.212 0 0 1 62.292 0l138.664 123.305 279.547-248.316a48.127 48.127 0 0 1 62.292 0 36.095 36.095 0 0 1 0 55.295z' fill='%231296db'/%3E%3C/svg%3E");background-size: cover;}
.goods-base__assure:nth-child(4)::before{background: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h1024v1024H0V0z' fill='%23202425' opacity='.01'/%3E%3Cpath d='M722.67 102.4a68.267 68.267 0 0 1 48.265 20.002L978.603 330.07a68.267 68.267 0 0 1 2.935 93.457L563.2 897.706a68.267 68.267 0 0 1-102.4 0L42.428 423.596a68.267 68.267 0 0 1 2.97-93.526l207.7-207.701A68.267 68.267 0 0 1 301.33 102.4h421.342z' fill='%23F74'/%3E%3Cpath d='M457.387 302.66L307.2 102.4h409.6L566.613 302.66a68.267 68.267 0 0 1-109.226 0z' fill='%23FA4'/%3E%3Cpath d='M239.343 371.063a51.2 51.2 0 0 1 72.26 4.813L512 604.911l200.397-229.035a51.2 51.2 0 1 1 77.073 67.448L550.537 716.39a51.2 51.2 0 0 1-77.074 0L234.53 443.324a51.2 51.2 0 0 1 4.813-72.26z' fill='%23FFF'/%3E%3C/svg%3E");background-size:cover;}
@media (max-width:768px){
  .goods-base__name{font-size:20px;margin-bottom:15px}
  .goods-base__attr{gap:15px}
  .goods-base__star{flex-basis:100%;}
}
.news-list-page{padding-top:var(--padding-page-box);padding-bottom:var(--padding-page-box);display:grid;grid-template-columns:1fr 300px;gap:clamp(20px,3vw,40px);}
.news-list-page__main{flex:1;}
.news-list-page__list{display:flex;flex-direction:column;gap:clamp(20px,2.5vw,30px);}
.news-list-page__item{display:flex;gap:20px;padding-bottom:clamp(20px,2.5vw,30px);border-bottom:1px solid rgba(255,255,255,0.1);}
.news-list-page__item:last-child{border-bottom:none;padding-bottom:0;}
.news-list-page__img{flex-shrink:0;width:200px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;}
.news-list-page__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s;}
.news-list-page__item:hover .news-list-page__img img{transform:scale(1.05);}
.news-list-page__content{flex:1;display:flex;flex-direction:column;gap:10px;}
.news-list-page__title{color:#fff;font-size:clamp(16px,2vw,18px);font-weight:600;line-height:1.4;text-decoration:none;transition:color 0.3s;display:block;}
.news-list-page__title:hover{color:var(--color-main);}
.news-list-page__desc{color:var(--color-text-secondary);font-size:clamp(13px,1.5vw,14px);line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
.news-list-page__time{color:rgba(255,255,255,0.5);font-size:12px;margin-top:auto;}
.news-list-page__sidebar{align-self:start;flex-shrink:0;background:#17171a;padding:15px;border-radius:3px}
.news-list-page__sidebar-title{color:#fff;font-size:16px;font-weight:600;padding-bottom:15px;margin-bottom:25px;position:relative}
.news-list-page__sidebar-title::after{content:'';width:30px;height:2px;position:absolute;bottom:0;left:0;background: var(--color-deput);}
.news-list-page__games{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;}
.news-list-page__game{overflow:hidden;transition:transform 0.3s;}
.news-list-page__game:hover{transform:translateY(-4px);}
.news-list-page__game a{display:block;text-decoration:none;color:inherit;}
.news-list-page__game-img{width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:8px;}
.news-list-page__game-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s;}
.news-list-page__game:hover .news-list-page__game-img img{transform:scale(1.1);}
.news-list-page__game-name{color:#fff;font-size:12px;line-height:1.4;margin-top:12px}
@media (max-width:1024px){
  .news-list-page{grid-template-columns:1fr;gap:30px;}
  .news-list-page__games{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:768px){
  .category-head{padding-bottom:20px}
  .category-head__title{margin:20px 0 8px;font-size:22px}
  .news-list-page__item{flex-direction:column;gap:15px;}
  .news-list-page__img{width:100%;}
  .news-list-page__games{grid-template-columns:repeat(2,1fr);gap:12px;}
}
.news-detail-page{padding-top:var(--padding-page-box);padding-bottom:var(--padding-page-box);display:grid;grid-template-columns:1fr 300px;gap:clamp(20px,3vw,40px);}
.news-detail-page__main{flex:1;}
.news-detail-page__title{color:#fff;font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.3;margin:0 0 20px;font-family:"NoticiaText";}
.news-detail-page__time{color:rgba(255,255,255,0.6);font-size:14px;margin-bottom:30px;}
.news-detail-page__content{color:var(--color-text);}
.news-detail-page__img{width:100%;margin:0 0 30px;border-radius:12px;overflow:hidden;}
.news-detail-page__img img{width:100%;height:auto;display:block;}
.news-detail-page__text{font-size:clamp(15px,1.8vw,17px);line-height:1.8;color:var(--color-text);}
.news-detail-page__text h2{color:#fff;font-size:clamp(20px,2.5vw,24px);font-weight:600;margin:30px 0 15px;line-height:1.4;}
.news-detail-page__text h3{color:#fff;font-size:clamp(18px,2.2vw,22px);font-weight:600;margin:25px 0 12px;line-height:1.4;}
.news-detail-page__text p{margin:0 0 15px;color:var(--color-text-secondary);}
.news-detail-page__text p strong{color:#fff;font-weight:600;}
.news-detail-page__text ol,.news-detail-page__text ul{margin:15px 0;padding-left:25px;color:var(--color-text-secondary);}
.news-detail-page__text li{margin:8px 0;line-height:1.7;}
.news-detail-page__text li strong{color:#fff;font-weight:600;}
@media (max-width:1024px){
  .news-detail-page{grid-template-columns:1fr;gap:30px;}
  .news-detail-page__sidebar{order:-1;}
}
.goods-list-page{padding-top:var(--padding-page-box);padding-bottom:var(--padding-page-box);display:grid;grid-template-columns:240px 1fr;gap:clamp(20px,3vw,40px);}
.goods-list-page__sidebar{flex-shrink:0;}
.goods-list-page__sidebar-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:20px;}
.goods-list-page__categories{list-style:none;display:flex;flex-direction:column;gap:8px;}
.goods-list-page__category{display:block;}
.goods-list-page__category a{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#17171a;border-radius:6px;color:var(--color-text-secondary);font-size:14px;text-decoration:none;transition:all 0.3s;}
.goods-list-page__category a:hover{background:#1f1f22;color:#fff;}
.goods-list-page__category.active a{background:rgba(185,157,201,0.15);color:var(--color-main);border:1px solid rgba(185,157,201,0.3);}
.goods-list-page__category a span{color:var(--color-text-secondary);font-size:12px;}
.goods-list-page__category.active a span{color:var(--color-main);}
.goods-list-page__main{flex:1;}
.goods-list-page__list{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(15px,2vw,25px);list-style:none;}
.goods-list-page__item{display:block;}
.goods-list-page__link{display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform 0.3s;}
.goods-list-page__item:hover .goods-list-page__link{transform:translateY(-4px);}
.goods-list-page__img{width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;margin-bottom:12px;background:#17171a;}
.goods-list-page__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s;}
.goods-list-page__item:hover .goods-list-page__img img{transform:scale(1.1);}
.goods-list-page__name{color:#fff;font-size:14px;line-height:1.4;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:40px;}
.goods-list-page__submit-btn{width:100%;height:44px;margin-top:20px;background:var(--color-main);border:0;border-radius:6px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;justify-content:center;}
.goods-list-page__submit-btn:hover{background:#a88bb8;transform:translateY(-2px);box-shadow:0 4px 12px rgba(185,157,201,0.4);}
.goods-list-page__submit-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(185,157,201,0.3);}
@media (max-width:1024px){
  .goods-list-page__submit-btn{margin-top:15px;}
}
@media (max-width:1440px){
  .goods-list-page__list{grid-template-columns:repeat(5,1fr);}
}
@media (max-width:1280px){
  .goods-list-page__list{grid-template-columns:repeat(4,1fr);}
}
@media (max-width:1024px){
  .goods-list-page{grid-template-columns:1fr;gap:30px;}
  .goods-list-page__sidebar{order:-1;}
  .goods-list-page__categories{flex-direction:row;flex-wrap:wrap;gap:10px;}
  .goods-list-page__category{flex:1;min-width:150px;}
  .goods-list-page__list{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:768px){
  .goods-list-page__list{grid-template-columns:repeat(2,1fr);gap:15px;}
  .goods-list-page__category{min-width:auto;flex:1 1 calc(50% - 5px);}
}
@media (max-width:360px){
  .goods-list-page__list{grid-template-columns:1fr;}
}
.goods-detail{display:grid;grid-template-columns: calc(100% - 410px) 380px;column-gap: 30px;margin-top:30px}
.goods-detail__box{background: var(--color-box-bg);border-radius:12px;padding:18px}
.goods-detail__order{}
.goods-detail__title{color:#fff;font-weight: 600;font-size:17px;margin-bottom:20px;}
.goods-detail__account{}
.goods-account{}
.goods-account__field{display:flex;flex-direction:column;gap:8px;margin-top:15px}
.goods-account__label{color:#fff;font-size:14px;font-weight:400;}
.goods-account__input{width:100%;height:44px;padding:0 15px;background:#111;border:solid 1px #333;border-radius:6px;color:#fff;font-size:14px;transition:all 0.3s;}
.goods-account__input:focus{outline:none;background:rgba(255,255,255,0.12);}
.goods-account__input::placeholder{color:rgba(255,255,255,0.5);}
.goods-account__select-wrapper{position:relative;}
.goods-account__select{width:100%;height:44px;padding:0 40px 0 15px;background:#111;border:solid 1px #333;border-radius:6px;color:#fff;font-size:14px;transition:all 0.3s;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;}
.goods-account__select:focus{outline:none;background:rgba(255,255,255,0.12);}
.goods-account__select-wrapper::after{content:'';position:absolute;right:15px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:var(--svg-arrow-down) no-repeat center;background-size:16px;pointer-events:none;opacity:0.7;}
.goods-account__select option{background:#191920;color:#fff;}
@media (max-width:1024px){
  .goods-detail{grid-template-columns:1fr;gap:20px;}
}
.goods-detail__quantity{margin-top:20px}
.quantity-selector{display:flex;align-items:center;gap:15px;}
.quantity-selector__btn{width:40px;aspect-ratio:1/1;background:#2a2a2a;border:0;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;flex-shrink:0;}
.quantity-selector__btn:hover{background:#333;}
.quantity-selector__btn:active{background:#1a1a1a;}
.quantity-selector__icon{display:block;width:16px;height:16px;position:relative;}
.quantity-selector__icon--minus::before{content:'';position:absolute;top:50%;left:0;right:0;height:2px;background:#fff;transform:translateY(-50%);}
.quantity-selector__icon--plus::before{content:'';position:absolute;top:50%;left:0;right:0;height:2px;background:#fff;transform:translateY(-50%);}
.quantity-selector__icon--plus::after{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff;transform:translateX(-50%);}
.quantity-selector__value{flex:1;min-width:60px;}
.quantity-selector__input{width:100%;height:40px;padding:0 15px;background:#0a0a0a;border:0;border-radius:6px;color:#fff;font-size:16px;font-weight:700;text-align:center;appearance:none;-webkit-appearance:none;-moz-appearance:textfield;}
.quantity-selector__input::-webkit-inner-spin-button,.quantity-selector__input::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;margin:0;}
.goods-detail__checkout{margin-top:20px}
.checkout-price{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;}
.checkout-price__label{color:#fff;font-size:14px;font-weight:400;}
.checkout-price__value{color:#fbbf24;font-size:18px;font-weight:700;}
.checkout-divider{width:100%;height:1px;border-top:1px dashed rgba(255,255,255,0.2);margin:15px 0;}
.checkout-btn{width:100%;height:48px;background:#fbbf24;border:0;border-radius:24px;color:#1a1a1a;font-size:16px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;justify-content:center;}
.checkout-btn:hover{background:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 12px rgba(251,191,36,0.4);}
.checkout-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(251,191,36,0.3);}
.goods-detail__content{display:flex;flex-direction:column;gap:clamp(30px,4vw,50px);}
.goods-content__section{background: var(--color-box-bg);padding:20px;border-radius:8px}
.goods-content__title{color:#fff;font-size:17px;font-weight:600;margin-bottom:18px;padding-bottom:15px;position:relative;}
.goods-content__title::after{content:'';width:30px;height:2px;background: var(--color-deput);position:absolute;bottom:0;left:0;}
.goods-type{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;list-style:none;}
.goods-type__item{padding:15px 20px;background:#24242e;border: 1px solid #36353e;border-radius:8px;color:var(--color-text);font-size:14px;display:flex;align-items:center;justify-content:center;text-align: center;transition:all 0.3s;cursor:pointer;}
.goods-type__item:hover{background:#1f1f22;color:#fff;border-color:rgba(251,191,36,0.5);}
.goods-type__item.active{background:#1f1f22;color:#fff;border-color:var(--color-main);}
.goods-spec{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;list-style:none;}
.goods-spec__item{padding:8px;background:#24242e;border: 1px solid #36353e;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:all 0.3s;}
.goods-spec__item:hover{border-color:rgba(251,191,36,0.5);background:#1f1f22;}
.goods-spec__item.active{border-color:var(--color-main);;background:#1f1f22;}
.goods-spec__img{width:100%;border-radius:6px;overflow:hidden;margin-bottom:5px;}
.goods-spec__img img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;transition:transform 0.3s;}
.goods-spec__item:hover .goods-spec__img img{transform:scale(1.05);}
.goods-spec__name{color:#fff;font-size:13px;font-weight:500;text-align:center;line-height:1.4;}
.goods-spec__price{color:#fbbf24;font-size:14px;font-weight:700;text-align:center;}
.goods-detail-content{display:flex;flex-direction:column;gap:20px;color:var(--color-text-secondary);font-size:clamp(14px,1.8vw,16px);line-height:1.8;}
.goods-detail-content img{max-width:100%;}
.goods-detail-content p{margin-bottom:19px;}
.goods-detail-content p:last-child{margin-bottom:0}
.goods-news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--grid-row-gap);list-style:none;}
.goods-news-grid__item{display:flex;flex-direction:column;cursor:pointer;transition:transform 0.3s;}
.goods-news-grid__item:hover{transform:translateY(-4px);}
.goods-news-grid__img{width:100%;aspect-ratio:1/0.6;overflow:hidden;border-radius:12px;margin-bottom:12px;}
.goods-news-grid__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s;}
.goods-news-grid__item:hover .goods-news-grid__img img{transform:scale(1.05);}
.goods-news-grid__title{display:block;color:#eee;font-size:12px;line-height:1.4;font-weight:400;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
@media (max-width:1024px){
  .goods-type{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:768px){
  .goods-type{grid-template-columns:repeat(2,1fr);}
  .goods-spec{grid-template-columns:repeat(3,1fr);}
  .goods-news-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:360px){
  .goods-type{grid-template-columns:1fr;}
  .goods-spec{grid-template-columns:repeat(2,1fr);}
}
.bottom-buy{position:fixed;right:0;bottom:0;left:0;z-index:101;padding:15px;background: rgba(33, 34, 41, 0.9);box-shadow: rgba(0, 0, 0, 0.3) 0px -2px 5px 0px;backdrop-filter: blur(1.33333vw);display:none;grid-template-columns:48% 48%;justify-content: space-between;}
.bottom-buy__price{display:flex;align-items:center;gap:15px}
.bottom-buy__price span{color: #aaa;margin-top:6px}
.bottom-buy__price small{color: #fff;font-size:14px;margin-top:2px}
.bottom-buy__price strong{color:#fff;font-size:23px}
.bottom-buy__btn{height:48px;background:#fbbf24;border:0;border-radius:12px;color:#1a1a1a;font-size:16px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;justify-content:center;}
@media (max-width:1024px){
  .bottom-buy{display:grid}
}
.order-page__title{font-size:25px;color:#fff;margin:25px 0}
/* 订单页面 */
.order-page{display:grid;grid-template-columns:1fr 380px;gap:clamp(20px,3vw,30px);padding-bottom:var(--padding-page-box);}
.order-page__left{display:flex;flex-direction:column;gap:clamp(20px,3vw,30px);}
.order-page__right{flex-shrink:0;}
/* 订单信息 */
.order-info{background:var(--color-box-bg);border-radius:15px;padding:20px;}
.order-info__title{color:#fff;font-size:18px;font-weight:600;margin-bottom:25px;}
.order-goods{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:25px;}
.order-goods__left{display:flex;gap:15px;align-items:center;flex:1;}
.order-goods__img{flex-shrink:0;width:80px;aspect-ratio:1/1;border-radius:8px;overflow:hidden;}
.order-goods__img img{width:100%;height:100%;object-fit:cover;display:block;}
.order-goods__info{flex:1;display:flex;flex-direction:column;gap:8px;}
.order-goods__name{color:#fff;font-size:16px;font-weight:600;}
.order-goods__spec{color:var(--color-text-secondary);font-size:14px;}
.order-goods__price{color:#fbbf24;font-size:18px;font-weight:700;}
.order-goods__right{flex-shrink:0;}
/* 订单页面数量选择器（小尺寸） */
.order-quantity-selector{display:flex;align-items:center;gap:8px;}
.order-quantity-selector__btn{width:28px;height:28px;background:#2a2a2a;border:0;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;flex-shrink:0;}
.order-quantity-selector__btn:hover{background:#333;}
.order-quantity-selector__btn:active{background:#1a1a1a;}
.order-quantity-selector__icon{display:block;width:12px;height:12px;position:relative;}
.order-quantity-selector__icon--minus::before{content:'';position:absolute;top:50%;left:0;right:0;height:1.5px;background:#fff;transform:translateY(-50%);}
.order-quantity-selector__icon--plus::before{content:'';position:absolute;top:50%;left:0;right:0;height:1.5px;background:#fff;transform:translateY(-50%);}
.order-quantity-selector__icon--plus::after{content:'';position:absolute;left:50%;top:0;bottom:0;width:1.5px;background:#fff;transform:translateX(-50%);}
.order-quantity-selector__value{flex:1;width:45px;}
.order-quantity-selector__input{width:100%;height:28px;padding:0 8px;background:#0a0a0a;border:0;border-radius:4px;color:#fff;font-size:13px;font-weight:600;text-align:center;appearance:none;-webkit-appearance:none;-moz-appearance:textfield;}
.order-quantity-selector__input::-webkit-inner-spin-button,.order-quantity-selector__input::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;margin:0;}
.order-account{}
.order-account__title{color:#fff;font-size:16px;font-weight:600;margin-bottom:20px;}
.order-account__list{list-style:none;display:flex;flex-direction:column;gap:12px;}
.order-account__item{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;}
.order-account__label{color:var(--color-text-secondary);font-size:14px;flex-shrink:0;}
.order-account__value{color:#fff;font-size:14px;text-align:right;word-break:break-word;}
/* 支付方式 */
.payment-methods{background:var(--color-box-bg);border-radius:15px;padding:15px;}
.payment-methods__title{color:#fff;font-size:18px;font-weight:600;margin-bottom:20px;}
.payment-methods__list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.payment-methods__item{display:block;}
.payment-methods__btn{width:100%;height:50px;background:#24242e;border:1px solid #36353e;border-radius:8px;color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;justify-content:center;}
.payment-methods__btn:hover{background:#1f1f22;border-color:rgba(185,157,201,0.5);color:#fff;}
.payment-methods__btn.active{background:#1f1f22;border-color:var(--color-main);color:var(--color-main);}
.payment-methods__name{display:block;}
/* 结账信息 */
.order-checkout{background:var(--color-box-bg);border-radius:15px;padding:20px;}
.order-checkout__title{color:#fff;font-size:18px;font-weight:600;margin-bottom:20px;}
.order-checkout__content{display:flex;flex-direction:column;gap:15px;}
.checkout-price--total{margin-top:5px;}
.checkout-price--total .checkout-price__label{color:#fff;font-size:16px;font-weight:600;}
.checkout-price--total .checkout-price__value{color:#fbbf24;font-size:22px;font-weight:700;}
/* 优惠选择 */
.checkout-discount{margin:15px 0;}
.checkout-discount__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.checkout-discount__label{color:#fff;font-size:14px;font-weight:400;}
.checkout-discount__value{color:#fbbf24;font-size:14px;font-weight:600;}
.checkout-discount__select-wrapper{position:relative;margin-bottom:12px;}
.checkout-discount__select{width:100%;height:44px;padding:0 40px 0 15px;background:#111;border:solid 1px #333;border-radius:6px;color:#fff;font-size:14px;transition:all 0.3s;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;}
.checkout-discount__select:focus{outline:none;background:rgba(255,255,255,0.12);}
.checkout-discount__select-wrapper::after{content:'';position:absolute;right:15px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:var(--svg-arrow-down) no-repeat center;background-size:16px;pointer-events:none;opacity:0.7;}
.checkout-discount__select option{background:#191920;color:#fff;}
.checkout-discount__list{display:none;}
.checkout-discount__list.show{display:block;}
.checkout-discount__items{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
.checkout-discount__item{display:block;}
.checkout-discount__item-btn{width:100%;height:36px;background:#24242e;border:1px solid #36353e;border-radius:6px;color:var(--color-text);font-size:13px;font-weight:500;cursor:pointer;transition:all 0.3s;}
.checkout-discount__item-btn:hover{background:#1f1f22;border-color:rgba(185,157,201,0.5);color:#fff;}
.checkout-discount__item-btn.active{background:#1f1f22;border-color:var(--color-main);color:var(--color-main);}
@media (max-width:1024px){
  .order-page{grid-template-columns:1fr;gap:20px;}
  .order-page__right{order:-1;}
  .payment-methods__list{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:768px){
  .order-goods{flex-direction:column;align-items:flex-start;}
  .order-goods__right{width:100%;}
  .order-account__item{flex-direction:column;gap:5px;}
  .order-account__value{text-align:left;}
  .payment-methods__list{grid-template-columns:1fr;}
}
/* 提交新游戏表单弹窗 */
.submit-game-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:20px;}
.submit-game-modal.show{display:flex;}
.submit-game-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);}
.submit-game-modal__content{position:relative;width:100%;max-width:520px;max-height:90vh;background:var(--color-box-bg);border-radius:12px;padding:25px;overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,0.5);}
.submit-game-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.1);}
.submit-game-modal__title{color:#fff;font-size:20px;font-weight:600;margin:0;}
.submit-game-modal__close{width:32px;height:32px;background:transparent;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;justify-content:center;border-radius:4px;}
.submit-game-modal__close:hover{background:rgba(255,255,255,0.1);color:var(--color-main);}
.submit-game-form{display:flex;flex-direction:column;gap:20px;}
.submit-game-form__field{display:flex;flex-direction:column;gap:8px;}
.submit-game-form__label{color:#fff;font-size:14px;font-weight:400;}
.submit-game-form__input,.submit-game-form__textarea{width:100%;padding:12px 15px;background:#111;border:solid 1px #333;border-radius:6px;color:#fff;font-size:14px;font-family:inherit;transition:all 0.3s;box-sizing:border-box;}
.submit-game-form__input:focus,.submit-game-form__textarea:focus{outline:none;background:rgba(255,255,255,0.12);border-color:var(--color-main);}
.submit-game-form__input::placeholder,.submit-game-form__textarea::placeholder{color:rgba(255,255,255,0.5);}
.submit-game-form__textarea{resize:vertical;min-height:120px;}
.submit-game-form__actions{display:flex;gap:12px;margin-top:10px;}
.submit-game-form__btn{flex:1;height:44px;border:0;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;justify-content:center;}
.submit-game-form__btn--cancel{background:#2a2a2a;color:var(--color-text-secondary);}
.submit-game-form__btn--cancel:hover{background:#333;color:#fff;}
.submit-game-form__btn--submit{background:var(--color-main);color:#fff;}
.submit-game-form__btn--submit:hover{background:#a88bb8;transform:translateY(-2px);box-shadow:0 4px 12px rgba(185,157,201,0.4);}
.submit-game-form__btn--submit:active{transform:translateY(0);box-shadow:0 2px 6px rgba(185,157,201,0.3);}
@media (max-width:768px){
  .submit-game-modal{padding:15px;}
  .submit-game-modal__content{padding:20px;max-height:95vh;}
  .submit-game-modal__title{font-size:18px;}
  .submit-game-form__actions{flex-direction:column;}
  .submit-game-form__btn{width:100%;}
}
/* 关于我们页面 */
.about-page{padding-top:var(--padding-page-box);padding-bottom:var(--padding-page-box);display:grid;grid-template-columns:240px 1fr;gap:clamp(20px,3vw,40px);}
.about-page__nav{flex-shrink:0;}
.about-nav{list-style:none;display:flex;flex-direction:column;gap:8px;}
.about-nav__item{display:block;}
.about-nav__item a{display:block;padding:12px 15px;background:#17171a;border-radius:6px;color:var(--color-text-secondary);font-size:14px;text-decoration:none;transition:all 0.3s;}
.about-nav__item a:hover{background:#1f1f22;color:#fff;}
.about-nav__item.active a{background:rgba(185,157,201,0.15);color:var(--color-main);border:1px solid rgba(185,157,201,0.3);}
.about-page__content{flex:1;}
.about-content{background:#191920;border-radius:15px;padding:25px;}
.about-content__title{color:#fff;font-size:var(--font-size-page-title);font-weight:600;margin:0 0 25px;font-family:"NoticiaText";}
.about-content__detail{color:var(--color-text-secondary);font-size:var(--font-size-detail-desc);line-height:1.8;}
.about-content__detail p{margin:0 0 20px;}
.about-content__detail p:last-child{margin-bottom:0;}
.about-content__detail img{max-width:100%}
@media (max-width:1024px){
  .about-page{grid-template-columns:1fr;gap:30px;}
  .about-page__nav{order:-1;}
  .about-nav{flex-direction:row;flex-wrap:wrap;gap:10px;}
  .about-nav__item{flex:1;min-width:150px;}
}
@media (max-width:768px){
  .about-nav__item{min-width:auto;flex:1 1 calc(50% - 5px);}
}
/* 登录注册弹窗 */
.login-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:301;display:none;align-items:center;justify-content:center;padding:20px;}
.login-modal.show{display:flex;}
.login-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);}
.login-modal__content{position:relative;width:100%;max-width:480px;max-height:90vh;background:var(--color-box-bg);border-radius:12px;padding:30px;overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,0.5);}
.login-modal__close{position:absolute;top:15px;right:15px;width:32px;height:32px;background:transparent;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;justify-content:center;border-radius:4px;z-index:10;}
.login-modal__close:hover{background:rgba(255,255,255,0.1);color:var(--color-main);}
.login-modal__title{color:#fff;font-size:24px;font-weight:600;margin:0 0 25px;text-align:center;font-family:"NoticiaText";}
.login-options{}
.login-option{width:100%;height:48px;padding:0 20px;margin-bottom:20px;background:#24242e;border:1px solid #36353e;border-radius:8px;color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;justify-content:center;gap:10px;}
.login-option:hover{background:#1f1f22;border-color:rgba(185,157,201,0.5);color:#fff;}
.login-option:disabled{opacity:0.5;cursor:not-allowed;}
.login-option--google{background:#4285f4;border-color:#4285f4;color:#fff;}
.login-option--google:hover{background:#357ae8;border-color:#357ae8;}
.login-option__icon{width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z'/%3E%3Cpath fill='%23fff' d='M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z'/%3E%3Cpath fill='%23fff' d='M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z'/%3E%3Cpath fill='%23fff' d='M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z'/%3E%3C/svg%3E") no-repeat center;background-size:20px;}
.login-form{margin-bottom:20px;}
.login-form__field{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}
.login-form__label{color:#fff;font-size:14px;font-weight:400;}
.login-form__input{width:100%;height:44px;padding:0 15px;background:#111;border:solid 1px #333;border-radius:6px;color:#fff;font-size:14px;transition:all 0.3s;box-sizing:border-box;}
.login-form__input:focus{outline:none;background:rgba(255,255,255,0.12);border-color:var(--color-main);}
.login-form__input::placeholder{color:rgba(255,255,255,0.5);}
.login-form__phone-wrapper{display:flex;gap:10px;position:relative;}
.login-form__country-code{flex-shrink:0;width:120px;height:44px;padding:0 40px 0 15px;background:#111;border:solid 1px #333;border-radius:6px;color:#fff;font-size:14px;transition:all 0.3s;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;}
.login-form__country-code:focus{outline:none;background:rgba(0,0,0,0.8);border-color:var(--color-main);}
.login-form__phone-wrapper::before{content:'';position:absolute;left:95px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:var(--svg-arrow-down) no-repeat center;background-size:16px;pointer-events:none;opacity:0.7;z-index:1;}
.login-form__input--phone{flex:1;}
.login-form__submit{margin-bottom:15px;display:block;width:100%;height:48px;background:var(--color-main);border:0;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s;text-transform:uppercase;}
.login-form__submit:hover{background:#a88bb8;transform:translateY(-2px);box-shadow:0 4px 12px rgba(185,157,201,0.4);}
.login-form__submit:active{transform:translateY(0);box-shadow:0 2px 6px rgba(185,157,201,0.3);}
.login-form__back{width:100%;height:44px;background:transparent;border:1px solid #36353e;border-radius:6px;color:var(--color-text-secondary);font-size:14px;font-weight:400;cursor:pointer;transition:all 0.3s}
.login-form__back:hover{background:rgba(255,255,255,0.05);border-color:#555;color:#fff;}
.login-view__footer{text-align:center;color:var(--color-text-secondary);font-size:14px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);}
.login-view__switch{background:transparent;border:0;color:var(--color-main);font-size:14px;font-weight:600;cursor:pointer;transition:color 0.3s;margin-left:5px;}
.login-view__switch:hover{color:#a88bb8;}
.register-tabs{display:flex;gap:10px;margin-bottom:20px;background:#111;padding:4px;border-radius:8px;}
.register-tab{flex:1;height:40px;background:transparent;border:0;border-radius:6px;color:var(--color-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s;}
.register-tab:hover{color:#fff;}
.register-tab.active{background:var(--color-main);color:#fff;}
.register-form{display:flex;flex-direction:column;gap:20px;margin-bottom:20px;}
@media (max-width:768px){
  .login-modal{padding:15px;}
  .login-modal__content{padding:20px;max-height:95vh;}
  .login-modal__title{font-size:20px;margin-bottom:20px;}
  .login-options{gap:10px;}
  .login-option{height:44px;font-size:13px;}
  .login-form__phone-wrapper{flex-direction:column;gap:12px;}
  .login-form__country-code{width:100%;}
}
/* 用户中心页面 */
.user-center-page{padding-top:var(--padding-page-box);padding-bottom:var(--padding-page-box);display:grid;grid-template-columns:240px 1fr;gap:clamp(20px,3vw,40px);}
.user-center-page__nav{flex-shrink:0;}
.user-center-nav{list-style:none;display:flex;flex-direction:column;gap:8px;}
.user-center-nav__item{display:block;}
.user-center-nav__item a{display:block;padding:12px 15px;background:#17171a;border-radius:6px;color:var(--color-text-secondary);font-size:14px;text-decoration:none;transition:all 0.3s;}
.user-center-nav__item a:hover{background:#1f1f22;color:#fff;}
.user-center-nav__item.active a{background:rgba(185,157,201,0.15);color:var(--color-main);border:1px solid rgba(185,157,201,0.3);}
.user-center-page__content{flex:1;background: var(--color-box-bg);padding:20px}
/* 用户订单页面 */
.user-order__title{color:#fff;font-size:25px;font-weight:600;margin:0 0 25px;font-family:"NoticiaText";}
.user-order__tabs{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap;}
.user-order__tab{height:40px;padding:0 20px;background:#17171a;border:1px solid #36353e;border-radius:6px;color:var(--color-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s;}
.user-order__tab:hover{background:#1f1f22;color:#fff;border-color:rgba(185,157,201,0.5);}
.user-order__tab.active{background:rgba(185,157,201,0.15);color:var(--color-main);border-color:var(--color-main);}
.user-order__list{display:flex;flex-direction:column;gap:20px;}
.user-order__empty{padding:60px 20px;text-align:center;color:var(--color-text-secondary);font-size:16px;}
.user-order-item{background:var(--color-box-bg);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:20px;}
.user-order-item__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.1);}
.user-order-item__meta{display:flex;flex-direction:column;gap:8px;}
.user-order-item__number{color:#fff;font-size:16px;font-weight:600;}
.user-order-item__date{color:var(--color-text-secondary);font-size:14px;}
.user-order-item__status{display:inline-block;padding:6px 12px;background:rgba(251,191,36,0.15);color:#fbbf24;font-size:13px;font-weight:500;border-radius:4px;}
.user-order-item__body{display:flex;flex-direction:column;gap:15px;}
.user-order-item__goods{display:flex;gap:15px;align-items:center;}
.user-order-item__img{flex-shrink:0;width:80px;aspect-ratio:1/1;border-radius:8px;overflow:hidden;}
.user-order-item__img img{width:100%;height:100%;object-fit:cover;display:block;}
.user-order-item__info{flex:1;display:flex;flex-direction:column;gap:8px;}
.user-order-item__name{color:#fff;font-size:16px;font-weight:600;}
.user-order-item__spec{color:var(--color-text-secondary);font-size:14px;}
.user-order-item__price{flex-shrink:0;color:#fbbf24;font-size:18px;font-weight:700;}
.user-order-item__footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid rgba(255,255,255,0.1);}
.user-order-item__total{color:var(--color-text-secondary);font-size:14px;}
.user-order-item__total strong{color:#fff;font-size:18px;font-weight:700;}
.user-order-item__actions{display:flex;gap:10px;}
.user-order-item__btn{height:36px;padding:0 20px;background:var(--color-main);border:0;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s;}
.user-order-item__btn:hover{background:#a88bb8;transform:translateY(-2px);box-shadow:0 4px 12px rgba(185,157,201,0.4);}
.user-order-item__btn--secondary{background:transparent;border:1px solid #36353e;color:var(--color-text-secondary);}
.user-order-item__btn--secondary:hover{background:rgba(255,255,255,0.05);border-color:#555;color:#fff;}
@media (max-width:1024px){
  .user-center-page{grid-template-columns:1fr;gap:30px;}
  .user-center-page__nav{order:-1;}
  .user-center-nav{flex-direction:row;flex-wrap:wrap;gap:10px;}
  .user-center-nav__item{flex:1;min-width:150px;}
}
@media (max-width:768px){
  .user-center-nav__item{min-width:auto;flex:1 1 calc(50% - 5px);}
  .user-order__tabs{flex-direction:column;}
  .user-order__tab{width:100%;}
  .user-order-item__header{flex-direction:column;align-items:flex-start;gap:12px;}
  .user-order-item__footer{flex-direction:column;align-items:flex-start;gap:15px;}
  .user-order-item__actions{width:100%;}
  .user-order-item__btn{flex:1;}
}