.play-main-page{overflow:hidden}.play-hero-section{padding:20px 0 22px}.play-main-banner{position:relative;overflow:visible;border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:0 20px 42px #2419351a}.play-main-swiper,.play-main-swiper .swiper-slide{width:100%}.play-main-swiper{overflow:hidden;border-radius:var(--radius-xl)}.play-main-swiper .swiper-slide{position:relative;overflow:hidden;aspect-ratio:1856 / 576;background:#f7f0ff;border-radius:var(--radius-xl)}.play-main-swiper .swiper-slide>a,.play-main-swiper .swiper-slide img{display:block;width:100%;height:100%}.play-main-swiper .swiper-slide img{object-fit:cover}.play-main-swiper .swiper-button-prev,.play-main-swiper .swiper-button-next{width:48px;height:48px;margin-top:0;transform:translateY(-50%);border:1px solid rgba(190,157,255,.58);border-radius:50%;background:#ffffffeb;color:#8a5ee8;box-shadow:0 12px 28px #744ab42e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.play-main-swiper .swiper-button-prev{left:16px}.play-main-swiper .swiper-button-next{right:16px}.play-main-swiper .swiper-button-prev:after,.play-main-swiper .swiper-button-next:after{font-size:18px;font-weight:900}.play-main-swiper .swiper-pagination{width:auto;right:18px;bottom:16px;left:auto;padding:7px 11px;border:1px solid rgba(190,157,255,.58);border-radius:var(--radius-pill);background:#ffffffeb;color:#8a5ee8;font-size:12px;font-weight:800;box-shadow:0 8px 18px #744ab421}.play-main-swiper.is-single .swiper-button-prev,.play-main-swiper.is-single .swiper-button-next,.play-main-swiper.is-single .swiper-pagination{display:none}.play-main-swiper .swiper-navigation-icon{width:10%!important}.play-feed-section,.play-search-results,.play-info-section{padding:24px 0}#quiz-feed .play-feed-section:first-child{padding-top:18px}.play-search-results{padding-top:36px;background:var(--color-bg)}.play-feed-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.play-search-header{margin-bottom:14px}.play-search-heading h2{margin:0 0 6px;color:var(--color-text-strong);font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:950;line-height:1.1}.play-search-count{margin:0;color:var(--color-text-muted);font-size:.95rem;font-weight:750}.play-search-count span{color:var(--color-primary-text);font-weight:950}.play-search-toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.play-type-filter{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px}.play-type-filter button{min-height:40px;padding:0 16px;border:1px solid var(--color-primary-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-muted);font-size:13px;font-weight:800;cursor:pointer;box-shadow:var(--shadow-xs);transition:border-color var(--transition-base),background-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}.play-type-filter button:hover,.play-type-filter button:focus-visible{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-text);outline:none}.play-type-filter button.is-active{border-color:transparent;background:var(--color-primary-gradient);color:#fff;box-shadow:0 8px 18px #af7de733}.play-selected-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:2px}.play-selected-label{color:var(--color-text-muted);font-size:12px;font-weight:800}.play-selected-chip,.play-selected-reset{min-height:28px;display:inline-flex;align-items:center;border-radius:var(--radius-pill);font-size:12px;font-weight:800;text-decoration:none}.play-selected-chip{padding:0 10px;border:1px solid var(--color-primary-border);background:var(--color-primary-light);color:var(--color-primary-text)}.play-selected-reset{padding:0 11px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted)}.play-selected-reset:hover,.play-selected-reset:focus-visible{border-color:var(--color-primary-border);background:var(--color-primary-soft);color:var(--color-primary-text);outline:none}.play-quiz-rail-wrap{min-width:0;position:relative}.play-quiz-rail-wrap:after{content:"";position:absolute;top:0;right:-1px;bottom:12px;z-index:2;width:clamp(42px,6vw,78px);pointer-events:none;background:linear-gradient(90deg,rgba(246,247,251,0) 0%,var(--color-bg) 100%)}.play-quiz-rail{overflow:hidden;padding:2px clamp(46px,7vw,86px) 12px 2px;cursor:grab}.play-quiz-rail:active{cursor:grabbing}.play-quiz-card-grid{display:flex;align-items:stretch;flex-wrap:nowrap;gap:0;overflow:visible;margin:0;padding:0;list-style:none}.play-feed-card{width:clamp(286px,30vw,360px);min-width:clamp(286px,30vw,360px);height:auto}.play-feed-link{--play-card-border: #dcc8ff;--play-card-shadow: rgba(180, 150, 230, .16);position:relative;display:flex;min-height:100%;cursor:pointer;overflow:visible;border:2px solid var(--play-card-border);border-radius:24px;background:linear-gradient(180deg,#fff,#fff 72%,#faf7ffeb);box-shadow:0 16px 34px #28223417;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.play-feed-link:hover,.play-feed-link:focus-visible{transform:translateY(-3px);border-color:var(--play-card-border);box-shadow:0 18px 38px var(--play-card-shadow);outline:none}.play-feed-card--god-turtle .play-feed-link{--play-card-border: #b8d957;--play-card-shadow: rgba(153, 185, 24, .24)}.play-feed-card--default .play-feed-link{--play-card-border: #dcc8ff;--play-card-shadow: rgba(180, 150, 230, .16)}.play-feed-card-main{position:relative;z-index:2;min-height:190px;width:100%;display:flex;flex-direction:column;padding:16px 18px 22px;gap:12px}.play-feed-badges{display:flex;flex-wrap:nowrap;gap:7px;min-width:0;max-width:calc(100% - 60px);overflow:hidden}.play-operation-badge{min-height:25px;display:inline-flex;align-items:center;padding:0 9px;border:1px solid #d8e99a;border-radius:var(--radius-pill);background:#f6fbdd;color:#647d00;font-size:11px;font-weight:900}.play-card-question{margin:0;color:var(--color-text-strong);font-weight:900;line-height:1.35}.play-card-question--compare{display:grid;gap:2px;font-size:20px;min-height:92px}.play-card-question--compare p{margin:0}.play-card-question--compare strong{color:#e35664;font-weight:950}.play-card-vs{color:#a080d9;font-size:12px;font-weight:950}.play-card-question--title{min-height:82px;display:-webkit-box;overflow:hidden;font-size:20px;-webkit-box-orient:vertical;-webkit-line-clamp:3}.play-card-footer{margin-top:auto;display:grid;gap:10px;padding-right:92px}.play-card-rate{width:fit-content;min-height:30px;display:inline-flex;align-items:center;gap:5px;padding:0 11px;border:1px solid #f0c5cc;border-radius:var(--radius-pill);background:#fff6f7;color:#9e3948;font-size:12px;font-weight:850}.play-card-rate strong{font-size:14px}.play-card-tags{display:block;min-height:20px;overflow:hidden;color:var(--color-primary-text);font-size:12px;font-weight:750;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.play-card-character{position:absolute;right:-8px;bottom:-8px;width:94px;height:135px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 10px 14px rgba(35,24,45,.14));pointer-events:none;transition:transform var(--transition-base)}.play-feed-link:hover .play-card-character,.play-feed-link:focus-visible .play-card-character{transform:translateY(-3px)}.play-quiz-rail-nav{position:absolute;top:50%;z-index:4;width:42px;height:42px;border:1px solid var(--color-border);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffffeb;color:var(--color-text-strong);box-shadow:0 8px 20px #1111111f;transform:translateY(-50%);transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),opacity var(--transition-base),transform var(--transition-base)}.play-quiz-rail-nav:hover,.play-quiz-rail-nav:focus-visible{border-color:var(--color-primary-border);background:var(--color-surface);color:var(--color-primary-text);transform:translateY(-50%) scale(1.04)}.play-quiz-rail-nav.swiper-button-disabled{opacity:0;pointer-events:none}.play-quiz-rail-nav svg{width:21px;height:21px}.play-quiz-rail-nav--prev{left:-20px}.play-quiz-rail-nav--next{right:-20px}.play-search-results .play-quiz-rail-wrap:after,.play-search-results .play-quiz-rail-nav{display:none}.play-search-results .play-quiz-rail{overflow:visible;padding:0;cursor:default}.play-search-results .play-quiz-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.play-search-results .play-feed-card{width:auto;min-width:0}.play-search-card-wrap{position:relative}.play-search-image-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;overflow:visible}.play-search-image-card{width:auto;min-width:0}.play-search-image-card .play-image-card-link{overflow:hidden}.play-search-image-card .play-image-card-body{min-height:132px}@media (max-width: 1199.98px){.play-search-image-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}.play-feed-empty{padding:26px;border:1px dashed var(--color-primary-border);border-radius:var(--radius-lg);color:var(--color-text-muted);text-align:center}.play-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:34px}.play-page-link{min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--color-primary-border);border-radius:var(--radius-pill);background:#fff;color:var(--color-text-muted);font-size:13px;font-weight:850;text-decoration:none;box-shadow:0 8px 18px #744ab414;transition:transform var(--transition-base),background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.play-page-link:hover,.play-page-link:focus-visible{transform:translateY(-1px);border-color:var(--color-primary);color:var(--color-primary-text);outline:none}.play-page-link.is-active{border-color:transparent;background:var(--color-primary-gradient);color:#fff}.play-page-link.is-disabled{opacity:.45;pointer-events:none}.play-info-header{margin-bottom:16px}.play-info-banner{display:block;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-xs);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.play-info-banner:hover,.play-info-banner:focus-visible{transform:translateY(-3px);border-color:var(--color-primary-border);box-shadow:var(--shadow-sm);outline:none}.play-info-banner img{display:block;width:100%;height:auto;aspect-ratio:1856 / 576;object-fit:cover}.play-bottom-banner-list{display:grid;gap:18px}.play-image-feed-section{overflow:hidden}.play-image-rail-wrap:after{bottom:18px}.play-image-rail{padding-bottom:14px}.play-image-rail-wrap.is-loading .play-image-rail,.play-image-rail-wrap.is-loading .play-quiz-rail-nav{opacity:0;pointer-events:none}.play-image-rail-wrap:not(.is-loading) .play-image-skeleton-row{display:none}.play-image-skeleton-row{display:flex;gap:18px;overflow:hidden;padding-bottom:14px}.play-image-skeleton-card{width:clamp(286px,30vw,360px);min-width:clamp(286px,30vw,360px);overflow:hidden;border:2px solid #eadcff;border-radius:24px;background:#fff;box-shadow:0 16px 34px #28223414}.play-image-skeleton-thumb,.play-image-skeleton-line,.play-image-skeleton-tags span{display:block;background:linear-gradient(90deg,#f4eefc,#fbf8ff 45%,#ece2fb);background-size:220% 100%;animation:play-image-skeleton-shimmer 1.25s ease-in-out infinite}.play-image-skeleton-thumb{margin:10px 10px 0;aspect-ratio:1 / 1;border-radius:16px}.play-image-skeleton-body{display:grid;gap:12px;padding:16px 18px 22px}.play-image-skeleton-line{width:78%;height:20px;border-radius:var(--radius-pill)}.play-image-skeleton-line--title{width:88%;height:24px}.play-image-skeleton-line--short{width:28%}.play-image-skeleton-tags{display:flex;gap:6px}.play-image-skeleton-tags span{width:58px;height:24px;border-radius:var(--radius-pill)}@keyframes play-image-skeleton-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.play-image-card-grid{display:flex;align-items:stretch;flex-wrap:nowrap;gap:0;overflow:visible;margin:0;padding:0;list-style:none}.play-image-card{width:clamp(286px,30vw,360px);min-width:clamp(286px,30vw,360px)}.play-search-page .play-search-image-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 36px;overflow:visible}.play-search-page .play-search-image-card{width:auto;min-width:0}@media (max-width: 1199.98px){.play-search-page .play-search-image-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}}.play-image-card-link{--play-image-card-border: #dcc8ff;--play-image-card-shadow: rgba(180, 150, 230, .16);position:relative;display:flex;flex-direction:column;height:100%;overflow:visible;border:2px solid var(--play-image-card-border);border-radius:24px;background:linear-gradient(180deg,#fff,#fff 71%,#faf7fff0);box-shadow:0 16px 34px #28223417;text-decoration:none;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.play-image-card-link:hover,.play-image-card-link:focus-visible{transform:translateY(-3px);border-color:var(--play-image-card-border);box-shadow:0 18px 38px var(--play-image-card-shadow);outline:none}.play-image-card--best .play-image-card-link{--play-image-card-border: #ff8fa3;--play-image-card-shadow: rgba(255, 143, 163, .24)}.play-image-card--new .play-image-card-link{--play-image-card-border: var(--color-primary);--play-image-card-shadow: rgba(175, 125, 231, .22)}.play-image-card--recommend .play-image-card-link{--play-image-card-border: #7edfc0;--play-image-card-shadow: rgba(126, 223, 192, .24)}.play-image-card-media{position:relative;overflow:hidden;flex:0 0 auto;width:calc(100% - 20px);margin:10px 10px 0;aspect-ratio:1 / 1;border-radius:16px;background:#f4f0ff}.play-image-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.play-image-card-link:hover .play-image-card-media img,.play-image-card-link:focus-visible .play-image-card-media img{transform:scale(1.035)}.play-image-card-type,.play-image-card-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-pill);background:#4338cadb;color:#fff;font-size:11px;font-weight:900;box-shadow:0 8px 18px #23182d2e}.play-image-card-type{top:12px;left:12px;background:#ffffffeb;color:var(--color-primary-text)}.play-image-card-badge{top:12px;right:12px;background:var(--play-image-card-border);color:#fff}.play-image-card-badge--answer{background:#108059e0}.play-image-card-badge--recommend{background:#35ac84e6}.play-image-card-body{position:relative;z-index:2;display:grid;align-content:start;gap:8px;min-height:112px;padding:12px 18px}.play-image-card-body strong{display:-webkit-box;min-height:49px;padding-right:70px;overflow:hidden;color:var(--color-text-strong);font-size:18px;font-weight:950;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.play-image-card-tags{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;min-height:26px;max-width:calc(100% - 78px);overflow:hidden}.play-image-card-tags span{display:inline-flex;align-items:center;flex:0 0 auto;min-height:24px;padding:0 8px;border-radius:var(--radius-pill);font-size:11px;font-style:normal;font-weight:850;line-height:1;border:1px solid #e9ddff;background:var(--color-primary-light);color:#7654b7}.play-image-card-character{position:absolute;right:-10px;bottom:-18px;z-index:3;width:auto;max-width:none;height:118px;object-fit:contain;object-position:bottom;pointer-events:none;filter:drop-shadow(0 10px 14px rgba(35,24,45,.14));transition:transform var(--transition-base)}.play-image-card-link:hover .play-image-card-character,.play-image-card-link:focus-visible .play-image-card-character{transform:translateY(-3px)}@media (max-width: 767.98px){.play-hero-section{padding:16px 0 18px}.play-main-banner,.play-info-banner,.play-main-swiper{border-radius:var(--radius-lg)}.play-main-swiper .swiper-button-prev,.play-main-swiper .swiper-button-next{width:34px;height:34px}.play-main-swiper .swiper-button-prev{left:8px}.play-main-swiper .swiper-button-next{right:8px}.play-main-swiper .swiper-pagination{right:12px;bottom:12px}.play-feed-section,.play-search-results,.play-info-section{padding:22px 0}#quiz-feed .play-feed-section:first-child{padding-top:14px}.play-feed-header{align-items:flex-start;flex-direction:column;margin-bottom:16px}.play-type-filter{width:100%;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.play-type-filter::-webkit-scrollbar{display:none}.play-type-filter button{flex:0 0 auto}.play-quiz-rail{padding:2px 42px 10px 2px}.play-feed-card{width:78vw;min-width:78vw;max-width:310px}.play-feed-card-main{min-height:193px;padding:15px 16px 19px}.play-card-question--compare,.play-card-question--title{font-size:18px}.play-card-footer{padding-right:76px}.play-card-character{right:-8px;bottom:-8px;width:76px;height:112px}.play-quiz-rail-nav{display:none}.play-search-results .play-quiz-card-grid,.play-search-image-card-grid{grid-template-columns:1fr;gap:16px}.play-search-results .play-feed-card{width:auto;max-width:none}.play-image-card{width:78vw;min-width:78vw;max-width:310px}.play-image-card-body{min-height:108px;padding:12px 16px}.play-image-card-character{right:-8px;bottom:-18px;height:104px}}