.layout[data-v-116c49a3]{background-color:#f8f9fa;display:flex;min-height:100vh}.layout.dark-mode[data-v-116c49a3]{background-color:#1a1a1a}.layout.dark-mode .page-title[data-v-116c49a3]{color:#eee}.layout.dark-mode .page-desc[data-v-116c49a3]{color:#aaa}.layout.dark-mode .filter-bar[data-v-116c49a3]{background:#2c2c2c;border-color:#444}.layout.dark-mode .filter-bar .label[data-v-116c49a3]{color:#aaa}.layout.dark-mode .filter-bar .opt[data-v-116c49a3]{color:#bbb}.layout.dark-mode .filter-bar .opt[data-v-116c49a3]:hover{background:#333}.layout.dark-mode .filter-bar .opt.active[data-v-116c49a3]{background:#1877f2;color:#fff}.layout.dark-mode .template-card[data-v-116c49a3]{background:#2c2c2c;border-color:#444}.layout.dark-mode .t-name[data-v-116c49a3]{color:#eee}.layout.dark-mode .usage[data-v-116c49a3]{color:#888}.main[data-v-116c49a3]{display:flex;flex:1;flex-direction:column;min-width:0}.templates-page[data-v-116c49a3]{margin:0 auto;max-width:1200px;padding:40px 20px;width:100%}.page-header[data-v-116c49a3]{margin-bottom:30px}.page-header .page-title[data-v-116c49a3]{color:#333;font-size:28px;margin-bottom:8px}.page-header .page-desc[data-v-116c49a3]{color:#666}.filter-bar[data-v-116c49a3]{background:#fff;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:30px;padding:20px}.filter-bar .filter-group[data-v-116c49a3]{align-items:center;display:flex;margin-bottom:12px}.filter-bar .filter-group[data-v-116c49a3]:last-child{margin-bottom:0}.filter-bar .filter-group .label[data-v-116c49a3]{color:#999;font-size:14px;margin-right:12px}.filter-bar .filter-group .options[data-v-116c49a3]{display:flex;flex-wrap:wrap;gap:12px}.filter-bar .filter-group .options .opt[data-v-116c49a3]{border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:4px 12px;transition:all .2s}.filter-bar .filter-group .options .opt[data-v-116c49a3]:hover{background:#f5f5f5}.filter-bar .filter-group .options .opt.active[data-v-116c49a3]{background:#1877f2;color:#fff}.template-grid[data-v-116c49a3]{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.template-card[data-v-116c49a3]{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;transition:transform .2s}.template-card[data-v-116c49a3]:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-4px)}.template-card:hover .hover-overlay[data-v-116c49a3]{opacity:1}.card-cover[data-v-116c49a3]{aspect-ratio:3/4;background:#f5f5f5;position:relative}.card-cover img[data-v-116c49a3]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card-cover .vip-tag[data-v-116c49a3]{align-items:center;background:#1a1a1a;border-radius:4px;color:gold;display:flex;font-size:10px;font-weight:700;gap:2px;padding:2px 6px;position:absolute;right:8px;top:8px}.card-cover .vip-tag .icon-crown[data-v-116c49a3]{height:10px;width:10px}.card-cover .hover-overlay[data-v-116c49a3]{align-items:center;background:rgba(0,0,0,.4);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.card-cover .btn-use[data-v-116c49a3]{background:#1877f2;border:none;border-radius:99px;color:#fff;cursor:pointer;font-weight:500;padding:8px 20px}.card-cover .btn-use[data-v-116c49a3]:hover{background:#166fe5}.card-info[data-v-116c49a3]{padding:12px}.card-info .t-name[data-v-116c49a3]{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.card-info .t-meta[data-v-116c49a3]{color:#999;font-size:12px}