.library-toolbar,.preview-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.marketing-assets-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding:22px 24px; border-left:4px solid #f04f3d; background:#122521; color:#fff; }
.marketing-assets-head p { margin:0 0 6px; color:#65d6ca; font-size:10px; font-weight:800; }
.marketing-assets-head h2 { margin:0; font-size:24px; }
.marketing-assets-head>div>span { display:block; margin-top:6px; color:#afc0bc; font-size:12px; }
.marketing-assets-summary { min-width:120px; padding-left:20px; border-left:1px solid #3b514c; text-align:right; }
.marketing-assets-summary strong { display:block; font-size:30px; }
.marketing-assets-summary span { color:#9eb1ad; font-size:11px; }
.marketing-asset-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:16px; border:1px solid #d8e0df; border-top:0; background:#fff; }
.marketing-asset-tabs button { position:relative; min-height:68px; padding:13px 18px; border:0; border-right:1px solid #dfe5e4; border-radius:0; background:#fff; color:#334944; text-align:left; }
.marketing-asset-tabs button:last-child { border-right:0; }
.marketing-asset-tabs button::after { content:""; position:absolute; right:0; bottom:0; left:0; height:3px; background:transparent; }
.marketing-asset-tabs button.active { background:#f0f8f6; color:#163e38; }
.marketing-asset-tabs button.active::after { background:#ef503e; }
.marketing-asset-tabs b,.marketing-asset-tabs span { display:block; }
.marketing-asset-tabs b { font-size:14px; }
.marketing-asset-tabs span { margin-top:4px; color:#71817d; font-size:11px; }
.marketing-asset-tabs em { position:absolute; top:12px; right:14px; min-width:20px; padding:2px 6px; border-radius:10px; background:#eff2f1; color:#5d706b; font-size:10px; font-style:normal; text-align:center; }
.marketing-panel[hidden] { display:none; }
.library-toolbar { margin-bottom:18px; padding:18px 20px; border-left:4px solid #0c8588; background:#fff; }
.library-toolbar p { margin:0 0 5px; color:#0b7c84; font-size:11px; font-weight:800; }
.library-toolbar h2 { margin:0; font-size:22px; }.library-toolbar span { color:#6d7f83; font-size:13px; }
.library-toolbar-actions { display:flex; align-items:center; gap:8px; }.batch-import-button { display:inline-flex; align-items:center; min-height:36px; padding:0 14px; border:1px solid #b8ccce; border-radius:4px; color:#24474d; background:#f8fbfb; cursor:pointer; font-size:12px; font-weight:700; }.batch-import-button input { display:none; }
.library-layout { display:grid; grid-template-columns:minmax(540px,1fr) 360px; gap:20px; align-items:start; }
.library-workspace { min-width:0; }.library-tabs { display:flex; gap:4px; margin-bottom:12px; border-bottom:1px solid #d8e3e4; }
.library-tabs button { padding:11px 20px; border:0; border-bottom:3px solid transparent; background:transparent; color:#6a7c80; }
.library-tabs button.active { border-bottom-color:#d92f3b; color:#172c31; font-weight:700; }
.library-editor { margin-bottom:14px; padding:18px; border:1px solid #cadbdd; background:#fff; }
.library-form-grid { display:grid; grid-template-columns:1fr 120px; gap:13px; }
.library-form-grid label { display:flex; flex-direction:column; gap:7px; color:#52696e; font-size:12px; }.library-form-grid .wide { grid-column:1/-1; }
.library-form-grid input,.library-form-grid textarea,.library-form-grid select { box-sizing:border-box; width:100%; padding:10px 11px; border:1px solid #cbd9db; border-radius:4px; color:#152c31; background:#fbfdfd; font:inherit; }
.library-form-grid textarea { min-height:70px; resize:vertical; }.library-form-grid .library-body-input { min-height:130px; }
.library-form-grid .library-check { flex-direction:row; align-items:center; align-self:end; min-height:38px; }.library-form-grid .library-check input { width:auto; }
.library-upload-row,.library-form-actions { display:flex; align-items:center; gap:10px; margin-top:14px; }.library-form-actions { justify-content:flex-end; }
.file-button { display:inline-flex; align-items:center; min-height:34px; padding:0 13px; border:1px solid #bfcfd1; border-radius:4px; background:#f8fbfb; color:#24474d; cursor:pointer; font-size:12px; }.file-button input { display:none; }
.library-upload-row span { color:#7b8c90; font-size:11px; }
.library-list { display:grid; gap:10px; }.library-item { display:grid; grid-template-columns:112px 1fr auto; gap:14px; min-height:112px; padding:13px; border:1px solid #d5e1e2; background:#fff; }
.library-cover { display:flex; align-items:center; justify-content:center; overflow:hidden; background:#e8f0f1; color:#789095; font-size:12px; }.library-cover img { width:100%; height:100%; object-fit:cover; }
.library-item-main { min-width:0; }.library-item-meta { display:flex; gap:7px; align-items:center; margin-bottom:8px; }.library-item-meta span { padding:3px 7px; border-radius:3px; background:#edf5f5; color:#327078; font-size:10px; }.library-item-meta .published { background:#e8f7f1; color:#08765c; }.library-item-meta .draft { background:#f2f2f2; color:#6e7779; }
.library-item h3 { margin:0; font-size:16px; }.library-item p { margin:8px 0 0; color:#62767b; font-size:12px; line-height:1.5; }.library-item small { display:block; margin-top:9px; color:#94a2a5; }
.library-item-actions { display:flex; flex-direction:column; gap:7px; justify-content:center; }.library-item-actions button { min-width:66px; }
.miniapp-preview-panel { position:sticky; top:16px; }.preview-heading { margin-bottom:10px; }.preview-heading strong,.preview-heading span { display:block; }.preview-heading span { margin-top:3px; color:#75878b; font-size:11px; }.preview-live { padding:5px 8px; border-radius:3px; color:#08765c!important; background:#e8f7f1; }
.phone-preview { width:330px; height:650px; overflow:hidden; border:8px solid #172326; border-radius:28px; background:#eef4f6; box-shadow:0 20px 45px rgba(20,44,49,.18); }
.phone-status { display:flex; align-items:center; justify-content:space-between; height:42px; padding:0 15px; color:#fff; background:#172326; font-size:10px; }.phone-status b { font-size:12px; }
.miniapp-preview { box-sizing:border-box; height:558px; padding:16px 14px; overflow-y:auto; }.preview-hero { padding:20px 16px; color:#fff; background:#173f46; }.preview-hero small { color:#9fe7dc; }.preview-hero h3 { margin:10px 0 5px; font-size:21px; }.preview-hero p { margin:0; color:#d8e6e7; font-size:11px; }
.preview-section-title { display:flex; justify-content:space-between; margin:18px 2px 9px; font-size:14px; font-weight:700; }.preview-section-title span { color:#0b7c84; font-size:10px; font-weight:400; }
.preview-card { margin-bottom:9px; overflow:hidden; border:1px solid #d3e0e1; border-radius:6px; background:#fff; cursor:pointer; }.preview-card img { display:block; width:100%; height:110px; object-fit:cover; }.preview-card-copy { padding:11px; }.preview-card-copy small { color:#0b7c84; }.preview-card-copy strong { display:block; margin-top:5px; font-size:14px; }.preview-card-copy p { margin:6px 0 0; color:#65787d; font-size:10px; line-height:1.5; }
.preview-empty { padding:50px 20px; text-align:center; color:#778a8e; font-size:12px; }.preview-back { margin-bottom:12px; padding:0; border:0; background:transparent; color:#0b7c84; }.preview-detail-cover { width:100%; max-height:190px; object-fit:cover; }.preview-detail h2 { margin:14px 0 8px; font-size:20px; }.preview-detail .detail-body { color:#40575d; font-size:12px; line-height:1.8; white-space:pre-wrap; }.preview-detail video { width:100%; margin-top:12px; background:#101820; }
.preview-home-brand{display:flex;align-items:baseline;justify-content:space-between;margin:3px 2px 14px}.preview-home-brand b{font-size:17px}.preview-home-brand span{color:#75888d;font-size:9px}.preview-app-home>section{padding:18px 16px;color:#fff;background:#173f46;border-left:4px solid #d92f3b}.preview-app-home>section small{color:#8de0d6}.preview-app-home>section h3{margin:7px 0 13px;font-size:20px}.preview-home-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #3a6267}.preview-home-stats div{padding:11px 5px 0;border-right:1px solid #3a6267}.preview-home-stats div:last-child{border-right:0}.preview-home-stats strong,.preview-home-stats span{display:block}.preview-home-stats strong{font-size:17px}.preview-home-stats span{margin-top:3px;color:#a8c7ca;font-size:8px}.preview-home-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.preview-home-actions button{min-height:88px;padding:12px;text-align:left;border:1px solid #d3e1e2;background:#fff}.preview-home-actions button:first-child{grid-column:1/-1;border-top:3px solid #0b8588}.preview-home-actions button:nth-child(2){border-top:3px solid #d92f3b}.preview-home-actions button:nth-child(3){border-top:3px solid #d49a2d}.preview-home-actions span,.preview-home-actions strong,.preview-home-actions small{display:block}.preview-home-actions span{color:#7c9296;font-size:8px}.preview-home-actions strong{margin-top:9px;font-size:13px}.preview-home-actions small{margin-top:4px;color:#74878b;font-size:9px}.preview-home-list{margin-top:10px;padding:13px;background:#fff;border:1px solid #d6e2e3}.preview-home-list>strong{font-size:12px}.preview-home-list p{display:flex;justify-content:space-between;gap:9px;margin:10px 0 0;padding-top:9px;border-top:1px solid #e0e8e9;color:#385158;font-size:10px}.preview-home-list p span{color:#829499;font-size:8px}.preview-data-hero{padding:18px;color:#fff;background:#173f46;border-left:4px solid #d92f3b}.preview-data-hero small{color:#8de0d6;font-size:8px}.preview-data-hero h3{margin:7px 0 4px;font-size:20px}.preview-data-hero p{margin:0;color:#bcd0d2;font-size:9px}.preview-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.preview-data-grid div{padding:12px;border-top:3px solid #0b8588;background:#fff}.preview-data-grid div:nth-child(n+5){border-top-color:#d92f3b}.preview-data-grid span,.preview-data-grid strong{display:block}.preview-data-grid span{color:#71868a;font-size:8px}.preview-data-grid strong{margin-top:6px;font-size:14px}.preview-funnel{margin-top:9px;padding:13px;background:#fff;border:1px solid #d6e2e3}.preview-funnel>b{font-size:12px}.preview-funnel>div{display:grid;grid-template-columns:28px 1fr 34px;align-items:center;gap:6px;margin-top:9px;color:#60777b;font-size:8px}.preview-funnel i{height:6px;background:#e1eaea}.preview-funnel em{display:block;height:100%;background:#0b8588}.preview-funnel strong{text-align:right;color:#203f45;font-size:9px}.preview-account{text-align:center;padding-top:22px}.preview-avatar{display:grid;place-items:center;width:58px;height:58px;margin:0 auto;color:#fff;background:#d92f3b;font-size:22px;font-weight:800}.preview-account h3{margin:12px 0 4px}.preview-account>p{margin:0;color:#73878b;font-size:10px}.preview-account>div:last-child{margin-top:20px;padding:0 12px;background:#fff;border:1px solid #d6e2e3}.preview-account button{display:flex;justify-content:space-between;width:100%;padding:14px 2px;border:0;border-bottom:1px solid #e0e8e9;background:#fff;font-size:11px}.preview-account button:last-child{border-bottom:0}.preview-account button small{color:#7b8e92;font-size:9px}
.phone-tabs { display:grid; grid-template-columns:repeat(5,1fr); height:50px; border-top:1px solid #d5e2e3; background:#fff; }.phone-tabs button { min-width:0; padding:0 2px; border:0; background:#fff; color:#7a8a8e; font-size:10px; }.phone-tabs button.active { color:#d92f3b; font-weight:700; }
.preview-leads-hero { padding:18px 15px; color:#fff; background:#103c42; border-left:4px solid #e33a45; }.preview-leads-hero small { color:#7fe0d5; font-size:9px; font-weight:800; }.preview-leads-hero h3 { margin:7px 0 3px; font-size:21px; }.preview-leads-hero p { margin:0; color:#bdd4d5; font-size:10px; }.preview-leads-hero > div { display:grid; grid-template-columns:repeat(3,1fr); margin-top:14px; border-top:1px solid #335b60; }.preview-leads-hero span { padding-top:10px; color:#a9c4c6; font-size:9px; }.preview-leads-hero strong { display:block; margin-bottom:2px; color:#fff; font-size:18px; }.preview-lead-create { width:100%; margin:11px 0; border:0; border-radius:4px; color:#fff; background:#d92f3b; font-size:11px; font-weight:700; }.preview-lead-list { display:grid; gap:7px; }.preview-lead-list article { display:grid; grid-template-columns:32px 1fr auto; align-items:center; gap:9px; padding:10px; border:1px solid #dce6e7; background:#fff; cursor:pointer; }.preview-lead-list article > b { width:32px; height:32px; border-radius:4px; color:#fff; background:#15505a; font-size:13px; line-height:32px; text-align:center; }.preview-lead-list article div strong,.preview-lead-list article div span,.preview-lead-list article div small { display:block; }.preview-lead-list article div strong { font-size:11px; }.preview-lead-list article div span,.preview-lead-list article div small { overflow:hidden; margin-top:2px; max-width:158px; color:#718287; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }.preview-lead-list article em { padding:4px 5px; color:#866313; background:#fff3d9; font-size:8px; font-style:normal; }.preview-lead-list article em.won { color:#08705f; background:#e1f5ef; }.preview-lead-list article em.lost { color:#9c3b45; background:#ffedef; }
.preview-home-brand{align-items:center}.preview-home-brand b{display:flex;align-items:center;gap:7px}.preview-home-brand b i{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;color:#fff;background:#e94235;font-size:10px;font-style:normal}.preview-home-brand>span{display:flex;align-items:center;gap:4px;color:#53756f}.preview-home-brand>span em{width:6px;height:6px;border-radius:50%;background:#25b98b;box-shadow:0 0 8px rgba(37,185,139,.65);animation:previewLive 1.6s ease-in-out infinite}.preview-app-home-v2{padding-bottom:6px}.preview-command-v2{position:relative;overflow:hidden}.preview-command-v2>p{position:relative;z-index:1;margin:0 0 12px;color:#b9cdca;font-size:9px;line-height:1.55}.preview-command-v2 progress{position:relative;z-index:1;width:100%;height:4px;accent-color:#e94235}.preview-command-progress{position:relative;z-index:1;display:flex;justify-content:space-between;color:#94aaa6;font-size:8px}.preview-command-scan{position:absolute;z-index:0;top:0;bottom:0;left:-1px;width:1px;background:#65d3c5;box-shadow:0 0 13px rgba(101,211,197,.7);animation:previewScan 4.8s linear infinite}.preview-home-stats-v2{margin:0;border:1px solid #d8e3e1;border-top:0;background:#fff}.preview-creation-head{margin:14px 1px 8px}.preview-creation-head span,.preview-creation-head strong{display:block}.preview-creation-head span{color:#16867f;font-size:7px;font-weight:800}.preview-creation-head strong{margin-top:4px;font-size:12px}.preview-production-flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;padding:9px 5px;color:#fff;background:#162321}.preview-production-flow>i{position:absolute;top:0;bottom:0;left:-45px;width:45px;background:rgba(101,211,197,.09);animation:previewScanBlock 3.8s linear infinite}.preview-production-flow span{position:relative;z-index:1;text-align:center;font-size:7px}.preview-production-flow b{display:block;margin-bottom:3px;color:#68d0c3;font-size:7px}.preview-creation-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.preview-creation-grid button{position:relative;display:grid;grid-template-columns:26px 1fr;align-items:start;gap:7px;min-height:70px;padding:9px;border:1px solid #d7e2e0;background:#fff;text-align:left}.preview-creation-grid button>b{display:grid;width:24px;height:24px;place-items:center;border:1px solid #233431;border-radius:3px;color:#e94235;font-size:8px}.preview-creation-grid button span strong,.preview-creation-grid button span small{display:block}.preview-creation-grid button span strong{font-size:10px}.preview-creation-grid button span small{margin-top:4px;color:#778985;font-size:7px;line-height:1.4}.preview-creation-grid button>em{position:absolute;right:8px;bottom:7px;color:#16867f;font-size:6px;font-style:normal}.preview-mobile-section{padding-bottom:12px}.preview-section-hero{padding:18px 15px;color:#fff;border-left:4px solid #e43f38;background:#173f46}.preview-section-hero small{color:#86ded3;font-size:8px}.preview-section-hero h3{margin:7px 0 5px;font-size:19px}.preview-section-hero p{margin:0;color:#bfd1cf;font-size:9px}.preview-mode-list{display:grid;gap:7px;margin-top:10px}.preview-mode-list button{display:grid;grid-template-columns:55px 1fr auto;align-items:center;gap:8px;padding:14px 11px;border:1px solid #d7e2e0;background:#fff;text-align:left}.preview-mode-list b{font-size:11px}.preview-mode-list span{color:#738783;font-size:8px}.preview-mode-list em{color:#e94235;font-size:8px;font-style:normal}.preview-task-summary{display:flex;align-items:baseline;gap:8px;margin-top:10px;padding:14px;background:#fff;border:1px solid #d7e2e0}.preview-task-summary strong{font-size:27px}.preview-task-summary span{color:#71827f;font-size:9px}@keyframes previewLive{0%,100%{opacity:.35;transform:scale(.75)}50%{opacity:1;transform:scale(1.2)}}@keyframes previewScan{from{transform:translateX(0)}to{transform:translateX(300px)}}@keyframes previewScanBlock{from{transform:translateX(0)}to{transform:translateX(340px)}}
.preview-product-stage{position:relative;z-index:1;display:grid;grid-template-columns:76px 1fr;align-items:center;gap:12px;min-height:112px}.preview-product-orbit{position:relative;width:70px;height:70px;border:1px solid rgba(112,220,207,.34);border-radius:50%}.preview-product-orbit::after{position:absolute;left:50%;top:-3px;width:6px;height:6px;border-radius:50%;background:#72d8cc;box-shadow:0 0 9px rgba(114,216,204,.9);content:"";transform-origin:0 38px;animation:previewProductOrbit 6s linear infinite}.preview-product-orbit b{position:absolute;left:50%;top:50%;display:grid;width:30px;height:30px;place-items:center;border:1px solid #5ec8bb;border-radius:50%;background:#203532;font-size:12px;transform:translate(-50%,-50%)}.preview-product-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:#e94639;box-shadow:0 0 8px rgba(233,70,57,.7);animation:previewLive 1.8s ease-in-out infinite}.preview-product-orbit i:nth-of-type(1){left:31px;top:-4px}.preview-product-orbit i:nth-of-type(2){right:-4px;top:31px;animation-delay:.4s}.preview-product-orbit i:nth-of-type(3){left:31px;bottom:-4px;animation-delay:.8s}.preview-product-orbit i:nth-of-type(4){left:-4px;top:31px;animation-delay:1.2s}.preview-product-stories{position:relative;min-width:0;height:104px}.preview-product-stories article{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;animation:previewProductStory 14.4s ease-in-out infinite}.preview-product-stories article:nth-child(2){animation-delay:3.6s}.preview-product-stories article:nth-child(3){animation-delay:7.2s}.preview-product-stories article:nth-child(4){animation-delay:10.8s}.preview-product-stories em{color:#72d8cc;font-size:6px;font-style:normal;font-weight:800}.preview-product-stories h3{margin:7px 0 5px;font-size:14px;line-height:1.3}.preview-product-stories p{margin:0;color:#afc3bf;font-size:8px;line-height:1.5}.preview-story-route{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:8px;border-top:1px solid #3a514d}.preview-story-route span{padding-top:7px;color:#829a95;border-top:2px solid transparent;font-size:6px;text-align:center;animation:previewRoute 14.4s ease-in-out infinite}.preview-story-route span:nth-child(2){animation-delay:3.6s}.preview-story-route span:nth-child(3){animation-delay:7.2s}.preview-story-route span:nth-child(4){animation-delay:10.8s}@keyframes previewProductOrbit{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes previewProductStory{0%,23%{opacity:1;transform:translateY(0)}27%,96%{opacity:0;transform:translateY(5px)}97%,100%{opacity:1;transform:translateY(0)}}@keyframes previewRoute{0%,23%{color:#fff;border-top-color:#e94639}27%,96%{color:#829a95;border-top-color:transparent}97%,100%{color:#fff;border-top-color:#e94639}}
.preview-platform-deck{display:grid;gap:8px;margin-top:10px}.preview-platform-deck button{position:relative;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;overflow:hidden;padding:11px;border:1px solid #d7e2e0;background:#fff;text-align:left}.preview-platform-deck button::after{content:"";position:absolute;left:-25%;bottom:0;width:25%;height:2px;background:var(--brand);box-shadow:0 0 8px var(--brand);animation:previewPlatformSignal 3.4s linear infinite}.preview-platform-deck button>i{display:grid;width:40px;height:40px;place-items:center;border-radius:8px;color:#fff;background:var(--brand);font-size:8px;font-style:normal;font-weight:900}.preview-platform-deck .rednote{--brand:#ff2442}.preview-platform-deck .douyin{--brand:#25f4ee;background:#121518;color:#fff}.preview-platform-deck .douyin>i{color:#fff;background:#08090b;font-size:23px;text-shadow:-2px 0 #25f4ee,2px 0 #fe2c55}.preview-platform-deck .channels{--brand:#20c787}.preview-platform-deck .channels>i{border-radius:50%;background:linear-gradient(145deg,#20c787,#397cf4);font-size:12px}.preview-platform-deck button span small,.preview-platform-deck button span b,.preview-platform-deck button span em{display:block}.preview-platform-deck button span small{color:var(--brand);font-size:6px;font-weight:800}.preview-platform-deck button span b{margin-top:2px;font-size:10px}.preview-platform-deck button span em{margin-top:3px;color:#778985;font-size:7px;font-style:normal}.preview-platform-deck .douyin span em{color:#9eaaa9}.preview-platform-deck button>strong{color:var(--brand);font-size:7px}.preview-shared-foundation{margin-top:9px;padding:10px 11px;border:1px solid #cbe0dd;background:#f7fbfa}.preview-shared-foundation span,.preview-shared-foundation b{display:block}.preview-shared-foundation span{color:#18887f;font-size:6px;font-weight:800}.preview-shared-foundation b{margin-top:3px;font-size:8px}@keyframes previewPlatformSignal{to{transform:translateX(500%)}}
@media (max-width:1050px) { .library-layout { grid-template-columns:1fr; }.miniapp-preview-panel { position:static; }.phone-preview { margin:0 auto; } }
@media (max-width:650px) { .marketing-assets-head { align-items:flex-start; flex-direction:column; }.marketing-assets-summary { padding:0; border:0; text-align:left; }.marketing-asset-tabs { grid-template-columns:1fr; }.marketing-asset-tabs button { min-height:58px; border-right:0; border-bottom:1px solid #dfe5e4; }.library-toolbar { align-items:flex-start; flex-direction:column; }.library-toolbar-actions { width:100%; }.library-form-grid { grid-template-columns:1fr; }.library-form-grid .wide { grid-column:auto; }.library-item { grid-template-columns:90px 1fr; }.library-item-actions { grid-column:1/-1; flex-direction:row; justify-content:flex-end; }.phone-preview { width:min(330px,calc(100vw - 58px)); } }