/* Collection templates only; no extra script, font or image requests. */
body.collection-page .special-header-inner{box-sizing:border-box;width:100%}
body.collection-page{--cp-bg:#fff;--cp-soft:#f3f6fa;--cp-text:#2b3d52;--cp-muted:#738297;--cp-line:#e0e7ef;--cp-accent:#4175ac;--cp-hover:#a9c3df}
body.collection-page.night{--cp-bg:#292d34;--cp-soft:#303842;--cp-text:#e0e7f0;--cp-muted:#aab6c5;--cp-line:#414954;--cp-accent:#a4c5ea;--cp-hover:#6985a7}
body.collection-page .special-header{height:248px;background:#e9f0f8}
body.collection-page .special-header:before,body.collection-page .special-header:after,body.collection-page .special-header-mask{display:none}
body.collection-page .special-header-title{color:var(--cp-text);font-size:30px;line-height:1.4;font-weight:600;letter-spacing:0;text-shadow:none}
body.collection-page .collection-title-count{display:inline-block;margin-left:12px;color:var(--cp-muted);font-size:14px;line-height:24px;font-weight:400;vertical-align:middle;white-space:nowrap}
body.collection-page .special-header-title i{font-size:27px;background:none;-webkit-text-fill-color:currentColor;color:var(--cp-accent)}
body.collection-page .special-header-desc{color:var(--cp-muted);margin-top:9px;font-size:14px}
body.collection-page.night .special-header{background:#242c38}
body.collection-page .special-main{margin-top:-34px}
body.collection-page .special-main>.container{width:calc(100% - 48px);max-width:1400px;padding:22px;border:1px solid var(--cp-line);border-radius:12px;background:var(--cp-bg);box-shadow:none}
body.collection-page .special-subnav{gap:8px;padding-bottom:18px;margin-bottom:20px;border-color:var(--cp-line)}
body.collection-page .special-subnav a{border:1px solid transparent;padding:8px 12px;border-radius:6px;font-size:14px;line-height:20px;color:var(--cp-muted);background:transparent;box-shadow:none;transform:none;transition:border-color .15s,color .15s}
body.collection-page .special-subnav a:is(.hover,:hover){border-color:var(--cp-line);background:var(--cp-soft);color:var(--cp-accent);box-shadow:none;transform:none}
body.collection-page a:focus-visible{outline:2px solid var(--cp-accent);outline-offset:3px}
body.collection-page .special-main .special-box .box-list-item{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}
body.collection-page .special-main .special-box .box-list-item .item-in{min-width:0;border:1px solid var(--cp-line);border-radius:9px;background:var(--cp-bg);box-shadow:none;transition:border-color .15s}
body.collection-page .special-main .special-box .box-list-item .item-in:hover{transform:none;border-color:var(--cp-hover);box-shadow:none}
body.collection-page .special-main .special-box .box-list-item .item-in .in-cover:after{display:none}
body.collection-page .special-main .special-box .box-list-item .item-in .in-img{aspect-ratio:2.35/1;background:var(--cp-soft)}
body.collection-page .special-main .special-box .box-list-item .item-in .in-img img{display:block;transform:none;transition:none}
body.collection-page .special-main .special-box .box-list-item .item-in .in-info{padding:12px 14px 8px;border:0}
body.collection-page .special-main .special-box .box-list-item .item-in .in-info h3{font-size:18px;font-weight:600;line-height:26px;margin-bottom:5px;color:var(--cp-text)}
body.collection-page .special-main .special-box .box-list-item .item-in .in-info .info-meta span.desc{height:auto;min-height:20px;max-height:40px;font-size:13px;line-height:20px;color:var(--cp-muted)}
body.collection-page .special-main .special-box .box-list-item .item-in .in-list:not(:has(li)){display:none}
body.collection-page .special-main .special-box .box-list-item .item-in .in-list{flex:none;margin:0 14px 8px}
body.collection-page .special-main .special-box .box-list-item .item-in .in-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:auto;padding:8px 14px 12px}
body.collection-page .special-main .special-box .box-list-item .item-in .in-count{position:static;display:inline-block;padding:0;border:0;border-radius:0;background:transparent;color:var(--cp-muted);font-size:12px;font-weight:400;line-height:24px;text-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body.collection-page .special-main .special-box .box-list-item .item-in .in-btn a,body.collection-page .special-main .special-box .box-list-item .item-in:hover .in-btn a{display:inline-flex;gap:6px;padding:0;min-height:30px;border:0;border-radius:0;background:transparent;color:var(--cp-accent);font-size:13px;font-weight:500;line-height:24px;box-shadow:none;transition:none}
body.collection-page .special-main .cover ul{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
body.collection-page .special-main .cover ul li{min-width:0;border-color:var(--cp-line);border-radius:8px;background:var(--cp-bg);box-shadow:none;transition:border-color .15s}
body.collection-page .special-main .cover ul li:hover{transform:none;box-shadow:none;border-color:var(--cp-hover)}
body.collection-page .special-main .cover ul li .img{aspect-ratio:92/43;background:var(--cp-soft)}
body.collection-page .special-main .cover ul li .img:after{display:none}
body.collection-page .special-main .cover ul li .img img{display:block;transform:none;transition:none}
body.collection-page .special-main .cover ul li .tit{padding:10px 11px 12px}
body.collection-page .special-main .cover ul li .tit h3{height:42px;font-size:15px;font-weight:500;line-height:21px;margin-bottom:9px;color:var(--cp-text)}
body.collection-page .special-main .cover ul li .tit .meta-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;font-size:12px;line-height:20px;white-space:nowrap}
body.collection-page .special-main .cover ul li .tit .meta{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--cp-muted)}
body.collection-page .collection-date{color:var(--cp-muted);font-variant-numeric:tabular-nums;text-align:center}
body.collection-page .special-main .cover ul li .tit .rank{display:inline-flex;justify-content:flex-end;gap:2px;color:var(--cp-accent);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
body.collection-page .special-main .cover ul li .tit .rank small{font-size:11px;font-weight:400;color:var(--cp-muted)}
body.collection-page .special-main .pages li a{color:var(--cp-accent);border-color:var(--cp-line);background:var(--cp-bg);border-radius:6px}
body.collection-page .special-main .pages li a:hover,body.collection-page .special-main .pages .thisclass a{background:var(--cp-soft);border-color:var(--cp-hover);color:var(--cp-accent)}
@media(max-width:1320px){body.collection-page .special-main .special-box .box-list-item{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}body.collection-page .special-main .cover ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){body.collection-page .special-main .special-box .box-list-item{grid-template-columns:repeat(2,minmax(0,1fr))}body.collection-page .special-main .cover ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){body.collection-page .special-header{height:218px;min-height:0;padding:76px 12px 44px}body.collection-page .special-header-title{font-size:25px}body.collection-page .special-header-title i{font-size:23px}body.collection-page .special-header-desc{font-size:13px}body.collection-page .special-main{margin-top:-24px}body.collection-page .special-main>.container{width:calc(100% - 24px);padding:14px;border-radius:10px}body.collection-page .special-subnav{margin-bottom:15px;padding-bottom:13px;gap:6px;scrollbar-width:none}body.collection-page .special-subnav a{font-size:13px;padding:6px 10px;flex-shrink:0}body.collection-page .special-main .cover ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.collection-page .special-main .cover ul li .tit{padding:9px}body.collection-page .special-main .cover ul li .tit h3{font-size:14px;line-height:20px;height:40px;margin-bottom:7px}body.collection-page .special-main .cover ul li .tit .meta-row{font-size:11px;gap:4px}body.collection-page .special-main .cover ul li .tit .rank{font-size:13px}body.collection-page .special-main .special-box .box-list-item{gap:12px}body.collection-page .special-main .special-box .box-list-item .item-in .in-info{padding:10px 10px 6px}body.collection-page .special-main .special-box .box-list-item .item-in .in-info h3{font-size:16px;line-height:23px}body.collection-page .special-main .special-box .box-list-item .item-in .in-info .info-meta span.desc{font-size:12px;line-height:19px;max-height:38px}body.collection-page .special-main .special-box .box-list-item .item-in .in-btn{padding:4px 10px 10px;gap:4px}body.collection-page .special-main .special-box .box-list-item .item-in .in-count{font-size:11px}body.collection-page .special-main .special-box .box-list-item .item-in .in-btn a{font-size:12px;gap:3px}}
@media(max-width:360px){body.collection-page .special-main .special-box .box-list-item{grid-template-columns:minmax(0,1fr)}body.collection-page .special-main .cover ul li .tit{padding:8px}body.collection-page .special-main .cover ul li .tit .meta-row{gap:3px}}
@media(prefers-reduced-motion:reduce){body.collection-page .special-main *{transition:none!important}}
@media(max-width:600px){body.collection-page .special-main .cover ul li .tit .meta-row{grid-template-columns:minmax(0,1fr) auto auto}}
/* A quiet backdrop behind the heading, without nested boxes. */
body.collection-page .special-header{background:linear-gradient(115deg,#f0f4fa,#e3eefb 50%,#edf3fa)}
body.collection-page .special-header-title{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 16px;max-width:100%;box-sizing:border-box;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body.collection-page .collection-heading-name{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:0;overflow-wrap:anywhere}
body.collection-page .special-header-title .collection-heading-name i{margin:0;flex-shrink:0}
body.collection-page .collection-title-count{margin:0;padding:0 0 0 16px;border:0;border-left:1px solid #b9cce1;border-radius:0;background:transparent;color:#647f9e;font-size:14px;line-height:22px}
body.collection-page.night .special-header{background:linear-gradient(115deg,#202936,#2a384c 50%,#242d3b)}
body.collection-page.night .collection-title-count{background:transparent;border-left-color:#52657f;color:#b0c3db}
body.collection-page .special-header{height:auto;min-height:0;box-sizing:border-box;padding:92px 0 48px}
body.collection-page .special-header-desc:empty{display:none}
@media(max-width:800px){body.collection-page .special-header{height:auto;min-height:0;padding:88px 12px 38px}body.collection-page .special-header-inner{padding:0}body.collection-page .special-header-title{gap:8px 10px;padding:0;font-size:23px;border-radius:0}body.collection-page .collection-heading-name{gap:8px}body.collection-page .collection-title-count{padding:0 0 0 10px;font-size:12px;line-height:21px}}