.templates-page{min-height:100vh;background:#f3f4f6}.templates-page>main{display:grid;grid-template-columns:220px minmax(0,1fr);width:min(1400px,calc(100% - 48px));min-height:calc(100vh - 160px);margin:24px auto;background:#fff;border:1px solid #e4e6ea}.templates-page main>aside{padding:28px 16px;background:#f7f8fa;border-right:1px solid #e4e6ea}.templates-page aside>p{margin:0 10px 22px;font-weight:700}.templates-page aside nav{display:grid;gap:5px}.templates-page aside button{height:42px;padding:0 12px;border:0;background:transparent;color:#61656d;text-align:left;cursor:pointer}.templates-page aside button.active{background:#17191d;color:#fff}.template-aside-note{display:grid;gap:7px;margin:36px 10px 0;padding-top:18px;border-top:1px solid #e2e4e8;color:#777;font-size:11px;line-height:1.6}.template-aside-note b{color:#20232a}.templates-page main>section{padding:32px 36px}.template-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.template-head p{margin:0 0 7px;color:#df2029;font:10px "DM Mono",monospace}.template-head h1{margin:0 0 8px;font-size:29px}.template-head span{color:#858b95;font-size:12px}.template-head label{display:flex;align-items:center;width:min(430px,50%);height:46px;padding:0 14px;background:#f5f6f8}.template-head input{min-width:0;flex:1;border:0;outline:0;background:transparent;padding-left:10px}.template-meta{display:flex;justify-content:space-between;margin:27px 0 14px;padding-bottom:13px;border-bottom:1px solid #e5e6e9;color:#8a8f98;font-size:11px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.template-card{display:grid;grid-template-rows:auto 1fr;background:#fff;border:1px solid #e0e3e8;overflow:hidden}.template-card:hover{border-color:#aab4c2;box-shadow:0 8px 24px rgba(25,33,45,.08)}.template-cover{position:relative;aspect-ratio:16/10;background:#e8ebef;overflow:hidden}.template-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.template-card:hover .template-cover img{transform:scale(1.03)}.template-badge{position:absolute;top:10px;left:10px;padding:5px 8px;background:#fff;color:#252a33;font-size:10px}.template-body{display:grid;gap:10px;padding:15px}.template-body h2{margin:0;font-size:16px}.template-body p{margin:0;min-height:34px;color:#858b95;font-size:11px;line-height:1.6}.template-tags{display:flex;flex-wrap:wrap;gap:5px}.template-tags span{padding:4px 6px;background:#f1f3f6;color:#69717c;font-size:10px}.template-actions{display:flex;gap:8px;margin-top:3px}.template-actions a{flex:1;height:34px;display:grid;place-items:center;border:1px solid #d9dde4;color:#323841;font-size:11px;text-decoration:none}.template-actions a:last-child{border-color:#17191d;background:#17191d;color:#fff}.template-empty{text-align:center;padding:90px;color:#999}@media(max-width:1050px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.templates-page>main{display:block;width:100%;margin:0;border:0}.templates-page main>aside{padding:12px 16px;border:0;border-bottom:1px solid #e4e6ea}.templates-page aside>p,.template-aside-note{display:none}.templates-page aside nav{display:flex;overflow:auto}.templates-page aside button{flex:0 0 auto}.templates-page main>section{padding:22px 16px}.template-head{display:grid}.template-head label{width:100%}.template-grid{grid-template-columns:1fr;gap:14px}}
/* Brighter resource gallery and clear hover feedback */
.templates-page{background:#fff}.templates-page>main{background:#fff;border:0;box-shadow:none}.templates-page main>aside{background:#fafafa}.template-grid{gap:14px}.template-card{position:relative;display:block;min-height:300px;border:0;background:#111;box-shadow:none}.template-card:hover{transform:translateY(-5px);border-color:transparent;box-shadow:6px 6px 0 #df2029}.template-cover{display:block;position:absolute;inset:0;aspect-ratio:auto}.template-cover:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(155deg,#0004 0%,#0002 35%,#000d 100%);transition:background .25s}.template-card:hover .template-cover:before{background:linear-gradient(155deg,#df202944 0%,#0001 38%,#000e 100%)}.template-cover:after{z-index:3;content:"预览模板 ↗";background:#df2029;color:#fff;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.template-card:hover .template-cover:after{opacity:1;transform:translateY(0)}.template-cover img{filter:none;transition:transform .35s,filter .35s}.template-card:hover .template-cover img{filter:brightness(1.14) saturate(1.12);transform:scale(1.06)}.template-badge{z-index:2;top:16px;left:16px;background:transparent;color:#fff;padding:0;font:11px "DM Mono",monospace}.template-body{position:absolute;z-index:2;inset:auto 16px 14px;display:block;padding:0;background:transparent;color:#fff}.template-body h2{margin:0 0 5px;color:#fff;font-size:21px;letter-spacing:-.04em}.template-body p{min-height:0;margin:0 0 10px;color:#eee;font-size:12px}.template-tags{display:none}.template-actions{display:flex;gap:8px}.template-actions a{height:auto;flex:none;padding:0;border:0;background:transparent!important;color:#fff!important;font-size:12px;text-decoration:underline;text-underline-offset:4px}.template-actions a:last-child{color:#ff777d!important}.template-actions a:hover{color:#fff!important;border:0}.template-card:nth-child(3n+1) .template-cover:before{background:linear-gradient(155deg,#1113 0%,#1112 35%,#111e 100%)}.template-card:nth-child(3n+2) .template-cover:before{background:linear-gradient(155deg,#532b1d55 0%,#1112 35%,#111e 100%)}.template-card:nth-child(3n) .template-cover:before{background:linear-gradient(155deg,#171b3c66 0%,#1112 35%,#111e 100%)}
@media(max-width:760px){.template-card{min-height:240px}.template-body h2{font-size:18px}.template-body p{font-size:11px}}
@media(max-width:760px){.templates-page main>aside{position:relative;padding-left:38px;padding-right:38px}.templates-page main>aside:before,.templates-page main>aside:after{position:absolute;z-index:2;top:12px;width:25px;height:42px;display:grid;place-items:center;background:#fff;color:#292d33;box-shadow:0 2px 8px #1112;font-size:18px;pointer-events:none}.templates-page main>aside:before{content:'‹';left:8px}.templates-page main>aside:after{content:'›';right:8px}}
.category-scroll{position:relative}.category-arrow{display:none}
@media(max-width:760px){.templates-page .category-scroll{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:4px}.templates-page .category-scroll nav{min-width:0;scroll-behavior:smooth}.templates-page .category-arrow{display:grid;place-items:center;width:28px;height:40px;padding:0;border:1px solid #d9dde3;background:#fff;color:#292d33;box-shadow:0 3px 10px #1113;font-size:20px;line-height:1;cursor:pointer}.templates-page .category-arrow:hover{background:#df2029;color:#fff}.templates-page main>aside:before,.templates-page main>aside:after{display:none}}
.templates-page aside button{background:#f0f1f3;color:#555b64;border:1px solid transparent;font-weight:600;transition:background .2s,color .2s,transform .2s,box-shadow .2s}.templates-page aside button:hover{background:#df2029;color:#fff;transform:translateX(3px);box-shadow:3px 3px 0 #f2c4c6}.templates-page aside button.active{background:#292d33;color:#fff;border-color:#292d33;box-shadow:4px 4px 0 #d9dce0}.template-pagination{display:flex;justify-content:center;gap:7px;margin:26px 0 6px}.template-pagination button{min-width:34px;height:34px;border:1px solid #d9dde3;background:#f5f6f7;color:#555b64;cursor:pointer}.template-pagination button:hover,.template-pagination button.active{background:#292d33;color:#fff;border-color:#292d33}