.my-page .time-tooltip{cursor:default;outline:none;align-items:center;display:inline-flex;position:relative}.my-page .time-tooltip:before{content:"";opacity:0;pointer-events:none;z-index:19;background:#0f172a;width:8px;height:8px;transition:opacity .16s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)rotate(45deg)}.my-page .time-tooltip:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:20;background:#0f172a;border-radius:8px;padding:6px 10px;font-size:12px;line-height:1.2;transition:opacity .16s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 10px 24px #0f172a29}.my-page .time-tooltip:hover:before,.my-page .time-tooltip:hover:after,.my-page .time-tooltip:focus-visible:before,.my-page .time-tooltip:focus-visible:after{opacity:1}.my-page .state-dot{vertical-align:middle;text-align:center;border-radius:50%;width:12px;height:12px}.my-page .dot-gray{background:radial-gradient(circle closest-side,#c4c4c4,#767676)}.my-page .dot-green{background:radial-gradient(circle closest-side,#6f6,#1bb425);animation:1.8s infinite dotGreen}.my-page .dot-yellow{background:radial-gradient(circle closest-side,#f6e9ad,#f6bc01);animation:1.8s infinite dotYellow}.my-page .dot-red{background:radial-gradient(circle closest-side,#f6adad,#f32929);animation:1.8s infinite dotRed}.my-page .dot-blue{background:radial-gradient(circle closest-side,#8fe5eb,#14c4ff);animation:1.8s infinite dotBlue}.my-page .state-badge{--badge-bg:color-mix(in srgb, var(--admin-primary) 12%, #fff);--badge-color:var(--admin-primary);white-space:nowrap;background:var(--badge-bg);min-height:28px;color:var(--badge-color);border-radius:20px;align-items:center;gap:8px;padding:4px 12px;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.my-page .badge-primary{--badge-bg:rgb(from var(--admin-primary) r g b / .12);--badge-color:var(--admin-primary)}.my-page .badge-green{--badge-bg:rgb(from var(--admin-success) r g b / .14);--badge-color:color-mix(in srgb, var(--admin-success) 80%, #000)}.my-page .badge-yellow{--badge-bg:rgb(from var(--admin-warning) r g b / .18);--badge-color:color-mix(in srgb, var(--admin-warning) 95%, #000)}.my-page .badge-red{--badge-bg:rgb(from var(--admin-danger) r g b / .14);--badge-color:color-mix(in srgb, var(--admin-danger) 72%, #000)}.my-page .badge-blue{--badge-bg:rgb(from var(--admin-info) r g b / .2);--badge-color:color-mix(in srgb, var(--admin-info) 80%, #000)}.my-page .badge-gray{--badge-bg:rgb(from var(--admin-muted) r g b / .2);--badge-color:color-mix(in srgb, var(--admin-muted) 72%, #000)}.my-page{--listing-mode-default-color:var(--primary-color);--listing-mode-vendor-color:#379d3a;--listing-mode-demand-color:#19b6c1;--listing-mode-boxes-color:#ebb71b;--listing-mode-used-color:#8298b9}.my-page .is-mode-common{--mode-color:var(--listing-mode-default-color)}.my-page .is-mode-vendor{--mode-color:var(--listing-mode-vendor-color)}.my-page .is-mode-demand{--mode-color:var(--listing-mode-demand-color)}.my-page .is-mode-boxes{--mode-color:var(--listing-mode-boxes-color)}.my-page .is-mode-used{--mode-color:var(--listing-mode-used-color)}.my-page{--primary-color:#2f73d7;--surface-color:#fff;--border-color:#e1e0e5;--text-hero-color:#0f2f64;--text-title-color:#2563eb;--text-main-color:#4b5563;--text-sub-color:#64748b;--text-label-color:#3f3f3f;--text-muted-color:#878b96;--success-color:#22c55e;--warning-color:#f59e0b;--danger-color:#ef4444;--info-color:#26a0d4;--muted-color:#94a3b8;--admin-primary:var(--primary-color);--admin-surface:var(--surface-color);--admin-border:var(--border-color);--admin-text-hero:var(--text-hero-color);--admin-text-title:var(--text-title-color);--admin-text-main:var(--text-main-color);--admin-text-label:var(--text-label-color);--admin-text-muted:var(--text-muted-color);--admin-success:var(--success-color);--admin-warning:var(--warning-color);--admin-danger:var(--danger-color);--admin-info:var(--info-color);--admin-muted:var(--muted-color);--box-shadow-color:0 0 10px #0c286814;--control-height:40px;--control-radius:12px;--control-font-size:14px;--el-color-primary:var(--primary-color);--el-color-primary-light-3:color-mix(in srgb, var(--primary-color) 70%, #fff);--el-color-primary-light-5:color-mix(in srgb, var(--primary-color) 50%, #fff);--el-color-primary-light-7:color-mix(in srgb, var(--primary-color) 30%, #fff);--el-color-primary-light-8:color-mix(in srgb, var(--primary-color) 20%, #fff);--el-color-primary-light-9:color-mix(in srgb, var(--primary-color) 10%, #fff);--el-color-primary-dark-2:color-mix(in srgb, var(--primary-color) 85%, #000);font-family:Roboto,Noto Sans TC,Arial,sans-serif}.my-page-content{min-height:90vh}.my-page::-webkit-scrollbar{width:6px;height:6px}.my-page ::-webkit-scrollbar{width:6px;height:6px}.my-page::-webkit-scrollbar-track{background:#bcbcbc2a}.my-page ::-webkit-scrollbar-track{background:#bcbcbc2a}.my-page::-webkit-scrollbar-thumb{background:#bcbdc0af;border-radius:5px}.my-page ::-webkit-scrollbar-thumb{background:#bcbdc0af;border-radius:5px}.my-page::-webkit-scrollbar-thumb:hover{background:#d1d1d7c5}.my-page ::-webkit-scrollbar-thumb:hover{background:#d1d1d7c5}