/* ShanFeng Theme - bento-hero.css (Safe Minified) | Copyright (c) 2026 JianShan */
.sf-bento-grid{display:grid;grid-template-columns:240px 1fr 240px;gap:var(--sf-gap);margin:30px 0 50px;height:480px;}
.bento-side-col,.bento-main-col{display:flex;flex-direction:column;gap:var(--sf-gap);height:100%;}
.sf-bento-card{position:relative;border-radius:var(--sf-radius-lg);background-color:var(--sf-bg-card);border:1px solid var(--sf-border-color);overflow:hidden;width:100%;transition:border-color 0.3s ease;}
.sf-bento-card:hover{border-color:#DEDEDE;}
.bento-link-overlay{position:absolute;inset:0;z-index:10;}
.bento-title-lg{font-size:28px;font-weight:800;line-height:1.3;margin:0;}
.bento-title-sm{font-size:16px;font-weight:700;line-height:1.4;margin:0;color:var(--sf-text-main);transition:color 0.3s;}
.bento-text-only{flex:1.1;background-color:#F7F7F9 !important;}
.bento-text-inner{padding:15px 25px;display:flex;flex-direction:column;justify-content:center;height:100%;position:relative;z-index:2;}
.bento-text-inner .text-tag{color:var(--sf-accent-red);font-size:12px;font-weight:700;margin-bottom:6px;}
.bento-text-inner h4{font-size:16px;font-weight:700;color:var(--sf-text-main);line-height:1.4;margin-bottom:4px;}
.bento-text-inner p{font-size:13px;color:var(--sf-text-muted);margin:0;line-height:1.5;}
.bento-img-text{flex:1.8;display:flex;flex-direction:column;background:#fff !important;overflow:visible !important;}
.bento-img-text .img-part{height:55%;width:100%;position:relative;background:#E8EBED;border-radius:var(--sf-radius-lg) var(--sf-radius-lg) 0 0;overflow:hidden;}
.bento-img-text .img-part img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;}
.sf-bento-card:hover .img-part img{transform:scale(1.03);}
.bento-img-text .text-part{height:45%;padding:12px 20px;display:flex;flex-direction:column;justify-content:center;}
.bento-img-text .text-part h4{font-size:16px;font-weight:700;color:var(--sf-text-main);margin-bottom:2px;}
.bento-img-text .text-part p{font-size:13px;color:var(--sf-text-muted);margin:0;line-height:1.5;}
.bento-calendar-box{position:relative;}
.calendar-badge{position:absolute;left:20px;top:55%;transform:translateY(-50%);background:#fff;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.08);display:flex;flex-direction:column;z-index:5;overflow:hidden;}
.calendar-badge .week{background:var(--sf-accent-red);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;text-align:center;}
.calendar-badge .day{color:var(--sf-text-main);font-size:18px;font-weight:800;padding:2px 8px 4px;line-height:1;text-align:center;}
.bento-ad-pure{flex:1.1;}
.bento-ad-pure .bento-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 0.4s;}
.sf-bento-card:hover .bento-bg-img{transform:scale(1.03);}
.bento-split-x{flex:1.1;display:flex;flex-direction:row;align-items:center;background-color:#F7F7F9 !important;justify-content:space-between;padding:20px;}
.split-x-text{flex:1;align-self:flex-start;padding-right:15px;z-index:2;padding-top:5px;}
.split-x-img{width:80px;height:80px;flex-shrink:0;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,0.1);transform:rotate(6deg) translateX(10px);transition:all 0.4s cubic-bezier(0.25,0.1,0.25,1);}
.split-x-img img{width:100%;height:100%;object-fit:cover;}
.bento-split-x:hover .split-x-img{transform:rotate(0deg) translateX(0px);}
.bento-split-x:hover .split-x-text .bento-title-sm{color:var(--sf-accent-red);}
.bento-main{flex:1;}
.bento-main .bento-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;}
.bento-main:hover .bento-bg-img{transform:scale(1.03);}
.bento-gradient{position:absolute;bottom:0;left:0;width:100%;height:65%;background:linear-gradient(to top,rgba(0,0,0,0.75),transparent);z-index:2;pointer-events:none;}
.bento-content{position:absolute;bottom:0;left:0;width:100%;padding:30px;z-index:3;color:#fff;pointer-events:none;}
.bento-main-slider{position:relative;width:100%;height:100%;overflow:hidden;}
.sf-slides-container{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;}
.sf-slides-container::-webkit-scrollbar{display:none;}
.sf-slide-item{flex:0 0 100%;height:100%;scroll-snap-align:start;position:relative;overflow:hidden;}
.sf-slider-progress{position:absolute;top:10px;left:20px;right:20px;display:flex;gap:6px;z-index:20;}
.sf-slider-progress .progress-bar{flex:1;height:24px;cursor:pointer;position:relative;}
.sf-slider-progress .progress-bar::before{content:'';position:absolute;top:11px;left:0;right:0;height:2px;background:rgba(255,255,255,0.2);border-radius:2px;}
.sf-slider-progress .progress-bar::after{content:'';position:absolute;top:11px;left:0;height:2px;width:0;background:#fff;border-radius:2px;z-index:2;}
.sf-slider-progress .progress-bar.active::after{animation:sf-progress-run 8s linear forwards;}
@keyframes sf-progress-run{0%{width:0;opacity:0.8;}100%{width:100%;opacity:1;}}
.sf-bento-grid > .bento-side-col:first-child{display:flex !important;flex-direction:column !important;height:100% !important;overflow:hidden;}
.sf-bento-grid > .bento-side-col:first-child > *{min-height:0 !important;}
.sf-bento-grid > .bento-side-col:first-child .bento-calendar-box{flex:1.95 !important;background-color:#F7F7F9 !important;}
.sf-bento-grid > .bento-side-col:first-child .bento-calendar-box .img-part{height:55% !important;flex:0 0 55% !important;}
.sf-bento-grid > .bento-side-col:first-child .bento-calendar-box .calendar-badge{top:55% !important;}
.sf-bento-grid > .bento-side-col:first-child .bento-calendar-box .text-part{height:auto !important;flex:1 !important;padding:26px 20px 15px 20px !important;justify-content:flex-start !important;}
.sf-custom-code-box{margin-top:10px;flex:1;}
.sf-custom-code-box p,.sf-custom-code-box #hitokoto{font-size:13px;line-height:1.6 !important;color:var(--sf-text-main);display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;white-space:normal !important;margin:0 !important;}
.sf-bento-grid > .bento-side-col:first-child .bento-ad-pure{flex:1.2 !important;}
.sf-bento-grid > .bento-side-col:first-child .bento-text-only{flex:0.55 !important;}
.sf-bento-grid > .bento-side-col:first-child .bento-text-only .bento-text-inner{padding:10px 20px !important;justify-content:center !important;flex-direction:row !important;align-items:center !important;gap:12px !important;}
.sf-bento-grid > .bento-side-col:last-child .bento-text-only .bento-text-inner{padding:12px 20px !important;}
.sf-bento-grid > .bento-side-col:last-child .bento-split-x{padding:15px 20px !important;}
.sf-bento-grid > .bento-side-col:last-child .bento-split-x .split-x-text{padding-right:15px !important;padding-top:0 !important;}
.sf-bento-grid > .bento-side-col:last-child .bento-img-text .product-info{padding:12px 20px !important;}
.bento-notice-slider .bento-text-inner{padding:15px 20px !important;flex-direction:row !important;align-items:center !important;gap:12px !important;}
.sf-notice-icon{color:#1D1E20;font-size:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.sf-notice-scroll-wrap{height:24px;overflow:hidden;flex:1;min-width:0;}
.sf-notice-list{display:flex;flex-direction:column;margin:0 !important;padding:0 !important;animation:notice-icon-scroll 9s ease-in-out infinite;}
.sf-notice-item{height:24px !important;margin:0 !important;padding:0 !important;display:flex;align-items:center;}
.bento-notice-slider .sf-notice-item a{font-size:13px !important;line-height:24px !important;color:var(--sf-text-main)!important;font-weight:500 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;margin:0 !important;transition:color 0.3s ease;}
.bento-notice-slider .sf-notice-item a:hover{color:var(--sf-accent-red) !important;}
@keyframes notice-icon-scroll{0%,25%{transform:translateY(0);opacity:1;}30%{opacity:0;transform:translateY(-10%);}33.3%,58%{transform:translateY(-33.333%);opacity:1;}63%{opacity:0;transform:translateY(-43%);}66.6%,91%{transform:translateY(-66.666%);opacity:1;}96%{opacity:0;transform:translateY(-76%);}100%{transform:translateY(0);opacity:1;}}
.bento-notice-slider:hover .sf-notice-list{animation-play-state:paused;}
.bento-icon-row-card{background-color:#F7F7F9 !important;display:flex !important;flex-direction:row !important;align-items:center !important;padding:20px !important;gap:15px !important;}
.bento-icon-row-card .card-icon-box{width:52px;height:52px;border-radius:50%;overflow:hidden;flex-shrink:0;background-color:#111;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;}
.bento-icon-row-card .card-icon-box img{width:100%;height:100%;object-fit:cover;}
.bento-icon-row-card .card-text-box{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;height:88px !important;}
.bento-icon-row-card .card-text-box h4{font-size:13px !important;line-height:22px !important;color:#1d1e20;font-weight:500;margin:0 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;white-space:normal !important;}
.bento-icon-row-card .card-text-box p{font-size:13px !important;line-height:20px !important;color:var(--sf-text-muted);margin:0 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;white-space:normal !important;}
.bento-split-x{display:flex !important;flex-direction:row !important;align-items:stretch !important;padding:20px !important;gap:15px !important;background-color:#fff;}
.bento-split-x .split-x-text{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0;height:100% !important;padding:0;}
.bento-split-x .split-x-text h4{font-size:13px !important;line-height:22px !important;color:#1d1e20;font-weight:500;margin:0 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;white-space:normal !important;}
.bento-split-x .split-x-text .sf-cta-link{font-size:13px !important;color:var(--sf-text-muted);display:flex;align-items:center;gap:4px;font-weight:400;}
.bento-split-x .split-x-text .sf-cta-link i{font-size:16px;transition:all 0.3s ease;}
.bento-split-x:hover .sf-cta-link i{transform:translate(2px,-2px);color:#111;}
.bento-split-x .split-x-img{width:72px;height:72px;border-radius:8px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:#f7f7f9;}
.bento-split-x .split-x-img img{width:100%;height:100%;object-fit:cover;}
.bento-random-card{background-color:#F7F7F9 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;padding:20px 15px 15px 15px !important;}
.bento-random-card .random-img-stage{position:relative;width:100%;height:85px;display:flex;justify-content:center;align-items:center;margin-bottom:12px;}
.bento-random-card .img-side{position:absolute;top:50%;transform:translateY(-50%);width:35px !important;height:70px !important;border-radius:6px;overflow:hidden;z-index:1;opacity:0.5;transition:all 0.3s ease;}
.bento-random-card .img-side img{width:100%;height:100%;object-fit:cover;}
.bento-random-card .img-left{left:-15px !important;border-radius:0 6px 6px 0 !important;}
.bento-random-card .img-right{right:-15px !important;border-radius:6px 0 0 6px !important;}
.bento-random-card .img-center{position:relative;z-index:2;width:140px;height:85px;border-radius:8px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,0.12);background-color:#fff;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1);}
.bento-random-card .img-center img{width:100%;height:100%;object-fit:cover;}
.bento-random-card:hover .img-center{transform:scale(1.05);}
.bento-random-card:hover .img-left{transform:translate(-5px,-50%) !important;opacity:0.2;}
.bento-random-card:hover .img-right{transform:translate(5px,-50%) !important;opacity:0.2;}
.bento-random-card .random-text-stage{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;height:44px;}
.bento-random-card .random-text-stage h4{font-size:13px !important;line-height:22px !important;color:#111;font-weight:500;margin:0 !important;text-align:center;display:-webkit-box !important;-webkit-line-clamp:1 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;width:100%;}
.bento-random-card .random-text-stage p{font-size:13px !important;line-height:18px !important;color:var(--sf-text-muted);margin:0 !important;text-align:center;display:-webkit-box !important;-webkit-line-clamp:1 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;width:100%;}
@media (max-width:1024px){
.sf-bento-grid{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:12px !important;height:auto !important;margin:15px 0 10px !important;}
.sf-bento-grid > .bento-side-col,.sf-bento-grid > .bento-side-col:first-child,.sf-bento-grid > .bento-side-col:last-child,.sf-bento-grid > .bento-main-col{display:contents !important;}
.sf-bento-grid .bento-main-slider{grid-column:1 / 3 !important;grid-row:1 !important;height:380px !important;border-radius:16px !important;}
.sf-bento-grid .bento-calendar-box{display:none !important;}
.sf-bento-grid .bento-ad-pure{grid-column:1 / 2 !important;grid-row:2 !important;height:95px !important;border-radius:16px !important;}
.sf-bento-grid .bento-icon-row-card{grid-column:1 / 2 !important;grid-row:3 !important;height:95px !important;min-height:95px !important;border-radius:16px !important;padding:10px 15px 10px 10px !important;background:#F7F7F9 !important;gap:10px !important;flex-direction:row !important;align-items:center !important;}
.sf-bento-grid .bento-icon-row-card .card-icon-box{width:44px !important;height:44px !important;flex-shrink:0 !important;}
.sf-bento-grid .bento-icon-row-card .card-text-box{height:auto !important;justify-content:center !important;}
.sf-bento-grid .bento-icon-row-card .card-text-box h4{font-size:13px !important;line-height:1.4 !important;}
.sf-bento-grid .bento-icon-row-card .card-text-box p{font-size:11px !important;color:#999 !important;-webkit-line-clamp:1 !important;}
.sf-bento-grid .bento-random-card{grid-column:2 / 3 !important;grid-row:2 / 4 !important;display:flex !important;flex-direction:column !important;height:202px !important;min-height:202px !important;max-height:202px !important;border-radius:16px !important;padding:0 !important;overflow:hidden !important;box-sizing:border-box !important;background:#F7F7F9 !important;gap:0 !important;}
.sf-bento-grid .bento-random-card .img-left,.sf-bento-grid .bento-random-card .img-right{display:none !important;}
.sf-bento-grid .bento-random-card .random-img-stage,.sf-bento-grid .bento-random-card .img-center,.sf-bento-grid .bento-random-card .img-center a{width:100% !important;max-width:100% !important;height:95px !important;min-height:95px !important;max-height:95px !important;flex:0 0 95px !important;margin:0 !important;padding:0 !important;border-radius:0 !important;display:block !important;box-shadow:none !important;background:transparent !important;}
.sf-bento-grid .bento-random-card .img-center img{width:100% !important;height:100% !important;object-fit:cover !important;border-radius:0 !important;margin:0 !important;padding:0 !important;display:block !important;}
.sf-bento-grid .bento-random-card .random-text-stage{display:flex !important;flex-direction:column !important;width:100% !important;height:107px !important;flex:0 0 107px !important;padding:0px 15px 36px 15px !important;margin:0 !important;gap:4px !important;box-sizing:border-box !important;justify-content:center !important;align-items:center !important;text-align:center !important;background:#F7F7F9 !important;position:relative !important;}
.sf-bento-grid .bento-random-card .random-text-stage h4{font-size:13px !important;-webkit-line-clamp:1 !important;white-space:normal !important;margin-top:0 !important;width:100% !important;text-align:center !important;}
.sf-bento-grid .bento-random-card .random-text-stage p{font-size:11px !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:normal !important;line-height:1.4 !important;margin:0 !important;color:#888 !important;width:100% !important;text-align:center !important;}
.sf-bento-grid .bento-random-card .random-text-stage::after{content:'' !important;position:absolute !important;bottom:12px !important;left:50% !important;transform:translateX(-50%) !important;top:auto !important;right:auto !important;margin-top:0 !important;width:16px !important;height:16px !important;border:none !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='11'%3E%3C/circle%3E%3Cpolyline points='10.5 8 14.5 12 10.5 16'%3E%3C/polyline%3E%3C/svg%3E") !important;background-size:cover !important;background-repeat:no-repeat !important;display:block !important;pointer-events:none !important;z-index:10 !important;}
.sf-bento-grid .bento-notice-slider{grid-column:1 / 3 !important;grid-row:4 !important;height:48px !important;min-height:48px !important;border-radius:16px !important;}
.sf-bento-grid .bento-notice-slider .bento-text-inner{flex-direction:row !important;justify-content:flex-start !important;align-items:center !important;padding:0 15px 0 20px !important;gap:12px !important;}
.sf-bento-grid .sf-notice-icon{margin-bottom:0 !important;font-size:20px !important;}
.sf-bento-grid .sf-notice-scroll-wrap{flex:1 !important;width:auto !important;height:24px !important;}
.sf-bento-grid .bento-notice-slider .sf-notice-item{height:24px !important;justify-content:flex-start !important;}
.sf-bento-grid .bento-notice-slider .sf-notice-item a{white-space:nowrap !important;display:block !important;line-height:24px !important;font-size:13px !important;text-align:left !important;color:var(--sf-text-main) !important;}
.sf-bento-grid .bento-notice-slider .bento-text-inner::after{content:'';display:block;width:6px;height:6px;border-top:2px solid #ccc;border-right:2px solid #ccc;transform:rotate(45deg);flex-shrink:0 !important;margin-left:5px !important;}
.sf-bento-grid .bento-split-x{display:none !important;}
}
.bento-split-x.sf-3d-hover-card{perspective:1000px;overflow:hidden;position:relative;}
.bento-split-x.sf-3d-hover-card .split-x-text{width:60%;}
.sf-3d-image-wrapper{position:absolute;right:-10%;bottom:-15%;width:55%;height:85%;border-radius:12px;overflow:hidden;z-index:1;box-shadow:-5px -5px 20px rgba(0,0,0,0.08);transform-origin:bottom right;transform:rotateY(-20deg) rotateX(15deg) scale(1.05);transition:transform 0.5s cubic-bezier(0.2,0.8,0.2,1),box-shadow 0.5s ease;}
.sf-3d-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block;}
.bento-split-x.sf-3d-hover-card:hover .sf-3d-image-wrapper{transform:rotateY(0deg) rotateX(0deg) scale(1) translate(-12%,2%);box-shadow:-8px -8px 25px rgba(0,0,0,0.12);}
@media (max-width:768px){
.sf-bento-grid .bento-main-slider{height:350px !important;}
}
@media (min-width:1025px){
.sf-bento-grid{height:460px !important;}
.sf-bento-grid > .bento-side-col:first-child .bento-calendar-box{flex:1.9 !important;}
.sf-bento-grid > .bento-side-col:first-child .bento-ad-pure{flex:1.1 !important;}
.sf-bento-grid > .bento-side-col:first-child .bento-text-only{flex:0.55 !important;}
.sf-bento-grid > .bento-side-col:last-child .bento-icon-row-card{flex:0.65 !important;padding:12px 20px !important;}
.bento-icon-row-card .card-text-box{height:auto !important;}
.sf-bento-grid > .bento-side-col:last-child .bento-icon-row-card .card-text-box p{-webkit-line-clamp:1 !important;}
.bento-icon-row-card .card-icon-box{width:42px !important;height:42px !important;font-size:18px !important;}
.sf-bento-grid > .bento-side-col:last-child .bento-split-x{flex:0.95 !important;padding:18px 20px !important;}
.bento-split-x .split-x-img{width:70px !important;height:70px !important;}
.sf-bento-grid > .bento-side-col:last-child .bento-random-card{flex:1.4 !important;padding:20px 15px 15px 15px !important;}
}
@media (min-width:769px){
.sf-bento-grid{margin-bottom:25px !important;}
.sf-sticky-line{margin:35px 0 35px 0 !important;}
}