.cosplay-page{min-height:100dvh;padding:0 1rem calc(env(safe-area-inset-bottom,0px) + 7rem);background:linear-gradient(180deg,rgba(56,189,248,.14),transparent 34rem),linear-gradient(135deg,rgba(250,204,21,.1),transparent 24rem),#171b24;color:#f8fafc;font-family:Inter,system-ui,sans-serif}.cosplay-topbar,.cosplay-detail-hero{display:flex;align-items:center;gap:.82rem;max-width:1120px;margin:0 auto}.cosplay-topbar{position:sticky;top:0;z-index:30;padding:calc(env(safe-area-inset-top,0px) + .75rem) 0 .9rem;background:linear-gradient(180deg,rgba(23,27,36,.94),rgba(23,27,36,.68),transparent);backdrop-filter:blur(16px)}.cosplay-detail-hero{padding-top:calc(env(safe-area-inset-top,0px) + .75rem)}.cosplay-back,.cosplay-search-button{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#facc15;display:grid;place-items:center;flex:0 0 auto}.cosplay-back svg,.cosplay-search-button svg,.cosplay-search svg,.cosplay-video-list svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.cosplay-titleblock{min-width:0;flex:1}.cosplay-titleblock span,.cosplay-hero-copy span,.cosplay-section-head span,.cosplay-detail-title span{display:block;color:#38bdf8;font-size:.66rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.cosplay-titleblock h1{margin-top:.14rem;color:#fff;font-size:1.34rem;font-weight:950}.cosplay-shell{width:min(1120px,100%);margin:0 auto}.cosplay-hero{display:grid;gap:1rem;margin:.4rem 0 1.7rem}.cosplay-hero-copy{padding:1.15rem;border-radius:34px 18px;background:linear-gradient(135deg,#1e293beb,#78716c3d);border:1px solid rgba(255,255,255,.08)}.cosplay-hero-copy h2{margin-top:.45rem;color:#fff;font-size:clamp(1.55rem,7vw,3.1rem);line-height:1.02;font-weight:950;max-width:760px}.cosplay-vpn-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.4rem 0 1.25rem;padding:.95rem 1rem;border-radius:24px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(135deg,#facc152e,#38bdf81a),#0f172ac7;box-shadow:0 24px 48px -36px #000000e6}.cosplay-vpn-copy{min-width:0}.cosplay-vpn-copy h2{color:#fff;font-size:1.05rem;font-weight:950;line-height:1.1;margin-top:.22rem}.cosplay-vpn-copy p{margin-top:.28rem;color:#ffffffb8;font-size:.76rem;font-weight:600;line-height:1.55}.cosplay-vpn-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:.78rem 1rem;border-radius:999px;background:#facc15;color:#1f2937;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 14px 28px -18px #facc15cc}.cosplay-search{margin-top:1.1rem;min-height:54px;padding:.35rem;border-radius:18px;background:#1e293b8a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:.5rem}.cosplay-search.is-page{margin:0 0 1.25rem}.cosplay-search svg{margin-left:.7rem;color:#38bdf8;flex:0 0 auto}.cosplay-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:.9rem;font-weight:780}.cosplay-search input::placeholder{color:#ffffff5c}.cosplay-search button{min-width:72px;height:42px;border:0;border-radius:14px;background:#facc15;color:#1f2937;font:inherit;font-size:.78rem;font-weight:950}.cosplay-spotlight{position:relative;min-height:280px;overflow:hidden;border-radius:40px 20px 34px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.cosplay-spotlight img{width:100%;height:100%;min-height:280px;object-fit:cover;display:block}.cosplay-spotlight:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(17,24,39,.82))}.cosplay-spotlight span{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:1}.cosplay-spotlight small{display:inline-flex;min-height:24px;align-items:center;padding:0 .55rem;border-radius:999px;background:#facc1529;color:#facc15;font-size:.62rem;font-weight:950;text-transform:uppercase}.cosplay-spotlight b{display:block;margin-top:.5rem;color:#fff;font-size:1rem;font-weight:950;line-height:1.25}.cosplay-section{margin-top:2rem}.cosplay-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.cosplay-section-head h2{margin-top:.2rem;color:#fff;font-size:1.22rem;font-weight:950}.cosplay-section-head small{color:#ffffff75;font-size:.72rem;font-weight:850;white-space:nowrap}.cosplay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}.cosplay-grid.is-compact{grid-template-columns:repeat(3,1fr)}.cosplay-grid .cosplay-card{break-inside:avoid;margin-bottom:0}.cosplay-vip-strip{display:flex;gap:.72rem;overflow-x:auto;padding:.05rem 0 .5rem;scroll-snap-type:x proximity}.cosplay-vip-strip .cosplay-card{width:150px;min-width:150px;scroll-snap-align:start}.cosplay-card{min-width:0;color:inherit;display:block}.cosplay-card-art{position:relative;display:block;aspect-ratio:3 / 4.25;overflow:hidden;border-radius:30px 18px 28px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.cosplay-card-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.cosplay-card:hover .cosplay-card-art img{transform:scale(1.06)}.cosplay-card-art i{width:100%;height:100%;display:grid;place-items:center;color:#ffffff6b;font-style:normal;font-size:.72rem;font-weight:900}.cosplay-card-shade{position:absolute;inset:auto 0 0;height:52%;background:linear-gradient(180deg,transparent,rgba(17,24,39,.82))}.cosplay-card-chip{position:absolute;right:.55rem;bottom:.55rem;min-height:23px;padding:0 .48rem;border-radius:999px;background:#38bdf82e;color:#bae6fd;display:inline-flex;align-items:center;font-size:.56rem;font-weight:950;text-transform:uppercase}.cosplay-card.is-adult .cosplay-card-chip{background:#facc152e;color:#fde68a}.cosplay-card-copy{display:block;margin-top:.55rem;padding:0 .08rem}.cosplay-card-copy b{display:-webkit-box;color:#ffffffeb;font-size:.78rem;font-weight:900;line-height:1.26;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cosplay-card-copy small{display:block;margin-top:.24rem;color:#ffffff6b;font-size:.62rem;font-weight:800}.cosplay-empty{min-height:38dvh;display:grid;place-items:center;text-align:center;padding:2rem 1rem}.cosplay-empty h2{color:#fff;font-size:1rem;font-weight:950}.cosplay-empty p{margin-top:.35rem;color:#ffffff75;font-size:.82rem;font-weight:720}.cosplay-detail-page{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 2rem)}.cosplay-detail-hero{align-items:flex-start;padding:.4rem 0 1.2rem}.cosplay-detail-title{min-width:0;flex:1}.cosplay-detail-title h1{margin-top:.35rem;max-width:900px;color:#fff;font-size:clamp(1.45rem,6vw,3.2rem);font-weight:950;line-height:1.05}.cosplay-detail-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.cosplay-detail-meta small{min-height:28px;padding:0 .7rem;border-radius:999px;background:#ffffff0f;color:#ffffff94;display:inline-flex;align-items:center;font-size:.68rem;font-weight:900}.cosplay-photo-stack{width:min(920px,100%);margin:0 auto;display:grid;gap:1rem}.cosplay-photo-frame{margin:0;display:grid;grid-template-columns:48px minmax(0,1fr);gap:.65rem;align-items:start}.cosplay-photo-frame figcaption{position:sticky;top:1rem;min-height:74px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;text-align:center}.cosplay-photo-frame figcaption span,.cosplay-photo-frame figcaption small{display:block}.cosplay-photo-frame figcaption span{color:#facc15;font-size:.94rem;font-weight:950}.cosplay-photo-frame figcaption small{margin-top:.12rem;color:#ffffff5c;font-size:.55rem;font-weight:850}.cosplay-photo-frame a{display:block;min-width:0;overflow:hidden;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.cosplay-photo-frame img{display:block;width:100%;height:auto}.cosplay-video-list{display:grid;gap:.6rem}.cosplay-video-list a{min-height:54px;padding:0 .9rem;border-radius:17px;background:#ffffff0e;border:1px solid rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:.86rem;font-weight:900}.cosplay-video-list svg{color:#facc15;fill:currentColor;stroke:none}.cosplay-detail-end{width:min(920px,100%);margin:2.5rem auto 0;padding:2rem 0 0;border-top:1px solid rgba(255,255,255,.08);text-align:center}.cosplay-detail-end span{display:block;width:120px;height:2px;margin:0 auto .8rem;background:linear-gradient(90deg,transparent,#38bdf8,transparent)}.cosplay-detail-end p{color:#ffffff6b;font-size:.76rem;font-weight:900;text-transform:uppercase}.cosplay-detail-end a{display:inline-flex;min-height:42px;align-items:center;margin-top:.9rem;padding:0 1rem;border-radius:999px;background:#facc15;color:#1f2937;font-size:.78rem;font-weight:950}@media(min-width:720px){.cosplay-page{padding-inline:1.4rem}.cosplay-hero{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:stretch}.cosplay-grid{grid-template-columns:repeat(4,1fr);gap:.85rem}.cosplay-grid.is-compact{grid-template-columns:repeat(5,1fr)}.cosplay-vip-strip .cosplay-card{width:180px;min-width:180px}}@media(max-width:420px){.cosplay-search button{min-width:58px}.cosplay-grid{gap:.55rem}.cosplay-grid.is-compact{grid-template-columns:repeat(3,1fr)}.cosplay-photo-frame{grid-template-columns:40px minmax(0,1fr);gap:.5rem}.cosplay-photo-frame figcaption{min-height:62px;border-radius:13px}}