.home-template-item-block{display:flex;flex-direction:column;gap:32px;margin:0 auto;width:1280px}.home-template-item-block .home-template-item{align-items:flex-start;border-radius:20px;display:flex;justify-content:space-between;min-height:560px}.home-template-item-block .home-template-item .template-item-content{padding:48px 40px;width:544px}.home-template-item-block .home-template-item .template-item-content .template-tag{align-items:center;border-radius:16px;display:inline-flex;font-size:14px;height:32px;padding:0 12px}.home-template-item-block .home-template-item .template-item-content .template-title{color:#000000e6;font-size:32px;font-weight:700;margin-top:16px}.home-template-item-block .home-template-item .template-item-content .template-desc{color:#0009;font-size:16px;line-height:28px;margin-top:16px}.home-template-item-block .home-template-item .template-item-content .examples-block-title{color:#000000e6;font-size:16px;font-weight:700;margin-bottom:12px;margin-top:40px}.home-template-item-block .home-template-item .template-item-content .examples-block{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.home-template-item-block .home-template-item .template-item-content .examples-block .examples-item{align-items:center;background:#fff;border-radius:8px;color:#000000e6;cursor:pointer;display:flex;font-size:16px;height:44px;justify-content:space-between;padding:0 16px;width:224px}.home-template-item-block .home-template-item .template-item-content .examples-block .examples-item .examples-item-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-template-item-block .home-template-item .template-item-content .examples-block .examples-item:hover{box-shadow:0 0 20px #0000001a;color:#165dff}.home-template-item-block .home-template-item .template-item-content .examples-block .examples-item .tn-icon{flex-shrink:0;transform:rotate(180deg)}.home-template-item-block .home-template-item .template-item-content .more-examples-btn{align-items:center;color:#426bc0;cursor:pointer;display:inline-flex;font-size:16px;gap:8px;margin-top:24px}.home-template-item-block .home-template-item .template-item-img{height:560px;-o-object-fit:cover;object-fit:cover;width:650px}.home-template-item-block .home-template-item.template-item-bg1{background:#ebf7f6}.home-template-item-block .home-template-item.template-item-bg1 .template-tag{background:#caeae7;color:#009689}.home-template-item-block .home-template-item.template-item-bg2{background:#eef3fd}.home-template-item-block .home-template-item.template-item-bg2 .template-tag{background:#d1defa;color:#165dff}.home-template-item-block .home-template-item.template-item-bg3{background:#fff5eb}.home-template-item-block .home-template-item.template-item-bg3 .template-tag{background:#fee3c9;color:#fc8105}.home-template-item-block .home-template-item.template-item-bg4{background:#f4f8eb}.home-template-item-block .home-template-item.template-item-bg4 .template-tag{background:#e1ebc8;color:#70a400}.home-template-item-block .home-template-item.template-item-bg5{background:#fef1eb}.home-template-item-block .home-template-item.template-item-bg5 .template-tag{background:#fdd8c8;color:#f76220}.home-template-item-block .home-template-item.template-item-bg6{background:#f4effb}.home-template-item-block .home-template-item.template-item-bg6 .template-tag{background:#e1d2f5;color:#922ed8}.home-template-item-block .home-template-item.template-item-bg7{background:#ebf9fe}.home-template-item-block .home-template-item.template-item-bg7 .template-tag{background:#c8eefb;color:#00aeec}@media screen and (max-width:1200px){.home-template-item-block{gap:24rem;margin:0 32rem;width:calc(100% - 64rem)}.home-template-item-block .home-template-item{border-radius:24rem;flex-direction:column-reverse;min-height:auto}.home-template-item-block .home-template-item:nth-child(2n){flex-direction:column}.home-template-item-block .home-template-item .template-item-content{padding:8rem 32rem 32rem;width:100%}.home-template-item-block .home-template-item .template-item-content .template-tag{border-radius:28rem;font-size:24rem;height:56rem;padding:0 16rem}.home-template-item-block .home-template-item .template-item-content .template-title{font-size:34rem;line-height:50rem;margin-top:16rem}.home-template-item-block .home-template-item .template-item-content .template-desc{font-size:24rem;line-height:40rem;margin-top:16rem}.home-template-item-block .home-template-item .template-item-content .examples-block-title{font-size:28rem;margin-bottom:16rem;margin-top:40rem}.home-template-item-block .home-template-item .template-item-content .examples-block{gap:16rem}.home-template-item-block .home-template-item .template-item-content .examples-block .examples-item{border-radius:8rem;font-size:24rem;height:64rem;padding:0 16rem;width:calc(50% - 8rem)}.home-template-item-block .home-template-item .template-item-content .examples-block .examples-item .examples-item-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-template-item-block .home-template-item .template-item-content .examples-block .examples-item:hover{box-shadow:none;color:#000000e6}.home-template-item-block .home-template-item .template-item-content .examples-block .examples-item .tn-icon{transform:rotate(180deg)}.home-template-item-block .home-template-item .template-item-content .more-examples-btn{cursor:pointer;font-size:24rem;gap:8rem;margin-top:24rem}.home-template-item-block .home-template-item .template-item-content .more-examples-btn .tn-icon{font-size:24rem;line-height:auto}.home-template-item-block .home-template-item .template-item-img{height:auto;width:100%}}