@charset "UTF-8";.template-card{border-radius:8px;overflow:hidden;height:100%;display:flex;flex-direction:column}.template-preview{position:relative;overflow:hidden;height:200px}.preview-image{width:100%;height:100%;object-fit:cover}.preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:1}.preview-overlay .ant-space{text-align:center}.preview-overlay .ant-btn{min-width:100px;font-weight:500}.preview-overlay .ant-btn.ant-btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.preview-overlay .ant-btn.ant-btn-primary:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6b4190 100%);transform:translateY(-2px);box-shadow:0 4px 8px #667eea66}.preview-overlay .ant-btn:not(.ant-btn-primary){background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.8);color:#333}.preview-overlay .ant-btn:not(.ant-btn-primary):hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.template-info{flex:1;display:flex;flex-direction:column}.template-title{font-size:16px;font-weight:600;color:#333;margin-bottom:8px;cursor:pointer;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:2.8em;min-height:2.8em;max-height:2.8em}.template-subtitle{font-size:14px;color:#666;margin-bottom:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.8em;min-height:2.8em;max-height:2.8em}.template-tags{margin-bottom:12px}.template-actions{margin-top:auto;padding-top:12px;border-top:1px solid #f0f0f0}.template-actions .ant-btn{border-radius:4px;font-weight:500}.template-actions .ant-btn.ant-btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;box-shadow:0 2px 4px #667eea4d}.template-actions .ant-btn.ant-btn-primary:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6b4190 100%);box-shadow:0 4px 8px #667eea66;transform:translateY(-1px)}.template-actions .ant-btn:not(.ant-btn-primary){border-color:#d9d9d9;color:#666}.template-actions .ant-btn:not(.ant-btn-primary):hover{border-color:#667eea;color:#667eea;transform:translateY(-1px)}.ant-card-actions{background:#fafafa;border-top:1px solid #f0f0f0}.ant-card-actions li{margin:8px 0}.ant-card-actions .ant-btn{border:none;color:#666}@media (max-width: 768px){.template-preview{height:160px}.template-title{font-size:14px;-webkit-line-clamp:2;line-clamp:2;height:2.8em;min-height:2.8em;max-height:2.8em}.template-subtitle{font-size:13px;height:2.8em;min-height:2.8em;max-height:2.8em}.template-actions .ant-btn{font-size:12px;padding:4px 8px}.preview-overlay .ant-btn{min-width:80px;font-size:12px}}.filter-section{background:white;border-bottom:1px solid #e8e8e8;padding:20px 0}.filter-container{max-width:1200px;margin:0 auto;padding:0 20px}.filter-group{margin-bottom:20px}.filter-group:last-child{margin-bottom:0}.filter-title{font-size:16px;font-weight:600;color:#333;margin-bottom:12px;display:flex;align-items:center}.filter-title:before{content:"";width:4px;height:16px;background:#ff4d4f;margin-right:8px;border-radius:2px}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-tag{padding:6px 12px;border-radius:16px;border:1px solid #d9d9d9;background:white;color:#666;cursor:pointer;transition:all .3s ease;font-size:14px;line-height:1.4}.filter-tag:hover{border-color:#ff4d4f;color:#ff4d4f;transform:translateY(-1px);box-shadow:0 2px 8px #ff4d4f33}.filter-tag-active{background:#ff4d4f;border-color:#ff4d4f;color:#fff}.filter-tag-active:hover{background:#ff7875;border-color:#ff7875;color:#fff}@media (max-width: 768px){.filter-section{padding:15px 0}.filter-container{padding:0 15px}.filter-group{margin-bottom:16px}.filter-options{gap:6px}.filter-tag{padding:4px 10px;font-size:13px}}@media (max-width: 480px){.filter-section{padding:12px 0}.filter-container{padding:0 12px}.filter-group{margin-bottom:12px}.filter-tag{padding:3px 8px;font-size:12px}}.logo{display:flex;align-items:center;gap:12px;-webkit-user-select:none;user-select:none}.logo.clickable{cursor:pointer;transition:transform .2s ease}.logo.clickable:active{transform:scale(.98)}.logo.small .logo-icon{width:32px;height:32px}.logo.small .logo-text .logo-title{font-size:16px}.logo.small .logo-text .logo-subtitle{font-size:11px}.logo.medium .logo-icon{width:48px;height:48px}.logo.medium .logo-text .logo-title{font-size:24px}.logo.medium .logo-text .logo-subtitle{font-size:14px}.logo.large .logo-icon{width:64px;height:64px}.logo.large .logo-text .logo-title{font-size:32px}.logo.large .logo-text .logo-subtitle{font-size:16px}.logo-icon{position:relative;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 20px #667eea4d;overflow:hidden}.logo-shape{position:relative;width:70%;height:70%}.logo-shape .shape-1,.logo-shape .shape-2,.logo-shape .shape-3{position:absolute;border-radius:50%;background:rgba(255,255,255,.9)}.logo-shape .shape-1{width:60%;height:60%;top:10%;left:10%;animation:float 3s ease-in-out infinite}.logo-shape .shape-2{width:40%;height:40%;top:30%;right:15%;background:rgba(255,255,255,.7);animation:float 3s ease-in-out infinite 1s}.logo-shape .shape-3{width:25%;height:25%;bottom:20%;left:20%;background:rgba(255,255,255,.5);animation:float 3s ease-in-out infinite 2s}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.05)}}.logo-text{display:flex;flex-direction:column;gap:2px}.logo-text .logo-title{font-weight:700;color:#fff;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.2)}.logo-text .logo-subtitle{color:#fffc;line-height:1.2;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.2)}.logo:hover .logo-icon{transform:scale(1.05);transition:transform .3s ease;box-shadow:0 6px 25px #667eea66}.logo:hover .logo-shape .shape-1,.logo:hover .logo-shape .shape-2,.logo:hover .logo-shape .shape-3{animation-play-state:paused}@media (max-width: 768px){.logo{gap:8px}.logo.medium .logo-icon{width:40px;height:40px}.logo.medium .logo-text .logo-title{font-size:20px}.logo.medium .logo-text .logo-subtitle{font-size:12px}.logo.large .logo-icon{width:48px;height:48px}.logo.large .logo-text .logo-title{font-size:24px}.logo.large .logo-text .logo-subtitle{font-size:14px}}@media (max-width: 480px){.logo{gap:6px}.logo.medium .logo-icon{width:36px;height:36px}.logo.medium .logo-text .logo-title{font-size:18px}.logo.medium .logo-text .logo-subtitle{font-size:11px}}.site-header{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #f0f0f0;box-shadow:0 2px 8px #0000000f;padding:0;height:64px;line-height:64px;z-index:1000;transition:all .3s ease}.site-header.fixed{position:fixed;top:0;left:0;right:0;z-index:1000}.site-header:hover{box-shadow:0 4px 16px #0000001a}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:100%}.header-logo{display:flex;align-items:center;flex-shrink:0}.header-logo .logo-text .logo-title{color:#333!important;text-shadow:none!important;font-size:20px!important}.header-logo .logo-text .logo-subtitle{color:#666!important;text-shadow:none!important;font-size:12px!important}.header-logo .logo-icon{border:2px solid #f0f0f0!important;box-shadow:0 2px 8px #667eea33!important}.header-nav{display:flex;align-items:center;flex:1;justify-content:flex-start;margin-left:40px}.nav-item{display:flex;align-items:center;gap:6px;padding:6px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease;color:#666;font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none;height:36px;max-height:36px;box-sizing:border-box}.nav-item .anticon{font-size:16px}.nav-item:hover{background:#f8f9ff;color:#333;transform:translateY(-1px)}.nav-item.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 1px 4px #667eea4d}.nav-item.active:hover{transform:translateY(-1px);box-shadow:0 2px 6px #667eea66}.header-actions{display:flex;align-items:center;flex-shrink:0}.header-actions .user-info{display:flex;align-items:center;gap:8px;padding:4px 12px;cursor:pointer;transition:all .3s ease}.header-actions .user-info .user-phone{color:#333;font-size:14px;font-weight:500}.header-actions .user-info:hover{background:#f8f9ff;border-radius:6px}@media (max-width: 768px){.site-header{height:56px;line-height:56px}.header-content{padding:0 15px}.header-logo .logo{gap:8px}.header-logo .logo-icon{width:36px!important;height:36px!important}.header-logo .logo-text .logo-title{font-size:16px!important}.header-logo .logo-text .logo-subtitle{font-size:10px!important}.header-nav{margin-left:20px}.nav-item{padding:4px 12px;font-size:13px;height:32px;max-height:32px}.nav-item .anticon{font-size:14px}}@media (max-width: 480px){.site-header{height:52px;line-height:52px}.header-content{padding:0 12px}.header-nav{margin-left:12px}.header-nav .nav-item{height:28px;max-height:28px;padding:2px 8px;font-size:12px}.header-logo .logo-text .logo-subtitle{display:none}}.site-header.scrolled{background:rgba(255,255,255,.98);box-shadow:0 2px 16px #0000001a}.header-logo .logo:hover .logo-icon{transform:scale(1.05);box-shadow:0 4px 12px #667eea4d!important}@media (max-width: 360px){.header-nav{margin-left:8px}.header-nav .nav-item{height:24px;max-height:24px;padding:1px 6px}.header-nav .nav-item span{display:none}.header-nav .nav-item .anticon{font-size:12px}.header-logo .logo-icon{width:28px!important;height:28px!important}.header-logo .logo-text .logo-title{font-size:14px!important}}.home-page{min-height:100vh;background:#f5f5f5}.home-page.ant-layout{background:#f5f5f5}.home-page .main-content{background:#f5f5f5;margin-top:64px}.search-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:40px 0;text-align:center}.search-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:center;align-items:center;gap:12px}.search-input-container{width:100%;display:flex;justify-content:center}.auth-entry{flex-shrink:0}.search-section .ant-input-search{box-shadow:0 4px 20px #0000001a}.search-section .ant-input-search .ant-input{border-radius:8px 0 0 8px;border:none;padding:12px 16px;font-size:16px;height:48px;line-height:1.5}.search-section .ant-input-search .ant-btn{border-radius:0 8px 8px 0;border:none;padding:12px 24px;height:48px;font-size:16px;font-weight:500;line-height:1.5}.ad-banner-section{padding:20px 0;background:#f8f9fa}.ad-banner{max-width:1200px;margin:0 auto;padding:0 20px;cursor:pointer}.ad-banner .ad-content{background:linear-gradient(135deg,#ff6b6b 0%,#ff8e3c 100%);border-radius:12px;padding:20px 30px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 32px #ff6b6b33;transition:all .3s ease;color:#fff}.ad-banner .ad-content:hover{transform:translateY(-2px);box-shadow:0 12px 40px #ff6b6b4d}.ad-banner .ad-icon .cloud-icon{font-size:32px;display:block;margin-right:20px}.ad-banner .ad-text{flex:1;margin-left:20px}.ad-banner .ad-text .ad-title{display:block;font-size:20px;font-weight:700;margin-bottom:4px;line-height:1.2}.ad-banner .ad-text .ad-subtitle{display:block;font-size:14px;opacity:.9;line-height:1.2}.ad-banner .ad-action{margin-left:20px}.ad-banner .ad-action .ant-btn{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ad-banner .ad-action .ant-btn:hover{background:rgba(255,255,255,.3);border-color:#ffffff80;color:#fff;transform:scale(1.05)}.after-sales-banner{cursor:default;margin-top:16px}.after-sales-banner .ad-content{background:linear-gradient(135deg,#07c160 0%,#2ecc71 100%);box-shadow:0 8px 32px #07c1602e}.after-sales-banner .ad-content:hover{transform:none;box-shadow:0 10px 36px #07c16038}.after-sales-banner .after-sales-qr{width:84px;height:84px;background:rgba(255,255,255,.95);border-radius:10px;padding:6px;display:flex;align-items:center;justify-content:center}.after-sales-banner .after-sales-qr img{width:100%;height:100%;object-fit:contain;display:block}.templates-section{padding:40px 0}.templates-container{max-width:1200px;margin:0 auto;padding:0 20px}.pagination-container{margin-top:40px;text-align:center;padding:20px 0}.pagination-container .ant-pagination{display:inline-block}@media (max-width: 768px){.home-page .main-content{margin-top:56px}.search-section{padding:30px 0}.search-container{padding:0 15px;flex-direction:column;gap:10px}.search-section .ant-input-search .ant-input{padding:10px 14px;font-size:14px;height:40px}.search-section .ant-input-search .ant-btn{padding:10px 20px;font-size:14px;height:40px}.templates-section{padding:30px 0}.templates-container{padding:0 15px}.pagination-container{margin-top:30px;padding:15px 0}.ad-banner-section{padding:15px 0}.ad-banner{padding:0 15px}.ad-banner .ad-content{padding:15px 20px;flex-direction:column;text-align:center}.ad-banner .ad-content .ad-icon{margin-bottom:10px}.ad-banner .ad-content .ad-icon .cloud-icon{margin-right:0;font-size:24px}.ad-banner .ad-content .ad-text{margin:0 0 15px}.ad-banner .ad-content .ad-text .ad-title{font-size:16px;margin-bottom:5px}.ad-banner .ad-content .ad-text .ad-subtitle{font-size:12px}.ad-banner .ad-content .ad-action{margin-left:0}.after-sales-banner{margin-top:12px}.after-sales-banner .after-sales-qr{width:96px;height:96px;margin:0 auto}}@media (max-width: 480px){.home-page .main-content{margin-top:52px}.search-section{padding:20px 0}.search-container{padding:0 12px}.templates-section{padding:20px 0}.ad-banner-section{padding:10px 0}.ad-banner{padding:0 12px}.ad-banner .ad-content{padding:12px 16px}.ad-banner .ad-content .ad-icon .cloud-icon{font-size:20px}.ad-banner .ad-content .ad-text .ad-title{font-size:14px}.ad-banner .ad-content .ad-text .ad-subtitle{font-size:11px}.ad-banner .ad-content .ad-action .ant-btn{font-size:12px;padding:4px 12px;height:auto}.after-sales-banner{margin-top:10px}}