:root{--brand-50:#eff6ff;--brand-100:#dbeafe;--brand-200:#bfdbfe;--brand-300:#93c5fd;--brand-400:#60a5fa;--brand-500:#3b82f6;--brand-600:#2563eb;--brand-700:#1d4ed8;--brand-800:#1e40af;--brand-900:#1e3a8a;--accent-purple-50:#f5f3ff;--accent-purple-100:#ede9fe;--accent-purple-200:#ddd6fe;--accent-purple-500:#8b5cf6;--accent-purple-600:#7c3aed;--accent-purple-700:#6d28d9;--gradient-accent-purple:linear-gradient(135deg,#7c3aed 0%,#a78bfa 100%);--gradient-accent-purple-radial:radial-gradient(circle at top left,#a78bfa38,transparent 60%);--gradient-brand:linear-gradient(135deg,#2563eb 0%,#60a5fa 100%);--gradient-brand-soft:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);--gradient-brand-radial:radial-gradient(circle at top left,#60a5fa38,transparent 60%);--gradient-success:linear-gradient(135deg,#22c55e 0%,#4ade80 100%);--gradient-warning:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%);--gradient-danger:linear-gradient(135deg,#ef4444 0%,#f87171 100%);--color-success:#22c55e;--color-success-bg:#ecfdf5;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--color-info:#3b82f6;--color-info-bg:#eff6ff;--gradient-info:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);--gradient-page-bg:linear-gradient(180deg,#f6f7fa 0%,#f0f1f5 100%);--shadow-xs:0 1px 2px #0f0f230a;--shadow-sm:0 2px 8px #0f0f230f;--shadow-md:0 8px 24px #0f0f2314;--shadow-lg:0 16px 48px #0f0f231a;--shadow-xl:0 24px 64px #0f0f231f;--shadow-brand:0 8px 24px #2563eb2e;--shadow-brand-sm:0 4px 12px #2563eb2e;--shadow-success:0 8px 24px #22c55e33;--shadow-accent-purple:0 4px 12px #7c3aed2e;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--text-primary:#0f0f23e0;--text-secondary:#0f0f239e;--text-tertiary:#0f0f236b;--text-quaternary:#0f0f2342;--surface-default:#fff;--surface-layout:#f4f5f8;--surface-subtle:#f8f9fb;--surface-muted:#eef0f4;--border-default:#eaecf0;--border-subtle:#f1f2f5;--border-brand-subtle:#2563eb1a;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.45,0,.55,1);--duration-fast:.15s;--duration-base:.22s;--duration-slow:.36s}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--gradient-page-bg);height:100%;color:var(--text-primary);font-feature-settings:"ss01","cv02";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#2563eb2e padding-box content-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:#2563eb52 padding-box content-box;border:2px solid #0000}.ant-card,.ant-btn,.ant-tag,.ant-badge,.ant-segmented-item{transition:background var(--duration-base)var(--ease-out),color var(--duration-base)var(--ease-out),border-color var(--duration-base)var(--ease-out),box-shadow var(--duration-base)var(--ease-out),transform var(--duration-base)var(--ease-out)}.ant-btn-primary:not(:disabled):hover{box-shadow:var(--shadow-brand);transform:translateY(-1px)}.ant-btn-primary:not(:disabled):active{transform:translateY(0)}.ant-card-hoverable{transition:transform var(--duration-base)var(--ease-out),box-shadow var(--duration-base)var(--ease-out),border-color var(--duration-base)var(--ease-out)!important}.ant-card-hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)!important;border-color:var(--border-brand-subtle)!important}.ant-modal .ant-modal-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding-block:22px}.ant-modal .ant-modal-header{margin-bottom:16px}.ant-popover-inner,.ant-dropdown-menu,.ant-message-notice-content,.ant-notification-notice{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important}.ant-tag{border-radius:var(--radius-sm);padding:0 8px;font-weight:500;line-height:22px}.ant-table-tbody>tr.ant-table-row:hover>td{background:#0f0f2306!important}.ant-spin-dot-item{background-color:var(--brand-600)!important}.video-card-ribbon-wrapper,.video-card-ribbon-wrapper>.ant-card{flex-direction:column;flex:1;display:flex}.video-card-ribbon-wrapper>.ant-card>.ant-card-body{flex:1}.compact-dragger,.compact-dragger .ant-upload-drag,.compact-dragger .ant-upload-drag .ant-upload{min-height:100px!important;padding:10px 0!important}.flex-dragger .ant-upload-drag{border-radius:var(--radius-md)!important;background:var(--surface-subtle)!important;border:1.5px dashed var(--brand-300)!important;height:100%!important}.flex-dragger .ant-upload-drag .ant-upload{flex-direction:column!important;justify-content:center!important;height:100%!important;display:flex!important}.flex-dragger .ant-upload-drag{transition:background var(--duration-base)var(--ease-out),border-color var(--duration-base)var(--ease-out),box-shadow var(--duration-base)var(--ease-out)!important}.flex-dragger .ant-upload-drag.ant-upload-drag-hover{background:var(--brand-50)!important;border-color:var(--brand-600)!important;border-width:2px!important;box-shadow:0 0 0 4px #2563eb1a,inset 0 0 24px #2563eb0a!important}.flex-dragger .ant-upload-drag .ant-upload-drag-icon .anticon{transition:transform var(--duration-base)var(--ease-out),color var(--duration-base)var(--ease-out)!important}.flex-dragger .ant-upload-drag.ant-upload-drag-hover .ant-upload-drag-icon .anticon{color:var(--brand-600)!important;transform:scale(1.18)translateY(-3px)!important}.flex-dragger .ant-upload-drag .ant-upload-text{transition:color var(--duration-base)var(--ease-out),font-weight var(--duration-fast)var(--ease-out)}.flex-dragger .ant-upload-drag.ant-upload-drag-hover .ant-upload-text{font-weight:600;color:var(--brand-700)!important}.full-width-label .ant-form-item-label,.full-width-label .ant-form-item-label>label{width:100%}.main-area-table-pagination.ant-pagination{flex-wrap:wrap;row-gap:8px;padding:12px 20px}.ant-pagination .ant-pagination-item-active,.ant-pagination .ant-pagination-item-active:hover,.ant-pagination .ant-pagination-item-active:focus-visible{background:var(--brand-600)!important;border-color:var(--brand-600)!important}.ant-pagination .ant-pagination-item-active>a,.ant-pagination .ant-pagination-item-active:hover>a,.ant-pagination .ant-pagination-item-active:focus-visible>a{font-weight:600;color:#fff!important}.stat-card{background:var(--surface-default);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--duration-base)var(--ease-out),box-shadow var(--duration-base)var(--ease-out);align-items:center;gap:16px;padding:18px 22px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--gradient-brand);border-radius:var(--radius-pill)0 0 var(--radius-pill);width:4px;position:absolute;inset:0 auto 0 0}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card__icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--brand-700);background:var(--brand-100);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.stat-card__body{flex-direction:column;gap:2px;min-width:0;display:flex}.stat-card__value{color:var(--brand-700);letter-spacing:-.3px;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.15}.stat-card__label{color:var(--text-tertiary);letter-spacing:.2px;font-size:12px;font-weight:500}.stat-card__delta{color:var(--text-tertiary);margin-top:4px;font-size:11px}.stat-card--brand:before{background:linear-gradient(135deg,#6366f1 0%,#818cf8 100%)}.stat-card--brand .stat-card__icon{color:#4338ca;background:#6366f11a}.stat-card--brand .stat-card__value{color:#4338ca}.stat-card--success:before{background:var(--gradient-success)}.stat-card--success .stat-card__icon{color:#15803d;background:#22c55e1f}.stat-card--success .stat-card__value{color:#15803d}.stat-card--warning:before{background:var(--gradient-warning)}.stat-card--warning .stat-card__icon{color:#b45309;background:#f59e0b1a}.stat-card--warning .stat-card__value{color:#b45309}.stat-card--error:before{background:var(--gradient-danger)}.stat-card--error .stat-card__icon{color:#b91c1c;background:#ef44441a}.stat-card--error .stat-card__value{color:#b91c1c}.stat-card--info:before{background:linear-gradient(135deg,#0891b2 0%,#22d3ee 100%)}.stat-card--info .stat-card__icon{color:#0e7490;background:#0891b21a}.stat-card--info .stat-card__value{color:#0e7490}.brand-toolbar{border-radius:var(--radius-md);box-shadow:var(--shadow-xs);background:linear-gradient(135deg,#2563eb14 0%,#60a5fa0f 100%);border:1px solid #2563eb24;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.brand-toolbar__info{color:var(--brand-700);align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.brand-toolbar__count{border-radius:var(--radius-pill);background:var(--brand-600);color:#fff;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.brand-toolbar__actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.section-title{color:var(--text-primary);letter-spacing:.2px;align-items:center;gap:10px;font-size:15px;font-weight:600;display:inline-flex}.section-title:before{content:"";border-radius:var(--radius-pill);background:var(--gradient-accent-purple);width:4px;height:16px;display:inline-block;box-shadow:0 2px 6px #7c3aed47}.section-title__hint{color:var(--text-tertiary);margin-left:4px;font-size:12px;font-weight:400}.code-block{border-radius:var(--radius-sm);background:var(--surface-subtle);border:1px solid var(--border-subtle);color:var(--text-primary);word-break:break-all;align-items:center;gap:12px;padding:10px 14px;font-family:SF Mono,Menlo,Consolas,Monaco,monospace;font-size:12.5px;display:flex}.code-block--brand{background:var(--brand-50);border-color:var(--brand-200);color:var(--brand-800)}.refined-card{border-radius:var(--radius-md);background:var(--surface-default);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);transition:transform var(--duration-base)var(--ease-out),box-shadow var(--duration-base)var(--ease-out),border-color var(--duration-base)var(--ease-out)}.refined-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-brand-subtle);transform:translateY(-2px)}.glass-surface{-webkit-backdrop-filter:saturate(180%)blur(20px);background:#ffffffb8;border-bottom:1px solid #2563eb14}.grid-hover-ring{transition:transform var(--duration-base)var(--ease-out),box-shadow var(--duration-base)var(--ease-out)}.grid-hover-ring:hover{box-shadow:var(--shadow-md),0 0 0 1px #2563eb2e;transform:translateY(-3px)}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.brand-divider{background:linear-gradient(90deg,transparent 0%,var(--border-brand-subtle)50%,transparent 100%);border:none;height:1px;margin:16px 0}.floating-blob{filter:blur(48px);opacity:.55;pointer-events:none;border-radius:50%;animation:12s ease-in-out infinite alternate blob-float;position:absolute}@keyframes blob-float{0%{transform:translate(0)scale(1)}50%{transform:translate(20px,-16px)scale(1.08)}to{transform:translate(-12px,24px)scale(.96)}}@keyframes brand-pulse{0%,to{box-shadow:0 0 #2563eb52}50%{box-shadow:0 0 0 10px #2563eb00}}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px;border-radius:var(--radius-xs)}.ant-btn:focus-visible{outline-offset:2px;outline:3px solid #2563eb4d}.page-footer-bar{justify-content:center;padding:20px 16px 0;display:flex}.stat-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.mix-card-grid>div:hover{border-color:#d6d9e8;transform:translateY(-2px);box-shadow:0 6px 18px #1018281a}.mix-outline-btn{transition:color .2s,border-color .2s,background-color .2s,box-shadow .2s,transform .2s}.mix-outline-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #2563eb29;color:#1d4ed8!important;background-color:#2563eb0f!important;border-color:#1d4ed8!important}.mix-outline-btn:active{transform:translateY(0);box-shadow:0 1px 3px #2563eb1f}.ant-input-search{align-items:stretch!important}.ant-input-search .ant-input-affix-wrapper,.ant-input-search>.ant-input,.ant-input-search .ant-input-search-btn{height:34px!important}.ant-input-search .ant-input-search-btn{align-self:stretch!important}.template-masonry{grid-template-columns:repeat(3,1fr);grid-auto-rows:1px;grid-auto-flow:dense;gap:0 16px;display:grid}@media (min-width:992px){.template-masonry{grid-template-columns:repeat(4,1fr)}}@media (min-width:1600px){.template-masonry{grid-template-columns:repeat(5,1fr)}}.template-masonry .tpl-card--wide{grid-column:span 2}.tpl-video:fullscreen{background:#000;object-fit:contain!important}.tpl-video:fullscreen{background:#000;object-fit:contain!important}.tpl-video:fullscreen{background:#000;object-fit:contain!important}.tpl-play-btn{opacity:.94;filter:drop-shadow(0 4px 12px #00000073);transition:transform .18s,opacity .18s}.tpl-preview:hover .tpl-play-btn{opacity:1;transform:scale(1.12)}@media (max-width:767px){.stat-grid-4{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:12px}.stat-card__value{font-size:20px}.brand-toolbar{flex-wrap:wrap;gap:8px;padding:10px 12px}.brand-toolbar__actions{flex-wrap:wrap;width:100%;margin-left:0}.ant-table{font-size:13px}.ant-table-thead>tr>th,.ant-table-tbody>tr>td{padding:10px 8px!important}.ant-modal{padding-bottom:12px;top:12px}.ant-modal .ant-modal-body{max-height:calc(100dvh - 160px);overflow-y:auto}.page-footer-bar{padding:16px 4px 0}.page-footer-bar .ant-pagination{flex-wrap:wrap;justify-content:center;row-gap:8px;display:flex}.app-content img,.app-content video{max-width:100%}.mix-card-grid{grid-template-columns:repeat(2,1fr)!important}.mix-pair-grid{grid-template-columns:1fr!important}.template-masonry{column-gap:12px;grid-template-columns:repeat(2,1fr)!important}.mix-modal-split{flex-direction:column!important}.mix-modal-split>.mix-modal-split__side{flex:none!important;width:100%!important;min-width:0!important;max-width:100%!important}.clip-detail-land{padding-right:0!important}.clip-detail-land__list{height:240px;margin-top:12px;width:100%!important;position:static!important}.clip-detail-port{flex-direction:column!important;align-items:center!important;height:auto!important}.clip-detail-port>div:first-child{max-width:100%;height:min(60vh,560px)!important}.clip-detail-port__list{max-height:260px;overflow-y:auto;flex:none!important;width:100%!important}}.cn-qr-pulse{border-radius:50%;flex:none;width:8px;height:8px;animation:1.4s ease-in-out infinite cn-qr-pulse;display:inline-block}@keyframes cn-qr-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}.has-ad-banner{--ad-h:60px}@media (max-height:1080px){.has-ad-banner{--ad-h:40px}}@media (max-width:767px){.has-ad-banner{--ad-h:48px}}.ad-banner-bar{height:var(--ad-h,60px);z-index:101;background:#0f1220;line-height:0;position:fixed;top:0;left:0;right:0;overflow:hidden}.ad-banner-bar__img{object-fit:cover;object-position:center;width:100%;height:100%;animation:.4s adBannerFade;display:block}@keyframes adBannerFade{0%{opacity:.35}to{opacity:1}}.ad-banner-bar__dots{z-index:2;background:#0000003d;border-radius:12px;align-items:center;gap:6px;padding:5px 9px;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ad-banner-bar__dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:width .2s,background .2s}.ad-banner-bar__dot:hover{background:#fffc}.ad-banner-bar__dot.is-active{background:#fff;border-radius:4px;width:16px}.ad-banner-bar__close{color:#fff;cursor:pointer;z-index:2;background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:13px;transition:background .15s;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ad-banner-bar__close:hover{background:#00000080}.tutorial-pill{border:1px solid var(--brand-200);background:linear-gradient(180deg,var(--brand-50),#fff);height:30px;color:var(--brand-700);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 13px 0 11px;font-size:13px;font-weight:600;line-height:1;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s;display:inline-flex}.tutorial-pill:hover{background:linear-gradient(180deg,var(--brand-100,#e0edff),var(--brand-50));border-color:var(--brand-300,#93b4ff);box-shadow:0 2px 8px #2563eb29}.tutorial-pill:active{transform:translateY(.5px)}.tutorial-pill__icon{font-size:15px}