.ai-works-page{background:radial-gradient(circle at 0 0,#ffe1efe6,#0000 34%),radial-gradient(circle at 100% 100%,#fff5c4e6,#0000 36%),#fff;min-height:100vh;padding:110px 20px 60px;font-family:Kosugi Maru,Arial,sans-serif}.ai-works-hero{text-align:center;background:#ffffffd1;border:1px solid #ffe3ef;border-radius:24px;max-width:760px;margin:0 auto 36px;padding:20px 18px 26px;box-shadow:0 8px 22px #ffa0be1f}.ai-works-hero h1{color:#333;letter-spacing:.7rem;margin-bottom:20px;font-family:Kosugi Maru,cursive;font-size:2.2rem;font-weight:700}.ai-works-hero p{color:#555;max-width:560px;margin:0 auto;font-size:.98rem;line-height:1.9}.ai-works-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;width:100%;max-width:1080px;margin:0 auto;display:grid}.ai-work-card{cursor:pointer;background:#fffffff5;border:1px solid #f4e9ee;border-radius:24px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 8px 22px #0000001a}.ai-work-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #ff82aa3d}.ai-work-thumb{aspect-ratio:16/9;background:#eee;width:100%;position:relative;overflow:hidden}.ai-work-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.ai-work-card:hover .ai-work-thumb img{transform:scale(1.05)}.ai-new-badge{z-index:2;color:#fff;letter-spacing:.08em;background:linear-gradient(145deg,#ff5f91,#ff8ab5);border-radius:999px;padding:5px 10px;font-size:.75rem;font-weight:700;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #00000038}.ai-play-badge{z-index:2;color:#333;background:#ffffffeb;border-radius:999px;padding:7px 11px;font-size:.8rem;font-weight:700;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 8px #0000002e}.ai-work-body{text-align:left;padding:16px}.ai-work-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.ai-type-label{color:#ba315f;background:linear-gradient(145deg,#fff1b8,#ffd6e7);border-radius:999px;align-items:center;width:fit-content;padding:5px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.ai-character-label{color:#777;font-size:.82rem;font-weight:700}.ai-work-modal{z-index:9999;background:#000000c7;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.ai-work-modal-content{background:#fffffffa;border-radius:24px;width:min(920px,94vw);max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 18px 48px #00000059}.ai-modal-close{all:unset;z-index:10000;color:#333;cursor:pointer;background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:2.4rem;line-height:1;display:flex;position:fixed;top:18px;right:18px;box-shadow:0 4px 16px #00000047}.ai-youtube-wrap{background:#111;margin:0 auto;position:relative}.ai-youtube-wrap.is-wide{aspect-ratio:16/9;width:100%}.ai-youtube-wrap.is-short{aspect-ratio:9/16;width:min(100%,390px);max-height:68vh}.ai-youtube-wrap iframe{border:0;width:100%;height:100%;display:block}.ai-modal-image{object-fit:contain;background:#111;width:100%;max-height:72vh;display:block}.ai-modal-info{text-align:left;padding:18px 20px 22px}.ai-scroll-to-top{all:unset;z-index:1000;cursor:pointer;background:linear-gradient(145deg,#fff7c2,#ffd966);border:2px solid #fc0;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:all .3s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 10px #00000038}.ai-scroll-to-top:hover{transform:translateY(-5px)scale(1.05)}.ai-scroll-icon{color:#333;width:28px;height:28px}@media (max-width:600px){.ai-works-page{padding:96px 12px 52px}.ai-works-hero{border-radius:22px;margin-bottom:24px;padding:24px 16px}.ai-works-hero h1{letter-spacing:.25rem;font-size:1.8rem}.ai-works-hero p{font-size:.9rem;line-height:1.85}.ai-works-grid{grid-template-columns:1fr;gap:18px}.ai-work-card{border-radius:20px}.ai-work-body{padding:14px}.ai-work-modal{padding:12px}.ai-work-modal-content{border-radius:18px;width:96vw;max-height:88vh}.ai-youtube-wrap.is-short{width:min(100%,360px);max-height:62vh}.ai-modal-info{padding:16px}.ai-modal-close{width:50px;height:50px;font-size:2.2rem;top:14px;right:14px}.ai-scroll-to-top{width:50px;height:50px;bottom:15px;right:15px}.ai-scroll-icon{width:24px;height:24px}}