.templates-page[data-v-68f4dba0]{background:#f6f7f9;font-family:-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding-bottom:80px}.header-section[data-v-68f4dba0]{background:#fff;border-bottom:1px solid #eee;padding:60px 0 40px;text-align:center}.header-section h1[data-v-68f4dba0]{color:#222;font-size:32px;margin-bottom:12px}.header-section p[data-v-68f4dba0]{color:#666;font-size:16px}.filter-bar[data-v-68f4dba0]{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:32px auto}.filter-item[data-v-68f4dba0]{background:#fff;border-radius:20px;color:#666;cursor:pointer;font-size:14px;padding:8px 20px;transition:all .2s}.filter-item[data-v-68f4dba0]:hover{color:#2254f4}.filter-item.active[data-v-68f4dba0]{background:#2254f4;color:#fff}.container[data-v-68f4dba0]{margin:0 auto;max-width:1200px;padding:24px}.template-grid[data-v-68f4dba0]{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.tpl-card[data-v-68f4dba0]{background:#fff;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.tpl-card[data-v-68f4dba0]:hover{box-shadow:0 12px 24px rgba(0,0,0,.06);transform:translateY(-4px)}.tpl-preview[data-v-68f4dba0]{align-items:center;display:flex;height:200px;justify-content:center;position:relative}.tpl-preview .tpl-tag[data-v-68f4dba0]{background:#ff4d4f;border-radius:4px;color:#fff;font-size:12px;font-weight:600;left:12px;padding:2px 8px;position:absolute;top:12px}.tpl-mock[data-v-68f4dba0]{background:#fff;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;flex-direction:column;height:160px;overflow:hidden;width:140px}.tpl-mock .mock-nav[data-v-68f4dba0]{background:#eee;height:12px}.tpl-mock .mock-hero[data-v-68f4dba0]{align-items:center;background:#2254f4;color:hsla(0,0%,100%,.8);display:flex;font-size:10px;font-weight:700;height:40px;justify-content:center}.tpl-mock .mock-blocks[data-v-68f4dba0]{background:url('data:image/svg+xml;utf8,<svg width="10" height="10" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" width="8" height="2" fill="%23eee"/></svg>') repeat-y;flex:1;padding:8px}.tpl-info[data-v-68f4dba0]{padding:20px}.tpl-info h3[data-v-68f4dba0]{color:#222;font-size:18px;margin-bottom:8px}.tpl-info p[data-v-68f4dba0]{color:#666;font-size:13px;height:40px;line-height:1.5;margin-bottom:20px;overflow:hidden}.tpl-actions[data-v-68f4dba0]{display:flex;gap:12px}.btn-preview[data-v-68f4dba0]{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;flex:1;font-size:14px;padding:8px}.btn-preview[data-v-68f4dba0]:hover{background:#f9f9f9}.btn-use[data-v-68f4dba0]{background:#2254f4;border:1px solid #2254f4;border-radius:6px;color:#fff;cursor:pointer;flex:1;font-size:14px;font-weight:500;padding:8px}.btn-use[data-v-68f4dba0]:hover{background:#1d39c4}.custom-request[data-v-68f4dba0]{align-items:center;background:#fff;border-radius:12px;display:flex;justify-content:space-between;margin-top:40px;padding:24px}.custom-request h3[data-v-68f4dba0]{font-size:18px;margin-bottom:4px}.custom-request p[data-v-68f4dba0]{color:#666;font-size:14px}.custom-request .btn-outline[data-v-68f4dba0]{background:#fff;border:1px solid #2254f4;border-radius:6px;color:#2254f4;cursor:pointer;font-weight:600;padding:10px 24px}.custom-request .btn-outline[data-v-68f4dba0]:hover{background:#eef2fe}@media(max-width:900px){.template-grid[data-v-68f4dba0]{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.template-grid[data-v-68f4dba0]{grid-template-columns:1fr}.custom-request[data-v-68f4dba0]{flex-direction:column;gap:16px;text-align:center}}