#homeTemplates{padding:64px 0 56px;background:#f5f7fb;color:#101828;font-family:"Microsoft YaHei",system-ui,sans-serif;font-size:16px;line-height:1.6;scroll-margin-top:100px}
#homeTemplates *{box-sizing:border-box}
#homeTemplates [hidden]{display:none!important}
#homeTemplates a{text-decoration:none}
#homeTemplates :focus-visible{outline:3px solid #0072ff;outline-offset:4px}
#homeTemplates .ht-wrap{width:min(1320px,calc(100% - 48px));margin:0 auto}
#homeTemplates .ht-head{position:relative;margin-bottom:32px;text-align:center}
#homeTemplates .ht-head h2{margin:0 0 12px;color:#10233e;font-size:32px;line-height:1.35;font-weight:700}
#homeTemplates .ht-head p{margin:0;color:#59677b;font-size:16px}
#homeTemplates .ht-more{display:inline-flex;align-items:center;gap:10px;min-height:44px;position:absolute;right:0;bottom:0;color:#0059bb;font-size:15px}
#homeTemplates .ht-more:hover{text-decoration:underline}
#homeTemplates .ht-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
#homeTemplates .ht-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #dce3ed;border-radius:8px}
#homeTemplates .ht-cover{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#e9eef5;border-bottom:1px solid #e3e8ef}
#homeTemplates .ht-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
#homeTemplates .ht-fallback{height:100%;display:flex;align-items:center;justify-content:center;color:#475467}
#homeTemplates .ht-info{padding:16px}
#homeTemplates .ht-info h3{height:48px;margin:0 0 14px;font-size:16px;font-weight:600;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
#homeTemplates .ht-info h3 a{color:#10233e}
#homeTemplates .ht-info h3 a:hover{color:#0059bb}
#homeTemplates .ht-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}
#homeTemplates .ht-id{font-size:13px;color:#59677b}
#homeTemplates .ht-preview{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 15px;border:1px solid #bbcee7;border-radius:5px;color:#0059bb;font-size:14px;white-space:nowrap}
#homeTemplates .ht-preview:hover{background:#0059bb;border-color:#0059bb;color:#fff}
#homeTemplates .ht-status{margin:24px 0 0;text-align:center;color:#59677b;font-size:14px;min-height:23px}
#homeTemplates .ht-pager{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:14px}
#homeTemplates button{font:inherit;min-height:44px;border:1px solid #c4cfdd;border-radius:5px;padding:8px 20px;background:#fff;color:#0059bb;cursor:pointer}
#homeTemplates button:hover:enabled{background:#edf4ff;border-color:#0059bb}
#homeTemplates button:disabled{color:#667085;background:#edf0f5;cursor:default}
#homeTemplates .ht-empty{grid-column:1/-1;margin:0;padding:48px 20px;text-align:center;background:#fff;color:#59677b}
#homeTemplates .ht-empty p{margin:0 0 16px}
#homeTemplates .ht-card{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease}
#homeTemplates .ht-cover img{transition:transform .65s cubic-bezier(.16,1,.3,1);transform-origin:center}
#homeTemplates .ht-cover::after{content:"预览模板 →";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(5,36,73,.58);color:#fff;font-size:17px;font-weight:600;opacity:0;transition:opacity .3s ease;pointer-events:none}
#homeTemplates .ht-card:focus-within{transform:translateY(-5px);border-color:#8fb6e4;box-shadow:0 12px 28px rgba(10,35,65,.14)}
#homeTemplates .ht-cover:focus-visible img{transform:scale(1.055)}
#homeTemplates .ht-cover:focus-visible::after{opacity:1}
@media(hover:hover) and (pointer:fine){#homeTemplates .ht-card:hover{transform:translateY(-5px);border-color:#8fb6e4;box-shadow:0 12px 28px rgba(10,35,65,.14)}#homeTemplates .ht-cover:hover img{transform:scale(1.055)}#homeTemplates .ht-cover:hover::after{opacity:1}}
@media(prefers-reduced-motion:reduce){#homeTemplates .ht-card,#homeTemplates .ht-cover img,#homeTemplates .ht-cover::after{transition:none!important;transform:none!important}}
@media(max-width:1120px){#homeTemplates .ht-more{position:static;margin-top:12px}#homeTemplates .ht-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#homeTemplates{padding:40px 0;scroll-margin-top:80px}#homeTemplates .ht-wrap{width:calc(100% - 32px)}#homeTemplates .ht-head{margin-bottom:24px}#homeTemplates .ht-head h2{font-size:26px}#homeTemplates .ht-head p{font-size:15px}#homeTemplates .ht-grid{gap:20px;grid-template-columns:1fr}#homeTemplates .ht-pager{gap:16px}#homeTemplates button{padding:8px 14px}}