.content:has(.drama-directory:not([hidden])){max-width:2100px}.drama-directory .page-heading{margin-bottom:20px}.directory-filters{padding:18px 20px;margin-bottom:16px}.directory-filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.directory-filter-row>.search-box{width:240px;flex:1;min-width:180px}.directory-filter-row>label{display:flex;align-items:center;gap:8px;font-size:12px;color:#738298;white-space:nowrap}.directory-filter-row select,.directory-filter-row input[type=date],.directory-tools select,.directory-pagination select{height:34px;border:1px solid #dfe6ed;border-radius:6px;padding:0 9px;background:#fff;color:#40536a;font:inherit;font-size:12px;min-width:0}.directory-filter-row select{max-width:190px}.directory-filter-row select:focus,.directory-filter-row input:focus,.directory-tools select:focus{outline:2px solid #b2dbd8;outline-offset:2px}.directory-filter-secondary{margin-top:14px;gap:12px}.directory-date-separator{color:#9aa5b3;font-size:11px}.directory-check{padding:5px 9px;border-radius:6px;background:#f5f8fa}.directory-check input{accent-color:#168a85}.directory-check small{color:#9aa5b3;font-size:10px}.directory-tools{border-top:1px solid #edf1f5;margin-top:15px;padding-top:12px;display:flex;justify-content:space-between;gap:12px;align-items:center}.directory-tools>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:#738298}.directory-tools p{font-size:11px;color:#8a98aa;margin:0;line-height:1.7}.directory-view-toggle{display:flex;border:1px solid #dfe6ed;border-radius:6px;padding:2px;gap:2px}.directory-view-toggle button{border:0;background:transparent;padding:6px 9px;border-radius:4px;color:#7d8b9e;font:inherit;cursor:pointer}.directory-view-toggle button.active{background:#e8f5f3;color:#158580;font-weight:600}.directory-recommend{padding:17px 18px;margin-bottom:16px}.directory-recommend summary{display:flex;align-items:center;gap:13px;cursor:pointer;list-style:none}.directory-recommend summary::-webkit-details-marker{display:none}.directory-recommend summary strong{font-size:15px;color:#30435b}.directory-recommend summary span,.directory-recommend summary small{font-size:11px;color:#98a4b3}.directory-recommend summary small{margin-left:auto;white-space:nowrap;color:#168b85}.directory-recommendations{display:flex;gap:12px;overflow-x:auto;padding-top:16px;padding-bottom:5px;scrollbar-width:thin}.directory-recommend-empty{color:#99a5b4;font-size:12px;padding:8px 0}.directory-results{padding:16px}.directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(183px,1fr));gap:15px}.directory-card{min-width:0;border:1px solid #e4eaef;border-radius:10px;overflow:hidden;background:#fff;transition:box-shadow .18s,border-color .18s}.directory-card:hover{border-color:#badedb;box-shadow:0 6px 20px #173a4810}.directory-cover{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:3/4;overflow:hidden;border:0;text-align:center;cursor:pointer;background:linear-gradient(150deg,#e7efef,#d3e4e2 60%,#e2e6eb);color:#506d70;padding:30px 20px}.directory-cover:after{content:'';position:absolute;width:190px;height:190px;border:1px solid #ffffff70;border-radius:50%;bottom:-80px;right:-85px;pointer-events:none}.directory-cover-title{font-family:Georgia,'Songti SC',SimSun,serif;font-size:25px;font-weight:700;line-height:1.65;letter-spacing:2px;overflow-wrap:anywhere;max-height:85%;overflow:hidden}.directory-cover-missing{position:absolute;bottom:36px;font-size:10px;letter-spacing:1px;color:#6e8a8c}.directory-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.directory-card-badges{position:absolute;top:9px;left:9px;display:flex;gap:5px;z-index:1}.directory-card-badges b{background:#ecfaf7;border:1px solid #b9e2db;border-radius:4px;font-size:10px;font-weight:500;color:#168e84;padding:3px 6px;white-space:nowrap}.directory-card-badges .directory-hit{background:#fff3e6;color:#cc7b30;border-color:#f5d5b5}.directory-material-badge{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:10px;background:#f0faf8;color:#33827b;padding:3px 8px;border-radius:4px;white-space:nowrap}.directory-card-body{padding:12px}.directory-title{border:0;background:transparent;text-align:left;padding:0;color:#2d415c;font-weight:650;font-size:13px;font-family:inherit;line-height:1.5;cursor:pointer;display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-title:hover{color:#118b82}.directory-owner,.directory-release{font-size:10px;color:#8b99ab;margin:6px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.7}.directory-owner span{color:#a8b1bf;margin-left:5px}.directory-release{display:flex;justify-content:space-between;gap:3px;align-items:center}.directory-release b{font-weight:500;color:#4f9490;border:1px solid #dceeea;border-radius:10px;padding:0 5px;background:#f5fbf9;flex-shrink:0}.directory-plays{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f3f5;padding-top:8px;margin-top:7px;gap:8px}.directory-plays span,.directory-today{font-size:10px;color:#8d9aad}.directory-plays strong{font-size:18px;line-height:1.5;color:#2a5259;letter-spacing:-.3px}.directory-today{display:flex;justify-content:space-between;margin:3px 0 10px}.directory-today b{font-weight:500;color:#627f88}.directory-counts{display:flex;justify-content:space-between;color:#96a2b1;font-size:10px;gap:6px;border-top:1px solid #f0f3f5;padding-top:9px}.directory-counts b{font-weight:500;color:#4d8384}.directory-quota{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#168983;margin:7px 0 10px;gap:4px}.directory-quota small{color:#a0adba;font-size:9px}.directory-quota .full{color:#cc7665}.directory-card-actions{display:flex;gap:7px;margin-top:10px;align-items:center}.directory-material,.directory-apply{font:inherit;font-size:11px;border-radius:5px;height:30px;flex:1;min-width:0;white-space:nowrap;cursor:pointer}.directory-material{background:#fff;border:1px solid #dfe6ee;color:#9aa5b2}.directory-material.has-material{color:#258e87;border-color:#d0e8e3}.directory-apply{background:#128780;border:1px solid #128780;color:#fff}.directory-apply:hover{background:#0e756f}.directory-apply:disabled{cursor:default;background:#f3f5f7;border-color:#e8edf1;color:#a6b0bd}.directory-mini-card{flex:0 0 157px}.directory-mini-card .directory-cover{aspect-ratio:1.65;padding:18px 12px}.directory-mini-card .directory-cover-title{font-size:16px;letter-spacing:1px}.directory-mini-card .directory-cover-missing{font-size:8px;bottom:6px}.directory-mini-card .directory-material-badge,.directory-mini-card .directory-card-badges{display:none}.directory-mini-card .directory-card-body{padding:9px}.directory-mini-card .directory-title{font-size:12px}.directory-mini-card .directory-release{display:block;font-size:9px}.directory-mini-card .directory-release b{margin-left:3px}.directory-mini-card .directory-plays{padding-top:4px;margin-top:4px}.directory-mini-card .directory-plays strong{font-size:14px}.directory-mini-card .directory-plays span{font-size:9px}.directory-mini-card .directory-card-actions{gap:5px;margin-top:7px}.directory-mini-card .directory-material,.directory-mini-card .directory-apply{height:26px;font-size:10px}.directory-pagination{display:flex;align-items:center;justify-content:space-between;padding-top:20px;gap:10px;color:#8998ab;font-size:12px}.directory-pagination>div{display:flex;align-items:center;gap:10px}.directory-pagination .secondary-btn{height:31px;font-size:11px}.directory-pagination button:disabled{opacity:.4;cursor:default}.directory-pagination select{height:31px}.directory-table{min-width:1050px}.directory-table td{font-size:12px}.directory-table small{display:block;font-size:10px;margin-top:5px;color:#93a0b0}.directory-table .directory-title{max-width:260px}.directory-table .directory-card-actions{min-width:175px;margin:0}.directory-footnote{font-size:11px;line-height:1.9;color:#95a2b2;margin:15px 2px}.directory-tools .directory-error{color:#bf6457}.directory-material-dialog{max-width:480px}.directory-material-dialog #directory-material-content{padding:0 26px 28px;line-height:1.8}.directory-material-dialog .series-cloud-actions{gap:16px;flex-wrap:wrap}
@media(min-width:1700px){.directory-grid{grid-template-columns:repeat(auto-fill,minmax(195px,1fr))}}
@media(max-width:1000px){.directory-tools{align-items:flex-start;flex-direction:column}.directory-filter-row>.search-box{flex-basis:100%}.directory-filter-row>label select{max-width:155px}.directory-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}
@media(max-width:600px){.directory-filters{padding:14px}.directory-filter-row{gap:10px}.directory-filter-row>label{flex:1;font-size:11px}.directory-filter-row>label select{flex:1;width:100%;max-width:100%}.directory-filter-secondary>label:first-child{flex-basis:100%}.directory-filter-secondary input[type=date]{max-width:145px}.directory-filter-secondary .directory-check{flex-basis:40%;gap:5px}.directory-check small{display:none}.directory-tools>div{gap:8px}.directory-tools select{max-width:130px}.directory-recommend{padding:14px}.directory-recommend summary{gap:8px;flex-wrap:wrap}.directory-recommend summary span{order:3;flex-basis:100%;font-size:10px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.directory-results{padding:10px}.directory-card-body{padding:9px}.directory-cover-title{font-size:21px}.directory-release{font-size:9px}.directory-owner span{display:none}.directory-counts{font-size:9px}.directory-pagination{flex-direction:column;align-items:flex-start;padding:18px 4px 4px}.directory-pagination>div{gap:8px}.directory-mini-card{flex-basis:145px}.directory-quota small{font-size:8px}.directory-card-actions{gap:5px}.directory-material,.directory-apply{font-size:10px}.directory-tools p{font-size:10px}}


@media(max-width:600px){.directory-filter-row:not(.directory-filter-secondary)>label{flex:0 0 calc(50% - 5px)}.directory-filter-secondary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}.directory-filter-secondary>label:first-child{flex-direction:column;align-items:stretch;gap:7px}.directory-filter-secondary .directory-date-separator{display:none}.directory-filter-secondary input[type=date]{width:100%;max-width:none}.directory-filter-secondary>.directory-check{min-height:34px}.directory-filter-secondary>#directory-reset{justify-self:end;align-self:center}}

.directory-cover-wrap{position:relative}.directory-edit-cover{position:absolute;right:9px;top:9px;z-index:2;border:1px solid #ffffffc0;background:#fffffff0;color:#277b77;border-radius:5px;padding:5px 7px;font-size:10px;font-family:inherit;cursor:pointer;box-shadow:0 2px 6px #344a5810}.directory-edit-cover:hover{background:#fff;color:#106d66}.directory-cover-wrap:has(.directory-edit-cover) .directory-card-badges{flex-direction:column;align-items:flex-start}.directory-table-drama{display:flex;align-items:center;gap:11px}.directory-table-drama>img{width:42px;height:56px;object-fit:cover;border-radius:4px;flex-shrink:0}.directory-table-edit-cover{font-size:10px;margin-top:5px;padding:0}.directory-cover-dialog{width:min(480px,calc(100% - 28px))}.directory-cover-dialog .modal-head h2{font-size:16px;overflow-wrap:anywhere}.directory-cover-form{padding:0 26px 24px;display:flex;flex-direction:column;gap:12px}.directory-cover-preview-wrap{width:150px;aspect-ratio:3/4;background:#e7f0ef;border:1px solid #dce9e6;border-radius:8px;align-self:center;display:grid;place-items:center;overflow:hidden;color:#7f9799;font-size:12px}.directory-cover-preview-wrap img{width:100%;height:100%;object-fit:cover}.directory-cover-form>label{font-size:12px;color:#51697f;font-weight:600}.directory-cover-form input[type=file]{font-size:12px;max-width:100%;padding:9px;border:1px solid #e1e7ed;border-radius:6px}.directory-cover-form>.muted{font-size:11px;line-height:1.8;margin:0}.directory-cover-form .modal-actions{padding:4px 0 0}.directory-cover-form button:disabled{opacity:.5;cursor:default}@media(max-width:600px){.directory-edit-cover{font-size:9px;right:6px;top:7px;padding:4px 6px}.directory-cover-form{padding:0 20px 20px}}

.directory-quota .unknown{color:#9a8251}