.recommendStyle-module__iwbZYa__container{background-color:var(--bg-color);min-height:100vh;padding-bottom:4rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.recommendStyle-module__iwbZYa__header{z-index:50;background-color:var(--recommend-header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--recommend-header-border);align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;top:0}.recommendStyle-module__iwbZYa__backButton{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.recommendStyle-module__iwbZYa__backButton:hover{background-color:var(--surface-hover)}.recommendStyle-module__iwbZYa__pageTitle{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:800}.recommendStyle-module__iwbZYa__partnerSection{background:var(--recommend-partner-section-bg);width:100%;max-width:1280px;margin:0 auto 2rem;padding:1.5rem}.recommendStyle-module__iwbZYa__sectionTitle{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.5rem;font-weight:800;display:flex}.recommendStyle-module__iwbZYa__recommendSectionTitle{margin-bottom:1.5rem;font-size:1.25rem}.recommendStyle-module__iwbZYa__partnerTitleIcon{color:var(--recommend-partner-icon);fill:var(--recommend-partner-icon-fill);flex-shrink:0}.recommendStyle-module__iwbZYa__recommendTitleIcon{color:var(--recommend-sparkle-icon);flex-shrink:0}.recommendStyle-module__iwbZYa__partnerGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}@media (max-width:1200px){.recommendStyle-module__iwbZYa__partnerGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:960px){.recommendStyle-module__iwbZYa__partnerGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.recommendStyle-module__iwbZYa__partnerGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}.recommendStyle-module__iwbZYa__partnerCard{background-color:var(--card-bg);box-shadow:var(--recommend-partner-card-shadow);border:1px solid var(--recommend-partner-card-border);cursor:pointer;border-radius:1rem;flex-direction:column;height:100%;transition:transform .2s;display:flex;position:relative;overflow:hidden}.recommendStyle-module__iwbZYa__partnerCard:hover{transform:translateY(-5px)}.recommendStyle-module__iwbZYa__partnerBanner{aspect-ratio:1;background-color:var(--recommend-partner-banner-bg);background-position:top;background-size:cover;flex-shrink:0;width:100%;height:auto;position:relative}.recommendStyle-module__iwbZYa__partnerBannerFallback{background:var(--recommend-partner-banner-fallback)}.recommendStyle-module__iwbZYa__partnerBadge{pointer-events:none;-webkit-user-select:none;user-select:none;height:auto;display:block}.recommendStyle-module__iwbZYa__partnerBadgeOnBanner{z-index:2;width:44px;position:absolute;top:6px;left:6px}.recommendStyle-module__iwbZYa__partnerBadgeInline{flex-shrink:0;width:28px;display:none}.recommendStyle-module__iwbZYa__partnerNameRow{flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;min-width:0;max-width:100%;min-height:1.5rem;display:flex}.recommendStyle-module__iwbZYa__partnerInfo{flex-direction:column;flex:1;min-width:0;min-height:0;padding:.85rem .9rem 1rem;display:flex;position:relative}.recommendStyle-module__iwbZYa__partnerNameArea{flex-direction:column;flex:1;align-items:stretch;gap:.65rem;min-width:0;min-height:0;display:flex}.recommendStyle-module__iwbZYa__partnerNameWrap{flex-direction:column;gap:.2rem;min-width:0;display:flex}.recommendStyle-module__iwbZYa__partnerName{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;max-width:calc(100% - 34px);margin:0;font-size:.95rem;font-weight:800;line-height:1.35;overflow:hidden}.recommendStyle-module__iwbZYa__partnerDesc{color:var(--text-secondary);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;height:2.8em;margin:0;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.recommendStyle-module__iwbZYa__recommendSection{max-width:1280px;margin:0 auto;padding:0 1.5rem}.recommendStyle-module__iwbZYa__recommendGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}@media (max-width:1200px){.recommendStyle-module__iwbZYa__recommendGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:960px){.recommendStyle-module__iwbZYa__recommendGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.recommendStyle-module__iwbZYa__recommendGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}.recommendStyle-module__iwbZYa__recommendCard{background-color:var(--card-bg);border:1px solid var(--recommend-card-border);text-align:center;cursor:pointer;border-radius:1rem;flex-direction:column;height:100%;padding:0;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.recommendStyle-module__iwbZYa__recommendCard:hover{border-color:var(--recommend-card-hover-border);box-shadow:var(--recommend-card-hover-shadow);transform:translateY(-5px)}.recommendStyle-module__iwbZYa__recImageFrame{aspect-ratio:1;background-color:var(--surface-muted);flex-shrink:0;width:100%;position:relative;overflow:hidden}.recommendStyle-module__iwbZYa__recAvatar{background-color:var(--surface-muted);object-fit:cover;object-position:center top;border:none;border-radius:0;width:100%;height:100%;margin:0;display:block}.recommendStyle-module__iwbZYa__recAvatarFallback{background-color:var(--recommend-avatar-fallback-bg);color:var(--recommend-avatar-fallback-icon);justify-content:center;align-items:center;display:flex}.recommendStyle-module__iwbZYa__recNameRow{box-sizing:border-box;justify-content:center;align-items:center;gap:4px;width:100%;min-width:0;padding:.75rem .6rem .85rem;display:flex}.recommendStyle-module__iwbZYa__recName{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;flex:0 auto;min-width:0;max-width:calc(100% - 28px);margin:0;padding:0;font-size:.95rem;font-weight:700;line-height:1.3;overflow:hidden}.recommendStyle-module__iwbZYa__recPartnerBadge{z-index:2;width:36px;position:absolute;top:6px;left:6px}.recommendStyle-module__iwbZYa__recPartnerBesideName{flex-shrink:0;width:22px;display:none;transform:translateY(1px)}.recommendStyle-module__iwbZYa__followingRibbon{z-index:3;color:#fff;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);pointer-events:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#ef4444 0%,#dc2626 70%,#b91c1c 100%);width:22px;height:30px;position:absolute;top:0;right:10px;box-shadow:0 2px 6px #b91c1c59}.recommendStyle-module__iwbZYa__followingRibbon:before,.recommendStyle-module__iwbZYa__followingRibbon:after{content:"";background:#991b1b;width:3px;height:4px;position:absolute;top:0}.recommendStyle-module__iwbZYa__followingRibbon:before{border-radius:1px 0 0;left:-3px}.recommendStyle-module__iwbZYa__followingRibbon:after{border-radius:0 1px 0 0;right:-3px}.recommendStyle-module__iwbZYa__followingHeart{width:16px;height:16px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.recommendStyle-module__iwbZYa__recommendCard:hover .recommendStyle-module__iwbZYa__recName{color:var(--recommend-name-hover)}@keyframes recommendStyle-module__iwbZYa__pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.recommendStyle-module__iwbZYa__skeleton{background-color:var(--surface-hover);animation:1.5s infinite recommendStyle-module__iwbZYa__pulse}.recommendStyle-module__iwbZYa__skeletonCard{aspect-ratio:3/4;border-radius:1rem;min-height:280px}.recommendStyle-module__iwbZYa__skeletonMini{border-radius:1rem;height:160px}.recommendStyle-module__iwbZYa__viewButton{color:var(--recommend-view-btn-text);border:1px solid var(--recommend-view-btn-border);cursor:pointer;white-space:nowrap;background-color:#0000;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;gap:.25rem;width:100%;margin-top:auto;padding:.45rem .7rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.recommendStyle-module__iwbZYa__viewButton:hover{background-color:var(--recommend-view-btn-hover-bg);border-color:var(--recommend-view-btn-hover-border)}.recommendStyle-module__iwbZYa__cardLink{height:100%;text-decoration:none;display:block}@media (max-width:767px){.recommendStyle-module__iwbZYa__container{box-sizing:border-box;min-height:calc(100dvh - var(--mobile-top-chrome-height,56px) - var(--mobile-nav-offset,calc(var(--mobile-nav-content-height,54px) + env(safe-area-inset-bottom,0px))));background-color:var(--card-bg);padding-bottom:calc(16px + var(--mobile-nav-offset,calc(var(--mobile-nav-content-height,54px) + env(safe-area-inset-bottom,0px))));margin-bottom:calc(-1 * var(--mobile-nav-offset,calc(var(--mobile-nav-content-height,54px) + env(safe-area-inset-bottom,0px))))}.recommendStyle-module__iwbZYa__header{top:var(--sticky-below-header-top,56px);z-index:40;background-color:var(--card-bg);gap:8px;padding:10px 16px}.recommendStyle-module__iwbZYa__backButton{margin-left:-6px;padding:6px}.recommendStyle-module__iwbZYa__pageTitle{font-size:1.05rem}.recommendStyle-module__iwbZYa__partnerSection{background:0 0;margin-bottom:1.25rem;padding:12px 16px 0}.recommendStyle-module__iwbZYa__sectionTitle{gap:.35rem;margin-bottom:.75rem;font-size:1.1rem}.recommendStyle-module__iwbZYa__partnerTitleIcon{width:20px;height:20px}.recommendStyle-module__iwbZYa__recommendSectionTitle{margin-bottom:.875rem;font-size:1.05rem}.recommendStyle-module__iwbZYa__recommendTitleIcon{width:18px;height:18px}.recommendStyle-module__iwbZYa__partnerGrid{gap:12px}.recommendStyle-module__iwbZYa__partnerCard{border-radius:14px;flex-direction:column;align-items:stretch;display:flex}.recommendStyle-module__iwbZYa__partnerCard:hover{transform:none}.recommendStyle-module__iwbZYa__partnerBanner{aspect-ratio:1;flex-shrink:0;width:100%;min-width:0;height:auto;min-height:0}.recommendStyle-module__iwbZYa__partnerBadgeOnBanner{display:none}.recommendStyle-module__iwbZYa__partnerBadgeInline{width:26px;display:block;transform:translateY(2px)}.recommendStyle-module__iwbZYa__partnerInfo{flex:none;align-items:stretch;min-width:0;padding:10px 10px 12px;display:flex}.recommendStyle-module__iwbZYa__partnerName{font-size:.9rem}.recommendStyle-module__iwbZYa__partnerDesc{-webkit-line-clamp:2;height:2.8em;font-size:.75rem}.recommendStyle-module__iwbZYa__partnerNameArea{gap:.55rem}.recommendStyle-module__iwbZYa__viewButton{border-radius:8px;width:100%;max-width:none;padding:.45rem .65rem;font-size:.72rem}.recommendStyle-module__iwbZYa__recommendSection{padding:0 16px 4px}.recommendStyle-module__iwbZYa__recommendGrid{gap:10px}.recommendStyle-module__iwbZYa__recommendCard{border-radius:12px;padding:0}.recommendStyle-module__iwbZYa__recommendCard:hover{transform:none}.recommendStyle-module__iwbZYa__recName{font-size:.82rem}.recommendStyle-module__iwbZYa__recNameRow{padding:.55rem .45rem .65rem}.recommendStyle-module__iwbZYa__recPartnerBadge{display:none}.recommendStyle-module__iwbZYa__recPartnerBesideName{display:block}.recommendStyle-module__iwbZYa__skeletonCard{aspect-ratio:4/5;height:auto;min-height:0}.recommendStyle-module__iwbZYa__skeletonMini{aspect-ratio:3/4;border-radius:12px;height:auto;min-height:0}}@media (max-width:480px){.recommendStyle-module__iwbZYa__partnerGrid{grid-template-columns:1fr;gap:10px}.recommendStyle-module__iwbZYa__partnerCard{border-radius:12px;flex-direction:row;align-items:stretch}.recommendStyle-module__iwbZYa__partnerBanner{aspect-ratio:auto;align-self:stretch;width:104px;min-width:104px;max-width:104px;height:auto;min-height:104px}.recommendStyle-module__iwbZYa__partnerBadgeInline{width:22px;transform:translateY(2px)}.recommendStyle-module__iwbZYa__partnerInfo{flex-direction:column;flex:1;justify-content:center;align-items:stretch;min-width:0;padding:10px 12px;display:flex}.recommendStyle-module__iwbZYa__partnerName{font-size:.95rem}.recommendStyle-module__iwbZYa__partnerDesc{-webkit-line-clamp:2;height:2.8em;font-size:.78rem}.recommendStyle-module__iwbZYa__partnerNameArea{flex:0 auto;gap:.5rem;width:100%;margin-top:0}.recommendStyle-module__iwbZYa__viewButton{width:fit-content;max-width:100%;margin-top:0;padding:.4rem .65rem;font-size:.72rem}.recommendStyle-module__iwbZYa__skeletonCard{aspect-ratio:auto;height:104px;min-height:104px}}@media (max-width:767px) and (hover:hover) and (pointer:fine){.recommendStyle-module__iwbZYa__partnerCard:hover,.recommendStyle-module__iwbZYa__recommendCard:hover{transform:translateY(-2px)}}