.tpl-page{max-width:1500px;margin:0 auto;padding:8px clamp(16px,3vw,28px) 64px;font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--kbb-text,#111827);background:transparent;line-height:1.5}.tpl-page *{box-sizing:border-box}.tpl-chips-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.tpl-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0;flex:1 1;min-width:0}.tpl-admin-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex-shrink:0}.tpl-chip{border:1px solid var(--kbb-border,#e5e7eb);background:var(--kbb-surface,#fff);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800;color:var(--kbb-text-muted,#6b7280);font-family:inherit;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.tpl-chip:hover{border-color:var(--kbb-primary-soft-20,hsl(24 95% 53.1%/.2));background:var(--kbb-primary-soft-7,hsl(24 95% 53.1%/.07))}.tpl-chip.on,.tpl-chip:hover{color:var(--kbb-primary,hsl(24 95% 53.1%))}.tpl-chip.on{background:var(--kbb-primary-soft-10,hsl(24 95% 53.1%/.1));border-color:var(--kbb-primary-soft-25,hsl(24 95% 53.1%/.25))}.tpl-chip.soon:after{content:"筹备";margin-left:6px;font-size:10px;font-weight:700;color:var(--kbb-text-soft,#9ca3af)}.tpl-chip.on.soon:after{color:hsl(24 60% 45%)}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:14px;gap:14px}.tpl-card{border:1px solid var(--kbb-border,#e5e7eb);border-radius:20px;overflow:hidden;background:var(--kbb-surface,#fff);text-align:left;padding:0;font-family:inherit;cursor:pointer;width:100%;color:inherit;box-shadow:0 20px 45px rgba(15,23,42,.04);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.tpl-card:hover{transform:translateY(-3px);border-color:var(--kbb-primary-soft-25,hsl(24 95% 53.1%/.25));box-shadow:0 20px 45px rgba(249,115,22,.12)}.tpl-thumb{aspect-ratio:3/4;background:var(--kbb-border-soft,#f3f4f6) center /cover no-repeat;position:relative}.tpl-thumb-fallback{width:100%;height:100%;background:linear-gradient(145deg,#1f2937,#f97316 120%)}.tpl-badge{top:10px;left:10px;background:rgba(255,255,255,.96);border:1px solid var(--kbb-border,#e5e7eb);color:var(--kbb-text,#111827);padding:3px 9px;font-weight:800}.tpl-badge,.tpl-use{position:absolute;border-radius:999px;font-size:10px;z-index:1}.tpl-use{bottom:10px;right:10px;background:rgba(15,23,42,.72);color:#fff;padding:3px 8px;font-weight:700}.tpl-state{margin-top:8px;padding:40px 20px;text-align:center;background:var(--kbb-surface,#fff);border:1px dashed var(--kbb-border,#e5e7eb);border-radius:20px;color:var(--kbb-text-muted,#6b7280);font-size:14px;font-weight:600}.tpl-state.error{color:#9a3412;background:var(--kbb-primary-soft-7,#fff7ed);border-color:#fed7aa;border-style:solid}.tpl-state--bare{border:none;background:transparent;box-shadow:none}.tpl-split-overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:rgba(30,41,59,.48);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}.tpl-split-panel{position:relative;width:min(1080px,96vw);max-height:min(90vh,900px);display:grid;grid-template-columns:1.05fr .95fr;grid-template-areas:"media side";overflow:hidden;border-radius:22px;background:rgba(248,250,252,.92);box-shadow:0 28px 72px rgba(15,23,42,.28)}.tpl-split-panel--narrow{width:min(420px,92vw);display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 24px;grid-template-columns:none}.tpl-split-status{margin:0;font-weight:700;color:var(--kbb-text-muted,#6b7280);text-align:center}.tpl-split-status--error{color:#9a3412}.tpl-split-media{grid-area:media;position:relative;min-height:420px;background:#0f172a;display:grid;place-items:center;padding:20px}.tpl-split-shot{max-width:100%;max-height:min(72vh,720px);width:auto;height:auto;object-fit:contain;border-radius:14px;box-shadow:0 20px 40px rgba(0,0,0,.35)}.tpl-split-empty{color:rgba(255,255,255,.75);font-size:14px;font-weight:700;text-align:center;padding:40px 20px}.tpl-split-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:99px;border:none;background:rgba(255,255,255,.9);color:#475569;font-size:22px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.15)}.tpl-split-nav.l{left:12px}.tpl-split-nav.r{right:12px}.tpl-split-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:6px}.tpl-split-dots i{width:7px;height:7px;border-radius:99px;background:rgba(255,255,255,.4);display:block}.tpl-split-dots i.on{width:18px;background:#fff}.tpl-split-side{grid-area:side;display:flex;flex-direction:column;min-width:0;min-height:0;background:rgba(255,255,255,.78);backdrop-filter:blur(20px) saturate(1.35);-webkit-backdrop-filter:blur(20px) saturate(1.35)}.tpl-split-top{justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:none;background:rgba(255,255,255,.72);box-shadow:0 1px 0 rgba(148,163,184,.15)}.tpl-split-heading,.tpl-split-top{display:flex;align-items:center;flex-wrap:wrap}.tpl-split-heading{gap:8px;min-width:0;flex:1 1}.tpl-split-cap{display:inline-flex;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;color:#c2410c;background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.22)}.tpl-split-top-actions{flex-shrink:0}.tpl-split-scroll{flex:1 1;overflow:auto;min-height:0;display:flex;flex-direction:column}.tpl-split-side .previewMeta{flex:1 1}.tpl-split-note{margin:0;font-size:12px;line-height:1.55;color:#64748b}.tpl-split-note strong{color:#0f172a;font-weight:600}@media (max-width:860px){.tpl-split-panel{grid-template-columns:1fr;grid-template-areas:"media" "side";max-height:calc(100vh - 24px);overflow:auto}.tpl-split-media{min-height:280px}}@media (prefers-reduced-motion:reduce){.tpl-card,.tpl-chip{transition:none}.tpl-card:hover{transform:none}.tpl-import-overlay,.tpl-split-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}}.tpl-import-overlay{position:fixed;inset:0;z-index:80;display:flex;justify-content:flex-end;background:rgba(15,23,42,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tpl-import-drawer{width:min(480px,100vw);height:100%;display:flex;flex-direction:column;background:rgba(255,255,255,.96);box-shadow:-16px 0 48px rgba(15,23,42,.18)}.tpl-import-foot,.tpl-import-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:rgba(255,255,255,.72);box-shadow:0 1px 0 rgba(148,163,184,.15)}.tpl-import-foot{justify-content:flex-end;box-shadow:0 -1px 0 rgba(148,163,184,.12)}.tpl-import-body{flex:1 1;overflow:auto;padding:16px;display:grid;grid-gap:10px;gap:10px;align-content:start}.tpl-import-hint{margin:0 0 4px;font-size:12px;line-height:1.55;color:#64748b}.tpl-import-hint code{font-size:11px;padding:1px 5px;border-radius:6px;background:#f1f5f9;color:#334155}.tpl-import-label{font-size:12px;font-weight:700;color:#64748b}.tpl-import-input,.tpl-import-textarea{width:100%;box-sizing:border-box;border:1px solid rgba(148,163,184,.35);border-radius:12px;padding:10px 12px;font:inherit;font-size:12px;color:#0f172a;background:#fff}.tpl-import-textarea{font-family:inherit;line-height:1.55;resize:vertical;min-height:96px}.tpl-import-textarea--prompt{min-height:96px}.tpl-import-req{color:var(--kbb-primary,#ea580c)}.tpl-import-row2{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}@media (max-width:520px){.tpl-import-row2{grid-template-columns:1fr}}.tpl-import-thumbs{display:flex;flex-wrap:wrap;gap:8px}.tpl-import-thumb{position:relative;width:72px;height:72px;border-radius:12px;overflow:hidden;border:1px solid rgba(148,163,184,.35);background:#f1f5f9;flex-shrink:0}.tpl-import-thumb img{width:100%;height:100%;object-fit:cover;display:block}.tpl-import-cover-tag{position:absolute;top:5px;left:5px;font-size:9px;font-weight:800;padding:1px 5px;border-radius:999px;background:rgba(255,255,255,.92);color:#ea580c}.tpl-import-thumb-remove{position:absolute;top:2px;right:2px;width:22px;height:22px;border:none;border-radius:999px;background:rgba(15,23,42,.55);color:#fff;font-size:14px;line-height:1;cursor:pointer}.tpl-import-thumb-add{width:72px;height:72px;border-radius:12px;border:1.5px dashed rgba(148,163,184,.55);background:#fff;color:#64748b;font-size:11px;font-weight:800;display:grid;place-content:center;grid-gap:2px;gap:2px;cursor:pointer;font-family:inherit}.tpl-import-thumb-add em{font-style:normal;font-size:18px;line-height:1;color:#ea580c}.tpl-import-media-hint{margin:6px 0 0;font-size:11px;color:#64748b}.tpl-import-video-add{width:100%;min-height:72px;border:1.5px dashed rgba(148,163,184,.55);border-radius:14px;background:#fff;color:#64748b;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}.tpl-import-video-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#fff}.tpl-import-video-name{font-size:12px;font-weight:600;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tpl-import-check{display:flex;align-items:center;gap:8px;font-size:13px;color:#0f172a;cursor:pointer}.tpl-import-msg{font-size:12px;font-weight:600;line-height:1.45;padding:10px 12px;border-radius:12px}.tpl-import-msg--error{color:#9a3412;background:rgba(249,115,22,.1)}.tpl-import-msg--ok{color:#166534;background:rgba(34,197,94,.12)}