.hero-section{background:#fffde7;border:2px solid #d7ccc8;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;box-shadow:2px 3px 0 rgba(62,39,35,.1),4px 5px 0 rgba(62,39,35,.05);margin-bottom:40px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.hero-section:hover{box-shadow:3px 4px 0 rgba(62,39,35,.15),5px 6px 0 rgba(62,39,35,.08);transform:translateY(-3px) rotate(-.5deg);transform:none}.hero-section .hero-slider{aspect-ratio:16/6;background:#f5e6c8;border:2px solid #d7ccc8;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;overflow:hidden;position:relative;width:100%}@media screen and (max-width:799px){.hero-section .hero-slider{aspect-ratio:16/9;border-radius:125px 10px 115px 10px/10px 115px 10px 125px}}.hero-section .slider-track{height:100%;position:relative;width:100%}.hero-section .slide-item{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .6s ease,visibility .6s ease;visibility:hidden;width:100%;z-index:1}.hero-section .slide-item.active{opacity:1;visibility:visible;z-index:2}.hero-section .slide-item .slide-link{color:inherit;display:block;height:100%;text-decoration:none;width:100%}.hero-section .slide-image-wrapper{height:100%;position:relative;width:100%}.hero-section .slide-image-wrapper .slide-image{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hero-section .slide-overlay{background:linear-gradient(0deg,rgba(62,39,35,.75) 0,rgba(62,39,35,.3) 35%,transparent 70%);inset:0;pointer-events:none;position:absolute}@media screen and (max-width:799px){.hero-section .slide-overlay{background:linear-gradient(0deg,rgba(62,39,35,.85) 0,rgba(62,39,35,.4) 40%,transparent 80%)}}.hero-section .slide-content{bottom:40px;left:40px;max-width:520px;position:absolute;z-index:3}@media screen and (min-width:800px)and (max-width:1599px){.hero-section .slide-content{bottom:28px;left:24px;max-width:420px}}@media screen and (max-width:799px){.hero-section .slide-content{bottom:50px;left:16px;max-width:none;right:16px}}.hero-section .slide-content .slide-title{color:#fff;display:-webkit-box;font-family:ZCOOL KuaiLe,Ma Shan Zheng,cursive,PingFang SC,Microsoft YaHei,sans-serif;font-size:32px;font-weight:700;-webkit-line-clamp:2;margin-bottom:10px;text-shadow:2px 3px 0 rgba(62,39,35,.4);-webkit-box-orient:vertical;overflow:hidden}@media screen and (max-width:799px){.hero-section .slide-content .slide-title{font-size:22px;margin-bottom:6px}}.hero-section .slide-content .slide-desc{color:hsla(0,0%,100%,.85);display:-webkit-box;font-size:14px;-webkit-line-clamp:2;margin-bottom:16px;-webkit-box-orient:vertical;overflow:hidden}@media screen and (max-width:799px){.hero-section .slide-content .slide-desc{font-size:12px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.hero-section .slide-btn{align-items:center;background:#e65100;border:2px solid #b33f00;border-radius:65px 8px 55px 8px/8px 55px 8px 65px;color:#fff;cursor:pointer;display:inline-flex;font-family:Comic Neue,Helvetica,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;justify-content:center;padding:8px 20px;text-decoration:none;transition:all .2s ease}.hero-section .slide-btn:hover{background:#bd4300;color:#fff;transform:translateY(-1px)}.hero-section .slide-btn{box-shadow:1px 1px 0 rgba(62,39,35,.2);font-family:ZCOOL KuaiLe,Ma Shan Zheng,cursive,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;padding:10px 24px}.hero-section .slide-btn svg{height:16px;margin-right:6px;width:16px}.hero-section .slide-btn:hover{transform:translateY(-2px) rotate(-1deg)}@media screen and (max-width:799px){.hero-section .slide-btn{font-size:13px;padding:7px 16px}}.hero-section .slider-dots{align-items:center;bottom:16px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:4}.hero-section .slider-dots .dot{background:transparent;border:2px solid hsla(0,0%,100%,.6);border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.hero-section .slider-dots .dot:hover{background:hsla(0,0%,100%,.3);border-color:#fff}.hero-section .slider-dots .dot.active{background:#fff;border-color:#fff;box-shadow:0 0 6px hsla(0,0%,100%,.5)}.hero-section .slider-arrow{align-items:center;background:rgba(255,248,225,.85);border:2px solid #d7ccc8;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;border-radius:50%;box-shadow:2px 3px 0 rgba(62,39,35,.1),4px 5px 0 rgba(62,39,35,.05);color:#5d4037;cursor:pointer;display:flex;height:44px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:44px;z-index:4}.hero-section .slider-arrow svg{height:20px;width:20px}.hero-section .slider-arrow:hover{background:#5d4037;border-color:#4e342e;color:#fff;transform:translateY(-50%) rotate(-2deg)}.hero-section .slider-arrow.prev{left:16px}.hero-section .slider-arrow.next{right:16px}@media screen and (max-width:799px){.hero-section .slider-arrow{display:none}}.hero-section .hero-slider:hover .slider-arrow{opacity:1}.category-section{padding:30px 0}.category-section:last-child{padding-bottom:0}.category-section .section-header{align-items:center;border-bottom:2px dashed #d7ccc8;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.category-section .section-title{color:#5d4037;display:inline-block;font-family:ZCOOL KuaiLe,Ma Shan Zheng,cursive,PingFang SC,Microsoft YaHei,sans-serif;font-size:22px;font-weight:700;position:relative}.category-section .section-title:after{background:#e65100;border-radius:2px;bottom:-2px;content:"";height:3px;left:0;position:absolute;transform:rotate(-.5deg);width:100%}@media screen and (max-width:799px){.category-section .section-title{font-size:18px}}.category-section .more-btn{align-items:center;background:#fffde7;border:1px solid #d7ccc8;border-radius:65px 8px 55px 8px/8px 55px 8px 65px;box-shadow:1px 1px 0 rgba(62,39,35,.2);color:#795548;display:inline-flex;font-size:13px;gap:4px;padding:5px 14px;text-decoration:none;transition:all .2s ease}.category-section .more-btn svg{height:14px;transition:transform .2s ease;width:14px}.category-section .more-btn:hover{border-color:#5d4037;color:#5d4037;transform:translateY(-1px) rotate(-1deg)}.category-section .more-btn:hover svg{transform:translateX(2px)}.category-section .section-content{position:relative}.rank-section-home{border-top:3px dashed #d7ccc8;margin-top:10px;padding:30px 0 20px}.rank-section-home .section-header{align-items:center;border-bottom:2px dashed #d7ccc8;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:12px}.rank-section-home .section-header .section-title{align-items:center;color:#5d4037;display:flex;display:inline-block;font-family:ZCOOL KuaiLe,Ma Shan Zheng,cursive,PingFang SC,Microsoft YaHei,sans-serif;font-size:22px;font-weight:700;gap:8px;position:relative}.rank-section-home .section-header .section-title:after{background:#e65100;border-radius:2px;bottom:-2px;content:"";height:3px;left:0;position:absolute;transform:rotate(-.5deg);width:100%}.rank-section-home .section-header .section-title .title-icon{align-items:center;display:flex}.rank-section-home .section-header .section-title .title-icon svg{color:#e65100;height:22px;width:22px}@media screen and (max-width:799px){.rank-section-home .section-header .section-title{font-size:18px}}.rank-section-home .section-header .more-btn{align-items:center;background:#fffde7;border:1px solid #d7ccc8;border-radius:65px 8px 55px 8px/8px 55px 8px 65px;box-shadow:1px 1px 0 rgba(62,39,35,.2);color:#795548;display:inline-flex;font-size:13px;gap:4px;padding:5px 14px;text-decoration:none;transition:all .2s ease}.rank-section-home .section-header .more-btn svg{height:14px;width:14px}.rank-section-home .section-header .more-btn:hover{border-color:#5d4037;color:#5d4037;transform:translateY(-1px) rotate(-1deg)}.rank-section-home .rank-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.rank-section-home .rank-tab{background:#fffde7;border:1px solid #d7ccc8;border-radius:65px 8px 55px 8px/8px 55px 8px 65px;color:#795548;cursor:pointer;font-family:Comic Neue,Helvetica,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:13px;padding:6px 16px;transition:all .2s ease}.rank-section-home .rank-tab:hover{border-color:#8d6e63;color:#5d4037}.rank-section-home .rank-tab.active{background:#5d4037;border-color:#4e342e;color:#fff;font-weight:600}.rank-section-home .rank-panel{display:none}.rank-section-home .rank-panel.active{display:block}.rank-section-home .rank-category-title{border-left:3px solid #e65100;color:#5d4037;font-family:ZCOOL KuaiLe,Ma Shan Zheng,cursive,PingFang SC,Microsoft YaHei,sans-serif;font-size:18px;margin-bottom:14px;padding-left:12px;position:relative}@media screen and (max-width:799px){.rank-section-home .rank-category-title{font-size:16px}}.rank-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media screen and (min-width:800px)and (max-width:1599px){.rank-grid{gap:12px;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:799px){.rank-grid{gap:10px;grid-template-columns:1fr}}.rank-card{background:#fffde7;border:2px solid #d7ccc8;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;box-shadow:2px 3px 0 rgba(62,39,35,.1),4px 5px 0 rgba(62,39,35,.05);transition:transform .3s ease,box-shadow .3s ease}.rank-card:hover{box-shadow:3px 4px 0 rgba(62,39,35,.15),5px 6px 0 rgba(62,39,35,.08);transform:translateY(-3px) rotate(-.5deg)}.rank-card{padding:16px}.rank-card .rank-card-header{align-items:center;border-bottom:2px dashed #d7ccc8;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.rank-card .rank-card-header .rank-card-title{align-items:center;color:#5d4037;display:flex;font-family:ZCOOL KuaiLe,Ma Shan Zheng,cursive,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;gap:6px}.rank-card .rank-card-header .rank-card-title svg{color:#e65100;height:16px;width:16px}.rank-list{display:flex;flex-direction:column;gap:6px}.rank-item{align-items:center;border:1px solid transparent;border-radius:65px 8px 55px 8px/8px 55px 8px 65px;display:flex;gap:10px;padding:8px 10px;text-decoration:none;transition:all .2s ease}.rank-item:hover{background:rgba(93,64,55,.04);border-color:#d7ccc8}.rank-item:hover .rank-title{color:#5d4037}.rank-item:hover .rank-thumb img{transform:scale(1.05)}.rank-item .rank-number{align-items:center;background:#f5e6c8;border:1px solid #d7ccc8;border-radius:65px 8px 55px 8px/8px 55px 8px 65px;border-radius:50%;color:#bcaaa4;display:flex;flex-shrink:0;font-family:ZCOOL KuaiLe,Ma Shan Zheng,cursive,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:700;height:26px;justify-content:center;width:26px}.rank-item .rank-number.top{background:#e65100;border-color:#b33f00;box-shadow:1px 2px 0 rgba(230,81,0,.3);color:#fff}.rank-item .rank-thumb{aspect-ratio:2/3;background:#f5e6c8;border:1px solid #d7ccc8;border-radius:65px 8px 55px 8px/8px 55px 8px 65px;flex-shrink:0;overflow:hidden;position:relative;width:48px}.rank-item .rank-thumb img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.rank-item .rank-info{flex:1;min-width:0}.rank-item .rank-info .rank-title{color:#3e2723;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.rank-item .rank-info .rank-remarks{color:#a1887f;font-size:12px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:799px){.hero-section{margin-bottom:24px;padding:0}.category-section{padding:20px 0}.rank-section-home{padding:20px 0 16px}}