.diy_button0{padding:.7rem 2rem;background:#367ed4;color:#fff;border-radius:7px;display:inline-flex}.diy_button0:hover{background:#222;color:#fff}.diy_button1{padding:.7rem calc(1rem + 1vw);background:#367ed4;color:#fff;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;z-index:1;box-sizing:border-box}.diy_button1 i{display:inline-flex;width:1rem;height:1rem;margin:0 0 0 1rem;background:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23000000'%3E%3Cpath d='M 18.71875 6.78125 L 17.28125 8.21875 L 24.0625 15 L 4 15 L 4 17 L 24.0625 17 L 17.28125 23.78125 L 18.71875 25.21875 L 27.21875 16.71875 L 27.90625 16 L 27.21875 15.28125 Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") no-repeat center;background-size:contain}.diy_button1::after{position:absolute;content:"";top:0;left:0;width:0%;height:100%;z-index:-1;background:#222;transition-property:all;transition-duration:0.4s;transition-timing-function:"ease";transition-delay:"0s"}.diy_button1:hover::after{width:100%}main,footer{background:#fff}.D0{padding:calc(4rem + 4vw) 0 calc(3rem + 3vw) 0}.D0 .DEFS{display:flex;gap:30px;padding:40px;max-width:1600px;margin:0 auto;background-color:#fff;font-family:Arial,sans-serif}.D0 .sidebar{flex:0 0 260px}.D0 .sidebar .block{margin-bottom:40px}.D0 .sidebar .block .block-title{font-size:16px;font-weight:700;color:#fff;background-color:#367ed4;padding:12px 16px;margin:0 0 16px 0;border-radius:4px}.D0 .sidebar .cat-list{list-style:none;margin:0;padding:0}.D0 .sidebar .cat-list li{border-bottom:1px solid #eee}.D0 .sidebar .cat-list .cat-row{display:flex;align-items:center;justify-content:space-between;padding:0 16px}.D0 .sidebar .cat-list .cat-link{flex:1;padding:12px 0;font-size:15px;color:#333;text-decoration:none;transition:color .2s ease}.D0 .sidebar .cat-list .cat-link:hover{color:#0073aa}.D0 .sidebar .cat-list .cat-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;cursor:pointer;color:#999;transition:color .2s ease}.D0 .sidebar .cat-list .cat-toggle:hover{color:#0073aa}.D0 .sidebar .cat-list .cat-toggle .arrow{transition:transform .25s ease}.D0 .sidebar .cat-list .sub-list{list-style:none;margin:0;padding:0;display:none;background-color:#fafafa}.D0 .sidebar .cat-list .sub-list li{border-bottom:none}.D0 .sidebar .cat-list .sub-list li a{display:block;padding:10px 16px 10px 32px;font-size:14px;color:#666;text-decoration:none;transition:all .2s ease}.D0 .sidebar .cat-list .sub-list li a:hover{color:#0073aa;background-color:#f0f0f0}.D0 .sidebar .cat-list .has-sub.open>.sub-list{display:block}.D0 .sidebar .cat-list .has-sub.open .cat-toggle .arrow{transform:rotate(180deg)}.D0 .sidebar .feat-list{list-style:none;padding:0;margin:0}.D0 .sidebar .feat-list a{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed #eee;cursor:pointer}.D0 .sidebar .feat-list a img{width:50px;height:50px;border-radius:6px;-o-object-fit:contain;object-fit:contain;flex-shrink:0;border:1px solid #f0f0f0}.D0 .sidebar .feat-list a span{font-size:12px;line-height:1.5;color:#555;transition:color .3s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.D0 .sidebar .feat-list a:hover span{color:#1a3f96}.D0 .prod{flex:1}.D0 .prod .grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin-bottom:40px}.D0 .prod .grid .item{border:1px solid #eee;border-radius:6px;overflow:hidden;transition:box-shadow .3s,transform .3s;cursor:pointer}.D0 .prod .grid .item .pic{aspect-ratio:1/1;overflow:hidden;background-color:#fafafa}.D0 .prod .grid .item .pic img{width:100%;height:100%;border-radius:6px;-o-object-fit:contain;object-fit:contain;transform:scale(0.9);transition:transform .4s ease;box-shadow:0 0 20px rgba(0,0,0,.062745098)}.D0 .prod .grid .item .name{padding:12px;border-top:1px solid #eee}.D0 .prod .grid .item .name p{font-size:1rem;line-height:1.5;color:#333;font-weight:bold;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.D0 .prod .grid .item:hover{box-shadow:0 8px 20px rgba(0,0,0,.08);transform:translateY(-2px)}.D0 .prod .grid .item:hover .pic img{transform:scale(1.05)}.D0 .prod .pager{display:flex;justify-content:flex-end;align-items:center;gap:6px}.D0 .prod .pager a{display:inline-flex;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 12px;font-size:13px;color:#333;background-color:#fff;border:1px solid #ddd;border-radius:4px;text-decoration:none;transition:all .3s}.D0 .prod .pager a:hover{border-color:#1a3f96;color:#1a3f96}.D0 .prod .pager a.active{background-color:#1a3f96;color:#fff;border-color:#1a3f96}.D0 .prod .pager .total{font-size:13px;color:#666;margin-left:8px}.D0 .pagination .page-numbers{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:3rem 0 0 0;padding:0;list-style:none}.D0 .pagination .page-numbers li{margin:0;padding:0}.D0 .pagination .page-numbers a.page-numbers,.D0 .pagination .page-numbers span.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:15px;height:40px;padding:0 20px;font-size:14px;font-weight:500;color:#333;background-color:#fff;border:1px solid #e0e0e0;border-radius:12rem;text-decoration:none;transition:all .2s ease}.D0 .pagination .page-numbers a.page-numbers:hover{color:#fff;background-color:#367ed4;border-color:#367ed4;transform:translateY(-1px)}.D0 .pagination .page-numbers span.page-numbers.current{color:#fff;background-color:#367ed4;border-color:#367ed4;font-weight:600;cursor:default}.D0 .pagination .page-numbers .prev,.D0 .pagination .page-numbers .next{padding:0 16px;font-weight:600}.D0 .pagination-info{font-size:13px;line-height:1.5;color:#999;margin:2rem 0 0 0;text-align:center}@media screen and (max-width: 1200px){.D0{padding:calc(3rem + 3vw) 20px calc(2.5rem + 2.5vw) 20px}.D0 .DEFS{gap:24px;padding:24px}.D0 .sidebar{flex:0 0 220px}.D0 .sidebar .block{margin-bottom:30px}.D0 .sidebar .block .block-title{font-size:15px;padding:10px 14px}.D0 .sidebar .cat-list .cat-link{font-size:14px}.D0 .sidebar .cat-list .sub-list li a{font-size:13px;padding:8px 14px 8px 28px}.D0 .sidebar .feat-list a{gap:10px}.D0 .sidebar .feat-list a img{width:44px;height:44px}.D0 .sidebar .feat-list a span{font-size:11px}.D0 .prod .grid{grid-template-columns:repeat(3, 1fr);gap:16px}.D0 .prod .grid .item .name{padding:10px}.D0 .prod .grid .item .name p{font-size:.95rem}.D0 .prod .pager{gap:4px}.D0 .prod .pager a{min-width:32px;height:32px;font-size:12px;padding:0 10px}.D0 .prod .pager .total{font-size:12px}.D0 .pagination .page-numbers{margin-top:2.5rem;gap:6px}.D0 .pagination .page-numbers a.page-numbers,.D0 .pagination .page-numbers span.page-numbers{height:36px;padding:0 16px;font-size:13px}.D0 .pagination .page-numbers .prev,.D0 .pagination .page-numbers .next{padding:0 14px}.D0 .pagination-info{font-size:12px;margin-top:1.5rem}}@media screen and (max-width: 992px){.D0{padding:calc(2.5rem + 2.5vw) 16px calc(2rem + 2vw) 16px}.D0 .DEFS{flex-direction:column;gap:24px;padding:20px}.D0 .featured{display:none}.D0 .sidebar{flex:1;width:100%}.D0 .sidebar .block{margin-bottom:24px}.D0 .sidebar .block .block-title{font-size:14px;padding:10px 14px}.D0 .sidebar .cat-list .cat-link{font-size:14px}.D0 .sidebar .cat-list .sub-list li a{font-size:13px}.D0 .sidebar .feat-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:8px 16px}.D0 .sidebar .feat-list a{padding:8px 0}.D0 .prod .grid{grid-template-columns:repeat(2, 1fr);gap:14px}.D0 .prod .grid .item .name{padding:10px}.D0 .prod .grid .item .name p{font-size:.9rem}.D0 .prod .pager{justify-content:center}.D0 .pagination .page-numbers{margin-top:2rem;gap:5px}.D0 .pagination .page-numbers a.page-numbers,.D0 .pagination .page-numbers span.page-numbers{height:34px;padding:0 14px;font-size:12px}.D0 .pagination .page-numbers .prev,.D0 .pagination .page-numbers .next{padding:0 12px}.D0 .pagination-info{font-size:12px;margin-top:1.2rem}}@media screen and (max-width: 768px){.D0{padding:calc(2rem + 2vw) 12px calc(1.5rem + 1.5vw) 12px}.D0 .DEFS{padding:16px;gap:20px}.D0 .sidebar .block{margin-bottom:20px}.D0 .sidebar .block .block-title{font-size:13px;padding:8px 12px}.D0 .sidebar .cat-list .cat-row{padding:0 12px}.D0 .sidebar .cat-list .cat-link{font-size:13px;padding:10px 0}.D0 .sidebar .cat-list .cat-toggle{width:28px;height:28px}.D0 .sidebar .cat-list .sub-list li a{font-size:12px;padding:8px 12px 8px 24px}.D0 .sidebar .feat-list{grid-template-columns:1fr;gap:6px}.D0 .sidebar .feat-list a img{width:40px;height:40px}.D0 .sidebar .feat-list a span{font-size:11px}.D0 .prod .grid{grid-template-columns:repeat(2, 1fr);gap:10px;margin-bottom:24px}.D0 .prod .grid .item .name{padding:8px}.D0 .prod .grid .item .name p{font-size:.85rem}.D0 .prod .pager{gap:4px}.D0 .prod .pager a{min-width:30px;height:30px;font-size:11px;padding:0 8px}.D0 .prod .pager .total{font-size:11px}.D0 .pagination .page-numbers{margin-top:1.5rem;gap:4px}.D0 .pagination .page-numbers a.page-numbers,.D0 .pagination .page-numbers span.page-numbers{height:32px;padding:0 12px;font-size:11px}.D0 .pagination .page-numbers .prev,.D0 .pagination .page-numbers .next{padding:0 10px}.D0 .pagination-info{font-size:11px;margin-top:1rem}}@media screen and (max-width: 576px){.D0{padding:calc(1.5rem + 1.5vw) 10px calc(1rem + 1vw) 10px}.D0 .DEFS{padding:12px;gap:16px}.D0 .sidebar .block{margin-bottom:16px}.D0 .sidebar .block .block-title{font-size:12px;padding:8px 10px}.D0 .sidebar .cat-list .cat-row{padding:0 10px}.D0 .sidebar .cat-list .cat-link{font-size:12px;padding:8px 0}.D0 .sidebar .cat-list .cat-toggle{width:24px;height:24px}.D0 .sidebar .cat-list .cat-toggle .arrow{font-size:12px}.D0 .sidebar .cat-list .sub-list li a{font-size:11px;padding:7px 10px 7px 20px}.D0 .sidebar .feat-list a{gap:8px}.D0 .sidebar .feat-list a img{width:36px;height:36px}.D0 .sidebar .feat-list a span{font-size:10px}.D0 .prod .grid{grid-template-columns:1fr 1fr;gap:10px}.D0 .prod .grid .item .name{padding:8px}.D0 .prod .grid .item .name p{font-size:.8rem}.D0 .prod .pager{flex-wrap:wrap;justify-content:center;gap:4px}.D0 .prod .pager a{min-width:26px;height:26px;font-size:10px;padding:0 6px}.D0 .prod .pager .total{font-size:10px;margin-left:4px}.D0 .pagination .page-numbers{margin-top:1.2rem;gap:4px}.D0 .pagination .page-numbers a.page-numbers,.D0 .pagination .page-numbers span.page-numbers{height:28px;padding:0 10px;font-size:10px;min-width:12px}.D0 .pagination .page-numbers .prev,.D0 .pagination .page-numbers .next{padding:0 8px}.D0 .pagination-info{font-size:10px;margin-top:.8rem}}