.doudou-template-page{padding:8px 4px 28px;color:#1f2a44}.doudou-template-toolbar{padding:22px 24px;background:#fff;border:1px solid #e7edf7;border-radius:18px;box-shadow:0 10px 32px rgba(39,89,160,.07)}.doudou-template-heading{display:flex;gap:24px;align-items:center;justify-content:space-between}.doudou-template-heading h2{margin:0 0 5px;font-size:24px}.doudou-template-heading p{margin:0;color:#7e8ca5}.doudou-template-search{position:relative;display:flex;align-items:center;width:min(440px,48vw)}.doudou-template-search input{width:100%;height:44px;padding:0 42px;border:1px solid #d8e1ee;border-radius:12px;outline:none;font-size:15px;color:#1f2a44;background:#fbfdff;transition:.2s}.doudou-template-search input:focus{border-color:#2f8df2;box-shadow:0 0 0 3px rgba(47,141,242,.12);background:#fff}.doudou-template-search-icon{position:absolute;left:15px;font-size:24px;color:#8ca0bc;transform:rotate(-20deg)}.doudou-template-clear{position:absolute;right:10px;border:0;background:transparent;color:#8190a8;font-size:24px;cursor:pointer}.doudou-template-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.doudou-template-tab{height:40px;padding:0 18px;border:1px solid #d8e3f1;border-radius:11px;background:#fff;color:#40516d;font-weight:600;cursor:pointer;transition:.2s}.doudou-template-tab:hover{border-color:#2f8df2;color:#2f78df}.doudou-template-tab.is-active{border-color:#2f7df0;background:#2f7df0;color:#fff;box-shadow:0 7px 18px rgba(47,125,240,.22)}.doudou-template-result-line{margin:18px 4px 10px;color:#7a899f;font-size:14px}.doudou-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.doudou-template-card{display:flex;flex-direction:column;min-height:218px;padding:18px;background:#fff;border:1px solid #e3eaf4;border-radius:16px;box-shadow:0 6px 22px rgba(38,66,106,.06);transition:.2s}.doudou-template-card:hover{transform:translateY(-2px);border-color:#bfd5f2;box-shadow:0 12px 28px rgba(38,91,164,.12)}.doudou-template-card-mark{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;color:#fff;font-weight:800;font-size:17px;background:linear-gradient(145deg,#2788f5,#45a5f1);box-shadow:0 7px 16px rgba(42,139,238,.24)}.doudou-template-card-body{flex:1;min-width:0;padding-top:13px}.doudou-template-card-body h3{margin:0 0 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px}.doudou-template-card-body p{margin:9px 0 0;min-height:38px;color:#8591a5;font-size:13px;line-height:1.45}.doudou-template-badge{display:inline-flex;padding:3px 9px;border-radius:20px;background:#edf5ff;color:#287ce2;font-size:12px}.doudou-template-badge.is-payment{background:#fff3e4;color:#d87908}.doudou-template-badge.is-cold-wallet-mnemonic,.doudou-template-badge.is-cold-wallet-password{background:#eefaf3;color:#15935a}.doudou-template-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:9px;margin-top:14px}.doudou-template-actions button,.doudou-template-dialog footer button,.doudou-template-pagination button,.doudou-template-state button{height:38px;padding:0 14px;border-radius:10px;border:0;font-weight:650;cursor:pointer}.doudou-template-actions .is-preview{background:#edf4fd;color:#2879dc}.doudou-template-actions .is-download,.doudou-template-dialog footer .is-download{background:#2e86ef;color:#fff}.doudou-template-state{display:flex;min-height:300px;align-items:center;justify-content:center;gap:14px;color:#7a899f}.doudou-template-state.is-error{flex-direction:column;color:#d62f52}.doudou-template-state button{background:#2f86ef;color:#fff}.doudou-template-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;color:#65748b}.doudou-template-pagination button{border:1px solid #d8e2ef;background:#fff;color:#2a74cf}.doudou-template-pagination button:disabled{opacity:.45;cursor:not-allowed}.doudou-template-modal{position:fixed;z-index:9999;inset:0;display:flex;align-items:center;justify-content:center;padding:26px;background:rgba(18,31,53,.58);backdrop-filter:blur(3px)}.doudou-template-dialog{display:flex;flex-direction:column;width:min(520px,94vw);height:min(820px,92vh);overflow:hidden;background:#fff;border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.doudou-template-dialog header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #edf1f6}.doudou-template-dialog header>div{display:flex;flex-direction:column;gap:3px}.doudou-template-dialog header strong{font-size:17px}.doudou-template-dialog header small{color:#8995a8}.doudou-template-dialog header button{width:36px;height:36px;border:0;border-radius:50%;background:#f0f4f9;color:#64748b;font-size:24px;cursor:pointer}.doudou-template-dialog iframe{flex:1;width:100%;border:0;background:#fff}.doudou-template-preview-state{display:flex;flex:1;align-items:center;justify-content:center;color:#7f8da2}.doudou-template-dialog footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 18px;border-top:1px solid #edf1f6}.doudou-template-dialog footer .is-close{background:#edf2f8;color:#53637b}@media(max-width:1250px){.doudou-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.doudou-template-heading{align-items:stretch;flex-direction:column}.doudou-template-search{width:100%}.doudou-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.doudou-template-page{padding:0 0 20px}.doudou-template-toolbar{padding:17px 14px;border-radius:14px}.doudou-template-heading h2{font-size:21px}.doudou-template-tab{padding:0 12px}.doudou-template-grid{grid-template-columns:1fr;gap:11px}.doudou-template-card{min-height:202px}.doudou-template-modal{padding:8px}.doudou-template-dialog{width:100%;height:96vh;border-radius:15px}}