:root{--primary:#1472ff;--primary-dark:#0d5bd6;--primary-light:#ecf5ff;--success:#67C23A;--warning:#E6A23C;--danger:#F56C6C;--info:#909399;--text-1:#303133;--text-2:#606266;--text-3:#909399;--text-4:#c0c4cc;--border:#e4e7ed;--border-2:#dcdfe6;--bg:#f0f2f5;--card:#fff;--side-bg:#2b3440;--side-text:#a7b1c2;--side-active:#1472ff;--radius:4px}body{margin:0;font-family:PingFang SC,Microsoft YaHei,-apple-system,Arial,sans-serif;color:var(--text-1);background:var(--bg);font-size:14px}h1,h2,h3,h4{margin:0}.admin-body{display:flex;min-height:100vh}.admin-side{width:200px;background:var(--side-bg);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}.side-brand{height:60px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;letter-spacing:1px;color:#fff;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap}.side-brand b{color:var(--primary)}.side-nav{flex:1;overflow-y:auto;padding:6px 0 16px}.side-nav::-webkit-scrollbar{width:4px}.side-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.nav-cat{padding:12px 16px 6px;font-size:12px;color:#ffffff61;letter-spacing:1px}.nav-group{display:flex;align-items:center;gap:8px;padding:9px 16px;color:var(--side-text);font-size:13px;cursor:pointer;border-left:3px solid transparent;-webkit-user-select:none;user-select:none}.nav-group:hover{color:#fff;background:#ffffff0d}.nav-group .ico{width:16px;text-align:center;font-size:15px;font-style:normal}.nav-group .g-arr{margin-left:auto;width:6px;height:6px;border-top:1.5px solid var(--side-text);border-right:1.5px solid var(--side-text);transform:rotate(45deg);opacity:.55;flex-shrink:0}.nav-item{display:flex;align-items:center;gap:8px;padding:9px 16px;color:var(--side-text);font-size:13px;cursor:pointer;border-left:3px solid transparent}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;background:#409eff26;border-left-color:var(--side-active)}.nav-item .ico{width:16px;text-align:center;font-size:15px;font-style:normal}.nav-item .arrow{margin-left:auto;font-size:11px;transition:transform .2s}.nav-sub{display:grid;grid-template-columns:1fr 1fr;gap:2px 6px;background:#00000026;padding:6px 6px 12px}.nav-sub-item{display:flex;align-items:center;justify-content:center;padding:7px 2px;color:#a7b1c2d1;font-size:12px;cursor:pointer;border-radius:4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-sub-item:hover{color:#fff;background:#ffffff14}.nav-sub-item.active{color:#fff;background:#409eff33}.side-foot{padding:12px 14px;font-size:11px;color:#ffffff4d;border-top:1px solid rgba(255,255,255,.06);line-height:1.6}.admin-wrap{flex:1;display:flex;flex-direction:column;min-width:0}.admin-top{height:60px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:16px;position:sticky;top:0;z-index:40}.top-title{font-size:16px;font-weight:600;color:var(--text-1)}.top-crumb{font-size:12px;color:var(--text-3)}.top-right{margin-left:auto;display:flex;align-items:center;gap:14px}.top-search{display:flex;align-items:center;border:1px solid var(--border-2);border-radius:var(--radius);padding:6px 12px;width:220px;color:var(--text-4);font-size:13px;background:#f5f7fa}.top-search input{border:none;outline:none;background:transparent;margin-left:6px;flex:1;font-size:13px}.top-user{display:flex;align-items:center;gap:6px;color:var(--text-2);cursor:pointer}.top-user:hover{color:var(--primary)}.avatar{width:30px;height:30px;border-radius:50%;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.admin-content{padding:20px;flex:1}.admin-footer{text-align:center;color:var(--text-4);padding:14px;font-size:12px;border-top:1px solid var(--border);background:#fff}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.page-title{font-size:20px;font-weight:600}.panel{background:var(--card);border-radius:var(--radius);box-shadow:0 1px 4px #0015290f;padding:16px;margin-bottom:16px;border:1px solid var(--border)}.panel-title{font-weight:600;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.panel-title .tag{margin-left:auto;font-size:12px;color:var(--text-3);font-weight:400}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;margin-bottom:16px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 1px 4px #0015290a}.stat-card b{display:block;font-size:28px;color:var(--text-1);margin-top:6px}.stat-card span{color:var(--text-3);font-size:13px}.stat-card .bar{width:4px;height:34px;border-radius:2px;background:var(--primary);display:inline-block;vertical-align:top;margin-right:8px}.stat-card.c-2 .bar{background:var(--success)}.stat-card.c-3 .bar{background:var(--warning)}.stat-card.c-4 .bar{background:var(--danger)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;color:var(--text-2);font-weight:600;background:#f5f7fa;border-bottom:1px solid var(--border);padding:10px 12px;white-space:nowrap}.table td{border-bottom:1px solid #f0f2f5;padding:10px 12px;vertical-align:middle}.table tbody tr:hover{background:#f5f7fa}.td-img{width:72px;height:50px;object-fit:cover;border-radius:4px;display:block}.td-thumb{width:44px;height:44px;border-radius:4px;object-fit:cover}.price{color:var(--danger);font-weight:600}.muted{color:var(--text-3)}.cat{display:inline-block;background:var(--primary-light);color:var(--primary);font-size:12px;padding:2px 10px;border-radius:20px;white-space:nowrap}.cat-gray{background:#f4f4f5;color:var(--text-2)}.tag-free{background:#f0f9eb;color:var(--success);font-size:12px;padding:2px 8px;border-radius:4px}.tag-paid{background:#fef0f0;color:var(--danger);font-size:12px;padding:2px 8px;border-radius:4px}.tag-grey{background:#f4f4f5;color:var(--text-2);font-size:12px;padding:2px 8px;border-radius:4px}.tag-green{background:#f0f9eb;color:var(--success);font-size:12px;padding:2px 8px;border-radius:4px}.tag-blue{background:var(--primary-light);color:var(--primary);font-size:12px;padding:2px 8px;border-radius:4px}.tag-purple{background:#f9f0ff;color:#a455d6;font-size:12px;padding:2px 8px;border-radius:4px}.ops{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.ops form{margin:0}.status-on{color:var(--success);font-weight:600}.status-off{color:var(--text-3)}.status-wait{color:#e6a23c;font-weight:600}.order-status{font-size:13px;font-weight:600}.status-paid{color:var(--warning)}.status-shipped{color:var(--primary)}.status-done{color:var(--success)}.status-pending{color:var(--text-3)}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-2);border-radius:var(--radius);padding:8px 16px;font-size:14px;cursor:pointer;font-family:inherit;background:#fff;color:var(--text-1);transition:.15s;white-space:nowrap}.btn:hover{color:var(--primary);border-color:var(--primary)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.btn-success:hover{background:#5daf34;color:#fff}.btn-danger{background:#fff;color:var(--danger);border-color:#fbc4c4}.btn-danger:hover{background:var(--danger);border-color:var(--danger);color:#fff}.btn-plain{background:var(--primary-light);border-color:#c6e2ff;color:var(--primary)}.btn-plain:hover{background:#d9ecff;color:var(--primary)}.btn-sm{padding:5px 11px;font-size:13px}.btn-xs{padding:3px 8px;font-size:12px}.btn-lg{padding:11px 22px;font-size:15px}.btn:disabled{opacity:.6;cursor:not-allowed}.form-label{display:block;margin-bottom:8px;color:var(--text-2);font-size:14px}.form-label .req{color:var(--danger);margin-right:2px}.form-input{border:1px solid var(--border-2);border-radius:var(--radius);padding:9px 14px;font-size:14px;font-family:inherit;outline:none;transition:.15s;background:#fff}.form-input:focus{border-color:var(--primary)}textarea.form-input{resize:vertical;width:100%}select.form-input{min-width:180px;cursor:pointer}.form-row{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.form-row.full{display:block}.form-item{margin-bottom:18px}.form-item .hint{font-size:12px;color:var(--text-3);margin-top:6px}.chk{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);cursor:pointer}.chk input{accent-color:var(--primary)}.upload-box{width:150px;height:100px;border:1px dashed var(--border-2);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-3);cursor:pointer;background:#fafafa;font-size:12px;gap:6px}.upload-box:hover{border-color:var(--primary);color:var(--primary)}.upload-box .plus{font-size:26px;line-height:1;color:var(--text-4)}.upload-preview{position:relative;display:inline-block}.upload-preview img{width:150px;height:100px;object-fit:cover;border-radius:var(--radius);display:block}.steps{display:flex;align-items:center;gap:0;margin-bottom:20px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px 24px}.step{display:flex;align-items:center;gap:10px;color:var(--text-3);font-size:14px}.step .num{width:26px;height:26px;border-radius:50%;background:#f0f2f5;color:var(--text-3);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.step.active{color:var(--text-1);font-weight:600}.step.active .num{background:var(--primary);color:#fff}.step.done .num{background:var(--success);color:#fff}.step-line{flex:1;height:1px;background:var(--border);margin:0 16px;min-width:30px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:20px;background:#fff}.tab{padding:12px 22px;cursor:pointer;color:var(--text-2);border-bottom:2px solid transparent;font-size:14px}.tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.tab:hover{color:var(--primary)}.stab{padding:12px 22px;cursor:pointer;color:var(--text-2);border-bottom:2px solid transparent;font-size:14px;white-space:nowrap}.stab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.stab:hover{color:var(--primary)}.filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.filter-bar .form-input{min-width:150px}.filter-bar .form-label{margin:0;white-space:nowrap;color:var(--text-2)}.batch-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px}.pagination{display:flex;align-items:center;gap:8px;justify-content:flex-end;padding:14px 4px;font-size:13px;color:var(--text-2)}.pagination .page{min-width:30px;height:30px;border:1px solid var(--border-2);border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:#fff}.pagination .page.active{background:var(--primary);border-color:var(--primary);color:#fff}.pagination .page:hover:not(.active){color:var(--primary)}.empty{text-align:center;padding:50px 0;color:var(--text-3)}.empty .big{font-size:40px;margin-bottom:10px}.alert{padding:11px 16px;border-radius:var(--radius);margin-bottom:14px;font-size:14px}.alert-warn{background:#fdf6ec;border:1px solid #faecd8;color:#e6a23c}.alert-success{background:#f0f9eb;border:1px solid #e1f3d8;color:#67c23a}.alert-info{background:var(--primary-light);border:1px solid #d9ecff;color:var(--primary)}.admin-login-body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#2b3440,#3a4a63)}.admin-login-card{background:#fff;border-radius:8px;box-shadow:0 12px 40px #00000040;padding:36px 40px;width:400px}.admin-login-card h1{margin:0 0 6px;font-size:22px;text-align:center}.admin-login-card .sub{text-align:center;color:var(--text-3);margin-bottom:24px;font-size:13px}.admin-login-card .form-input{width:100%;margin-bottom:16px;padding:11px 14px}.admin-login-card .btn{width:100%;justify-content:center;margin-top:4px}.center{text-align:center}.recent{font-size:14px}.recent .table th{padding:9px 12px}.chip{padding:5px 14px;border-radius:20px;background:#fff;border:1px solid var(--border-2);color:var(--text-2);font-size:13px}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.upload-box.small{width:96px;height:64px}.hint{font-size:12px;color:var(--text-3);margin-top:6px}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-box{background:#fff;border-radius:var(--radius);width:480px;max-width:92vw;padding:18px 22px;box-shadow:0 12px 40px #0000002e}.modal-head{font-weight:600;font-size:16px;display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--border)}.modal-head .close{cursor:pointer;color:var(--text-3);font-size:20px;line-height:1}.order-card{border:1px solid var(--border);border-radius:var(--radius);margin:0 16px 14px;overflow:hidden}.order-card:first-child{margin-top:16px}.order-head{display:flex;gap:22px;align-items:center;background:#fafbfc;padding:9px 16px;border-bottom:1px solid var(--border);font-size:13px;flex-wrap:wrap}.order-body{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;flex-wrap:wrap}.order-goods{flex:1;min-width:240px}.order-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;gap:16px}.goods-info{display:flex;align-items:center;gap:8px}.goods-title{font-weight:600}.order-right{text-align:right;min-width:140px}.order-right .buyer{font-size:12px;color:var(--text-3);margin-top:4px}.status-btn{border:none;background:none;cursor:pointer;font-family:inherit;font-size:14px}.asset-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:999;display:flex;align-items:center;justify-content:center}.asset-picker{width:min(720px,92vw);max-height:80vh;background:#fff;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.asset-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #eef0f2}.asset-search{flex:1;border:1px solid #e4e7ed;border-radius:8px;padding:8px 12px;font-size:13px}.asset-grid{flex:1;overflow:auto;padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.asset-cell{border:1px solid #eef0f2;border-radius:8px;overflow:hidden;cursor:pointer;transition:box-shadow .15s}.asset-cell:hover{box-shadow:0 4px 14px #0000001a}.asset-cell img{width:100%;height:90px;object-fit:cover;display:block}.asset-cell .n{font-size:11px;color:#666;padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-foot{display:flex;justify-content:flex-end;padding:10px 16px;border-top:1px solid #eef0f2}:root{--primary: #1677ff;--primary-light: #e6f0ff;--border: #e5e6eb;--text-1: #1d2129;--text-2: #4e5969;--text-3: #86909c;--text-4: #c9cdd4}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;color:var(--text-1);background:#f5f7fa;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{opacity:.85}:root{--h5-green: #5151E5;--h5-green-dark: #3F3FD0;--h5-green-light: #ECECFB;--h5-blue: #409EFF;--h5-blue-dark: #2F7FE0;--h5-blue-light: #E8F3FF;--h5-orange: #F05622;--h5-orange-dark: #D84612;--h5-orange-light: #FDEBE3;--h5-red: #F56C6C;--h5-yellow: #E6A23C;--h5-bg: #F6F8FA;--h5-card: #FFFFFF;--h5-text-1: #1F2D3D;--h5-text-2: #5A6472;--h5-text-3: #A0A4AB;--h5-border: #EEF0F3;--h5-radius-s: 8px;--h5-radius-m: 12px;--h5-radius-l: 16px;--h5-radius-pill: 999px;--h5-shadow-s: 0 1px 4px rgba(31, 45, 61, .05);--h5-shadow-m: 0 4px 16px rgba(31, 45, 61, .07);--h5-shadow-green: 0 6px 18px rgba(81, 81, 229, .3);--h5-shadow-blue: 0 6px 18px rgba(64, 158, 255, .32);--h5-shadow-orange: 0 6px 18px rgba(240, 86, 34, .32);--h5-gap-xs: 6px;--h5-gap-s: 10px;--h5-gap: 12px;--h5-gap-l: 16px;--h5-gap-xl: 20px;--h5-fs-xs: 11px;--h5-fs-sm: 12px;--h5-fs-md: 14px;--h5-fs-lg: 16px;--h5-fs-xl: 20px;--h5-fs-2xl: 24px;--h5-page-bg: #F5F6FC;--h5-hero-grad: linear-gradient(135deg, #72EDF2 10%, #5151E5 100%)}.h5-pghead{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;background:#fff}.h5-pghead-back{display:inline-flex;align-items:center;color:var(--h5-text-1);cursor:pointer;padding:6px;margin-left:-6px}.h5-pghead-title{font-size:17px;font-weight:700;color:var(--h5-text-1)}.h5-pghead-right{display:inline-flex;align-items:center;gap:6px}.h5-card{background:var(--h5-card);border-radius:var(--h5-radius-l);box-shadow:var(--h5-shadow-s)}.h5-pill-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;border-radius:var(--h5-radius-pill);background:linear-gradient(135deg,var(--h5-green),var(--h5-green-dark));color:#fff;font-size:13px;font-weight:600;box-shadow:var(--h5-shadow-green);border:none;cursor:pointer}.h5-pill-btn.blue{background:linear-gradient(135deg,var(--h5-blue),var(--h5-blue-dark));box-shadow:var(--h5-shadow-blue)}.h5-pill-btn.orange{background:linear-gradient(135deg,#FF8C28,var(--h5-orange));box-shadow:var(--h5-shadow-orange)}.h5-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 9px;border-radius:var(--h5-radius-pill);font-size:11px;font-weight:600}.h5-tag.blue{background:var(--h5-blue-light);color:var(--h5-blue)}.h5-tag.orange{background:var(--h5-orange-light);color:var(--h5-orange)}.h5-tag.green{background:var(--h5-green-light);color:var(--h5-green)}.h5-tag.gray{background:#f2f4f7;color:var(--h5-text-2)}.h5-sec-title{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:700;color:var(--h5-text-1)}.h5-sec-title:before{content:"";width:4px;height:15px;border-radius:2px;background:linear-gradient(180deg,var(--h5-green),var(--h5-green-dark))}.h5-empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:70px 20px;color:var(--h5-text-3)}.h5-empty-state .ico{color:#d8dde3}.h5-empty-state .txt{font-size:13px}.h5-page{min-height:100vh;background:var(--h5-page-bg)}:root{--brand: #5151E5;--brand-dark: #3F3FD0;--brand-light: #3fd0a0;--pink: #ff5c7a;--ink: #263238;--ink-2: #546e7a;--muted: #90a4ae;--bg: #f7f8fa;--card: #ffffff;--line: #eceff1;--radius: 10px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:var(--h5-page-bg, #F5F6FC);line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.h5-app{display:flow-root;width:100%;max-width:480px;margin:0 auto;min-height:100vh;background:var(--h5-page-bg, #F5F6FC);position:relative;padding-bottom:58px;box-shadow:0 0 20px #00000014}.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:0;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;padding:9px 20px}.btn-brand{background:linear-gradient(135deg,#72EDF2,var(--brand-dark));color:#fff;box-shadow:0 4px 12px #5151e54d}.btn-ghost{background:#fff;color:var(--brand);border:1px solid var(--brand)}.muted{color:var(--muted);font-size:12px}.price{color:var(--brand);font-weight:700}.price-lg{color:var(--brand);font-weight:800;font-size:22px}.line-price{color:var(--muted);text-decoration:line-through;font-size:12px;margin-left:6px}.tag{display:inline-block;font-size:11px;padding:1px 8px;border-radius:999px}.tag-free{background:#fdeef0;color:var(--pink)}.tag-blue{background:#e3f2fd;color:#1565c0}.tag-brand{background:#e6f9f2;color:var(--brand)}.h5-top{position:sticky;top:0;z-index:20;background:#fff}.h5-cats{display:flex;gap:20px;overflow-x:auto;padding:0 12px;border-bottom:1px solid var(--line)}.h5-cats::-webkit-scrollbar{display:none}.h5-cat{flex:none;padding:12px 0;font-size:14px;color:var(--ink-2);white-space:nowrap;text-decoration:none;position:relative}.h5-cat.active{color:var(--brand);font-weight:600}.h5-cat.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--brand);border-radius:2px}.h5-banner{margin:10px 12px 0;border-radius:12px;overflow:hidden}.h5-banner img{width:100%;aspect-ratio:2.4/1;object-fit:cover}.vip-banner{margin:10px 12px;border-radius:12px;padding:14px 16px;color:#fff;background:linear-gradient(120deg,#ff5c7a,#ff7a59);box-shadow:0 6px 16px #ff5c7a4d}.vip-banner h3{margin:0 0 4px;font-size:16px}.vip-banner p{margin:2px 0;font-size:12px;opacity:.95}.vip-banner .vip-btn{display:inline-block;margin-top:8px;background:#fff;color:var(--pink);font-size:12px;font-weight:700;padding:5px 14px;border-radius:999px}.h5-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:12px 8px;background:#fff;margin:10px 12px 0;border-radius:12px}.h5-grid-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 0}.h5-grid-item .ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.h5-grid-item span{font-size:12px;color:var(--ink-2)}.ico-c1{background:#fff3ee}.ico-c2{background:#e3f2fd}.ico-c3{background:#fdeef0}.ico-c4{background:#e8f5e9}.ico-c5{background:#fff8e1}.ico-c6{background:#f3e5f5}.ico-c7{background:#e0f7fa}.ico-c8{background:#fbe9e7}.h5-section{background:#fff;margin:10px 12px 0;border-radius:12px;padding:12px 12px 4px}.h5-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.h5-section-head h3{margin:0;font-size:15px}.h5-section-head .more{font-size:12px;color:var(--muted)}.h5-course-card{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid #f5f6f7}.h5-course-card:last-child{border-bottom:0}.h5-course-card img{width:104px;height:70px;border-radius:8px;object-fit:cover;flex:none}.h5-course-card .info{flex:1;min-width:0}.h5-course-card .t{font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.h5-course-card .m{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;color:var(--muted)}.h5-course-card .p{margin-top:6px;display:flex;align-items:center;justify-content:space-between}.h5-course-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:10px}.h5-course-card.big{flex-direction:column;border:1px solid var(--line);border-radius:10px;padding:0;overflow:hidden}.h5-course-card.big img{width:100%;height:96px;border-radius:0}.h5-course-card.big .info{padding:8px 10px 10px}.h5-mat-card{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid #f5f6f7;align-items:center}.h5-mat-card .file{width:46px;height:46px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none;background:#fff3ee}.h5-mat-card .t{font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.h5-mat-card .m{font-size:12px;color:var(--muted);margin-top:3px}.h5-tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#fff;border-top:1px solid var(--line);display:flex;z-index:30}.h5-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 0 6px;font-size:11px;color:var(--muted)}.h5-tabbar a .tb-icon{width:22px;height:22px;line-height:1}.h5-tabbar a.active{color:var(--brand);font-weight:600}.h5-detail-cover{width:100%;aspect-ratio:16/9;object-fit:cover}.h5-detail{background:#fff;padding:14px}.h5-detail h1{font-size:18px;margin:0 0 8px}.h5-detail .meta{display:flex;gap:10px;font-size:12px;color:var(--muted);margin-bottom:8px;flex-wrap:wrap}.h5-detail .intro{font-size:13px;color:var(--ink-2)}.h5-buy-bar{position:fixed;bottom:58px;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#fff;border-top:1px solid var(--line);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;z-index:29}.h5-buy-bar .btn{flex:1;margin-left:12px}.h5-chapters{background:#fff;margin:10px 12px 0;border-radius:12px;padding:12px}.h5-chapter{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #f5f6f7;font-size:13px}.h5-chapter:last-child{border-bottom:0}.h5-chapter .no{width:22px;height:22px;border-radius:6px;background:#f1f3f4;color:var(--muted);font-size:11px;display:inline-flex;align-items:center;justify-content:center;flex:none}.h5-chapter .lock{margin-left:auto}.h5-content{background:#fff;margin:10px 12px 0;border-radius:12px;padding:12px}.h5-content .rich-text{font-size:14px;color:var(--ink-2);white-space:pre-line}.h5-locked{text-align:center;padding:40px 0;color:var(--muted)}.h5-locked .bi{font-size:40px;display:block;margin-bottom:8px}.h5-mine-head{background:linear-gradient(135deg,#5151e5,#3f3fd0);color:#fff;padding:26px 18px 20px;display:flex;align-items:center;gap:14px}.h5-avatar{width:58px;height:58px;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;flex:none}.h5-mine-head .nm{font-size:17px;font-weight:700}.h5-mine-head .ph{font-size:12px;opacity:.9;margin-top:2px}.h5-mine-stats{display:flex;background:#fff;margin:-18px 12px 0;position:relative;border-radius:12px;padding:14px 0;box-shadow:0 4px 12px #0000000d}.h5-mine-stats a{flex:1;text-align:center}.h5-mine-stats b{display:block;font-size:17px}.h5-mine-stats span{font-size:11px;color:var(--muted)}.h5-menu{background:#fff;margin:10px 12px 0;border-radius:12px;overflow:hidden}.h5-menu-item{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #f5f6f7;font-size:14px}.h5-menu-item:last-child{border-bottom:0}.h5-menu-item .bi{font-size:18px}.h5-menu-item .arr{margin-left:auto;color:var(--muted)}.h5-vip-head{background:linear-gradient(120deg,#ff5c7a,#ff7a59);color:#fff;text-align:center;padding:28px 16px 22px}.h5-vip-head h2{margin:0 0 4px}.h5-vip-head p{margin:0;font-size:13px;opacity:.95}.h5-card{background:#fff;margin:12px;border-radius:12px;padding:14px;display:flex;justify-content:space-between;align-items:center}.h5-card .t{font-size:15px;font-weight:700}.h5-card .d{font-size:12px;color:var(--muted);margin-top:3px}.h5-empty{text-align:center;padding:50px 0;color:var(--muted)}.h5-video-wrap{position:relative;background:#000}.h5-video-wrap video{width:100%;aspect-ratio:16/9;display:block;background:#000}.h5-video-wrap .h5-video-lock-cover{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.h5-video-wrap .h5-video-lock-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#00000073;color:#fff}.h5-video-wrap .h5-video-lock-mask .pl{width:54px;height:54px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;font-size:22px;color:#222}.h5-chapter.current{background:#1877f214;border-left:3px solid var(--brand)}.h5-chapter.locked .no{background:#f0f1f3;color:#bbb}.h5-chapter-title{font-weight:700;margin-bottom:6px;padding:0 12px}.mat-banner{margin:10px 12px 0;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(120deg,#72edf2,#3f3fd0);color:#fff;padding:20px 18px}.mat-banner h3{margin:0 0 6px;font-size:19px}.mat-banner p{margin:2px 0;font-size:12px;opacity:.95;line-height:1.6}.mat-banner .mat-ill{position:absolute;right:14px;top:12px;font-size:46px;opacity:.9}.round-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px 10px 12px;background:#fff;margin:10px 12px 0;border-radius:12px}.round-nav-item{display:flex;flex-direction:column;align-items:center;gap:6px}.round-nav-item .rn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px}.round-nav-item span{font-size:12px;color:var(--ink-2)}.rn-c1{background:#fff3ee}.rn-c2{background:#e3f2fd}.rn-c3{background:#fdeef0}.rn-c4{background:#e8f5e9}.mat-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px 0}.mat-card-grid .mc{background:#fff;border-radius:10px;overflow:hidden;border:1px solid #f0f1f3}.mat-card-grid .mc .mc-img{position:relative}.mat-card-grid .mc .mc-img img{width:100%;aspect-ratio:16/10;object-fit:fill;background:#f5f5f5}.mat-card-grid .mc .hot{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#ff5c7a,#f4511e);color:#fff;font-size:10px;padding:2px 8px;border-radius:999px;font-weight:700}.mat-card-grid .mc .mc-body{padding:9px 10px 10px}.mat-card-grid .mc .mc-t{font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}.mat-card-grid .mc .mc-d{font-size:11px;color:var(--muted);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mat-card-grid .mc .mc-row{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.mat-card-grid .mc .mc-buy{font-size:11px;color:var(--muted)}.mat-card-grid .mc .mc-price{color:var(--brand);font-weight:700;font-size:14px}.mat-card-grid .mc .mc-img .mc-tag{position:absolute;top:8px;left:8px;font-size:10px;padding:2px 8px;border-radius:999px;color:#fff;font-weight:700}.mat-card-grid .mc .mc-img .mc-tag.t-video{background:#1877f2eb}.mat-card-grid .mc .mc-img .mc-tag.t-text{background:#783cf0eb}.mat-card-grid .mc .mc-img .mc-tag.t-column{background:#fa7828eb}.mat-card-grid .mc .mc-sales{font-size:11px;color:var(--muted);margin-top:4px}.mat-list{display:flex;flex-direction:column;gap:8px;padding:8px 12px 0}.mat-item{display:flex;gap:10px;background:#fff;border-radius:8px;padding:10px;text-decoration:none;color:#333;border:1px solid #f0f1f3}.mat-thumb{width:56px;height:56px;border-radius:6px;background:#f5f5f5;flex-shrink:0;overflow:hidden}.mat-thumb img{width:100%;height:100%;object-fit:cover;display:block}.mat-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}.mat-title{font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#333}.mat-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.mat-meta span{font-size:11px;color:#999}.mat-price{color:#ff4d4f!important;font-weight:600}.mat-dl{color:#999}.h5-page-head{display:flex;align-items:center;justify-content:space-between;padding:14px 12px 4px}.h5-page-head h3{font-size:17px;margin:0}.h5-mini-cart{font-size:13px;color:var(--brand)}.h5-empty{text-align:center;padding:60px 0;color:var(--muted)}.h5-empty .btn{margin-top:8px}.h5-cart-link{position:relative;margin-left:8px;font-size:20px;text-decoration:none}.h5-cart-badge{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;line-height:16px;border-radius:8px;background:var(--brand);color:#fff;font-size:10px;text-align:center;padding:0 4px}.h5-cart-badge.hide{display:none}.h5-cart-list{background:#fff;margin:10px 12px 0;border-radius:12px;padding:0 12px}.h5-cart-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f5f6f7}.h5-cart-item:last-child{border-bottom:0}.h5-cart-img{width:64px;height:64px;border-radius:8px;object-fit:cover;flex:none}.h5-cart-info{flex:1;min-width:0}.h5-cart-title{font-size:13px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.h5-cart-price{margin-top:6px}.h5-cart-right{text-align:right}.h5-qty{display:inline-flex;align-items:center;gap:8px;margin-bottom:6px}.qty-btn{width:24px;height:24px;border-radius:6px;border:1px solid var(--line);background:#fff;font-size:14px;line-height:1}.qty-num{min-width:22px;text-align:center;font-size:14px}.h5-cart-del{border:0;background:none;color:var(--muted);font-size:12px}.h5-panel{background:#fff;margin:10px 12px 0;border-radius:12px;padding:12px 14px}.h5-panel-title{font-size:14px;font-weight:700;margin-bottom:10px}.h5-checkout-item{display:flex;gap:10px;padding:8px 0}.h5-checkout-item img{width:52px;height:52px;border-radius:8px;object-fit:cover;flex:none}.h5-checkout-item .info{flex:1;min-width:0}.h5-checkout-item .t{font-size:13px}.h5-checkout-item .p{font-size:12px;color:var(--muted);margin-top:4px}.h5-checkout-total{text-align:right;padding-top:8px;border-top:1px solid #f5f6f7;margin-top:6px;font-size:13px}.h5-form-item{display:flex;align-items:center;gap:10px;padding:8px 0}.h5-form-item label{width:56px;font-size:13px;color:var(--ink-2);flex:none}.h5-input{flex:1;border:1px solid var(--line);border-radius:8px;padding:9px 10px;font-size:14px;background:#fafbfc}.h5-pay-note{font-size:11px;color:var(--muted);margin:10px 0}.h5-pay-success{text-align:center;padding:40px 0 20px}.h5-pay-success h3{font-size:18px;margin:8px 0 4px}.h5-pay-success p{color:var(--muted);font-size:13px}.h5-order-row{display:flex;justify-content:space-between;padding:7px 0;font-size:13px;border-bottom:1px dashed #f0f1f2}.h5-order-row:last-child{border-bottom:0}.cm-list{padding:10px 12px 0}.cm-item{display:block;background:#fff;border-radius:12px;padding:12px 14px;margin-bottom:10px;color:inherit}.cm-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cm-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ff7a4d,#f4511e);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;flex:none}.cm-avatar.sm{width:26px;height:26px;font-size:12px}.cm-name{font-size:14px;font-weight:600}.cm-time{font-size:11px;margin-left:auto}.cm-text{font-size:14px;line-height:1.6;white-space:pre-line;word-break:break-word}.cm-imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.cm-imgs img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px}.cm-foot{display:flex;align-items:center;gap:16px;margin-top:10px;padding-top:10px;border-top:1px solid #f5f6f7;font-size:12px;color:var(--muted)}.cm-act{color:var(--muted);text-decoration:none}.cm-act.on{color:var(--brand);font-weight:700}.cm-act.arr{margin-left:auto}.cm-comment{display:flex;gap:8px;padding:9px 0;border-bottom:1px solid #f5f6f7}.cm-comment:last-child{border-bottom:0}.cm-comment-text{font-size:13px;margin-top:2px;line-height:1.5}.h5-comment-bar{position:fixed;bottom:58px;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#fff;border-top:1px solid var(--line);padding:8px 12px;display:flex;z-index:29;gap:8px}.h5-comment-bar form{display:flex;gap:8px;flex:1}.cm-publish .h5-input{box-sizing:border-box}.h5-pay-row{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f8f9fb;border-radius:8px;margin-bottom:8px;font-size:14px}.diy-search-box{display:flex;align-items:center;padding:8px 14px;gap:8px}.diy-search-ico{font-size:14px;opacity:.6}.diy-search-box input{flex:1;border:none;background:transparent;font-size:13px;outline:none}.diy-banner-wrap{position:relative;overflow:hidden;background:#f0f0f0;border-radius:8px}.diy-banner-item{display:none;width:100%}.diy-banner-item.active{display:block}.diy-banner-item img{width:100%;display:block}.diy-banner-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#ccc;font-size:14px}.diy-banner-dots{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:5px}.diy-banner-dots span{width:6px;height:6px;border-radius:50%;background:#ffffff80}.diy-banner-dots span.active{background:#fff;width:16px;border-radius:3px}.diy-topmenu{overflow:hidden;border-bottom:1px solid #f0f0f0}.diy-topmenu-scroll{display:flex;overflow-x:auto;padding:0 12px;gap:20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.diy-topmenu-scroll::-webkit-scrollbar{display:none}.diy-topmenu-item{flex-shrink:0;padding:12px 0;font-size:14px;white-space:nowrap;text-decoration:none;position:relative}.diy-topmenu-item.active{font-weight:600}.diy-topmenu-item.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--act-color, #5151E5);border-radius:2px}.diy-imgcube-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.diy-imgcube-item{display:block;border-radius:8px;overflow:hidden;aspect-ratio:2/1}.diy-imgcube-item img{width:100%;height:100%;object-fit:cover}.diy-navgrid-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.diy-navgrid-item{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:#333}.diy-navgrid-ico{width:47px;height:47px;border-radius:12px;background:#f5f7fa;display:flex;align-items:center;justify-content:center;font-size:22px}.diy-navgrid-text{font-size:12px;color:#888}.diy-richtext{font-size:14px;line-height:1.6;color:#333}.diy-richtext img{max-width:100%;border-radius:6px}.diy-usercard{border-radius:0 0 16px 16px}.goods-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.goods-card{background:#fff;border-radius:10px;overflow:hidden;text-decoration:none;color:#333}.goods-img{aspect-ratio:1/1;background:#f5f5f5}.goods-img img{width:100%;height:100%;object-fit:cover}.goods-title{padding:8px 10px 4px;font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.goods-price{padding:0 10px 10px;color:#e74c3c;font-size:15px;font-weight:600}:root,:host{--w-e-textarea-bg-color: #fff;--w-e-textarea-color: #333;--w-e-textarea-border-color: #ccc;--w-e-textarea-slight-border-color: #e8e8e8;--w-e-textarea-slight-color: #d4d4d4;--w-e-textarea-slight-bg-color: #f5f2f0;--w-e-textarea-selected-border-color: #B4D5FF;--w-e-textarea-handler-bg-color: #4290f7;--w-e-toolbar-color: #595959;--w-e-toolbar-bg-color: #fff;--w-e-toolbar-active-color: #333;--w-e-toolbar-active-bg-color: #f1f1f1;--w-e-toolbar-disabled-color: #999;--w-e-toolbar-border-color: #e8e8e8;--w-e-modal-button-bg-color: #fafafa;--w-e-modal-button-border-color: #d9d9d9}.w-e-text-container *,.w-e-toolbar *{box-sizing:border-box;margin:0;outline:none;padding:0}.w-e-text-container blockquote,.w-e-text-container li,.w-e-text-container p,.w-e-text-container td,.w-e-text-container th,.w-e-toolbar *{line-height:1.5}.w-e-text-container{background-color:var(--w-e-textarea-bg-color);color:var(--w-e-textarea-color);height:100%;position:relative}.w-e-text-container .w-e-scroll{-webkit-overflow-scrolling:touch;height:100%}.w-e-text-container [data-slate-editor]{word-wrap:break-word;border-top:1px solid transparent;min-height:100%;outline:0;padding:0 10px;white-space:pre-wrap}.w-e-text-container [data-slate-editor] p{margin:15px 0}.w-e-text-container [data-slate-editor] h1,.w-e-text-container [data-slate-editor] h2,.w-e-text-container [data-slate-editor] h3,.w-e-text-container [data-slate-editor] h4,.w-e-text-container [data-slate-editor] h5{margin:20px 0}.w-e-text-container [data-slate-editor] img{cursor:default;display:inline!important;max-width:100%;min-height:20px;min-width:20px}.w-e-text-container [data-slate-editor] span{text-indent:0}.w-e-text-container [data-slate-editor] [data-selected=true]{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-placeholder{font-style:italic;left:10px;top:17px;width:90%}.w-e-max-length-info,.w-e-text-placeholder{color:var(--w-e-textarea-slight-color);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w-e-max-length-info{bottom:.5em;right:1em}.w-e-bar{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-color);font-size:14px;padding:0 5px}.w-e-bar svg{fill:var(--w-e-toolbar-color);height:14px;width:14px}.w-e-bar-show{display:flex}.w-e-bar-hidden{display:none}.w-e-hover-bar{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 5px #0000001f;position:absolute}.w-e-toolbar{flex-wrap:wrap;position:relative}.w-e-bar-divider{background-color:var(--w-e-toolbar-border-color);display:inline-flex;height:40px;margin:0 5px;width:1px}.w-e-bar-item{display:flex;height:40px;padding:4px;position:relative;text-align:center}.w-e-bar-item,.w-e-bar-item button{align-items:center;justify-content:center}.w-e-bar-item button{background:transparent;border:none;color:var(--w-e-toolbar-color);cursor:pointer;display:inline-flex;height:32px;overflow:hidden;padding:0 8px;white-space:nowrap}.w-e-bar-item button:hover{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item button .title{margin-left:5px}.w-e-bar-item .active{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item .disabled{color:var(--w-e-toolbar-disabled-color);cursor:not-allowed}.w-e-bar-item .disabled svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-menu-tooltip-v5:before{background-color:var(--w-e-toolbar-active-color);border-radius:5px;color:var(--w-e-toolbar-bg-color);content:attr(data-tooltip);font-size:.75em;opacity:0;padding:5px 10px;position:absolute;text-align:center;top:40px;transition:opacity .6s;visibility:hidden;white-space:pre;z-index:1}.w-e-menu-tooltip-v5:after{border:5px solid transparent;border-bottom:5px solid var(--w-e-toolbar-active-color);content:"";opacity:0;position:absolute;top:30px;transition:opacity .6s;visibility:hidden}.w-e-menu-tooltip-v5:hover:after,.w-e-menu-tooltip-v5:hover:before{opacity:1;visibility:visible}.w-e-menu-tooltip-v5.tooltip-right:before{left:100%;top:10px}.w-e-menu-tooltip-v5.tooltip-right:after{border-bottom-color:transparent;border-left-color:transparent;border-right-color:var(--w-e-toolbar-active-color);border-top-color:transparent;left:100%;margin-left:-10px;top:16px}.w-e-bar-item-group .w-e-bar-item-menus-container{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;display:none;left:0;margin-top:40px;position:absolute;top:0;z-index:1}.w-e-bar-item-group:hover .w-e-bar-item-menus-container{display:block}.w-e-select-list{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;left:0;margin-top:40px;max-height:350px;min-width:100px;overflow-y:auto;position:absolute;top:0;z-index:1}.w-e-select-list ul{line-height:1;list-style:none}.w-e-select-list ul .selected{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li{cursor:pointer;padding:7px 0 7px 25px;position:relative;text-align:left;white-space:nowrap}.w-e-select-list ul li:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li svg{left:0;margin-left:5px;margin-top:-7px;position:absolute;top:50%}.w-e-bar-bottom .w-e-select-list{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-drop-panel{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;margin-top:40px;min-width:200px;padding:10px;position:absolute;top:0;z-index:1}.w-e-bar-bottom .w-e-drop-panel{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-modal{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;color:var(--w-e-toolbar-color);font-size:14px;min-height:40px;min-width:100px;padding:20px 15px 0;position:absolute;text-align:left;z-index:1}.w-e-modal .btn-close{cursor:pointer;line-height:1;padding:5px;position:absolute;right:8px;top:7px}.w-e-modal .btn-close svg{fill:var(--w-e-toolbar-color);height:10px;width:10px}.w-e-modal .babel-container{display:block;margin-bottom:15px}.w-e-modal .babel-container span{display:block;margin-bottom:10px}.w-e-modal .button-container{margin-bottom:15px}.w-e-modal button{background-color:var(--w-e-modal-button-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);cursor:pointer;font-weight:400;height:32px;padding:4.5px 15px;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{font-feature-settings:"tnum";background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);font-variant:tabular-nums;padding:4.5px 11px;transition:all .3s;width:100%}.w-e-modal textarea{min-height:60px}body .w-e-modal,body .w-e-modal *{box-sizing:border-box}.w-e-progress-bar{background-color:var(--w-e-textarea-handler-bg-color);height:1px;position:absolute;transition:width .3s;width:0}.w-e-full-screen-container{bottom:0!important;display:flex!important;flex-direction:column!important;height:100%!important;left:0!important;margin:0!important;padding:0!important;position:fixed;right:0!important;top:0!important;width:100%!important}.w-e-full-screen-container [data-w-e-textarea=true]{flex:1!important}.w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;font-family:monospace;padding:3px}.w-e-panel-content-color{list-style:none;text-align:left;width:230px}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);border-radius:3px;cursor:pointer;display:inline-block;padding:2px}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;height:17px;width:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{line-height:1.5;margin-bottom:5px;width:100%}.w-e-panel-content-color .clear svg{height:16px;margin-bottom:-4px;width:16px}.w-e-text-container [data-slate-editor] blockquote{background-color:var(--w-e-textarea-slight-bg-color);border-left:8px solid var(--w-e-textarea-selected-border-color);display:block;font-size:100%;line-height:1.5;margin:10px 0;padding:10px}.w-e-panel-content-emotion{font-size:20px;list-style:none;text-align:left;width:300px}.w-e-panel-content-emotion li{border-radius:3px;cursor:pointer;display:inline-block;padding:0 5px}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;margin:20px auto;padding:20px}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;display:block;height:1px}.w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);border-radius:4px;display:block;font-size:14px;padding:10px;text-indent:0}.w-e-text-container [data-slate-editor] .w-e-image-container{display:inline-block;margin:0 3px}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{overflow:hidden;position:relative}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);height:7px;position:absolute;width:7px}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;left:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;right:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{bottom:0;cursor:nesw-resize;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{bottom:0;cursor:nwse-resize;right:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover,.w-e-text-container [contenteditable=false] .w-e-image-container:hover{box-shadow:none}.w-e-text-container [data-slate-editor] .table-container{border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin-top:10px;overflow-x:auto;padding:10px;width:100%}.w-e-text-container [data-slate-editor] table{border-collapse:collapse}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);line-height:1.5;min-width:30px;padding:3px 5px;text-align:left}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);font-weight:700;text-align:center}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;height:15px;padding:3px 5px;width:20px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-textarea-video-container{background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0,#fff 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin:10px auto 0;padding:10px 0;text-align:center}.w-e-text-container [data-slate-editor] pre>code{word-wrap:normal;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;-webkit-hyphens:none;hyphens:none;line-height:1.5;margin:.5em 0;overflow:auto;padding:1em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}