header{justify-content:space-between}.top-nav{display:flex;gap:18px}.top-nav a{font-size:13px;color:var(--muted);text-decoration:none}.top-nav a.active{color:var(--blue);font-weight:800}.library-entry{display:inline-flex;gap:5px;margin-top:18px;color:var(--blue);text-decoration:none;background:#fff;border:1px solid var(--line);padding:9px 14px;border-radius:20px;font-size:13px}.library-head{text-align:center;padding:38px 0 18px}.library-head h1{font-size:30px;margin:6px 0}.library-head>p:last-of-type{color:var(--muted)}.library-search{display:flex;width:min(560px,100%);margin:18px auto 0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:5px}.library-search input{flex:1;min-width:0;border:0;outline:0;padding:10px;font-size:15px}.library-search button{border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:700;padding:0 20px}.library-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 16px}.filter-row{display:flex;gap:7px;flex-wrap:wrap}.filter-row a{border:1px solid var(--line);border-radius:18px;padding:7px 11px;color:var(--muted);font-size:12px;text-decoration:none;background:#fff}.filter-row a.active{background:var(--blue);color:#fff;border-color:var(--blue)}.sort-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px}.sort-form select{border:1px solid var(--line);border-radius:8px;padding:7px;background:#fff}.drama-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.drama-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;min-width:0}.drama-cover{display:grid;place-items:center;aspect-ratio:3/4;background:#e9edf5;color:#6e7b92;font-size:30px;font-weight:800}.drama-cover img{width:100%;height:100%;object-fit:cover}.drama-info{padding:11px;display:flex;flex-direction:column;align-items:flex-start;min-height:176px}.drama-info .number,.detail-main .number{color:var(--blue);font-size:11px;font-weight:800}.drama-info h2{font-size:14px;line-height:1.45;margin:5px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.drama-info h2 a{color:var(--ink);text-decoration:none}.drama-info b{font-size:12px}.drama-info time{font-size:11px;color:var(--muted);margin:5px 0 10px}.drama-info .view-link{margin-top:auto;width:100%;justify-content:center}.drama-detail{margin:42px auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;gap:26px;max-width:720px}.detail-cover{width:240px;aspect-ratio:3/4;background:#e9edf5;border-radius:12px;overflow:hidden;display:grid;place-items:center;font-size:40px;font-weight:800;color:#6e7b92}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-main{flex:1;padding-top:10px}.detail-main h1{font-size:28px;margin:8px 0}.detail-main .episode{font-weight:800}.detail-date{color:var(--muted);font-size:13px}.detail-main .view-link{margin-top:14px;padding:11px 24px}.mobile-nav{display:none}
@media(max-width:600px){body{padding-bottom:58px}.top-nav{display:none}.library-head{padding-top:28px}.library-controls{align-items:flex-start;flex-direction:column}.sort-form{width:100%}.drama-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.drama-info{padding:9px;min-height:165px}.drama-info h2{font-size:13px}.drama-detail{margin:24px 0;gap:16px;padding:15px;align-items:flex-start}.detail-cover{width:42%;flex:0 0 42%}.detail-main h1{font-size:20px}.mobile-nav{position:fixed;z-index:20;left:0;right:0;bottom:0;height:56px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{display:grid;place-items:center;color:var(--muted);text-decoration:none;font-size:12px}.mobile-nav a.active{color:var(--blue);font-weight:800}}