:root{--primary:#0d7a5f;--primary-active:#12a07a;--primary-pale:#e8f5f0;--primary-dark:#0a5c47;--sidebar-bg:#0f1923;--sidebar-hover:#1a2535;--sidebar-active:#0d7a5f26;--canvas:#fff;--canvas-soft:#f7faf8;--ink:#13241d;--body:#52635c;--mute:#8a9590;--border:#e6efea;--border-strong:#d5e0da;--positive:#2ead4b;--negative:#d03238;--warning:#f59e0b;--info:#3b82f6;--rounded-sm:6px;--rounded-md:10px;--rounded-lg:14px;--rounded-xl:18px;--rounded-pill:9999px;--font:"PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif;--shadow-sm:0 1px 2px #0f19230a;--shadow-md:0 2px 8px #0f19230f;--shadow-lg:0 8px 24px #0f192314}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);color:var(--ink);background:var(--canvas-soft);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}input:focus,textarea:focus,select:focus{outline:none}.layout{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--sidebar-bg);color:#ffffffd9;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{color:#fff;border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:20px 22px;font-size:15px;font-weight:700;display:flex}.sidebar-logo img{filter:brightness(0)invert();height:30px}.sidebar-nav{flex:1;padding:14px 12px;overflow-y:auto}.nav-group{margin-bottom:6px}.nav-group-head{color:#ffffffa6;cursor:pointer;border-radius:var(--rounded-sm);align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.nav-group-head:hover{background:var(--sidebar-hover);color:#fff}.nav-group-head iconify-icon{font-size:18px}.nav-group-head .nav-arrow{margin-left:auto;font-size:14px;transition:transform .2s}.nav-group.collapsed .nav-arrow{transform:rotate(-90deg)}.nav-group.collapsed .nav-sub{display:none}.nav-group .badge-count{background:var(--negative);color:#fff;border-radius:var(--rounded-pill);text-align:center;min-width:20px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.nav-sub{padding:2px 0 4px}.nav-item{color:#ffffffa6;border-radius:var(--rounded-sm);cursor:pointer;align-items:center;gap:10px;margin:1px 0;padding:9px 14px 9px 42px;font-size:13px;font-weight:500;transition:all .15s;display:flex;position:relative}.nav-item:hover{background:var(--sidebar-hover);color:#fff}.nav-item.active{background:var(--sidebar-active);color:var(--primary-active);font-weight:600}.nav-item.active:before{content:"";background:var(--primary-active);border-radius:0 2px 2px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.nav-item iconify-icon{opacity:.85;font-size:16px}.sidebar-user{cursor:pointer;border-top:1px solid #ffffff0f;align-items:center;gap:10px;padding:14px 16px;transition:all .15s;display:flex}.sidebar-user:hover{background:var(--sidebar-hover)}.sidebar-user .avatar{background:linear-gradient(135deg, var(--primary), var(--primary-active));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.sidebar-user .meta{flex:1;min-width:0}.sidebar-user .name{color:#fff;font-size:13px;font-weight:600}.sidebar-user .role{color:#ffffff80;align-items:center;gap:5px;font-size:11px;display:flex}.sidebar-user .role .dot{background:var(--positive);border-radius:50%;width:6px;height:6px}.sidebar-user .more{color:#ffffff80;font-size:16px}.main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:16px;height:64px;padding:0 28px;display:flex}.topbar-collapse{color:var(--body);border-radius:var(--rounded-sm);background:0 0;padding:6px;font-size:20px}.topbar-collapse:hover{background:var(--canvas-soft);color:var(--ink)}.breadcrumb{color:var(--body);align-items:center;gap:8px;font-size:14px;display:flex}.breadcrumb .sep{color:var(--mute)}.breadcrumb .current{color:var(--ink);font-weight:600}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-btn{width:38px;height:38px;color:var(--body);background:var(--canvas-soft);border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .15s;display:flex;position:relative}.icon-btn:hover{background:var(--primary-pale);color:var(--primary)}.icon-btn .badge{background:var(--negative);color:#fff;border-radius:var(--rounded-pill);justify-content:center;align-items:center;min-width:16px;height:14px;padding:1px 5px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:4px;right:4px}.user-trigger{border-radius:var(--rounded-pill);background:var(--canvas-soft);cursor:pointer;align-items:center;gap:10px;padding:6px 14px 6px 6px;transition:all .15s;display:flex}.user-trigger:hover{background:var(--primary-pale)}.user-menu-wrap{position:relative}.user-dropdown{border:1px solid var(--border);border-radius:var(--rounded-md);width:220px;box-shadow:var(--shadow-lg);z-index:50;background:#fff;padding:6px;display:none;position:absolute;top:calc(100% + 8px);right:0}.user-dropdown.open{display:block}.user-dropdown-head{border-bottom:1px solid var(--border);margin-bottom:6px;padding:10px 12px}.user-dropdown-name{color:var(--ink);font-size:13px;font-weight:700}.user-dropdown-meta{color:var(--mute);margin-top:2px;font-size:11px}.user-dropdown-item{border-radius:var(--rounded-sm);color:var(--ink);cursor:pointer;align-items:center;gap:10px;padding:8px 12px;font-size:13px;transition:all .12s;display:flex}.user-dropdown-item:hover{background:var(--canvas-soft);color:var(--primary)}.user-dropdown-item iconify-icon{color:var(--mute);font-size:16px}.user-dropdown-item:hover iconify-icon{color:var(--primary)}.user-dropdown-divider{background:var(--border);height:1px;margin:4px 6px}.user-dropdown-item.logout,.user-dropdown-item.logout iconify-icon{color:var(--negative)}.user-dropdown-item.logout:hover{color:var(--negative);background:#d0323814}.user-trigger .avatar{background:linear-gradient(135deg, var(--primary), var(--primary-active));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.user-trigger .label{color:var(--ink);font-size:13px;font-weight:600}.user-trigger .caret{color:var(--mute);font-size:12px}.content{flex:1;padding:24px 28px 40px}.page-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-title{color:var(--ink);letter-spacing:-.01em;font-size:22px;font-weight:700}.page-sub{color:var(--mute);margin-top:4px;font-size:13px}.card{background:var(--canvas);border-radius:var(--rounded-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.card-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:18px 22px;display:flex}.card-title{color:var(--ink);font-size:15px;font-weight:700}.card-extra{align-items:center;gap:8px;margin-left:auto;display:flex}.card-body{padding:22px}.btn{border-radius:var(--rounded-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn iconify-icon{font-size:16px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-active);box-shadow:0 4px 12px #0d7a5f40}.btn-soft{background:var(--canvas);color:var(--ink);border-color:var(--border-strong)}.btn-soft:hover{color:var(--primary);border-color:var(--primary)}.btn-text{color:var(--primary);background:0 0;padding:0 8px}.btn-text:hover{color:var(--primary-active)}.btn-danger{background:var(--negative);color:#fff}.btn-danger:hover{opacity:.9}.btn-sm{height:30px;padding:0 14px;font-size:12px}.btn-lg{height:42px;padding:0 24px;font-size:14px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.stat-card{background:var(--canvas);border-radius:var(--rounded-lg);border:1px solid var(--border);align-items:center;gap:16px;padding:20px 22px;transition:all .15s;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-icon{border-radius:var(--rounded-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.stat-icon.green{background:var(--primary-pale);color:var(--primary)}.stat-icon.blue{color:var(--info);background:#3b82f61a}.stat-icon.orange{color:var(--warning);background:#f59e0b1f}.stat-icon.red{color:var(--negative);background:#d032381a}.stat-meta{flex:1;min-width:0}.stat-num{color:var(--ink);letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1.2}.stat-label{color:var(--mute);margin-top:2px;font-size:12px}.stat-delta{align-items:center;gap:2px;margin-top:4px;font-size:12px;font-weight:600;display:inline-flex}.stat-delta.up{color:var(--positive)}.stat-delta.down{color:var(--negative)}.table-wrap{overflow-x:auto}.table{border-collapse:separate;border-spacing:0;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px;font-size:13px}.table th{color:var(--mute);background:var(--canvas-soft);white-space:nowrap;font-size:12px;font-weight:600}.table tbody tr{transition:all .12s}.table tbody tr:hover{background:#0d7a5f08}.table tbody tr:last-child td{border-bottom:none}.table .col-actions{text-align:right;white-space:nowrap}.table .col-actions .btn-text+.btn-text{margin-left:4px}.batch-bar{background:var(--primary-pale);border-bottom:1px solid var(--border);color:var(--ink);align-items:center;gap:12px;padding:12px 22px;font-size:13px;display:none}.batch-bar.show{display:flex}.batch-bar .count{color:var(--primary);font-weight:700}.batch-bar .actions{gap:8px;margin-left:auto;display:flex}.batch-bar button{background:#fff}.empty-state-mini{text-align:center;color:var(--mute);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state-mini iconify-icon{opacity:.5;margin-bottom:12px;font-size:48px}.empty-state-mini b{color:var(--body);margin-bottom:4px;font-size:14px}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg, var(--canvas-soft) 0%, var(--border) 50%, var(--canvas-soft) 100%);background-repeat:no-repeat;background-size:200px 100%;border-radius:4px;height:14px;animation:1.2s linear infinite skeleton-shimmer;display:inline-block}.pagination{border-top:1px solid var(--border);color:var(--body);align-items:center;gap:8px;padding:14px 22px;font-size:13px;display:flex}.pagination .grow{flex:1}.pagination .total{color:var(--mute);font-size:12px}.pagination button{border:1px solid var(--border-strong);border-radius:var(--rounded-sm);width:32px;height:32px;color:var(--ink);cursor:pointer;background:#fff;justify-content:center;align-items:center;font-size:13px;transition:all .12s;display:inline-flex}.pagination button:hover:not(:disabled):not(.active){border-color:var(--primary);color:var(--primary)}.pagination button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination .page-size{border:1px solid var(--border-strong);border-radius:var(--rounded-sm);background:#fff;width:100px;height:32px;padding:0 8px;font-size:12px}.pagination .jumper{color:var(--mute);align-items:center;gap:4px;font-size:12px;display:inline-flex}.pagination .jumper input{text-align:center;border:1px solid var(--border-strong);border-radius:var(--rounded-sm);width:44px;height:32px;font-size:12px}.sort-arrows{flex-direction:column;gap:2px;display:inline-flex}.sort-arrows button{border:1px solid var(--border);width:24px;height:16px;color:var(--mute);cursor:pointer;background:#fff;border-radius:4px;justify-content:center;align-items:center;font-size:11px;transition:all .12s;display:flex}.sort-arrows button:hover:not(:disabled){color:var(--primary);border-color:var(--primary);background:var(--primary-pale)}.sort-arrows button:disabled{opacity:.4;cursor:not-allowed}.badge{border-radius:var(--rounded-pill);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;line-height:1.5;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge.online{color:var(--positive);background:#2ead4b1f}.badge.offline{color:var(--mute);background:#8a959026}.badge.unread{color:var(--negative);background:#d032381f}.badge.read{color:var(--mute);background:#8a959026}.badge.gov{color:var(--primary);background:#0d7a5f1a}.badge.enterprise{color:#6366f1;background:#6366f11a}.badge.base{color:var(--ink);background:#0f192314}.badge.cooperation{color:var(--info);background:#3b82f61a}.badge.invite{color:var(--warning);background:#f59e0b1f}.form-row{grid-template-columns:90px 1fr;align-items:start;gap:16px;padding:14px 0;display:grid}.form-row .label{color:var(--ink);white-space:nowrap;align-items:center;gap:6px;padding-top:10px;font-size:13px;font-weight:500;display:flex}.form-row .label .step{background:var(--primary-pale);width:18px;height:18px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.form-row .label .req{color:var(--negative)}.input,.select,.textarea{border:1px solid var(--border-strong);border-radius:var(--rounded-md);width:100%;height:40px;color:var(--ink);background:#fff;padding:0 14px;font-size:13px;transition:all .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-pale)}.textarea{resize:vertical;height:auto;min-height:96px;padding:12px 14px;line-height:1.7}.input-with-icon{position:relative}.input-with-icon .input{padding-right:40px}.input-with-icon .icon-ok{color:var(--positive);font-size:16px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.char-count{text-align:right;color:var(--mute);margin-top:4px;font-size:11px}.field-hint{color:var(--mute);margin-top:6px;font-size:12px}.tag-input{border:1px solid var(--border-strong);border-radius:var(--rounded-md);background:#fff;flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;padding:6px 10px;display:flex}.tag-chip{background:var(--primary-pale);color:var(--primary);border-radius:var(--rounded-pill);align-items:center;gap:4px;padding:3px 4px 3px 10px;font-size:12px;display:inline-flex}.tag-chip .x{cursor:pointer;padding:0 6px;font-size:14px;line-height:1}.tag-add{color:var(--primary);background:0 0;align-items:center;gap:3px;padding:3px 8px;font-size:12px;display:inline-flex}.seg{background:var(--canvas-soft);border-radius:var(--rounded-md);border:1px solid var(--border);padding:4px;display:inline-flex}.seg button{color:var(--body);border-radius:var(--rounded-sm);background:0 0;padding:7px 22px;font-size:13px;font-weight:600;transition:all .15s}.seg button.active{background:var(--primary-pale);color:var(--primary)}.seg button:hover:not(.active){color:var(--ink)}.footer-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);z-index:10;background:#fffffff2;justify-content:flex-end;gap:10px;padding:14px 28px;display:flex;position:fixed;bottom:0;left:240px;right:0}.has-footer-bar{padding-bottom:100px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar .grow{flex:1}.search-input{width:280px;position:relative}.search-input input{border:1px solid var(--border-strong);border-radius:var(--rounded-md);background:#fff;width:100%;height:36px;padding:0 14px 0 36px;font-size:13px}.search-input iconify-icon{color:var(--mute);font-size:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.preview-card{border-radius:var(--rounded-xl);border:1px solid var(--border);background:#fff;max-width:320px;margin:0 auto;padding:22px;box-shadow:0 4px 16px #0d7a5f14}.preview-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.preview-icon{background:var(--primary-pale);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex}.preview-name{color:var(--ink);font-size:16px;font-weight:700}.preview-desc{color:var(--body);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:14px;font-size:13px;line-height:1.7;display:-webkit-box;overflow:hidden}.preview-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.preview-tags{flex-wrap:wrap;gap:5px;display:flex}.preview-tag{color:var(--mute);background:var(--canvas-soft);border-radius:var(--rounded-pill);white-space:nowrap;padding:3px 10px;font-size:11px}.preview-try{color:var(--primary);white-space:nowrap;cursor:pointer;font-size:13px;font-weight:600}.emoji-picker-wrap{display:inline-block;position:relative}.emoji-popover{border:1px solid var(--border);border-radius:var(--rounded-md);box-shadow:var(--shadow-lg);z-index:50;background:#fff;width:280px;padding:10px;display:none;position:absolute;top:calc(100% + 6px);left:0}.emoji-popover.open{display:block}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:2px;display:grid}.emoji-cell{border-radius:var(--rounded-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.emoji-cell:hover{background:var(--primary-pale)}.browser-shell{border-radius:var(--rounded-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);background:#fff;overflow:hidden}.browser-bar{border-bottom:1px solid var(--border);background:#f1f3f4;align-items:center;gap:12px;padding:10px 14px;display:flex}.browser-dots{gap:6px;display:flex}.browser-dots i{border-radius:50%;width:11px;height:11px;display:block}.browser-dots i:first-child{background:#ff5f57}.browser-dots i:nth-child(2){background:#febc2e}.browser-dots i:nth-child(3){background:#28c840}.browser-url{color:#5f6368;background:#fff;border-radius:6px;flex:1;padding:4px 10px;font-size:12px}.browser-body{aspect-ratio:16/9;background:linear-gradient(135deg, var(--canvas-soft), var(--primary-pale));justify-content:center;align-items:center;display:flex;position:relative}.browser-body img,.browser-body video{object-fit:cover;width:100%;height:100%}.browser-dots-bar{justify-content:center;gap:6px;display:flex;position:absolute;bottom:12px;left:0;right:0}.browser-dot{background:#ffffff80;border-radius:50%;width:7px;height:7px}.browser-dot.active{background:#fff;border-radius:4px;width:20px}.preview-caption{text-align:center;color:var(--body);padding:16px 12px 4px;font-size:14px}.media-list{border:1px solid var(--border);border-radius:var(--rounded-md);background:#fff}.media-row{border-bottom:1px solid var(--border);grid-template-columns:24px 60px 56px 1fr 72px 28px;align-items:center;gap:10px;padding:10px 14px;display:grid;position:relative}.media-row[data-pending-name]{background:#f59e0b0a}.media-row[data-pending-name]:before{content:"";background:var(--warning);width:3px;position:absolute;top:0;bottom:0;left:0}.media-row.no-caption{background:#d032380a}.media-row.no-caption:before{content:"";background:var(--negative);width:3px;position:absolute;top:0;bottom:0;left:0}.media-row.no-caption .media-caption{border-color:var(--negative)}.no-caption-warn{color:var(--negative);border-bottom:1px solid var(--border);background:#d032380a;align-items:center;gap:6px;padding:6px 14px 8px 22px;font-size:11px;display:none}.no-caption-warn.show{display:flex}.pending-pill{background:var(--warning);color:#fff;border-radius:var(--rounded-pill);white-space:nowrap;justify-content:center;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.pending-pill iconify-icon{font-size:12px}.media-row:last-child{border-bottom:none}.media-row .drag{color:var(--mute);cursor:grab;text-align:center;font-size:18px}.media-thumb{background:#e5e9e7;border-radius:6px;width:60px;height:40px;position:relative;overflow:hidden}.media-thumb img,.media-thumb video{object-fit:cover;width:100%;height:100%}.media-thumb .play{color:#fff;background:#0000004d;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;inset:0}.media-type{border-radius:var(--rounded-pill);text-align:center;padding:3px 10px;font-size:11px;font-weight:600}.media-type.video{color:var(--info);background:#3b82f61f}.media-type.image{color:var(--positive);background:#2ead4b1f}.media-caption{border:1px solid var(--border-strong);border-radius:var(--rounded-sm);background:#fff;width:100%;height:32px;padding:6px 10px;font-size:13px}.media-caption:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-pale)}.media-duration{color:var(--mute);text-align:center;font-size:12px}.media-del{color:var(--mute);border-radius:var(--rounded-sm);justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;display:flex}.media-del:hover{color:var(--negative);background:#d032381a}.media-url-toggle{color:var(--mute);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:inline-flex}.media-url-toggle:hover{color:var(--primary)}.media-urls-panel{border:1px solid var(--border);border-radius:var(--rounded-md);background:var(--canvas-soft);margin-top:14px;overflow:hidden}.media-urls-head{color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.media-urls-head:hover{background:#0d7a5f0a}.media-urls-head iconify-icon:first-child{color:var(--positive);font-size:16px}.media-urls-head .count{color:var(--mute);font-weight:400}.media-urls-head .arrow{color:var(--mute);margin-left:auto;font-size:14px;transition:transform .2s}.media-urls-panel.open .media-urls-head .arrow{transform:rotate(180deg)}.media-urls-body{border-top:1px solid var(--border);background:#fff;display:none}.media-urls-panel.open .media-urls-body{display:block}.url-line{border-bottom:1px solid var(--border);grid-template-columns:24px 80px 1fr 28px;align-items:center;gap:10px;padding:9px 14px;font-size:12px;display:grid}.url-line:last-child{border-bottom:none}.url-line .num{background:var(--canvas-soft);width:22px;height:22px;color:var(--mute);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.url-line .type{border-radius:var(--rounded-pill);text-align:center;padding:2px 8px;font-size:11px;font-weight:600}.url-line .type.video{color:var(--info);background:#3b82f61f}.url-line .type.image{color:var(--positive);background:#2ead4b1f}.url-line code{color:var(--body);text-overflow:ellipsis;white-space:nowrap;font-family:SF Mono,Consolas,monospace;font-size:11px;overflow:hidden}.url-line button{color:var(--mute);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.url-line button:hover{background:var(--primary-pale);color:var(--primary)}.upload-btn{border-radius:var(--rounded-sm);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:4px;height:28px;padding:0 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.upload-btn iconify-icon{font-size:14px}.upload-btn.pending{background:var(--warning);color:#fff}.upload-btn.pending:hover{background:#d97706;transform:translateY(-1px)}.upload-btn.uploading{background:var(--canvas-soft);color:var(--body);cursor:not-allowed}.upload-btn.success{color:var(--positive);cursor:default;background:#2ead4b26}.upload-btn.failed{color:var(--negative);cursor:pointer;background:#d032381f}.upload-btn.failed:hover{background:#d0323833;transform:translateY(-1px)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin;display:inline-block}.media-add-row{gap:8px;margin-top:12px;display:flex}.media-add-btn{border:1px dashed var(--border-strong);border-radius:var(--rounded-md);height:38px;color:var(--primary);background:#fff;flex:1;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.media-add-btn:hover{background:var(--primary-pale);border-color:var(--primary);border-style:solid}.info-banner{background:var(--primary-pale);color:var(--primary);border-radius:var(--rounded-sm);align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;font-size:12px;display:flex}.drawer-mask{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f192366;display:none;position:fixed;inset:0}.drawer-mask.open{display:block}.drawer{z-index:101;background:#fff;flex-direction:column;width:520px;max-width:92vw;height:100vh;transition:transform .25s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 32px #00000026}.drawer.open{transform:translate(0)}.drawer-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:18px 24px;display:flex}.drawer-title{font-size:17px;font-weight:700}.drawer-close{color:var(--mute);border-radius:var(--rounded-sm);justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;font-size:22px;display:flex}.drawer-close:hover{background:var(--canvas-soft);color:var(--ink)}.drawer-body{flex:1;padding:22px 24px;overflow-y:auto}.drawer-row{border-bottom:1px solid var(--border);grid-template-columns:80px 1fr;gap:16px;padding:12px 0;font-size:13px;display:grid}.drawer-row:last-child{border-bottom:none}.drawer-row .k{color:var(--mute)}.drawer-row .v{color:var(--ink);word-break:break-all;font-weight:500}.drawer-row .copy-btn{color:var(--primary);background:0 0;padding:0 6px;font-size:12px}.th-source{position:relative}.info-icon{color:var(--mute);cursor:help;outline:none;align-items:center;margin-left:4px;display:inline-flex;position:relative}.info-icon iconify-icon{font-size:14px}.info-icon:hover{color:var(--primary)}.info-popover{z-index:20;width:320px;color:var(--ink);border-radius:var(--rounded-md);border:1px solid var(--border);white-space:normal;text-align:left;background:#fff;padding:14px 16px;font-size:12px;font-weight:400;line-height:1.75;display:none;position:absolute;top:calc(100% + 6px);left:-8px;box-shadow:0 8px 24px #0f192326}.info-popover:before{content:"";border-left:1px solid var(--border);border-top:1px solid var(--border);background:#fff;width:10px;height:10px;position:absolute;top:-6px;left:14px;transform:rotate(45deg)}.info-icon:hover .info-popover,.info-icon:focus .info-popover{display:block}.info-popover b{color:var(--ink);font-weight:600}.info-popover ul{margin:0;padding:8px 0 0;list-style:none}.info-popover ul li{color:var(--body);padding:4px 0 4px 14px;position:relative}.info-popover ul li:before{content:"";background:var(--primary);border-radius:50%;width:5px;height:5px;position:absolute;top:12px;left:3px}.info-popover .tip{border-top:1px solid var(--border);color:var(--mute);margin-top:10px;padding-top:8px;font-size:11px;font-style:italic;display:block}.modal-mask{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0f192373;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.modal-mask.open{display:flex}.modal-box{border-radius:var(--rounded-lg);background:#fff;flex-direction:column;width:100%;max-width:440px;max-height:90vh;animation:.22s modal-in;display:flex;box-shadow:0 30px 80px #00000040}@keyframes modal-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:none}}.modal-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:18px 22px;display:flex}.modal-title{font-size:16px;font-weight:700}.modal-close{color:var(--mute);border-radius:var(--rounded-sm);background:0 0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;font-size:22px;display:flex}.modal-close:hover{background:var(--canvas-soft);color:var(--ink)}.modal-body{flex:1;padding:20px 22px;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);background:var(--canvas-soft);border-radius:0 0 var(--rounded-lg) var(--rounded-lg);justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.toast-container{z-index:1000;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:#fff;border-radius:var(--rounded-md);align-items:center;gap:8px;padding:10px 18px;font-size:13px;animation:.25s toast-in;display:inline-flex;box-shadow:0 12px 32px #00000040}.toast.success{background:var(--positive)}.toast.error{background:var(--negative)}.toast.warning{background:var(--warning)}.toast iconify-icon{font-size:16px}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{display:none}.switch-track{background:var(--border-strong);border-radius:12px;transition:all .2s;position:absolute;inset:0}.switch-track:before{content:"";width:18px;height:18px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:all .2s;position:absolute;top:3px;left:3px}.switch input:checked+.switch-track{background:var(--primary)}.switch input:checked+.switch-track:before{transform:translate(20px)}.collapsible{border:1px solid var(--border);border-radius:var(--rounded-md);background:#fff}.collapsible-head{cursor:pointer;align-items:center;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.collapsible-head iconify-icon{margin-left:auto;transition:transform .2s}.collapsible.collapsed .collapsible-head iconify-icon{transform:rotate(-90deg)}.collapsible-body{border-top:1px solid var(--border);padding:0 16px 16px}.collapsible.collapsed .collapsible-body{display:none}