/* ======================================================================
 *  id-copy-watermark.css · 证件复印件水印
 *  视觉：公证纸米白 + 钢蓝印泥 + 朱红警示；版式像一张「证件受理单」
 *  作用域：.tsk.idw（前缀 idw-）
 * ====================================================================== */

.tsk.idw {
    --tsk-bg: #f6f3ea;
    --tsk-bg-2: #efe9da;
    --tsk-card: #fffdf7;
    --tsk-card-2: #faf6ec;
    --tsk-ink: #1d2b3a;
    --tsk-sub: #5a6577;
    --tsk-faint: #8d949f;
    --tsk-line: #e3ddcb;
    --tsk-line-2: #efeade;
    --tsk-brand: #2b5f8e;
    --tsk-brand-2: #1d3557;
    --tsk-brand-soft: #e7eff6;
    --tsk-brand-ink: #1d4e75;
    --tsk-accent: #b23a48;
    --tsk-ok: #2f7a54;
    --tsk-ok-soft: #e8f3ec;
    --tsk-warn: #a0691a;
    --tsk-warn-soft: #fbf0dc;
    --tsk-bad: #b23a48;
    --tsk-bad-soft: #fbe9eb;
    --tsk-info: #2b6c7c;
    --tsk-info-soft: #e5f2f4;
    --tsk-shadow-sm: 0 1px 2px rgba(29, 43, 58, .05), 0 7px 18px rgba(29, 43, 58, .06);
    --tsk-shadow: 0 2px 6px rgba(29, 43, 58, .07), 0 20px 46px rgba(29, 43, 58, .1);
    --tsk-shadow-lg: 0 6px 18px rgba(29, 43, 58, .1), 0 34px 76px rgba(29, 43, 58, .18);
    --tsk-r: 14px;
    --tsk-r-sm: 8px;
    background:
        radial-gradient(620px 300px at 96% -8%, rgba(43, 95, 142, .1), transparent 62%),
        radial-gradient(460px 240px at -4% 6%, rgba(178, 58, 72, .06), transparent 60%),
        var(--tsk-bg);
}

:root[data-theme="dark"] .tsk.idw {
    --tsk-bg: #101318;
    --tsk-bg-2: #151a22;
    --tsk-card: #1a1f28;
    --tsk-card-2: #202631;
    --tsk-ink: #eef1f5;
    --tsk-sub: #a7b0bd;
    --tsk-faint: #7c8695;
    --tsk-line: #2a323e;
    --tsk-line-2: #222833;
    --tsk-brand: #5b9bd5;
    --tsk-brand-2: #3c78b0;
    --tsk-brand-soft: rgba(91, 155, 213, .14);
    --tsk-brand-ink: #8fc0ea;
    --tsk-accent: #ef7080;
    --tsk-ok: #59c98c;
    --tsk-ok-soft: rgba(89, 201, 140, .14);
    --tsk-warn: #f0bc63;
    --tsk-warn-soft: rgba(240, 188, 99, .14);
    --tsk-bad: #ef7080;
    --tsk-bad-soft: rgba(239, 112, 128, .14);
    --tsk-info: #59bdcf;
    --tsk-info-soft: rgba(89, 189, 207, .14);
    --tsk-shadow-sm: 0 1px 2px rgba(0, 0, 0, .5), 0 7px 18px rgba(0, 0, 0, .32);
    --tsk-shadow: 0 2px 6px rgba(0, 0, 0, .55), 0 20px 46px rgba(0, 0, 0, .4);
    --tsk-shadow-lg: 0 6px 18px rgba(0, 0, 0, .6), 0 34px 76px rgba(0, 0, 0, .5);
    background: #101318;
}

/* ---------- 1. 首屏等高栅格 ---------- */
.idw-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 394px;
    gap: 30px;
    padding: 30px 0 24px;
    align-items: stretch;
}
.idw-hero-l {
    display: flex;
    flex-direction: column;
}
.idw-hero-l > .tsk-hs {
    flex: 1 1 auto;
}
@media (max-width: 900px) {
    .idw-hero {
        grid-template-columns: 1fr;
    }
}
.idw-hero-r {
    min-width: 0;
}

/* ---------- 2. 首屏细节 ---------- */
.idw .tsk-kicker {
    background: #e7eff6;
    color: #1d4e75;
}
.idw .tsk-h1 b {
    color: #1d4e75;
    position: relative;
}
.idw .tsk-h1 b::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 3px;
    border-radius: 2px;
    background: linear-gradient(90deg, #b23a48, rgba(178, 58, 72, 0));
}
.idw .tsk-chips span {
    background: rgba(255, 253, 247, .9);
    border-color: #dfd7c2;
    color: #5a6577;
}

.idw-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}
.idw-trust span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 7px;
    background: rgba(255, 253, 247, .86);
    border: 1px solid #e3ddcb;
    font-size: 12px;
    font-weight: 700;
    color: #5a6577;
}

/* ---------- 3. 水印设置面板 ---------- */
.idw-panel {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--tsk-card);
    border: 1px solid var(--tsk-line);
    border-radius: 16px;
    box-shadow: var(--tsk-shadow);
    overflow: hidden;
    position: relative;
}
.idw-panel::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: repeating-linear-gradient(180deg, #2b5f8e 0 10px, #b23a48 10px 20px);
    opacity: .8;
}
.idw-panel-hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px 15px 24px;
    background: linear-gradient(120deg, #1d3557, #2b5f8e);
    color: #fff;
}
.idw-panel-hd b {
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .02em;
}
.idw-panel-hd i {
    font: 700 10px/1 var(--tsk-num);
    letter-spacing: .16em;
    opacity: .82;
}
.idw-panel-body {
    padding: 18px 20px 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex: 1 1 auto;
}

/* 拖入区：受理单虚线框 */
.idw-drop {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 24px 16px;
    border: 1.5px dashed #b9c9d8;
    border-radius: 12px;
    background:
        linear-gradient(0deg, rgba(43, 95, 142, .03), rgba(43, 95, 142, .03)),
        var(--tsk-card-2);
    cursor: pointer;
    text-align: center;
    transition: border-color .16s, background .16s, transform .16s;
}
.idw-drop:hover,
.idw-drop.over {
    border-color: #2b5f8e;
    background: #eef4f9;
    transform: translateY(-1px);
}
:root[data-theme="dark"] .idw-drop:hover,
:root[data-theme="dark"] .idw-drop.over {
    background: #22303f;
}
.idw-drop-ic {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: linear-gradient(135deg, #2b5f8e, #1d3557);
    color: #fff;
    font-size: 22px;
    box-shadow: 0 8px 18px rgba(29, 53, 87, .26);
}
.idw-drop b {
    font-size: 13.5px;
    color: var(--tsk-ink);
    font-weight: 750;
}
.idw-drop small {
    font-size: 11px;
    color: var(--tsk-faint);
    line-height: 1.6;
}

/* 三格数据 */
.idw-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
}
.idw-meta div {
    background: var(--tsk-card-2);
    border: 1px solid var(--tsk-line);
    border-radius: 8px;
    padding: 8px 9px;
    text-align: center;
}
.idw-meta span {
    display: block;
    font-size: 10.5px;
    color: var(--tsk-faint);
    font-weight: 600;
}
.idw-meta b {
    display: block;
    margin-top: 2px;
    font: 800 14px/1.4 var(--tsk-num);
    color: var(--tsk-ink);
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 表单 */
.idw-field {
    display: block;
    min-width: 0;
}
.idw-field > label,
.idw-lab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
    font-size: 12px;
    font-weight: 800;
    color: var(--tsk-sub);
    letter-spacing: .01em;
}
.idw-field > label b {
    font: 800 12.5px/1 var(--tsk-num);
    color: #1d4e75;
}
:root[data-theme="dark"] .idw-field > label b {
    color: var(--tsk-brand-ink);
}
.idw-input,
.idw-select {
    width: 100%;
    border: 1.5px solid var(--tsk-line);
    border-radius: 8px;
    background: var(--tsk-card-2);
    color: var(--tsk-ink);
    font: 500 13.5px/1.7 var(--tsk-font);
    padding: 9px 11px;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
}
.idw-select {
    padding: 8px 10px;
    font-size: 12.5px;
}
.idw-input:focus,
.idw-select:focus {
    border-color: #2b5f8e;
    box-shadow: 0 0 0 3px rgba(43, 95, 142, .14);
    background: var(--tsk-card);
}
.idw-row2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px;
}

/* 文案模板 */
.idw-tpl {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 8px;
}
.idw-tpl button {
    border: 1px solid var(--tsk-line);
    background: var(--tsk-card);
    color: var(--tsk-sub);
    border-radius: 5px;
    padding: 4px 8px;
    font: 600 10.5px/1.5 var(--tsk-font);
    cursor: pointer;
    transition: .15s;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.idw-tpl button:hover {
    border-color: #2b5f8e;
    color: #1d4e75;
    background: #eef4f9;
}
:root[data-theme="dark"] .idw-tpl button:hover {
    background: #22303f;
    color: var(--tsk-brand-ink);
}

/* 滑杆 */
.idw-range {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 5px;
    border-radius: 99px;
    background: linear-gradient(90deg, #c8d8e6, #2b5f8e);
    outline: none;
}
.idw-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #2b5f8e;
    box-shadow: 0 2px 7px rgba(29, 53, 87, .3);
    cursor: pointer;
}
.idw-range::-moz-range-thumb {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #2b5f8e;
    cursor: pointer;
}
:root[data-theme="dark"] .idw-range {
    background: linear-gradient(90deg, #33475c, #5b9bd5);
}

/* 颜色与铺满方式 */
.idw-field input[type="color"] {
    width: 100%;
    height: 36px;
    border: 1.5px solid var(--tsk-line);
    border-radius: 8px;
    background: var(--tsk-card-2);
    padding: 3px;
    cursor: pointer;
}
.idw-fill {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
}
.idw-fill button {
    border: 1.5px solid var(--tsk-line);
    background: var(--tsk-card-2);
    color: var(--tsk-sub);
    border-radius: 7px;
    padding: 8px 0;
    font: 700 11.5px/1.3 var(--tsk-font);
    cursor: pointer;
    transition: .15s;
}
.idw-fill button:hover {
    border-color: #2b5f8e;
    color: #1d4e75;
}
.idw-fill button.on {
    background: #1d3557;
    border-color: #1d3557;
    color: #fff;
}
:root[data-theme="dark"] .idw-fill button.on {
    background: #5b9bd5;
    border-color: #5b9bd5;
    color: #101318;
}

/* 日期勾选 */
.idw-check {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border: 1.5px solid var(--tsk-line);
    border-radius: 8px;
    background: var(--tsk-card-2);
    cursor: pointer;
    font-size: 11.5px;
    font-weight: 700;
    color: var(--tsk-sub);
}
.idw-check input {
    accent-color: #2b5f8e;
}
.idw-check span {
    line-height: 1.4;
}

/* 提示 / 按钮 */
.idw-err {
    border: 1px solid rgba(178, 58, 72, .35);
    background: var(--tsk-bad-soft);
    color: var(--tsk-bad);
    border-radius: 8px;
    padding: 8px 11px;
    font-size: 12px;
    line-height: 1.65;
    font-weight: 700;
}
.idw-acts {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: auto;
}
.idw-acts .tsk-btn-main {
    flex: 1 1 auto;
}
.idw-ghost {
    flex: 0 0 auto;
    padding: 10px 13px;
}
.idw-acts .tsk-btn:disabled {
    opacity: .45;
    cursor: not-allowed;
    box-shadow: none;
}
.idw-foot {
    font-size: 10.5px;
    color: var(--tsk-faint);
    line-height: 1.6;
    text-align: center;
}

/* ---------- 4. 实时预览 ---------- */
.idw-preview {
    margin-top: 4px;
    margin-bottom: 6px;
    background: var(--tsk-card);
    border: 1px solid var(--tsk-line);
    border-radius: 16px;
    box-shadow: var(--tsk-shadow-sm);
    padding: 16px 20px 20px;
}
.idw-preview-hd {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px dashed var(--tsk-line);
}
.idw-preview-hd > div:first-child b {
    display: block;
    font-size: 14.5px;
    font-weight: 800;
    color: var(--tsk-ink);
}
.idw-preview-hd > div:first-child span {
    font-size: 11.5px;
    color: var(--tsk-faint);
}
.idw-thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.idw-thumbs button {
    position: relative;
    width: 46px;
    height: 46px;
    border-radius: 7px;
    border: 2px solid var(--tsk-line);
    background: var(--tsk-card-2);
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    transition: .15s;
}
.idw-thumbs button img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.idw-thumbs button.on {
    border-color: #2b5f8e;
    box-shadow: 0 0 0 3px rgba(43, 95, 142, .16);
}
.idw-thumbs button i {
    position: absolute;
    inset: auto 0 0 0;
    background: rgba(29, 43, 58, .78);
    color: #fff;
    font: 700 9px/1.5 var(--tsk-num);
    text-align: center;
    font-style: normal;
}
.idw-thumbs button.bad {
    border-color: var(--tsk-bad);
    opacity: .7;
}

.idw-stage {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 216px;
    gap: 16px;
    margin-top: 15px;
    align-items: start;
}
@media (max-width: 760px) {
    .idw-stage {
        grid-template-columns: 1fr;
    }
}
.idw-canvas-wrap {
    position: relative;
    border-radius: 10px;
    background:
        linear-gradient(45deg, #e6e0d2 25%, transparent 25%) 0 0 / 18px 18px,
        linear-gradient(-45deg, #e6e0d2 25%, transparent 25%) 0 9px / 18px 18px,
        #f3eee3;
    border: 1px solid var(--tsk-line);
    min-height: 220px;
    display: grid;
    place-items: center;
    padding: 10px;
    overflow: hidden;
}
:root[data-theme="dark"] .idw-canvas-wrap {
    background:
        linear-gradient(45deg, #232a35 25%, transparent 25%) 0 0 / 18px 18px,
        linear-gradient(-45deg, #232a35 25%, transparent 25%) 0 9px / 18px 18px,
        #171c24;
}
.idw-canvas-wrap canvas {
    max-width: 100%;
    max-height: 58vh;
    display: block;
    box-shadow: 0 4px 20px rgba(29, 43, 58, .18);
    border-radius: 4px;
}
.idw-stage-tag {
    position: absolute;
    left: 14px;
    top: 14px;
    padding: 3px 9px;
    border-radius: 4px;
    background: rgba(29, 53, 87, .86);
    color: #fff;
    font: 700 10px/1.6 var(--tsk-num);
    letter-spacing: .08em;
}
.idw-side {
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.idw-side-item {
    background: var(--tsk-card-2);
    border: 1px solid var(--tsk-line);
    border-radius: 8px;
    padding: 9px 11px;
}
.idw-side-item span {
    display: block;
    font-size: 10.5px;
    color: var(--tsk-faint);
    font-weight: 600;
}
.idw-side-item b {
    display: block;
    margin-top: 2px;
    font: 700 12px/1.5 var(--tsk-num);
    color: var(--tsk-ink);
    word-break: break-all;
}
.idw-side-note {
    margin-top: 4px;
    padding: 11px 12px;
    border-radius: 8px;
    background: #f5efe0;
    border: 1px dashed #d8cdb2;
}
:root[data-theme="dark"] .idw-side-note {
    background: #241f18;
    border-color: #443b2a;
}
.idw-side-note > b {
    font-size: 11.5px;
    color: #7a5c1f;
    display: block;
    margin-bottom: 5px;
}
:root[data-theme="dark"] .idw-side-note > b {
    color: var(--tsk-warn);
}
.idw-side-note ul {
    margin: 0;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.idw-side-note li {
    font-size: 11px;
    line-height: 1.55;
    color: var(--tsk-sub);
}
.idw-warn {
    margin-top: 13px;
    padding: 9px 12px;
    border-radius: 8px;
    background: var(--tsk-bad-soft);
    border: 1px solid rgba(178, 58, 72, .28);
    color: var(--tsk-bad);
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.65;
}

/* ---------- 5. 能力边界面 ---------- */
.idw-sec-sub {
    margin-left: auto;
    font-size: 11.5px;
    color: var(--tsk-faint);
    font-weight: 600;
}
.idw-fence {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
@media (max-width: 760px) {
    .idw-fence {
        grid-template-columns: 1fr;
    }
}
.idw-fence-card {
    background: var(--tsk-card);
    border: 1px solid var(--tsk-line);
    border-top: 4px solid #2b5f8e;
    border-radius: 12px;
    padding: 16px 18px 17px;
    box-shadow: var(--tsk-shadow-sm);
}
.idw-fence-card b {
    display: block;
    font-size: 14px;
    font-weight: 800;
    color: #1d4e75;
    margin-bottom: 9px;
}
:root[data-theme="dark"] .idw-fence-card b {
    color: var(--tsk-brand-ink);
}
.idw-fence-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.idw-fence-card li {
    position: relative;
    padding-left: 19px;
    font-size: 12.5px;
    line-height: 1.7;
    color: var(--tsk-sub);
}
.idw-fence-card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #2f7a54;
    font-weight: 800;
}
.idw-fence-card.is-bad {
    border-top-color: #b23a48;
}
.idw-fence-card.is-bad b {
    color: #b23a48;
}
:root[data-theme="dark"] .idw-fence-card.is-bad b {
    color: var(--tsk-bad);
}
.idw-fence-card.is-bad li::before {
    content: "✕";
    color: #b23a48;
}

/* ---------- 6. 参数对照表 ---------- */
.idw-tablewrap {
    overflow-x: auto;
    border: 1px solid var(--tsk-line);
    border-radius: 12px;
    background: var(--tsk-card);
    box-shadow: var(--tsk-shadow-sm);
}
.idw-table {
    width: 100%;
    min-width: 600px;
    border-collapse: collapse;
}
.idw-table th,
.idw-table td {
    padding: 10px 15px;
    text-align: left;
    font-size: 12.5px;
    line-height: 1.65;
    border-bottom: 1px solid var(--tsk-line-2);
    color: var(--tsk-sub);
}
.idw-table thead th {
    background: var(--tsk-card-2);
    color: var(--tsk-faint);
    font: 700 11px/1.4 var(--tsk-num);
    letter-spacing: .08em;
    text-transform: uppercase;
    border-bottom: 1px solid var(--tsk-line);
}
.idw-table tbody tr:last-child td {
    border-bottom: 0;
}
.idw-table tbody tr:hover td {
    background: color-mix(in srgb, var(--tsk-brand-soft) 46%, transparent);
}
.idw-td-strong {
    font-weight: 800;
    color: var(--tsk-ink) !important;
    white-space: nowrap;
}
.idw-tag {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 4px;
    background: #e7eff6;
    border: 1px solid #c5d8e6;
    color: #1d4e75;
    font: 700 11.5px/1.6 var(--tsk-font);
    white-space: nowrap;
}
:root[data-theme="dark"] .idw-tag {
    background: rgba(91, 155, 213, .15);
    border-color: rgba(91, 155, 213, .3);
    color: var(--tsk-brand-ink);
}

/* ---------- 7. 细节清单 ---------- */
.idw-tips {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(232px, 1fr));
    gap: 11px;
}
.idw-tip {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    background: var(--tsk-card);
    border: 1px solid var(--tsk-line);
    border-radius: 10px;
    padding: 13px 15px;
    box-shadow: var(--tsk-shadow-sm);
}
.idw-tip > span {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 5px;
    background: #1d3557;
    color: #fff;
    font: 800 10.5px/1 var(--tsk-num);
}
:root[data-theme="dark"] .idw-tip > span {
    background: #5b9bd5;
    color: #101318;
}
.idw-tip b {
    display: block;
    font-size: 12.5px;
    font-weight: 800;
    color: var(--tsk-ink);
    margin-bottom: 3px;
}
.idw-tip p {
    font-size: 11.5px;
    line-height: 1.7;
    color: var(--tsk-sub);
}

/* ---------- 8. 场景卡 ---------- */
.idw-scenes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(226px, 1fr));
    gap: 11px;
}
.idw-scene {
    background:
        linear-gradient(180deg, rgba(43, 95, 142, .05), transparent 62%),
        var(--tsk-card);
    border: 1px solid var(--tsk-line);
    border-radius: 10px;
    padding: 14px 16px;
}
.idw-scene b {
    display: block;
    font-size: 13px;
    font-weight: 800;
    color: #1d4e75;
    margin-bottom: 4px;
}
:root[data-theme="dark"] .idw-scene b {
    color: var(--tsk-brand-ink);
}
.idw-scene p {
    font-size: 11.5px;
    line-height: 1.7;
    color: var(--tsk-sub);
}

/* ---------- 9. 深色细节补丁 ---------- */
:root[data-theme="dark"] .idw .tsk-kicker {
    background: rgba(91, 155, 213, .14);
    color: var(--tsk-brand-ink);
}
:root[data-theme="dark"] .idw .tsk-h1 b {
    color: var(--tsk-brand-ink);
}
:root[data-theme="dark"] .idw-trust span {
    background: rgba(26, 31, 40, .8);
    border-color: var(--tsk-line);
    color: var(--tsk-sub);
}
:root[data-theme="dark"] .idw-table tbody tr:hover td {
    background: rgba(91, 155, 213, .08);
}
:root[data-theme="dark"] .idw-canvas-wrap canvas {
    box-shadow: 0 4px 22px rgba(0, 0, 0, .55);
}
:root[data-theme="dark"] .idw-stage-tag {
    background: rgba(91, 155, 213, .8);
    color: #0c1117;
}
@media (max-width: 900px) {
    .idw-panel {
        height: auto;
    }
    .idw-panel-body {
        padding: 16px;
    }
}
@media (max-width: 560px) {
    .idw-row2 {
        grid-template-columns: 1fr;
    }
    .idw-meta {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .idw-trust span {
        font-size: 11px;
    }
}