#xxYY7G_layout{flex-direction:column;align-items:center;width:100%;min-height:80vh;display:flex;position:relative}#xxYY7G_container{box-sizing:border-box;z-index:9;width:100%;max-width:1200px;color:var(--color-text);flex:1;margin:0 auto;padding-top:60px;position:relative}.xxYY7G_titleSection{text-align:center;padding:60px}.xxYY7G_titleSection h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.xxYY7G_mediaGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:40px;padding:0 20px;display:grid}.xxYY7G_mediaItem{background:var(--color-card-bg,#fff);border-radius:8px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.xxYY7G_mediaItem:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.xxYY7G_mediaWrapper{aspect-ratio:16/9;background:var(--color-gray-100,#f5f5f5);width:100%;position:relative;overflow:hidden}.xxYY7G_mediaContent{object-fit:cover;transition:transform .3s}.xxYY7G_mediaItem:hover .xxYY7G_mediaContent{transform:scale(1.05)}.xxYY7G_mediaWrapper video{object-fit:cover;width:100%;height:100%;display:block}.xxYY7G_videoControls{opacity:0;background:#0009;justify-content:space-between;align-items:center;padding:12px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.xxYY7G_mediaWrapper:hover .xxYY7G_videoControls{opacity:1}.xxYY7G_playButton{cursor:pointer;opacity:.8;color:#fff;background:#000000b3;border:2px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.xxYY7G_playButton:hover{opacity:1;background:#000000e6;transform:translate(-50%,-50%)scale(1.1)}.xxYY7G_playButton:before{content:"▶";margin-left:2px}.xxYY7G_mediaInfo{flex-direction:column;flex-grow:1;justify-content:flex-start;padding:16px;display:flex}.xxYY7G_mediaTitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 8px;line-height:1.4}.xxYY7G_mediaDescription{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0;line-height:1.6}.xxYY7G_emptyState{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.xxYY7G_emptyState p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.xxYY7G_errorState{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.xxYY7G_errorState p{font-size:var(--font-size-lg);color:var(--color-error,#ef4444);margin:0}.xxYY7G_retryButton{background:var(--color-primary,#3b82f6);color:#fff;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;border:none;border-radius:6px;padding:12px 24px;transition:background-color .2s,transform .2s}.xxYY7G_retryButton:hover{background:var(--color-primary-hover,#2563eb);transform:translateY(-1px)}.xxYY7G_retryButton:active{transform:translateY(0)}@media (max-width:768px){#xxYY7G_container{padding-top:120px}.xxYY7G_titleSection{padding:30px 20px}.xxYY7G_titleSection h1{font-size:var(--font-size-lg)}.xxYY7G_mediaGrid{grid-template-columns:1fr;gap:16px;padding:0 16px}.xxYY7G_mediaItem{margin-bottom:8px}.xxYY7G_mediaInfo{padding:12px}.xxYY7G_mediaTitle{font-size:var(--font-size-md)}.xxYY7G_mediaDescription{font-size:var(--font-size-sm)}.xxYY7G_playButton{width:48px;height:48px;font-size:18px}.xxYY7G_videoControls{padding:8px}.xxYY7G_emptyState p,.xxYY7G_errorState p{font-size:var(--font-size-md)}.xxYY7G_retryButton{font-size:var(--font-size-sm);padding:10px 20px}}@media (max-width:480px){.xxYY7G_titleSection{padding:20px 16px}.xxYY7G_mediaGrid{padding:0 12px}.xxYY7G_mediaInfo{padding:10px}.xxYY7G_playButton{width:40px;height:40px;font-size:14px}}.xxYY7G_underRangeList{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:40px;padding:0 20px;display:grid}.xxYY7G_underRangeItem{background:var(--color-card-bg,#fff);border-radius:8px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.xxYY7G_imageWrapper{aspect-ratio:16/9;background:var(--color-gray-100,#f5f5f5);width:100%;position:relative;overflow:hidden}.xxYY7G_imageWrapper img{object-fit:cover;width:100%;height:100%}.xxYY7G_imageInfo{flex-direction:column;flex-grow:1;justify-content:flex-start;padding:16px;display:flex}.xxYY7G_imageTitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 8px;line-height:1.4}.xxYY7G_imageDescription{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0;line-height:1.6}