729 lines
112 KiB
HTML
729 lines
112 KiB
HTML
<!DOCTYPE html> <html lang=en data-theme=dark><!--
|
||
Page saved with SingleFile
|
||
url: http://127.0.0.1:8000/002/all.html
|
||
saved date: Sat Mar 21 2026 11:44:28 GMT+0800 (中国标准时间)
|
||
--><meta charset=utf-8>
|
||
<meta name=viewport content="width=device-width, initial-scale=1.0">
|
||
<title>E-Commerce Order Audit System V9.4 (Full Stack)</title>
|
||
<style>:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--bg-body:#f1f5f9;--bg-card:#ffffff;--bg-sidebar:#ffffff;--bg-header:#1e293b;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#06b6d4;--sidebar-w:260px;--header-h:60px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1);--trans:all 0.25s cubic-bezier(0.4,0,0.2,1)}[data-theme="dark"]{--bg-body:#0f172a;--bg-card:#1e293b;--bg-sidebar:#1e293b;--bg-header:#020617;--text-main:#f1f5f9;--text-muted:#94a3b8;--border:#334155;--primary-light:rgba(37,99,235,0.1)}*{box-sizing:border-box;outline:none}body{font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-body);margin:0;color:var(--text-main);font-size:14px;overflow:hidden;transition:background 0.3s}button{cursor:pointer;transition:var(--trans);color:inherit;text-decoration:none}.icon{width:16px;height:16px;fill:currentColor;vertical-align:middle;margin-right:4px}.app-container{display:flex;flex-direction:column;height:100vh}.header{height:var(--header-h);background:var(--bg-header);color:white;display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:50;box-shadow:var(--shadow-md)}.brand{font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px}.brand span{padding:4px 8px;background:var(--primary);border-radius:4px;font-size:14px}.nav-top button{padding:8px 12px;color:#94a3b8;font-size:13px;border-radius:4px;background:transparent;border:none;cursor:pointer}.nav-top button:hover,.nav-top button.active{color:white;background:rgba(255,255,255,0.1)}.user-area{display:flex;align-items:center;gap:15px}.avatar{width:32px;height:32px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;border:2px solid rgba(255,255,255,0.2)}.main-body{display:flex;flex:1;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding-top:10px;transition:background 0.3s}.menu-group{margin-bottom:20px}.menu-header{font-size:11px;text-transform:uppercase;color:var(--text-muted);padding:0 20px;margin-bottom:8px;font-weight:700}.menu-item{padding:10px 20px;display:flex;align-items:center;color:var(--text-muted);font-weight:500;border-left:3px solid transparent;background:transparent;border:none;width:100%;cursor:pointer;text-align:left}.menu-item:hover{background:var(--bg-body);color:var(--text-main)}.menu-item.active{background:var(--primary-light);color:var(--primary);border-left-color:var(--primary)}.badge{margin-left:auto;background:var(--danger);color:white;font-size:10px;padding:2px 6px;border-radius:10px}.content{flex:1;overflow-y:auto;padding:25px;position:relative}.view-panel{animation:fadeIn 0.3s ease}.view-panel.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.filter-panel{background:var(--bg-card);padding:15px;border-radius:8px;border:1px solid var(--border);margin-bottom:20px;display:flex;gap:15px;flex-wrap:wrap;align-items:flex-end}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:12px;font-weight:600;color:var(--text-muted)}.input-control{padding:8px 12px;border:1px solid var(--border);border-radius:4px;background:var(--bg-body);color:var(--text-main);width:180px;font-size:13px}.btn{padding:8px 16px;border-radius:4px;border:none;font-size:13px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:5px}.btn-primary{background:var(--primary);color:white}.btn-secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main)}.btn-danger{background:var(--danger);color:white}.order-table-wrapper{border:1px solid var(--border);border-radius:8px;overflow:auto;background:var(--bg-card);max-height:calc(100vh - 250px)}.order-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.order-table th{background:var(--bg-body);padding:12px 15px;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.order-table td{padding:12px 15px;border-bottom:1px solid var(--border);color:var(--text-main);vertical-align:top}.order-table tr:hover td{background:var(--primary-light)}.tag{font-size:11px;padding:2px 6px;border-radius:4px;display:inline-block;font-weight:600;margin-right:4px}.tag-large{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.tag-risk{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.tag-vip{background:#f3e8ff;color:#7e22ce;border:1px solid #d8b4fe}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-pending{background:#f59e0b}.risk-bar-container{width:80px;height:6px;background:#e2e8f0;border-radius:3px;margin-top:5px;overflow:hidden}.risk-bar-fill{height:100%;transition:width 0.3s}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:100;opacity:0;transition:opacity 0.3s}.drawer{position:fixed;top:0;right:-600px;width:500px;height:100vh;background:var(--bg-card);z-index:101;box-shadow:-5px 0 20px rgba(0,0,0,0.1);transition:right 0.4s cubic-bezier(0.25,0.8,0.25,1);display:flex;flex-direction:column}.drawer-header{padding:20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-body)}.drawer-body{flex:1;padding:25px;overflow-y:auto}.drawer-footer{padding:15px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background:var(--bg-body)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:200;justify-content:center;align-items:center;backdrop-filter:blur(2px)}.toast-container{position:fixed;top:20px;right:20px;z-index:300;display:flex;flex-direction:column;gap:10px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:white;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translateX(20px)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}</style>
|
||
<style data-id=immersive-translate-input-injected-css>.immersive-translate-attach-loading::after{content:" ";--loading-color:#f78fb6;width:6px;height:6px;border-radius:50%;display:block;margin:12px auto;position:relative;color:white;left:-100px;box-sizing:border-box;animation:immersiveTranslateShadowRolling 1.5s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-2000%,-50%);z-index:100}@-webkit-keyframes immersive-translate-loading-animation{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@keyframes immersive-translate-loading-animation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes immersiveTranslateShadowRolling{0%{box-shadow:0px 0 rgba(255,255,255,0),0px 0 rgba(255,255,255,0),0px 0 rgba(255,255,255,0),0px 0 rgba(255,255,255,0)}12%{box-shadow:100px 0 var(--loading-color),0px 0 rgba(255,255,255,0),0px 0 rgba(255,255,255,0),0px 0 rgba(255,255,255,0)}25%{box-shadow:110px 0 var(--loading-color),100px 0 var(--loading-color),0px 0 rgba(255,255,255,0),0px 0 rgba(255,255,255,0)}36%{box-shadow:120px 0 var(--loading-color),110px 0 var(--loading-color),100px 0 var(--loading-color),0px 0 rgba(255,255,255,0)}50%{box-shadow:130px 0 var(--loading-color),120px 0 var(--loading-color),110px 0 var(--loading-color),100px 0 var(--loading-color)}62%{box-shadow:200px 0 rgba(255,255,255,0),130px 0 var(--loading-color),120px 0 var(--loading-color),110px 0 var(--loading-color)}75%{box-shadow:200px 0 rgba(255,255,255,0),200px 0 rgba(255,255,255,0),130px 0 var(--loading-color),120px 0 var(--loading-color)}87%{box-shadow:200px 0 rgba(255,255,255,0),200px 0 rgba(255,255,255,0),200px 0 rgba(255,255,255,0),130px 0 var(--loading-color)}100%{box-shadow:200px 0 rgba(255,255,255,0),200px 0 rgba(255,255,255,0),200px 0 rgba(255,255,255,0),200px 0 rgba(255,255,255,0)}}.immersive-translate-close:hover,.immersive-translate-close:focus{text-decoration:none;cursor:pointer}.immersive-translate-btn:hover{background-color:#f082ac}.immersive-translate-btn:disabled{opacity:0.6;cursor:not-allowed}.immersive-translate-btn:disabled:hover{background-color:#ea4c89}.immersive-translate-cancel-btn:hover{background-color:hsl(205,20%,32%)}@keyframes image-loading-rotate{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}</style><meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:8000/002/all.html><meta http-equiv=content-security-policy content="default-src 'none'; font-src 'self' data:; img-src 'self' data:; style-src 'unsafe-inline'; media-src 'self' data:; script-src 'unsafe-inline' data:; object-src 'self' data:; frame-src 'self' data:;"></head>
|
||
<body>
|
||
<svg style=display:none>
|
||
<symbol id=i-home viewBox="0 0 24 24"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"></path></symbol>
|
||
<symbol id=i-list viewBox="0 0 24 24"><path d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z"></path></symbol>
|
||
<symbol id=i-risk viewBox="0 0 24 24"><path d="M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"></path></symbol>
|
||
<symbol id=i-settings viewBox="0 0 24 24"><path d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L3.16 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.04.64.09.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.04.24.24.41.48.41h3.84c.24 0 .43-.17.47-.41l.36-2.54c.59-.24 1.13-.57 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.08-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"></path></symbol>
|
||
<symbol id=i-eye viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"></path></symbol>
|
||
<symbol id=i-check viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol>
|
||
</svg>
|
||
<div class=app-container>
|
||
<header class=header role=banner>
|
||
<div class=brand>
|
||
<svg class=icon style=width:24px;height:24px aria-hidden=true><use xlink:href=#i-check></use></svg>
|
||
GlobalGuard <span>Audit V9.4</span>
|
||
</div>
|
||
<nav class=nav-top aria-label="Main navigation">
|
||
<button aria-current=page>Workspace</button>
|
||
<button class=active>Order Queue (200+)</button>
|
||
<button>Settings</button>
|
||
</nav>
|
||
<div class=user-area>
|
||
<div style=text-align:right;font-size:12px>
|
||
<div>Auditor_4421</div>
|
||
<div style=color:rgba(255,255,255,0.6)>East China Audit Group</div>
|
||
</div>
|
||
<div class=avatar aria-label="User avatar">A</div>
|
||
<button class=btn style="background:rgba(255,255,255,0.1);padding:5px 10px">Logout</button>
|
||
</div>
|
||
</header>
|
||
<div class=main-body>
|
||
<aside class=sidebar role=navigation aria-label="Sidebar navigation">
|
||
<nav class=menu-group>
|
||
<h2 class=menu-header>Core Operations</h2>
|
||
<button class=menu-item id=menu-dashboard role=menuitem aria-current=page>
|
||
<svg class=icon aria-hidden=true><use xlink:href=#i-home></use></svg> Dashboard Overview
|
||
</button>
|
||
<button class="menu-item active" id=menu-orders role=menuitem>
|
||
<svg class=icon aria-hidden=true><use xlink:href=#i-list></use></svg> Audit Queue
|
||
<span class=badge id=sidebar-count aria-label="Pending orders count">158</span>
|
||
</button>
|
||
</nav>
|
||
<nav class=menu-group>
|
||
<h2 class=menu-header>Tools</h2>
|
||
<button class=menu-item id=menu-settings role=menuitem>
|
||
<svg class=icon aria-hidden=true><use xlink:href=#i-settings></use></svg> System Settings
|
||
</button>
|
||
</nav>
|
||
<div style=margin-top:auto;padding:20px>
|
||
<div style=background:var(--bg-body);padding:10px;border-radius:4px;font-size:11px;color:var(--text-muted) role=status aria-live=polite>
|
||
<strong>Server Status:</strong><br>
|
||
<span style=color:var(--success)>●</span> Live Data Stream<br>
|
||
<span style=color:var(--success)>●</span> Database (OK)
|
||
</div>
|
||
</div>
|
||
</aside>
|
||
<main class=content>
|
||
|
||
<div id=view-dashboard class="view-panel sf-hidden">
|
||
|
||
|
||
|
||
|
||
</div>
|
||
<div id=view-orders class="view-panel active">
|
||
<h2 style=margin-bottom:20px>Manual Audit Queue</h2>
|
||
|
||
<fieldset class=filter-panel aria-label="Order filters">
|
||
<legend style=display:none>Filter orders</legend>
|
||
<div class=form-group>
|
||
<label for=search-keyword>Keywords (Order/User/Product)</label>
|
||
<input type=text class=input-control id=search-keyword placeholder="Enter keywords..." aria-describedby=keyword-help value><template shadowrootmode=user-agent><div useragentpart=placeholder>Enter keywords...</div><div contenteditable=plaintext-only></div></template>
|
||
<span id=keyword-help style=display:none>Search by order ID, user name, or product name</span>
|
||
</div>
|
||
<div class=form-group>
|
||
<label for=search-risk>Risk Level</label>
|
||
<select class=input-control id=search-risk aria-label="Filter by risk level">
|
||
<option value=all>All Levels</option>
|
||
<option value=high selected>High (High Risk)</option>
|
||
<option value=medium>Medium (Medium Risk)</option>
|
||
<option value=low>Low (Low Risk)</option>
|
||
</select>
|
||
</div>
|
||
<div class=form-group>
|
||
<label for=search-status>Order Status</label>
|
||
<select class=input-control id=search-status aria-label="Filter by order status">
|
||
<option value=pending selected>Pending Audit</option>
|
||
<option value=all_history>All History</option>
|
||
</select>
|
||
</div>
|
||
<div style=margin-left:auto;display:flex;gap:10px>
|
||
<button class="btn btn-secondary" aria-label="Reset all filters">Reset</button>
|
||
<button class="btn btn-primary" aria-label="Apply filters and search">
|
||
<svg class=icon aria-hidden=true><use xlink:href=#i-list></use></svg> Search
|
||
</button>
|
||
</div>
|
||
</fieldset>
|
||
<div class=order-table-wrapper role=region aria-label="Orders table">
|
||
<table class=order-table role=table aria-label="Audit queue orders">
|
||
<thead role=rowgroup>
|
||
<tr role=row>
|
||
<th role=columnheader style=width:40px><input type=checkbox id=check-all aria-label="Select all orders" value=on></th>
|
||
<th role=columnheader>Order Info</th>
|
||
<th role=columnheader>User Profile</th>
|
||
<th role=columnheader>Product Overview</th>
|
||
<th role=columnheader>Amount</th>
|
||
<th role=columnheader>Risk Score</th>
|
||
<th role=columnheader>Status</th>
|
||
<th role=columnheader style=text-align:right>Actions</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id=table-body role=rowgroup>
|
||
<tr role=row>
|
||
<td role=cell><input type=checkbox class=row-check value=20251221-A002 aria-label="Select order 20251221-A002"></td>
|
||
<td role=cell>
|
||
<div style='font-weight:600;font-family:"Consolas",monospace'>20251221-A002</div>
|
||
<div style=font-size:12px;color:var(--text-muted)>2025-12-21 14:31</div>
|
||
<div style=margin-top:4px><span class="tag tag-risk">Risk</span></div>
|
||
</td>
|
||
<td role=cell>
|
||
<div>temp_user_001</div>
|
||
<div style=font-size:11px;color:var(--text-muted)>Credit Score: N/A</div>
|
||
</td>
|
||
<td role=cell><div title="Game Card Top-up (Virtual) ">Game Card Top-up (Virtual) </div></td>
|
||
<td role=cell style=font-weight:600;color:var(--text-main)>¥ 5,000</td>
|
||
<td role=cell>
|
||
<div style=font-weight:bold;color:#ef4444>92 / 100</div>
|
||
<div class=risk-bar-container role=progressbar aria-valuenow=92 aria-valuemin=0 aria-valuemax=100 aria-label="Risk score progress">
|
||
<div class=risk-bar-fill style=width:92%;background:#ef4444></div>
|
||
</div>
|
||
</td>
|
||
<td role=cell><span class="status-dot status-pending"></span>Pending</td>
|
||
<td role=cell style=text-align:right>
|
||
<button class="btn btn-secondary" style="padding:4px 8px" aria-label="View details for order 20251221-A002">
|
||
<svg class=icon aria-hidden=true style=margin:0><use xlink:href=#i-eye></use></svg>
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr role=row>
|
||
<td role=cell><input type=checkbox class=row-check value=20251221-A007 aria-label="Select order 20251221-A007"></td>
|
||
<td role=cell>
|
||
<div style='font-weight:600;font-family:"Consolas",monospace'>20251221-A007</div>
|
||
<div style=font-size:12px;color:var(--text-muted)>2025-12-21 14:40</div>
|
||
<div style=margin-top:4px><span class="tag tag-risk">Risk</span></div>
|
||
</td>
|
||
<td role=cell>
|
||
<div>unknown_proxy</div>
|
||
<div style=font-size:11px;color:var(--text-muted)>Credit Score: 120</div>
|
||
</td>
|
||
<td role=cell><div title="Amazon Gift Card $100 ">Amazon Gift Card $100 </div></td>
|
||
<td role=cell style=font-weight:600;color:var(--text-main)>¥ 7,100</td>
|
||
<td role=cell>
|
||
<div style=font-weight:bold;color:#ef4444>98 / 100</div>
|
||
<div class=risk-bar-container role=progressbar aria-valuenow=98 aria-valuemin=0 aria-valuemax=100 aria-label="Risk score progress">
|
||
<div class=risk-bar-fill style=width:98%;background:#ef4444></div>
|
||
</div>
|
||
</td>
|
||
<td role=cell><span class="status-dot status-pending"></span>Pending</td>
|
||
<td role=cell style=text-align:right>
|
||
<button class="btn btn-secondary" style="padding:4px 8px" aria-label="View details for order 20251221-A007">
|
||
<svg class=icon aria-hidden=true style=margin:0><use xlink:href=#i-eye></use></svg>
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr role=row>
|
||
<td role=cell><input type=checkbox class=row-check value=20251222-R1035 aria-label="Select order 20251222-R1035"></td>
|
||
<td role=cell>
|
||
<div style='font-weight:600;font-family:"Consolas",monospace'>20251222-R1035</div>
|
||
<div style=font-size:12px;color:var(--text-muted)>2025-12-22 14:10</div>
|
||
<div style=margin-top:4px><span class="tag tag-risk">Risk</span></div>
|
||
</td>
|
||
<td role=cell>
|
||
<div>frank_141</div>
|
||
<div style=font-size:11px;color:var(--text-muted)>Credit Score: 495</div>
|
||
</td>
|
||
<td role=cell><div title="AirPods Pro 3 ">AirPods Pro 3 </div></td>
|
||
<td role=cell style=font-weight:600;color:var(--text-main)>¥ 1,899</td>
|
||
<td role=cell>
|
||
<div style=font-weight:bold;color:#ef4444>89 / 100</div>
|
||
<div class=risk-bar-container role=progressbar aria-valuenow=89 aria-valuemin=0 aria-valuemax=100 aria-label="Risk score progress">
|
||
<div class=risk-bar-fill style=width:89%;background:#ef4444></div>
|
||
</div>
|
||
</td>
|
||
<td role=cell><span class="status-dot status-pending"></span>Pending</td>
|
||
<td role=cell style=text-align:right>
|
||
<button class="btn btn-secondary" style="padding:4px 8px" aria-label="View details for order 20251222-R1035">
|
||
<svg class=icon aria-hidden=true style=margin:0><use xlink:href=#i-eye></use></svg>
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr role=row>
|
||
<td role=cell><input type=checkbox class=row-check value=20251222-R1039 aria-label="Select order 20251222-R1039"></td>
|
||
<td role=cell>
|
||
<div style='font-weight:600;font-family:"Consolas",monospace'>20251222-R1039</div>
|
||
<div style=font-size:12px;color:var(--text-muted)>2025-12-22 14:25</div>
|
||
<div style=margin-top:4px><span class="tag tag-risk">Risk</span></div>
|
||
</td>
|
||
<td role=cell>
|
||
<div>bill_818</div>
|
||
<div style=font-size:11px;color:var(--text-muted)>Credit Score: 386</div>
|
||
</td>
|
||
<td role=cell><div title="Starbucks Gift Card ">Starbucks Gift Card </div></td>
|
||
<td role=cell style=font-weight:600;color:var(--text-main)>¥ 400</td>
|
||
<td role=cell>
|
||
<div style=font-weight:bold;color:#ef4444>95 / 100</div>
|
||
<div class=risk-bar-container role=progressbar aria-valuenow=95 aria-valuemin=0 aria-valuemax=100 aria-label="Risk score progress">
|
||
<div class=risk-bar-fill style=width:95%;background:#ef4444></div>
|
||
</div>
|
||
</td>
|
||
<td role=cell><span class="status-dot status-pending"></span>Pending</td>
|
||
<td role=cell style=text-align:right>
|
||
<button class="btn btn-secondary" style="padding:4px 8px" aria-label="View details for order 20251222-R1039">
|
||
<svg class=icon aria-hidden=true style=margin:0><use xlink:href=#i-eye></use></svg>
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr role=row>
|
||
<td role=cell><input type=checkbox class=row-check value=20251222-R1054 aria-label="Select order 20251222-R1054"></td>
|
||
<td role=cell>
|
||
<div style='font-weight:600;font-family:"Consolas",monospace'>20251222-R1054</div>
|
||
<div style=font-size:12px;color:var(--text-muted)>2025-12-22 14:42</div>
|
||
<div style=margin-top:4px><span class="tag tag-risk">Risk</span></div>
|
||
</td>
|
||
<td role=cell>
|
||
<div>ivy_336</div>
|
||
<div style=font-size:11px;color:var(--text-muted)>Credit Score: 493</div>
|
||
</td>
|
||
<td role=cell><div title="Logitech MX Master 3S ">Logitech MX Master 3S </div></td>
|
||
<td role=cell style=font-weight:600;color:var(--text-main)>¥ 2,397</td>
|
||
<td role=cell>
|
||
<div style=font-weight:bold;color:#ef4444>96 / 100</div>
|
||
<div class=risk-bar-container role=progressbar aria-valuenow=96 aria-valuemin=0 aria-valuemax=100 aria-label="Risk score progress">
|
||
<div class=risk-bar-fill style=width:96%;background:#ef4444></div>
|
||
</div>
|
||
</td>
|
||
<td role=cell><span class="status-dot status-pending"></span>Pending</td>
|
||
<td role=cell style=text-align:right>
|
||
<button class="btn btn-secondary" style="padding:4px 8px" aria-label="View details for order 20251222-R1054">
|
||
<svg class=icon aria-hidden=true style=margin:0><use xlink:href=#i-eye></use></svg>
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr role=row>
|
||
<td role=cell><input type=checkbox class=row-check value=20251222-R1064 aria-label="Select order 20251222-R1064"></td>
|
||
<td role=cell>
|
||
<div style='font-weight:600;font-family:"Consolas",monospace'>20251222-R1064</div>
|
||
<div style=font-size:12px;color:var(--text-muted)>2025-12-22 14:20</div>
|
||
<div style=margin-top:4px><span class="tag tag-risk">Risk</span></div>
|
||
</td>
|
||
<td role=cell>
|
||
<div>david_146</div>
|
||
<div style=font-size:11px;color:var(--text-muted)>Credit Score: 536</div>
|
||
</td>
|
||
<td role=cell><div title="Starbucks Gift Card ">Starbucks Gift Card </div></td>
|
||
<td role=cell style=font-weight:600;color:var(--text-main)>¥ 200</td>
|
||
<td role=cell>
|
||
<div style=font-weight:bold;color:#ef4444>99 / 100</div>
|
||
<div class=risk-bar-container role=progressbar aria-valuenow=99 aria-valuemin=0 aria-valuemax=100 aria-label="Risk score progress">
|
||
<div class=risk-bar-fill style=width:99%;background:#ef4444></div>
|
||
</div>
|
||
</td>
|
||
<td role=cell><span class="status-dot status-pending"></span>Pending</td>
|
||
<td role=cell style=text-align:right>
|
||
<button class="btn btn-secondary" style="padding:4px 8px" aria-label="View details for order 20251222-R1064">
|
||
<svg class=icon aria-hidden=true style=margin:0><use xlink:href=#i-eye></use></svg>
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr role=row>
|
||
<td role=cell><input type=checkbox class=row-check value=20251222-R1070 aria-label="Select order 20251222-R1070" checked></td>
|
||
<td role=cell>
|
||
<div style='font-weight:600;font-family:"Consolas",monospace'>20251222-R1070</div>
|
||
<div style=font-size:12px;color:var(--text-muted)>2025-12-22 14:07</div>
|
||
<div style=margin-top:4px><span class="tag tag-risk">Risk</span></div>
|
||
</td>
|
||
<td role=cell>
|
||
<div>echo_101</div>
|
||
<div style=font-size:11px;color:var(--text-muted)>Credit Score: 575</div>
|
||
</td>
|
||
<td role=cell><div title="Nike Dunk Low ">Nike Dunk Low </div></td>
|
||
<td role=cell style=font-weight:600;color:var(--text-main)>¥ 899</td>
|
||
<td role=cell>
|
||
<div style=font-weight:bold;color:#ef4444>99 / 100</div>
|
||
<div class=risk-bar-container role=progressbar aria-valuenow=99 aria-valuemin=0 aria-valuemax=100 aria-label="Risk score progress">
|
||
<div class=risk-bar-fill style=width:99%;background:#ef4444></div>
|
||
</div>
|
||
</td>
|
||
<td role=cell><span class="status-dot status-pending"></span>Pending</td>
|
||
<td role=cell style=text-align:right>
|
||
<button class="btn btn-secondary" style="padding:4px 8px" aria-label="View details for order 20251222-R1070">
|
||
<svg class=icon aria-hidden=true style=margin:0><use xlink:href=#i-eye></use></svg>
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr role=row>
|
||
<td role=cell><input type=checkbox class=row-check value=20251222-R1071 aria-label="Select order 20251222-R1071"></td>
|
||
<td role=cell>
|
||
<div style='font-weight:600;font-family:"Consolas",monospace'>20251222-R1071</div>
|
||
<div style=font-size:12px;color:var(--text-muted)>2025-12-22 14:56</div>
|
||
<div style=margin-top:4px><span class="tag tag-risk">Risk</span></div>
|
||
</td>
|
||
<td role=cell>
|
||
<div>bill_211</div>
|
||
<div style=font-size:11px;color:var(--text-muted)>Credit Score: 470</div>
|
||
</td>
|
||
<td role=cell><div title="Logitech MX Master 3S ">Logitech MX Master 3S </div></td>
|
||
<td role=cell style=font-weight:600;color:var(--text-main)>¥ 2,397</td>
|
||
<td role=cell>
|
||
<div style=font-weight:bold;color:#ef4444>90 / 100</div>
|
||
<div class=risk-bar-container role=progressbar aria-valuenow=90 aria-valuemin=0 aria-valuemax=100 aria-label="Risk score progress">
|
||
<div class=risk-bar-fill style=width:90%;background:#ef4444></div>
|
||
</div>
|
||
</td>
|
||
<td role=cell><span class="status-dot status-pending"></span>Pending</td>
|
||
<td role=cell style=text-align:right>
|
||
<button class="btn btn-secondary" style="padding:4px 8px" aria-label="View details for order 20251222-R1071">
|
||
<svg class=icon aria-hidden=true style=margin:0><use xlink:href=#i-eye></use></svg>
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr role=row>
|
||
<td role=cell><input type=checkbox class=row-check value=20251222-R1075 aria-label="Select order 20251222-R1075"></td>
|
||
<td role=cell>
|
||
<div style='font-weight:600;font-family:"Consolas",monospace'>20251222-R1075</div>
|
||
<div style=font-size:12px;color:var(--text-muted)>2025-12-22 14:10</div>
|
||
<div style=margin-top:4px><span class="tag tag-risk">Risk</span></div>
|
||
</td>
|
||
<td role=cell>
|
||
<div>ivy_477</div>
|
||
<div style=font-size:11px;color:var(--text-muted)>Credit Score: 764</div>
|
||
</td>
|
||
<td role=cell><div title="Nike Dunk Low ">Nike Dunk Low </div></td>
|
||
<td role=cell style=font-weight:600;color:var(--text-main)>¥ 2,697</td>
|
||
<td role=cell>
|
||
<div style=font-weight:bold;color:#ef4444>86 / 100</div>
|
||
<div class=risk-bar-container role=progressbar aria-valuenow=86 aria-valuemin=0 aria-valuemax=100 aria-label="Risk score progress">
|
||
<div class=risk-bar-fill style=width:86%;background:#ef4444></div>
|
||
</div>
|
||
</td>
|
||
<td role=cell><span class="status-dot status-pending"></span>Pending</td>
|
||
<td role=cell style=text-align:right>
|
||
<button class="btn btn-secondary" style="padding:4px 8px" aria-label="View details for order 20251222-R1075">
|
||
<svg class=icon aria-hidden=true style=margin:0><use xlink:href=#i-eye></use></svg>
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr role=row>
|
||
<td role=cell><input type=checkbox class=row-check value=20251222-R1081 aria-label="Select order 20251222-R1081"></td>
|
||
<td role=cell>
|
||
<div style='font-weight:600;font-family:"Consolas",monospace'>20251222-R1081</div>
|
||
<div style=font-size:12px;color:var(--text-muted)>2025-12-22 14:16</div>
|
||
<div style=margin-top:4px><span class="tag tag-risk">Risk</span></div>
|
||
</td>
|
||
<td role=cell>
|
||
<div>grace_433</div>
|
||
<div style=font-size:11px;color:var(--text-muted)>Credit Score: 512</div>
|
||
</td>
|
||
<td role=cell><div title="Logitech MX Master 3S ">Logitech MX Master 3S </div></td>
|
||
<td role=cell style=font-weight:600;color:var(--text-main)>¥ 2,397</td>
|
||
<td role=cell>
|
||
<div style=font-weight:bold;color:#ef4444>97 / 100</div>
|
||
<div class=risk-bar-container role=progressbar aria-valuenow=97 aria-valuemin=0 aria-valuemax=100 aria-label="Risk score progress">
|
||
<div class=risk-bar-fill style=width:97%;background:#ef4444></div>
|
||
</div>
|
||
</td>
|
||
<td role=cell><span class="status-dot status-pending"></span>Pending</td>
|
||
<td role=cell style=text-align:right>
|
||
<button class="btn btn-secondary" style="padding:4px 8px" aria-label="View details for order 20251222-R1081">
|
||
<svg class=icon aria-hidden=true style=margin:0><use xlink:href=#i-eye></use></svg>
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr role=row>
|
||
<td role=cell><input type=checkbox class=row-check value=20251222-R1106 aria-label="Select order 20251222-R1106"></td>
|
||
<td role=cell>
|
||
<div style='font-weight:600;font-family:"Consolas",monospace'>20251222-R1106</div>
|
||
<div style=font-size:12px;color:var(--text-muted)>2025-12-22 14:06</div>
|
||
<div style=margin-top:4px><span class="tag tag-risk">Risk</span></div>
|
||
</td>
|
||
<td role=cell>
|
||
<div>candy_234</div>
|
||
<div style=font-size:11px;color:var(--text-muted)>Credit Score: 369</div>
|
||
</td>
|
||
<td role=cell><div title="La Mer Cream ">La Mer Cream </div></td>
|
||
<td role=cell style=font-weight:600;color:var(--text-main)>¥ 3,500</td>
|
||
<td role=cell>
|
||
<div style=font-weight:bold;color:#ef4444>97 / 100</div>
|
||
<div class=risk-bar-container role=progressbar aria-valuenow=97 aria-valuemin=0 aria-valuemax=100 aria-label="Risk score progress">
|
||
<div class=risk-bar-fill style=width:97%;background:#ef4444></div>
|
||
</div>
|
||
</td>
|
||
<td role=cell><span class="status-dot status-pending"></span>Pending</td>
|
||
<td role=cell style=text-align:right>
|
||
<button class="btn btn-secondary" style="padding:4px 8px" aria-label="View details for order 20251222-R1106">
|
||
<svg class=icon aria-hidden=true style=margin:0><use xlink:href=#i-eye></use></svg>
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr role=row>
|
||
<td role=cell><input type=checkbox class=row-check value=20251222-R1119 aria-label="Select order 20251222-R1119"></td>
|
||
<td role=cell>
|
||
<div style='font-weight:600;font-family:"Consolas",monospace'>20251222-R1119</div>
|
||
<div style=font-size:12px;color:var(--text-muted)>2025-12-22 14:57</div>
|
||
<div style=margin-top:4px><span class="tag tag-risk">Risk</span><span class="tag tag-vip">VIP</span></div>
|
||
</td>
|
||
<td role=cell>
|
||
<div>david_29</div>
|
||
<div style=font-size:11px;color:var(--text-muted)>Credit Score: 532</div>
|
||
</td>
|
||
<td role=cell><div title="AirPods Pro 3 ">AirPods Pro 3 </div></td>
|
||
<td role=cell style=font-weight:600;color:var(--text-main)>¥ 5,697</td>
|
||
<td role=cell>
|
||
<div style=font-weight:bold;color:#ef4444>95 / 100</div>
|
||
<div class=risk-bar-container role=progressbar aria-valuenow=95 aria-valuemin=0 aria-valuemax=100 aria-label="Risk score progress">
|
||
<div class=risk-bar-fill style=width:95%;background:#ef4444></div>
|
||
</div>
|
||
</td>
|
||
<td role=cell><span class="status-dot status-pending"></span>Pending</td>
|
||
<td role=cell style=text-align:right>
|
||
<button class="btn btn-secondary" style="padding:4px 8px" aria-label="View details for order 20251222-R1119">
|
||
<svg class=icon aria-hidden=true style=margin:0><use xlink:href=#i-eye></use></svg>
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr role=row>
|
||
<td role=cell><input type=checkbox class=row-check value=20251222-R1131 aria-label="Select order 20251222-R1131"></td>
|
||
<td role=cell>
|
||
<div style='font-weight:600;font-family:"Consolas",monospace'>20251222-R1131</div>
|
||
<div style=font-size:12px;color:var(--text-muted)>2025-12-22 14:15</div>
|
||
<div style=margin-top:4px><span class="tag tag-risk">Risk</span></div>
|
||
</td>
|
||
<td role=cell>
|
||
<div>frank_858</div>
|
||
<div style=font-size:11px;color:var(--text-muted)>Credit Score: 767</div>
|
||
</td>
|
||
<td role=cell><div title="Sony WH-1000XM5 ">Sony WH-1000XM5 </div></td>
|
||
<td role=cell style=font-weight:600;color:var(--text-main)>¥ 4,998</td>
|
||
<td role=cell>
|
||
<div style=font-weight:bold;color:#ef4444>96 / 100</div>
|
||
<div class=risk-bar-container role=progressbar aria-valuenow=96 aria-valuemin=0 aria-valuemax=100 aria-label="Risk score progress">
|
||
<div class=risk-bar-fill style=width:96%;background:#ef4444></div>
|
||
</div>
|
||
</td>
|
||
<td role=cell><span class="status-dot status-pending"></span>Pending</td>
|
||
<td role=cell style=text-align:right>
|
||
<button class="btn btn-secondary" style="padding:4px 8px" aria-label="View details for order 20251222-R1131">
|
||
<svg class=icon aria-hidden=true style=margin:0><use xlink:href=#i-eye></use></svg>
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr role=row>
|
||
<td role=cell><input type=checkbox class=row-check value=20251222-R1137 aria-label="Select order 20251222-R1137"></td>
|
||
<td role=cell>
|
||
<div style='font-weight:600;font-family:"Consolas",monospace'>20251222-R1137</div>
|
||
<div style=font-size:12px;color:var(--text-muted)>2025-12-22 14:37</div>
|
||
<div style=margin-top:4px><span class="tag tag-risk">Risk</span></div>
|
||
</td>
|
||
<td role=cell>
|
||
<div>echo_716</div>
|
||
<div style=font-size:11px;color:var(--text-muted)>Credit Score: 555</div>
|
||
</td>
|
||
<td role=cell><div title="Sony WH-1000XM5 ">Sony WH-1000XM5 </div></td>
|
||
<td role=cell style=font-weight:600;color:var(--text-main)>¥ 4,998</td>
|
||
<td role=cell>
|
||
<div style=font-weight:bold;color:#ef4444>88 / 100</div>
|
||
<div class=risk-bar-container role=progressbar aria-valuenow=88 aria-valuemin=0 aria-valuemax=100 aria-label="Risk score progress">
|
||
<div class=risk-bar-fill style=width:88%;background:#ef4444></div>
|
||
</div>
|
||
</td>
|
||
<td role=cell><span class="status-dot status-pending"></span>Pending</td>
|
||
<td role=cell style=text-align:right>
|
||
<button class="btn btn-secondary" style="padding:4px 8px" aria-label="View details for order 20251222-R1137">
|
||
<svg class=icon aria-hidden=true style=margin:0><use xlink:href=#i-eye></use></svg>
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr role=row>
|
||
<td role=cell><input type=checkbox class=row-check value=20251222-R1149 aria-label="Select order 20251222-R1149"></td>
|
||
<td role=cell>
|
||
<div style='font-weight:600;font-family:"Consolas",monospace'>20251222-R1149</div>
|
||
<div style=font-size:12px;color:var(--text-muted)>2025-12-22 14:05</div>
|
||
<div style=margin-top:4px><span class="tag tag-risk">Risk</span></div>
|
||
</td>
|
||
<td role=cell>
|
||
<div>frank_56</div>
|
||
<div style=font-size:11px;color:var(--text-muted)>Credit Score: 727</div>
|
||
</td>
|
||
<td role=cell><div title="AirPods Pro 3 ">AirPods Pro 3 </div></td>
|
||
<td role=cell style=font-weight:600;color:var(--text-main)>¥ 1,899</td>
|
||
<td role=cell>
|
||
<div style=font-weight:bold;color:#ef4444>89 / 100</div>
|
||
<div class=risk-bar-container role=progressbar aria-valuenow=89 aria-valuemin=0 aria-valuemax=100 aria-label="Risk score progress">
|
||
<div class=risk-bar-fill style=width:89%;background:#ef4444></div>
|
||
</div>
|
||
</td>
|
||
<td role=cell><span class="status-dot status-pending"></span>Pending</td>
|
||
<td role=cell style=text-align:right>
|
||
<button class="btn btn-secondary" style="padding:4px 8px" aria-label="View details for order 20251222-R1149">
|
||
<svg class=icon aria-hidden=true style=margin:0><use xlink:href=#i-eye></use></svg>
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr role=row>
|
||
<td role=cell><input type=checkbox class=row-check value=20251222-R1151 aria-label="Select order 20251222-R1151"></td>
|
||
<td role=cell>
|
||
<div style='font-weight:600;font-family:"Consolas",monospace'>20251222-R1151</div>
|
||
<div style=font-size:12px;color:var(--text-muted)>2025-12-22 14:47</div>
|
||
<div style=margin-top:4px><span class="tag tag-risk">Risk</span></div>
|
||
</td>
|
||
<td role=cell>
|
||
<div>helen_369</div>
|
||
<div style=font-size:11px;color:var(--text-muted)>Credit Score: 634</div>
|
||
</td>
|
||
<td role=cell><div title="La Mer Cream ">La Mer Cream </div></td>
|
||
<td role=cell style=font-weight:600;color:var(--text-main)>¥ 3,500</td>
|
||
<td role=cell>
|
||
<div style=font-weight:bold;color:#ef4444>89 / 100</div>
|
||
<div class=risk-bar-container role=progressbar aria-valuenow=89 aria-valuemin=0 aria-valuemax=100 aria-label="Risk score progress">
|
||
<div class=risk-bar-fill style=width:89%;background:#ef4444></div>
|
||
</div>
|
||
</td>
|
||
<td role=cell><span class="status-dot status-pending"></span>Pending</td>
|
||
<td role=cell style=text-align:right>
|
||
<button class="btn btn-secondary" style="padding:4px 8px" aria-label="View details for order 20251222-R1151">
|
||
<svg class=icon aria-hidden=true style=margin:0><use xlink:href=#i-eye></use></svg>
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr role=row>
|
||
<td role=cell><input type=checkbox class=row-check value=20251222-R1160 aria-label="Select order 20251222-R1160"></td>
|
||
<td role=cell>
|
||
<div style='font-weight:600;font-family:"Consolas",monospace'>20251222-R1160</div>
|
||
<div style=font-size:12px;color:var(--text-muted)>2025-12-22 14:51</div>
|
||
<div style=margin-top:4px><span class="tag tag-risk">Risk</span><span class="tag tag-large">Large</span></div>
|
||
</td>
|
||
<td role=cell>
|
||
<div>jack_41</div>
|
||
<div style=font-size:11px;color:var(--text-muted)>Credit Score: 672</div>
|
||
</td>
|
||
<td role=cell><div title="iPhone 16 Pro Max ">iPhone 16 Pro Max </div></td>
|
||
<td role=cell style=font-weight:600;color:var(--text-main)>¥ 29,997</td>
|
||
<td role=cell>
|
||
<div style=font-weight:bold;color:#ef4444>86 / 100</div>
|
||
<div class=risk-bar-container role=progressbar aria-valuenow=86 aria-valuemin=0 aria-valuemax=100 aria-label="Risk score progress">
|
||
<div class=risk-bar-fill style=width:86%;background:#ef4444></div>
|
||
</div>
|
||
</td>
|
||
<td role=cell><span class="status-dot status-pending"></span>Pending</td>
|
||
<td role=cell style=text-align:right>
|
||
<button class="btn btn-secondary" style="padding:4px 8px" aria-label="View details for order 20251222-R1160">
|
||
<svg class=icon aria-hidden=true style=margin:0><use xlink:href=#i-eye></use></svg>
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr role=row>
|
||
<td role=cell><input type=checkbox class=row-check value=20251222-R1164 aria-label="Select order 20251222-R1164"></td>
|
||
<td role=cell>
|
||
<div style='font-weight:600;font-family:"Consolas",monospace'>20251222-R1164</div>
|
||
<div style=font-size:12px;color:var(--text-muted)>2025-12-22 14:42</div>
|
||
<div style=margin-top:4px><span class="tag tag-risk">Risk</span></div>
|
||
</td>
|
||
<td role=cell>
|
||
<div>grace_254</div>
|
||
<div style=font-size:11px;color:var(--text-muted)>Credit Score: 647</div>
|
||
</td>
|
||
<td role=cell><div title="AirPods Pro 3 ">AirPods Pro 3 </div></td>
|
||
<td role=cell style=font-weight:600;color:var(--text-main)>¥ 1,899</td>
|
||
<td role=cell>
|
||
<div style=font-weight:bold;color:#ef4444>89 / 100</div>
|
||
<div class=risk-bar-container role=progressbar aria-valuenow=89 aria-valuemin=0 aria-valuemax=100 aria-label="Risk score progress">
|
||
<div class=risk-bar-fill style=width:89%;background:#ef4444></div>
|
||
</div>
|
||
</td>
|
||
<td role=cell><span class="status-dot status-pending"></span>Pending</td>
|
||
<td role=cell style=text-align:right>
|
||
<button class="btn btn-secondary" style="padding:4px 8px" aria-label="View details for order 20251222-R1164">
|
||
<svg class=icon aria-hidden=true style=margin:0><use xlink:href=#i-eye></use></svg>
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr role=row>
|
||
<td role=cell><input type=checkbox class=row-check value=20251222-R1168 aria-label="Select order 20251222-R1168"></td>
|
||
<td role=cell>
|
||
<div style='font-weight:600;font-family:"Consolas",monospace'>20251222-R1168</div>
|
||
<div style=font-size:12px;color:var(--text-muted)>2025-12-22 14:47</div>
|
||
<div style=margin-top:4px><span class="tag tag-risk">Risk</span><span class="tag tag-large">Large</span></div>
|
||
</td>
|
||
<td role=cell>
|
||
<div>ivy_511</div>
|
||
<div style=font-size:11px;color:var(--text-muted)>Credit Score: 507</div>
|
||
</td>
|
||
<td role=cell><div title="iPhone 16 Pro Max ">iPhone 16 Pro Max </div></td>
|
||
<td role=cell style=font-weight:600;color:var(--text-main)>¥ 29,997</td>
|
||
<td role=cell>
|
||
<div style=font-weight:bold;color:#ef4444>92 / 100</div>
|
||
<div class=risk-bar-container role=progressbar aria-valuenow=92 aria-valuemin=0 aria-valuemax=100 aria-label="Risk score progress">
|
||
<div class=risk-bar-fill style=width:92%;background:#ef4444></div>
|
||
</div>
|
||
</td>
|
||
<td role=cell><span class="status-dot status-pending"></span>Pending</td>
|
||
<td role=cell style=text-align:right>
|
||
<button class="btn btn-secondary" style="padding:4px 8px" aria-label="View details for order 20251222-R1168">
|
||
<svg class=icon aria-hidden=true style=margin:0><use xlink:href=#i-eye></use></svg>
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr role=row>
|
||
<td role=cell><input type=checkbox class=row-check value=20251222-R1178 aria-label="Select order 20251222-R1178"></td>
|
||
<td role=cell>
|
||
<div style='font-weight:600;font-family:"Consolas",monospace'>20251222-R1178</div>
|
||
<div style=font-size:12px;color:var(--text-muted)>2025-12-22 14:08</div>
|
||
<div style=margin-top:4px><span class="tag tag-risk">Risk</span></div>
|
||
</td>
|
||
<td role=cell>
|
||
<div>alex_972</div>
|
||
<div style=font-size:11px;color:var(--text-muted)>Credit Score: 647</div>
|
||
</td>
|
||
<td role=cell><div title="AirPods Pro 3 ">AirPods Pro 3 </div></td>
|
||
<td role=cell style=font-weight:600;color:var(--text-main)>¥ 3,798</td>
|
||
<td role=cell>
|
||
<div style=font-weight:bold;color:#ef4444>86 / 100</div>
|
||
<div class=risk-bar-container role=progressbar aria-valuenow=86 aria-valuemin=0 aria-valuemax=100 aria-label="Risk score progress">
|
||
<div class=risk-bar-fill style=width:86%;background:#ef4444></div>
|
||
</div>
|
||
</td>
|
||
<td role=cell><span class="status-dot status-pending"></span>Pending</td>
|
||
<td role=cell style=text-align:right>
|
||
<button class="btn btn-secondary" style="padding:4px 8px" aria-label="View details for order 20251222-R1178">
|
||
<svg class=icon aria-hidden=true style=margin:0><use xlink:href=#i-eye></use></svg>
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr role=row>
|
||
<td role=cell><input type=checkbox class=row-check value=20251222-R1188 aria-label="Select order 20251222-R1188"></td>
|
||
<td role=cell>
|
||
<div style='font-weight:600;font-family:"Consolas",monospace'>20251222-R1188</div>
|
||
<div style=font-size:12px;color:var(--text-muted)>2025-12-22 14:38</div>
|
||
<div style=margin-top:4px><span class="tag tag-risk">Risk</span></div>
|
||
</td>
|
||
<td role=cell>
|
||
<div>helen_437</div>
|
||
<div style=font-size:11px;color:var(--text-muted)>Credit Score: 677</div>
|
||
</td>
|
||
<td role=cell><div title="Switch OLED (JP Ver) ">Switch OLED (JP Ver) </div></td>
|
||
<td role=cell style=font-weight:600;color:var(--text-main)>¥ 2,100</td>
|
||
<td role=cell>
|
||
<div style=font-weight:bold;color:#ef4444>93 / 100</div>
|
||
<div class=risk-bar-container role=progressbar aria-valuenow=93 aria-valuemin=0 aria-valuemax=100 aria-label="Risk score progress">
|
||
<div class=risk-bar-fill style=width:93%;background:#ef4444></div>
|
||
</div>
|
||
</td>
|
||
<td role=cell><span class="status-dot status-pending"></span>Pending</td>
|
||
<td role=cell style=text-align:right>
|
||
<button class="btn btn-secondary" style="padding:4px 8px" aria-label="View details for order 20251222-R1188">
|
||
<svg class=icon aria-hidden=true style=margin:0><use xlink:href=#i-eye></use></svg>
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<div id=empty-state style=padding:40px;text-align:center;color:var(--text-muted);display:none role=status aria-live=polite>
|
||
No orders found matching your criteria
|
||
</div>
|
||
</div>
|
||
|
||
<div style=margin-top:15px;display:flex;gap:10px;align-items:center>
|
||
<button class="btn btn-primary" aria-label="Batch approve selected orders">Batch Approve</button>
|
||
<button class="btn btn-danger" aria-label="Batch reject selected orders">Batch Reject</button>
|
||
<span style=margin-left:auto;font-size:12px;color:var(--text-muted) role=status aria-live=polite>
|
||
Showing <strong id=current-count>21</strong> results / Total <span id=total-db-count>205</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div id=view-settings class="view-panel sf-hidden">
|
||
|
||
|
||
</div>
|
||
</main>
|
||
</div>
|
||
<div class="drawer-backdrop sf-hidden" id=drawer-backdrop role=presentation aria-hidden=true></div>
|
||
<aside class=drawer id=drawer-panel role=complementary aria-label="Order details panel" aria-modal=true>
|
||
<div class=drawer-header>
|
||
<h3 style=margin:0>Order Details <span id=d-id style=font-weight:400;color:var(--text-muted)></span></h3>
|
||
<button class="btn btn-secondary" style="padding:4px 8px" aria-label="Close order details panel">×</button>
|
||
</div>
|
||
<div class=drawer-body id=d-content role=region aria-label="Order information">
|
||
</div>
|
||
<div class=drawer-footer id=d-footer>
|
||
<button class="btn btn-danger" aria-label="Reject this order">Reject Order</button>
|
||
<button class="btn btn-primary" aria-label="Approve this order">Approve Order</button>
|
||
</div>
|
||
</aside>
|
||
<div class="modal-overlay sf-hidden" id=modal-reject role=presentation aria-hidden=true>
|
||
|
||
</div>
|
||
<div class="modal-overlay sf-hidden" id=modal-logout role=presentation aria-hidden=true>
|
||
|
||
</div>
|
||
<div class=toast-container id=toast-root role=region aria-live=polite aria-atomic=true aria-label=Notifications></div>
|
||
</div>
|
||
<div id=immersive-translate-popup style=all:initial><template shadowrootmode=open><style class=sf-hidden>:root,#mount[data-theme="light"],#mount:not([data-theme="dark"]){--c-00:#000000;--c-22:#222222;--c-33:#333333;--c-66:#666666;--c-83:#838383;--c-99:#999999;--c-c7:#c7c7c7;--c-cc:#cccccc;--c-e6:#e6e6e6;--c-f5:#f5f5f5;--c-ff:#ffffff;--p-main:#ea4c89;--p-hover:#ec5e95;--p-active:#e34a85;--p-special:#ee71a2;--p-disabled:#f4a5c4;--p-text-disabled:#f9c9dc;--p-weak:#fdedf3;--s-1:#f3f5f6;--s-1-hover:#f6f8f9;--s-1-active:#edf1f2;--s-1-weak:#fafbfb;--input-bg-base:#fafbfc;--input-border:#ecf0f7;--input-border-strong:#e0e0e6;--input-bg-strong:#fafdff}:root[data-theme="dark"],[data-theme="dark"]{--c-00:#ffffff;--c-22:#dbdbdb;--c-33:#dbdbdb;--c-66:#b3b3b3;--c-83:#838383;--c-99:#707070;--c-c7:#666666;--c-cc:#5c5c5c;--c-e6:#3b3b3b;--c-f5:#262626;--c-ff:#222222;--p-main:#e23c7c;--p-hover:#ea4c89;--p-active:#d5467d;--p-special:#a93a65;--p-disabled:#7e2f4d;--p-text-disabled:#522335;--p-weak:#26171d;--s-1:#2d2e2f;--s-1-hover:#323434;--s-1-active:#202121;--s-1-weak:#262627;--input-bg-base:#2b2d30;--input-border:#3e434b;--input-border-strong:#43474b;--input-bg-strong:#1f2123}:root,#mount [data-theme]{--primary:var(--p-main);--primary-hover:var(--p-hover);--primary-inverse:#fff;--modal-background:var(--s-1);--modal-border:var(--input-border);--modal-text:var(--c-22);--modal-text-secondary:var(--c-66);--modal-error:var(--p-main);--modal-required:#f53f3f;--modal-success:#68cd52;--modal-button-background:var(--p-main);--modal-button-text:var(--c-ff);--modal-input-background:var(--input-bg-base);--modal-check-color:var(--p-main);--background-color:var(--c-ff);--background-light-green:var(--s-1-weak,#f5f7f9);--text-black-2:var(--c-22);--text-gray-2:var(--c-22);--text-gray-6:var(--c-66);--text-gray-9:var(--c-99);--text-gray-c2:var(--c-c7);--switch-background-color:var(--c-c7,hsl(205deg,16%,77%));--float-ball-more-button-border-color:var(--c-f5,#f6f6f6);--float-ball-more-button-background-color:var(--c-ff);--float-ball-more-button-hover-color:var(--p-weak);--float-ball-more-button-svg-color:#6c6f73;--service-bg-hover:var(--s-1-hover,#f7faff);--service-bg:var(--s-1-weak,#fafbfb)}#mount{--font-family:system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--f-12:12px;--f-14:14px;--f-15:15px;--f-16:16px;--f-18:18px;--f-20:20px;--space-4:4px;--space-6:6px;--space-8:8px;--space-12:12px;--space-16:16px;--space-18:18px;--space-24:24px;--radius-8:8px;--radius-12:12px;--radius-16:16px;--control-height-lg:44px;--width-28:28px;--width-24:24px;--width-20:20px;--width-18:18px;--width-16:16px;--width-label-md:56px;--shadow-lg:0 18px 48px rgba(0,0,0,0.12);--line-height:1.5;--font-weight:400;--font-size:16px;--border-radius:4px;--border-width:2px;--outline-width:3px;--spacing:16px;--typography-spacing-vertical:24px;--block-spacing-vertical:calc(var(--spacing)*2);--block-spacing-horizontal:var(--spacing);--grid-spacing-vertical:0;--grid-spacing-horizontal:var(--spacing);--form-element-spacing-vertical:12px;--form-element-spacing-horizontal:16px;--nav-element-spacing-vertical:16px;--nav-element-spacing-horizontal:8px;--nav-link-spacing-vertical:8px;--nav-link-spacing-horizontal:8px;--form-label-font-weight:var(--font-weight);--transition:0.2s ease-in-out;--modal-overlay-backdrop-filter:blur(4px);--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--icon-xia:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyYW1lIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTguMDAyOTEgOS42Nzk4M0wzLjgzMzM5IDUuNTEyMjFMMy4wMjUzOSA2LjMxOTgzTDguMDAzMjkgMTEuMjk1MUwxMi45NzYyIDYuMzE5ODNMMTIuMTY3OSA1LjUxMjIxTDguMDAyOTEgOS42Nzk4M1oiIGZpbGw9IiM4MzgzODMiLz4KPC9nPgo8L3N2Zz4K);--primary:var(--p-main);--primary-hover:var(--p-hover);--primary-inverse:#fff;--modal-background:var(--s-1);--modal-border:var(--input-border);--modal-text:var(--c-22);--modal-text-secondary:var(--c-66);--modal-error:var(--p-main);--modal-required:#f53f3f;--modal-success:#68cd52;--modal-button-background:var(--p-main);--modal-button-text:var(--c-ff);--modal-input-background:var(--input-bg-base);--modal-check-color:var(--p-main);--background-color:var(--c-ff);--background-light-green:var(--s-1-weak,#f5f7f9);--text-black-2:var(--c-22);--text-gray-2:var(--c-22);--text-gray-6:var(--c-66);--text-gray-9:var(--c-99);--text-gray-c2:var(--c-c7);--switch-background-color:var(--c-c7,hsl(205deg,16%,77%));--float-ball-more-button-border-color:var(--c-f5,#f6f6f6);--float-ball-more-button-background-color:var(--c-ff);--float-ball-more-button-hover-color:var(--p-weak);--float-ball-more-button-svg-color:#6c6f73;--service-bg-hover:var(--s-1-hover,#f7faff);--service-bg:var(--s-1-weak,#fafbfb);line-height:var(--line-height);font-family:var(--font-family);font-size:var(--font-size)}@media (max-width:480px){:root,#mount{--f-12:10px;--f-14:12px;--f-15:13px;--f-16:14px;--f-18:16px;--f-20:18px;--space-4:4px;--space-6:4px;--space-8:6px;--space-12:8px;--space-16:12px;--space-18:14px;--space-24:18px;--radius-8:6px;--radius-12:10px;--radius-16:12px;--control-height-lg:38px;--shadow-lg:0 12px 32px rgba(0,0,0,0.1);--width-28:24px;--width-24:20px;--width-20:16px;--width-18:14px;--width-16:12px;--width-label-md:52px}}#mount *{box-sizing:border-box}[hidden]{display:none!important}:where(#mount) a,:where(#mount) [role="link"]{--color:var(--primary);--background-color:transparent;outline:none;background-color:var(--background-color);color:var(--color);-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration);transition:background-color var(--transition),color var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition)}:where(#mount) a:is([aria-current],:hover,:active,:focus),:where(#mount) [role="link"]:is([aria-current],:hover,:active,:focus){--color:var(--primary-hover);--text-decoration:underline}:where(#mount) label{font-size:13px;line-height:1.3;color:var(--text-gray-2,#222222)}:where(#mount) button{width:100%;font-family:inherit;font-size:15px;line-height:1.3;min-height:44px;border-radius:12px;padding:0 14px;border:none;background-color:var(--primary,#ea4c89);color:#ffffff;cursor:pointer;transition:background-color 0.2s ease,box-shadow 0.2s ease,color 0.2s ease}:where(#mount) button:hover{background-color:var(--primary-hover,#f082ac)}:where(#mount) button:disabled{opacity:0.6;cursor:not-allowed}:where(#mount) select,:where(#mount) input,:where(#mount) textarea{font-family:inherit;color:var(--text-gray-2,#222222)}:where(#mount) select{appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:inherit;color:var(--text-gray-2,inherit);font-size:13px;line-height:1.3;outline:none;padding:8px 16px;border:none;border-radius:12px;background-color:var(--popup-item-background-color,transparent);background-image:var(--icon-xia,none);background-repeat:no-repeat;background-position:center right 12px;background-size:16px auto;cursor:pointer}:where(#mount) input[type="checkbox"]{accent-color:var(--primary,#ea4c89)}[type="checkbox"],[type="radio"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25em;height:1.25em;margin-top:-0.125em;margin-right:0.375em;margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0.375em;margin-inline-end:0.375em;border-width:var(--border-width);font-size:inherit;vertical-align:middle;cursor:pointer}[type="checkbox"]::-ms-check,[type="radio"]::-ms-check{display:none}[type="checkbox"]:checked,[type="checkbox"]:checked:active,[type="checkbox"]:checked:focus,[type="radio"]:checked,[type="radio"]:checked:active,[type="radio"]:checked:focus{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-checkbox);background-position:center;background-size:0.75em auto;background-repeat:no-repeat}[type="checkbox"]~label,[type="radio"]~label{display:inline-block;margin-right:0.375em;margin-bottom:0;cursor:pointer}[type="checkbox"]:indeterminate{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-minus);background-position:center;background-size:0.75em auto;background-repeat:no-repeat}[type="radio"]{border-radius:50%}[type="radio"]:checked,[type="radio"]:checked:active,[type="radio"]:checked:focus{--background-color:var(--primary-inverse);border-width:0.35em;background-image:none}:where(#mount) [type="checkbox"][role="switch"]{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color);--color:var(--switch-color);width:2.25em;height:1.25em;border:var(--border-width) solid var(--border-color);border-radius:1.25em;background-color:var(--background-color);line-height:1.25em}:where(#mount) [type="checkbox"][role="switch"]:focus{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color)}:where(#mount) [type="checkbox"][role="switch"]:checked{--background-color:var(--switch-checked-background-color);--border-color:var(--switch-checked-background-color)}:where(#mount) [type="checkbox"][role="switch"]:before{display:block;width:calc(1.25em - (var(--border-width)*2));height:100%;border-radius:50%;background-color:var(--color);content:"";transition:margin 0.1s ease-in-out}:where(#mount) [type="checkbox"][role="switch"]:checked{background-image:none}:where(#mount) [type="checkbox"][role="switch"]:checked::before{margin-left:calc(1.125em - var(--border-width));-webkit-margin-start:calc(1.125em - var(--border-width));margin-inline-start:calc(1.125em - var(--border-width))}:where(#mount) [type="checkbox"][aria-invalid="false"],:where(#mount) [type="checkbox"]:checked[aria-invalid="false"],:where(#mount) [type="radio"][aria-invalid="false"],:where(#mount) [type="radio"]:checked[aria-invalid="false"],:where(#mount) [type="checkbox"][role="switch"][aria-invalid="false"],:where(#mount) [type="checkbox"][role="switch"]:checked[aria-invalid="false"]{--border-color:var(--form-element-valid-border-color)}:where(#mount) [type="checkbox"][aria-invalid="true"],:where(#mount) [type="checkbox"]:checked[aria-invalid="true"],:where(#mount) [type="radio"][aria-invalid="true"],:where(#mount) [type="radio"]:checked[aria-invalid="true"],:where(#mount) [type="checkbox"][role="switch"][aria-invalid="true"],:where(#mount) [type="checkbox"][role="switch"]:checked[aria-invalid="true"]{--border-color:var(--form-element-invalid-border-color)}.text-black{color:var(--text-black-2)}.text-gray-2{color:var(--text-gray-2)}.text-gray-6{color:var(--text-gray-6)}.text-gray-9{color:var(--text-gray-9)}.text-gray-c2{color:var(--text-gray-c2)}.pt-4{padding-top:16px}.p-2{padding:8px}.pl-5{padding-left:48px}.p-0{padding:0}.pl-2{padding-left:8px}.pl-4{padding-left:24px}.pt-2{padding-top:8px}.pb-2{padding-bottom:8px}.pb-4{padding-bottom:16px}.pb-5{padding-bottom:20px}.pr-5{padding-right:48px}.text-sm{font-size:13px}.text-base{font-size:16px}.w-full{width:100%}.flex{display:flex}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-end{justify-content:flex-end}.flex-grow{flex-grow:1}.justify-between{justify-content:space-between}.mb-0{margin-bottom:0px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-3{margin-bottom:12px}.inline-block{display:inline-block}.py-2{padding-top:8px;padding-bottom:8px}.py-2-5{padding-top:6px;padding-bottom:6px}.mt-0{margin-top:0}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mb-1{margin-bottom:4px}.ml-4{margin-left:24px}.ml-3{margin-left:16px}.ml-2{margin-left:8px}.ml-1{margin-left:4px}.mr-1{margin-right:4px}.mr-2{margin-right:8px}.mr-3{margin-right:16px}.mx-2{margin-left:8px;margin-right:8px}.pl-3{padding-left:12px}.pr-3{padding-right:12px}.p-3{padding:12px}.px-1{padding-left:4px;padding-right:4px}.px-3{padding-left:12px;padding-right:12px}.pt-3{padding-top:12px}.px-6{padding-left:18px;padding-right:18px}.px-4{padding-left:16px;padding-right:16px}.pt-6{padding-top:20px}.py-3{padding-top:12px;padding-bottom:12px}.py-0{padding-top:0;padding-bottom:0}.left-auto{left:auto!important}.max-h-28{max-height:112px}.max-h-30{max-height:120px}.overflow-y-scroll{overflow-y:scroll}.text-xs{font-size:12px}.inline-flex{display:inline-flex}.flex-1{flex:1}.flex-3{flex:3}.flex-4{flex:4}.flex-2{flex:2}.items-center{align-items:center}.max-content{width:max-content}.justify-center{justify-content:center}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.my-5{margin-top:48px;margin-bottom:48px}.my-4{margin-top:24px;margin-bottom:24px}.my-3{margin-top:16px;margin-bottom:16px}.pt-3{padding-top:12px}.px-3{padding-left:12px;padding-right:12px}.pt-2{padding-top:8px}.px-2{padding-left:8px;padding-right:8px}.pt-1{padding-top:4px}.px-1{padding-left:4px;padding-right:4px}.pb-2{padding-bottom:8px}.justify-end{justify-content:flex-end}.w-auto{width:auto}.shrink-0{flex-shrink:0}.text-right{text-align:right}.clickable{cursor:pointer}.close{cursor:pointer;width:16px;height:16px;background-image:var(--icon-close);background-position:center;background-size:auto 1rem;background-repeat:no-repeat;opacity:0.5;transition:opacity var(--transition)}.padding-two-column{padding-left:40px;padding-right:40px}.muted{color:#999}.text-label{color:#666}.display-none{display:none}@media (prefers-color-scheme:dark){.text-label{color:#9ca3af}}.text-decoration-none{text-decoration:none}.text-decoration-none:is([aria-current],:hover,:active,:focus),[role="link"]:is([aria-current],:hover,:active,:focus){--text-decoration:none!important;background-color:transparent!important}.text-overflow-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.max-w-20{max-width:180px;white-space:nowrap}[data-theme="light"],#mount:not([data-theme="dark"]){--popup-footer-background-color:#e8eaeb;--popup-content-background-color:#ffffff;--popup-item-background-color:#f3f5f6;--popup-item-hover-background-color:#eaeced;--popup-trial-pro-background-color:#f9fbfc;--service-select-content-shadow:0px 2px 12px 0px rgba(75,76,77,0.2);--service-select-border-color:#fafafa;--service-select-selected-background-color:#f3f5f6;--download-app-background:#f3f5f6}[data-theme="dark"]{--popup-footer-background-color:#0d0d0d;--popup-content-background-color:#191919;--popup-item-background-color:#272727;--popup-item-hover-background-color:#333333;--popup-trial-pro-background-color:#222222;--service-select-content-shadow:0px 2px 12px 0px rgba(0,0,0,0.9);--service-select-border-color:#2c2c2c;--service-select-selected-background-color:#333333;--download-app-background:#333}#mount{min-width:268px}body{padding:0;margin:0 auto;min-width:268px;border-radius:10px}.popup-container{font-size:16px;--font-size:16px;color:#666;background-color:var(--popup-footer-background-color);width:316px;min-width:316px}.popup-content{background-color:var(--popup-content-background-color);border-radius:0px 0px 12px 12px;padding:16px 20px}.immersive-translate-popup-overlay{position:fixed;top:0;left:0;height:100%;width:100%;touch-action:none}.immersive-translate-popup-wrapper{background:var(--background-color);border-radius:10px;border:1px solid var(--muted-border-color)}.main-button{font-size:15px;vertical-align:middle;border-radius:12px;padding:unset;height:44px;line-height:44px}select.language-select,select.translate-service,select.min-select{--form-element-spacing-horizontal:0;margin-bottom:0px;max-width:unset;flex:1;overflow:hidden;font-size:13px;border:none;border-radius:8px;padding-right:30px;padding-left:0px;background-position:center right 12px;background-size:16px auto;background-image:var(--icon-xia);text-overflow:ellipsis;color:var(--text-gray-2);background-color:transparent;box-shadow:unset!important;cursor:pointer}select.more{background-position:center right;padding-right:20px}select.translate-service{color:var(--text-black-2)}.min-select-container.disabled{opacity:0.5;pointer-events:none}.popup-footer{background-color:var(--popup-footer-background-color);height:40px}.language-select-container{position:relative;width:100%;background-color:var(--popup-item-background-color);height:55px;border-radius:12px}select.language-select{color:var(--text-black-2);font-size:14px;padding:8px 24px 24px 16px;position:absolute;border-radius:12px;position:absolute;left:0;right:0;top:0;bottom:0}.language-select-container label{position:absolute;bottom:10px;left:16px;font-size:12px;color:var(--text-gray-9);line-height:12px;margin:0}.translation-service-container{background-color:var(--popup-item-background-color);border-radius:12px}.min-select-container{display:flex;justify-content:space-between;align-items:center;height:44px;background-color:var(--popup-item-background-color);padding-left:16px}.min-select-container:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.min-select-container:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.min-select-container:only-child{border-radius:10px}.translate-mode{width:44px;height:44px;border-radius:22px;background-color:var(--popup-item-background-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.translate-mode svg{fill:var(--text-gray-2)}.widgets-container{display:flex;align-items:stretch;justify-content:space-between;width:100%;gap:9px}.widgets-container.widgets-two-items{gap:16px}.widgets-container.widgets-two-items .widget-item{flex:0 1 auto;min-width:93px;max-width:120px}.widget-item{display:flex;max-width:93px;flex-direction:row;align-items:center;justify-content:center;background-color:var(--popup-item-background-color);font-size:12px;min-height:44px;height:100%;border-radius:8px;cursor:pointer;flex:1;padding:8px 4px;text-align:center}.widget-icon-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-gray-2)}.widgets-container svg{fill:var(--text-gray-2);color:var(--text-gray-2)}.share-button-container{display:flex;align-items:center;cursor:pointer;padding:2px 3px 0 8px}.share-button-container svg{fill:var(--text-gray-9)}.min-select-container:hover,.language-select-container:hover,.widget-item:hover,.translate-mode:hover{background-color:var(--popup-item-hover-background-color)}.main-button:hover{background-color:#f5508f}.share-button-container:hover{background-color:var(--popup-item-background-color);border-radius:6px}.error-boundary{background:#fff2f0;border:1px solid #ffccc7;display:flex;padding:12px;font-size:14px;color:rgba(0,0,0,0.88);word-break:break-all;margin:12px;border-radius:12px;flex-direction:column}.upgrade-pro{border-radius:11px;background:linear-gradient(57deg,#272727 19.8%,#696969 82.2%);padding:2px 8px;transform:scale(0.85)}.upgrade-pro span{background:linear-gradient(180deg,#ffeab4 17.65%,#f8c235 85.29%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:12px;margin-left:4px}.upgrade-pro svg{margin-top:-2px}.upgrade-pro:hover{background:linear-gradient(57deg,#3d3d3d 19.8%,#949494 82.2%)}.border-bottom-radius-0{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.trial-pro-container{border-radius:0px 0px 12px 12px;background:var(--popup-trial-pro-background-color);display:flex;align-items:center;height:44px;padding-left:16px;padding-right:12px;font-size:12px}.trial-pro-container label{line-height:13px;color:var(--text-black-2)}.trial-pro-container img{margin-left:5px}.cursor-pointer{cursor:pointer}.upgrade-pro-discount-act{height:25px;display:flex;padding:0 4px;align-items:center;border-radius:15px;background:linear-gradient(90deg,#cefbfa 11.33%,#d7f56f 63.75%,#fccd5e 100%);transform:scale(0.9);box-shadow:0px 1.8px 3.6px 0px rgba(0,0,0,0.1);cursor:pointer}.upgrade-pro-discount-act span{font-size:12px;font-weight:700;margin-left:4px;color:#222222}.upgrade-pro-discount-act:hover{text-decoration:unset;background:linear-gradient(90deg,#e2fffe 11.33%,#e6ff91 63.75%,#ffdf93 100%)}.custom-select-container{width:200px;position:relative;flex:1}#translation-service-select{padding-right:12px;padding-left:6px}.custom-select-content{border-radius:12px;background:var(--popup-content-background-color);box-shadow:var(--service-select-content-shadow);border:1px solid var(--service-select-border-color);padding:4px 5px;position:absolute;left:-10px;right:0;z-index:100;overflow-y:auto}.custom-select-item.default{width:100%;padding:0}.custom-select-item{font-size:13px;padding:5px 6px;border-radius:8px;display:flex;align-items:center;cursor:pointer;color:var(--text-black-2);width:auto;overflow:hidden;height:30px;line-height:30px}.custom-select-item-img{width:20px;height:20px;margin-right:4px}@media (prefers-color-scheme:dark){.custom-select-item-img{margin-right:6px}}.custom-select-content .custom-select-item.selected,.custom-select-content .custom-select-item:hover{background:var(--service-select-selected-background-color)}.custom-select-item>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-select-item-pro{font-size:12px;margin-left:6px;display:flex}.custom-select-item-pro img{margin:0 3px;width:20px;flex-shrink:0}.custom-select-group-header{font-size:12px;font-weight:500;color:var(--text-gray-9);padding:6px 8px 4px;margin-top:2px;text-transform:uppercase;letter-spacing:0.5px}.more-container{position:relative}.new-menu-indicator{position:absolute;width:8px;height:8px;background-color:#ef3434;border-radius:50%;right:18px;top:4px}.download-app{display:inline-flex;align-items:center;gap:4px;border-radius:8px;background:var(--download-app-background);padding:4px 8px;color:var(--text-gray-6);font-size:12px;cursor:pointer;transition:all 0.2s ease-in-out}@keyframes popup-fade-in{from{opacity:0;transform:translateY(10px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popup-fade-out{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(0.95)}}.popup-generic-content{animation:popup-fade-in 0.2s ease-out}.popup-generic-content.hiding{animation:popup-fade-out 0.15s ease-in}select.min-select{--form-element-spacing-horizontal:0;max-width:128px;overflow:hidden;color:var(--primary);font-size:13px;border:none;padding:0;padding-right:20px;text-overflow:ellipsis;color:var(--color)}select.min-select-secondary{color:var(--color)}select.min-select:focus{outline:none;border:none;--box-shadow:none}select.min-select-left{padding-right:0px;text-overflow:ellipsis;text-align:left}select.transform-padding-left{padding-left:12px;transform:translateX(-12px);background-position:center right 0px}select.text-gray-6{color:var(--text-gray-6)}@media (prefers-color-scheme:dark){select.language-select option,select.translate-service option,select.min-select option{background-color:#666666}}select.min-select-no-arrow{background-image:none;padding-right:0}.activity-tips{border-radius:8px;padding:0px 8px;min-height:28px;background:linear-gradient(83deg,#FACCDE -0.87%,#FCE7EF 43.13%,#FBD6E4 72.08%,#FFB3D1 96.34%);gap:2px;color:#333;cursor:pointer;gap:4px}.activity-tips-icon{width:18px;height:18px;flex-shrink:0}.countdown-container{min-width:50px;text-align:left;font-weight:600;font-size:12px;letter-spacing:0.01em}.activity-tips-text{font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html{font-size:17px}#mount{position:absolute;display:none;min-width:250px;height:auto;--font-size:17px;font-size:17px}.imt-fb-container{position:fixed;padding:0;top:335px;width:fit-content;display:flex;flex-direction:column;display:none;direction:ltr;background-color:transparent!important}.imt-fb-container:hover .imt-manga-button{opacity:1}.imt-fb-container.left{align-items:flex-start;left:0}.imt-fb-container.right{align-items:flex-end;right:0}.imt-fb-btn{cursor:pointer;background:var(--float-ball-more-button-background-color);height:36px;box-shadow:0 0 10px 0 rgba(0,0,0,0.08)}.imt-fb-btn.left{border-top-right-radius:36px;border-bottom-right-radius:36px;padding-left:3px}.imt-fb-btn.right{border-top-left-radius:36px;border-bottom-left-radius:36px;padding-right:3px}.imt-fb-btn.mini.left{transform:translateX(-22px)}.imt-fb-btn.mini.right{transform:translateX(22px)}.imt-fb-btn.mini.active{transform:translateX(0)}.imt-fb-btn div{height:36px;display:inline-flex;align-items:center;position:relative}.imt-fb-btn .imt-fb-hit-area{position:absolute;top:0;height:36px;bottom:-6px;left:-6px;right:-6px;background:transparent}.imt-fb-btn.mini.right .imt-fb-hit-area{left:-10px}.imt-fb-btn.mini.left .imt-fb-hit-area{right:-10px}.imt-fb-btn.left div{border-top-right-radius:34px;border-bottom-right-radius:34px;justify-content:flex-end}.imt-fb-btn.right div{border-top-left-radius:34px;border-bottom-left-radius:34px}.imt-fb-logo-img{width:20px;height:20px;margin:0 10px}.imt-fb-logo-img-big-bg{width:28px;height:28px;margin:0;background-color:#ed6d8f;border-radius:50%;margin:0 5px}.imt-float-ball-translated{position:absolute;width:11px;height:11px;bottom:4px;right:4px}.btn-animate{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform ease-out 250ms;transition:-webkit-transform ease-out 250ms;transition:transform ease-out 250ms;transition:transform ease-out 250ms,-webkit-transform ease-out 250ms}.imt-fb-setting-btn{margin-right:18px;width:28px;height:28px}.immersive-translate-popup-wrapper{background:var(--background-color);border-radius:20px;box-shadow:2px 10px 24px 0px #0e121614;border:none}.popup-container{border-radius:20px}.popup-content{border-radius:20px 20px 12px 12px}.popup-footer{border-radius:20px}.imt-fb-close-button{cursor:pointer;position:absolute;left:-10px;bottom:-20px}.imt-fb-container.left .imt-fb-close-button{left:auto;right:-10px}.imt-fb-close-content{padding:22px;width:320px;pointer-events:all}.imt-fb-close-title{font-weight:500;color:var(--text-black-2)}.imt-fb-close-radio-content{background-color:var(--background-light-green);padding:8px 20px}.imt-fb-radio-sel,.imt-fb-radio-nor{width:16px;height:16px;border-radius:8px;flex-shrink:0}.imt-fb-radio-sel{border:2px solid var(--primary);display:flex;align-items:center;justify-content:center}.imt-fb-radio-sel div{width:8px;height:8px;border-radius:4px;background-color:var(--primary)}.imt-fb-radio-nor{border:2px solid var(--input-border-strong)}.imt-fb-primary-btn{background-color:var(--primary);width:72px;height:32px;color:white;border-radius:8px;text-align:center;line-height:32px;font-size:16px;cursor:pointer}.imt-fb-default-btn{border:1px solid var(--primary);width:72px;height:32px;border-radius:8px;color:var(--primary);line-height:32px;text-align:center;font-size:16px;cursor:pointer}.imt-fb-guide-container{width:312px;transform:translateY(-45%)}.imt-fb-guide-bg{position:absolute;left:30px;right:0;top:0;bottom:0;z-index:-1;height:100%;width:90%}.imt-fb-guide-bg.left{transform:scaleX(-1)}.imt-fb-guide-content{margin:16px -30px 80px 0px;display:flex;flex-direction:column;align-items:center}.imt-fb-guide-content.left{margin:16px 21px 60px 32px}.imt-fb-guide-img{width:220px;height:112px}.imt-fb-guide-message{font-size:14px;line-height:28px;color:#333333;white-space:pre-wrap;text-align:center;font-weight:700;margin-bottom:20px}.imt-manga-guide-message{font-size:16px;line-height:24px;color:#333333;text-align:center;font-weight:500;margin-bottom:12px}.imt-fb-guide-button{margin-top:16px;line-height:40px;height:40px;padding:0 20px;width:unset}.imt-fb-side{border-radius:50%;cursor:pointer;pointer-events:all;position:relative}.imt-fb-side{margin:10px 0}.imt-fb-side::before,.imt-manga-button::before,.imt-fb-round-button::before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background-color:transparent;transition:background-color 0.15s ease}.imt-fb-side:hover::before,.imt-manga-button:hover::before,.imt-fb-round-button:hover::before{background-color:var(--float-ball-more-button-hover-color)}.imt-fb-new-badge{width:26px;height:14px;padding:3px;background-color:#f53f3f;border-radius:4px;position:absolute;top:-5px;right:15px;display:flex;align-items:center;justify-content:center}.imt-fb-side *{pointer-events:all}.imt-fb-pin-icon{position:absolute;left:-16px;bottom:-12px;opacity:0;cursor:pointer}.imt-fb-container.left .imt-fb-pin-icon{left:auto;right:-16px}.imt-fb-side:hover .imt-fb-pin-icon{opacity:1}.imt-fb-more-button{width:36px;display:flex;align-items:center;justify-content:center;cursor:pointer}.immersive-translate-sheet{position:fixed;transform:translateY(100%);left:0;right:0;background-color:var(--background-color);transition:transform 0.3s ease-out;box-shadow:0px -2px 10px rgba(0,0,0,0.1);bottom:0;border-top-left-radius:16px;border-top-right-radius:16px;overflow:hidden}.immersive-translate-sheet.visible{transform:translateY(0)}.immersive-translate-sheet-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);opacity:0;transition:opacity 0.3s ease-out}.immersive-translate-sheet-backdrop.visible{opacity:1}.popup-container-sheet{max-width:100vw;width:100vw}.imt-no-events svg *{pointer-events:none!important}.imt-manga-button{width:36px;height:36px;display:flex;flex-direction:column;position:relative;align-items:center;justify-content:center;cursor:pointer;pointer-events:all;margin:0 0 10px 0;background-color:var(--float-ball-more-button-background-color);border-radius:50%;box-shadow:0 2px 10px 0 rgba(0,0,0,0.08);right:8px}.imt-manga-feedback{cursor:pointer;margin-bottom:10px}.imt-fb-round-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--float-ball-more-button-background-color);border-radius:50%;box-shadow:0 0 10px 0 rgba(0,0,0,0.08);position:relative}.imt-fb-round-button>svg{z-index:1}.imt-fb-upgrade-button{cursor:pointer;margin-top:10px}.imt-manga-translated{position:absolute;left:24px;top:20px}.imt-float-ball-loading{animation:imt-loading-animation 0.6s infinite linear!important}.imt-manga-guide-bg{position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;width:100%;transform:translateY(-50%)}.imt-manga-guide-content{position:absolute;top:15px;left:0;right:0;margin:0 40px 0}.img-manga-guide-button{width:fit-content;margin:0 auto}.img-manga-close{position:absolute;bottom:-200px;width:32px;height:32px;left:0;right:0;margin:auto;cursor:pointer}.imt-fb-container.dragging .imt-manga-button,.imt-fb-container.dragging .btn-animate:not(.imt-fb-btn){display:none!important}.imt-fb-container.dragging .imt-fb-btn{border-radius:50%!important;width:36px!important;height:36px!important;display:flex!important;align-items:center!important;cursor:move!important}.imt-fb-container.dragging .imt-fb-btn div{border-radius:50%!important;width:36px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important}.imt-fb-container.dragging .imt-fb-btn.left,.imt-fb-container.dragging .imt-fb-btn.right{border-radius:50%!important}.imt-fb-container.dragging .imt-fb-btn.left div,.imt-fb-container.dragging .imt-fb-btn.right div{border-radius:50%!important}.imt-fb-container.dragging .imt-fb-logo-img{margin:0!important}.imt-fb-container.dragging .imt-float-ball-translated{right:2px!important;bottom:2px!important}@-webkit-keyframes imt-loading-animation{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@keyframes imt-loading-animation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}.imt-fb-icon{color:#666666}[data-theme="dark"] .imt-fb-icon{color:#b3b3b3}[data-theme="light"] .imt-fb-icon{color:#666666}.imt-fb-setting-wrapper{border-radius:12px;box-shadow:2px 10px 24px 0px rgba(0,0,0,0.06)}.imt-fb-setting-content{padding:16px;width:350px;pointer-events:all}.imt-fb-setting-title{font-weight:700;font-size:16px;line-height:24px;color:var(--text-black-2)}.imt-fb-setting-preview{display:flex;justify-content:center;align-items:center;margin:24px 0}.imt-fb-preview-wrapper{display:flex;border-radius:12px;overflow:hidden}.imt-fb-preview-item{width:99px;height:57px;display:flex;align-items:center;justify-content:flex-end;position:relative;overflow:hidden}.imt-fb-preview-item.light{background-color:#f3f5f6;border-top-left-radius:12px;border-bottom-left-radius:12px}.imt-fb-preview-item.dark{background-color:#444;border-top-right-radius:12px;border-bottom-right-radius:12px}.imt-fb-preview-ball{height:36px;display:flex;align-items:center;box-shadow:0 0 10px 0 rgba(0,0,0,0.08);transition:all 0.2s ease}.imt-fb-preview-ball.light{background-color:#fff;border-top-left-radius:36px;border-bottom-left-radius:36px}.imt-fb-preview-ball.dark{background-color:#111;border-top-left-radius:36px;border-bottom-left-radius:36px}.imt-fb-preview-ball.full{width:41px;justify-content:center}.imt-fb-preview-ball.mini{width:41px;justify-content:center;transform:translateX(21px)}.imt-fb-preview-ball .imt-fb-preview-logo{flex-shrink:0}.imt-fb-setting-options{margin-top:0;display:flex;flex-direction:column;gap:16px}.imt-fb-setting-option-row{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.imt-fb-setting-option-label{font-size:14px;font-weight:400;line-height:21px;color:var(--text-black-2)}.imt-fb-toggle{width:30px;height:18px;background-color:var(--switch-background-color);border-radius:24px;position:relative;cursor:pointer;transition:background-color 0.2s ease;flex-shrink:0}.imt-fb-toggle.checked{background-color:var(--primary)}.imt-fb-toggle.disabled{opacity:0.5;cursor:not-allowed}.imt-fb-toggle-thumb{width:14px;height:14px;background-color:var(--switch-color);border-radius:50%;position:absolute;top:2px;left:2px;transition:transform 0.2s ease;box-shadow:0 0 10px 0 rgba(0,0,0,0.08)}.imt-fb-toggle.checked .imt-fb-toggle-thumb{transform:translateX(12px)}.imt-fb-setting-hide-options{background-color:var(--background-light-green);padding:8px 20px;border-radius:8px;margin-top:8px}.imt-fb-setting-save-btn{background-color:var(--primary);color:white;border-radius:8px;text-align:center;line-height:45px;height:45px;font-size:14px;font-weight:500;cursor:pointer;margin-top:16px;transition:opacity 0.2s ease}.imt-fb-setting-save-btn:hover{opacity:0.9}.imt-fb-setting-save-btn:active{opacity:0.8}</style><div id=mount style=display:block><div class="imt-fb-container right notranslate" data-theme=dark style=z-index:2147483637;pointer-events:none;right:0px;top:335px;display:flex><div class=btn-animate style=transform:translateX(-5px);opacity:0.7><div class="imt-fb-btn imt-fb-more-button imt-fb-side"><div class=btn-animate style=position:relative;pointer-events:all;display:inline-block><div><svg class=imt-fb-icon xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24" fill=none><path d="M9.65332 13.3477C10.4097 13.4245 11 14.0632 11 14.8398V18.8398L10.9922 18.9932C10.9205 19.6992 10.3593 20.2604 9.65332 20.332L9.5 20.3398H5.5C4.72334 20.3398 4.08461 19.7496 4.00781 18.9932L4 18.8398V14.8398C4 14.0114 4.67157 13.3398 5.5 13.3398H9.5L9.65332 13.3477ZM18.6533 13.3477C19.4097 13.4245 20 14.0632 20 14.8398V18.8398L19.9922 18.9932C19.9205 19.6992 19.3593 20.2604 18.6533 20.332L18.5 20.3398H14.5C13.7233 20.3398 13.0846 19.7496 13.0078 18.9932L13 18.8398V14.8398C13 14.0114 13.6716 13.3398 14.5 13.3398H18.5L18.6533 13.3477ZM5.5 14.3398C5.22386 14.3398 5 14.5637 5 14.8398V18.8398C5 19.116 5.22386 19.3398 5.5 19.3398H9.5C9.77614 19.3398 10 19.116 10 18.8398V14.8398C10 14.5637 9.77614 14.3398 9.5 14.3398H5.5ZM14.5 14.3398C14.2239 14.3398 14 14.5637 14 14.8398V18.8398C14 19.116 14.2239 19.3398 14.5 19.3398H18.5C18.7761 19.3398 19 19.116 19 18.8398V14.8398C19 14.5637 18.7761 14.3398 18.5 14.3398H14.5ZM9.65332 4.34766C10.4097 4.42445 11 5.06318 11 5.83984V9.83984L10.9922 9.99316C10.9205 10.6992 10.3593 11.2604 9.65332 11.332L9.5 11.3398H5.5C4.72334 11.3398 4.08461 10.7496 4.00781 9.99316L4 9.83984V5.83984C4 5.01142 4.67157 4.33984 5.5 4.33984H9.5L9.65332 4.34766ZM16.1484 3.18848C16.2521 2.83834 16.7479 2.83834 16.8516 3.18848L17.3281 4.79785C17.5079 5.40507 17.9648 5.89104 18.5596 6.1084L20.0576 6.65625C20.3786 6.77361 20.3785 7.22732 20.0576 7.34473L18.5596 7.89258C17.9648 8.10991 17.5079 8.59598 17.3281 9.20312L16.8516 10.8125C16.7479 11.1626 16.2521 11.1626 16.1484 10.8125L15.6719 9.20312C15.4921 8.59598 15.0352 8.10991 14.4404 7.89258L12.9424 7.34473C12.6215 7.22732 12.6214 6.77361 12.9424 6.65625L14.4404 6.1084C15.0352 5.89104 15.4921 5.40507 15.6719 4.79785L16.1484 3.18848ZM5.5 5.33984C5.22386 5.33984 5 5.5637 5 5.83984V9.83984C5 10.116 5.22386 10.3398 5.5 10.3398H9.5C9.77614 10.3398 10 10.116 10 9.83984V5.83984C10 5.5637 9.77614 5.33984 9.5 5.33984H5.5Z" fill=#ED6D8F></path></svg><svg class=imt-fb-pin-icon xmlns=http://www.w3.org/2000/svg width=14 height=14 viewBox="0 0 14 14" fill=none><circle cx=7 cy=7 r=7 fill=#B1B1B166></circle><g transform="translate(2, 2)"><mask id=mask0_39788_745 maskUnits=userSpaceOnUse x=0 y=0 width=10 height=10 style=mask-type:alpha><rect width=10 height=10 fill=#D9D9D9></rect></mask><g mask=url(#mask0_39788_745)><path d="M6.23958 3.76042C6.28819 3.80903 6.35243 3.88194 6.43229 3.97917C6.51215 4.07639 6.59722 4.18056 6.6875 4.29167C6.6875 4.44444 6.63646 4.57292 6.53438 4.67708C6.43222 4.78125 6.30618 4.83333 6.15625 4.83333C6.00056 4.83333 5.86962 4.78125 5.76344 4.67708C5.65726 4.57292 5.60417 4.44444 5.60417 4.29167C5.59722 4.28472 5.59201 4.28646 5.58854 4.29688C5.58507 4.30729 5.58333 4.31076 5.58333 4.30729C5.58333 4.30382 5.59028 4.30382 5.60417 4.30729C5.61806 4.31076 5.62153 4.30903 5.61458 4.30208C5.47569 4.30208 5.3559 4.25104 5.25521 4.14896C5.15451 4.04681 5.10417 3.92771 5.10417 3.79167C5.10417 3.65278 5.15451 3.53299 5.25521 3.43229C5.3559 3.3316 5.47569 3.28125 5.61458 3.28125C5.74653 3.35764 5.86111 3.43403 5.95833 3.51042C6.05556 3.58681 6.14931 3.67014 6.23958 3.76042ZM5 2.75C4.94667 2.75 4.89465 2.75017 4.84396 2.75052C4.79326 2.75087 4.74083 2.75035 4.68667 2.74896C4.54139 2.7566 4.39931 2.72049 4.26042 2.64062C4.12153 2.56076 4.03472 2.44618 4 2.29688C3.96528 2.14757 3.98611 2.01389 4.0625 1.89583C4.13889 1.77778 4.25267 1.71094 4.40385 1.69531C4.50962 1.6901 4.61059 1.68576 4.70677 1.68229C4.80295 1.67882 4.90069 1.67708 5 1.67708C5.97917 1.67708 6.88368 1.93056 7.71354 2.4375C8.5434 2.94444 9.17059 3.64625 9.5951 4.54292C9.62892 4.61847 9.65451 4.69451 9.67188 4.77104C9.68924 4.84757 9.69792 4.92389 9.69792 5C9.69792 5.07611 9.69097 5.15417 9.67708 5.23417C9.66319 5.31417 9.64236 5.39236 9.61458 5.46875C9.49826 5.68972 9.36504 5.89948 9.2149 6.09802C9.06469 6.29656 8.90278 6.49306 8.72917 6.6875C8.63194 6.79861 8.51042 6.85069 8.36458 6.84375C8.21875 6.83681 8.09375 6.78069 7.98958 6.67542C7.88542 6.57007 7.83681 6.44507 7.84375 6.30042C7.85069 6.15569 7.90278 6.02431 8 5.90625C8.13194 5.76736 8.25125 5.62153 8.35792 5.46875C8.46465 5.31597 8.5641 5.15972 8.65625 5C8.30208 4.30556 7.79861 3.75694 7.14583 3.35417C6.49306 2.95139 5.77778 2.75 5 2.75ZM5 8.32292C4.04861 8.32292 3.1684 8.07465 2.35938 7.57812C1.55035 7.0816 0.919896 6.40906 0.468021 5.56052C0.419896 5.46462 0.387153 5.37142 0.369792 5.28094C0.352431 5.19052 0.34375 5.09677 0.34375 4.99969C0.34375 4.90267 0.352431 4.80556 0.369792 4.70833C0.387153 4.61111 0.420139 4.51736 0.46875 4.42708C0.614583 4.13542 0.787361 3.86813 0.987083 3.62521C1.18688 3.38229 1.40646 3.15306 1.64583 2.9375L0.96875 2.27083C0.871528 2.18056 0.821181 2.07812 0.817708 1.96354C0.814236 1.84896 0.861111 1.74306 0.958333 1.64583C1.05556 1.54861 1.16319 1.5 1.28125 1.5C1.39931 1.5 1.50694 1.54861 1.60417 1.64583L8.19792 8.23958C8.29514 8.33681 8.34201 8.44271 8.33854 8.55729C8.33507 8.67188 8.28819 8.77431 8.19792 8.86458C8.10069 8.96181 7.99479 9.01042 7.88021 9.01042C7.76562 9.01042 7.65972 8.96181 7.5625 8.86458L6.70833 8.01042C6.43472 8.12153 6.15382 8.20139 5.86562 8.25C5.57743 8.29861 5.28889 8.32292 5 8.32292ZM2.41667 3.6875C2.20139 3.88194 2.00347 4.08507 1.82292 4.29688C1.64236 4.50868 1.48611 4.74306 1.35417 5C1.69444 5.70139 2.19271 6.25174 2.84896 6.65104C3.50521 7.05035 4.22222 7.25 5 7.25C5.14729 7.25 5.29347 7.24132 5.43854 7.22396C5.58368 7.2066 5.72569 7.18056 5.86458 7.14583L5.39583 6.67708C5.33333 6.70486 5.26736 6.72396 5.19792 6.73438C5.12847 6.74479 5.0625 6.75 5 6.75C4.51389 6.75 4.10069 6.57986 3.76042 6.23958C3.42014 5.89931 3.25 5.48611 3.25 5C3.25 4.9375 3.25694 4.87153 3.27083 4.80208C3.28472 4.73264 3.29514 4.66667 3.30208 4.60417L2.41667 3.6875Z" fill=white></path></g></g></svg></div></div></div></div><div hidden class="imt-no-events sf-hidden" id=manga-button style=position:relative;opacity:0.7></div><div style=display:flex;align-items:center;flex-direction:row;gap:8px><svg xmlns=http://www.w3.org/2000/svg width=14 height=14 viewBox="0 0 14 14" fill=none style=display:block;opacity:0><g clip-path=url(#clip0_38845_9816)><path d="M7 14C5.14348 14 3.36301 13.2625 2.05025 11.9497C0.737498 10.637 0 8.85652 0 7C0 5.14348 0.737498 3.36301 2.05025 2.05025C3.36301 0.737498 5.14348 0 7 0C8.85652 0 10.637 0.737498 11.9497 2.05025C13.2625 3.36301 14 5.14348 14 7C14 8.85652 13.2625 10.637 11.9497 11.9497C10.637 13.2625 8.85652 14 7 14Z" fill=#B1B1B1 fill-opacity=0.4></path><path d="M6.11754 7.00052L4.18254 5.06452C4.06786 4.94725 4.00406 4.78948 4.00498 4.62546C4.00589 4.46144 4.07145 4.3044 4.18744 4.18841C4.30342 4.07243 4.46046 4.00687 4.62448 4.00595C4.7885 4.00503 4.94627 4.06884 5.06354 4.18352L6.99954 6.11852L8.93554 4.18352C8.99315 4.1246 9.06188 4.07771 9.13774 4.04554C9.2136 4.01337 9.29508 3.99656 9.37748 3.9961C9.45988 3.99564 9.54155 4.01153 9.61777 4.04285C9.69398 4.07417 9.76323 4.1203 9.82149 4.17857C9.87976 4.23683 9.92589 4.30608 9.95721 4.38229C9.98853 4.45851 10.0044 4.54018 10.004 4.62258C10.0035 4.70497 9.98669 4.78646 9.95452 4.86232C9.92235 4.93818 9.87545 5.00691 9.81654 5.06452L7.88154 7.00052L9.81654 8.93652C9.93122 9.05379 9.99502 9.21155 9.99411 9.37557C9.99319 9.5396 9.92763 9.69664 9.81164 9.81262C9.69566 9.9286 9.53862 9.99417 9.3746 9.99508C9.21058 9.996 9.05281 9.9322 8.93554 9.81752L6.99954 7.88252L5.06354 9.81752C5.00593 9.87643 4.93721 9.92333 4.86135 9.9555C4.78549 9.98767 4.704 10.0045 4.6216 10.0049C4.5392 10.0054 4.45753 9.9895 4.38131 9.95818C4.3051 9.92686 4.23585 9.88073 4.17759 9.82247C4.11932 9.7642 4.0732 9.69496 4.04188 9.61874C4.01056 9.54253 3.99467 9.46086 3.99513 9.37846C3.99559 9.29606 4.01239 9.21457 4.04456 9.13871C4.07673 9.06285 4.12363 8.99413 4.18254 8.93652L6.11754 7.00052Z" fill=white></path></g><defs><clippath id=clip0_38845_9816><rect width=14 height=14 fill=white></rect></clippath></defs></svg><div style=position:relative><div class="imt-fb-btn right btn-animate" dir=ltr style=opacity:0.7><div style=position:relative;pointer-events:all;display:inline-block><div><div class=imt-fb-btn-content><svg class="imt-fb-logo-img imt-fb-logo-img-big-bg" width=28 height=28 viewBox="0 0 28 28" fill=none xmlns=http://www.w3.org/2000/svg><path d="M0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14Z" fill=#ED6D8F></path><path d="M7.30921 15.6381C7.53044 15.6381 7.70979 15.8175 7.70979 16.0387V19.0088C7.70979 19.934 8.45993 20.684 9.38526 20.684H11.7557C11.9769 20.684 12.1562 20.8634 12.1562 21.0846V22.152C12.1562 22.3732 11.9769 22.5526 11.7557 22.5526H9.38526C7.42782 22.5526 5.84099 20.966 5.84099 19.0088V16.0387C5.84099 15.8175 6.02034 15.6381 6.24157 15.6381H7.30921ZM18.9876 12.6944C19.1515 12.6944 19.2989 12.7943 19.3597 12.9466L22.9711 22.0036C23.076 22.2667 22.8822 22.5526 22.599 22.5526H21.4672C21.3016 22.5526 21.153 22.4506 21.0934 22.2961L20.2724 20.1673C20.2128 20.0128 20.0643 19.9108 19.8986 19.9108H16.7508C16.5852 19.9108 16.4366 20.0128 16.377 20.1673L15.556 22.2961C15.4964 22.4506 15.3478 22.5526 15.1822 22.5526H14.0504C13.7672 22.5526 13.5734 22.2667 13.6783 22.0036L17.2897 12.9466C17.3505 12.7943 17.4979 12.6944 17.6618 12.6944H18.9876ZM18.5116 15.6017C18.4456 15.4308 18.2038 15.4308 18.1378 15.6017L17.3016 17.7699C17.251 17.9011 17.3478 18.0423 17.4885 18.0423H19.1609C19.3016 18.0423 19.3984 17.9012 19.3478 17.7699L18.5116 15.6017ZM9.69589 5.30028C9.79943 4.8999 10.368 4.89991 10.4715 5.30028L11.1086 7.76368C11.3244 8.59845 11.9396 9.27221 12.7513 9.56299L14.9019 10.3334C15.2559 10.4602 15.2559 10.9608 14.9019 11.0876L12.7513 11.8581C11.9396 12.1489 11.3244 12.8226 11.1086 13.6574L10.4715 16.1208C10.368 16.5212 9.79943 16.5212 9.69589 16.1208L9.05884 13.6574C8.84297 12.8226 8.22786 12.1489 7.41615 11.8581L5.26548 11.0876C4.91151 10.9608 4.91151 10.4602 5.26548 10.3334L7.41615 9.56299C8.22786 9.27221 8.84297 8.59844 9.05884 7.76368L9.69589 5.30028ZM18.0064 6.20485C19.9639 6.20485 21.5507 7.79145 21.5507 9.74861V11.281C21.5507 11.5022 21.3713 11.6816 21.1501 11.6816H20.0825C19.8612 11.6816 19.6819 11.5022 19.6819 11.281V9.74861C19.6819 8.82341 18.9318 8.07338 18.0064 8.07338H14.4343C14.2131 8.07338 14.0337 7.89403 14.0337 7.6728V6.60543C14.0337 6.3842 14.2131 6.20486 14.4343 6.20485H18.0064Z" fill=white></path></svg></div></div></div></div><div title=关闭悬浮球 class=imt-fb-close-button style=opacity:0;pointer-events:none><svg xmlns=http://www.w3.org/2000/svg width=14 height=14 viewBox="0 0 14 14" fill=none><g clip-path=url(#clip0_38845_9816)><path d="M7 14C5.14348 14 3.36301 13.2625 2.05025 11.9497C0.737498 10.637 0 8.85652 0 7C0 5.14348 0.737498 3.36301 2.05025 2.05025C3.36301 0.737498 5.14348 0 7 0C8.85652 0 10.637 0.737498 11.9497 2.05025C13.2625 3.36301 14 5.14348 14 7C14 8.85652 13.2625 10.637 11.9497 11.9497C10.637 13.2625 8.85652 14 7 14Z" fill=#B1B1B1 fill-opacity=0.4></path><path d="M6.11754 7.00052L4.18254 5.06452C4.06786 4.94725 4.00406 4.78948 4.00498 4.62546C4.00589 4.46144 4.07145 4.3044 4.18744 4.18841C4.30342 4.07243 4.46046 4.00687 4.62448 4.00595C4.7885 4.00503 4.94627 4.06884 5.06354 4.18352L6.99954 6.11852L8.93554 4.18352C8.99315 4.1246 9.06188 4.07771 9.13774 4.04554C9.2136 4.01337 9.29508 3.99656 9.37748 3.9961C9.45988 3.99564 9.54155 4.01153 9.61777 4.04285C9.69398 4.07417 9.76323 4.1203 9.82149 4.17857C9.87976 4.23683 9.92589 4.30608 9.95721 4.38229C9.98853 4.45851 10.0044 4.54018 10.004 4.62258C10.0035 4.70497 9.98669 4.78646 9.95452 4.86232C9.92235 4.93818 9.87545 5.00691 9.81654 5.06452L7.88154 7.00052L9.81654 8.93652C9.93122 9.05379 9.99502 9.21155 9.99411 9.37557C9.99319 9.5396 9.92763 9.69664 9.81164 9.81262C9.69566 9.9286 9.53862 9.99417 9.3746 9.99508C9.21058 9.996 9.05281 9.9322 8.93554 9.81752L6.99954 7.88252L5.06354 9.81752C5.00593 9.87643 4.93721 9.92333 4.86135 9.9555C4.78549 9.98767 4.704 10.0045 4.6216 10.0049C4.5392 10.0054 4.45753 9.9895 4.38131 9.95818C4.3051 9.92686 4.23585 9.88073 4.17759 9.82247C4.11932 9.7642 4.0732 9.69496 4.04188 9.61874C4.01056 9.54253 3.99467 9.46086 3.99513 9.37846C3.99559 9.29606 4.01239 9.21457 4.04456 9.13871C4.07673 9.06285 4.12363 8.99413 4.18254 8.93652L6.11754 7.00052Z" fill=white></path></g><defs><clippath id=clip0_38845_9816><rect width=14 height=14 fill=white></rect></clippath></defs></svg></div></div><svg xmlns=http://www.w3.org/2000/svg width=14 height=14 viewBox="0 0 14 14" fill=none style=display:none;opacity:0><g clip-path=url(#clip0_38845_9816)><path d="M7 14C5.14348 14 3.36301 13.2625 2.05025 11.9497C0.737498 10.637 0 8.85652 0 7C0 5.14348 0.737498 3.36301 2.05025 2.05025C3.36301 0.737498 5.14348 0 7 0C8.85652 0 10.637 0.737498 11.9497 2.05025C13.2625 3.36301 14 5.14348 14 7C14 8.85652 13.2625 10.637 11.9497 11.9497C10.637 13.2625 8.85652 14 7 14Z" fill=#B1B1B1 fill-opacity=0.4></path><path d="M6.11754 7.00052L4.18254 5.06452C4.06786 4.94725 4.00406 4.78948 4.00498 4.62546C4.00589 4.46144 4.07145 4.3044 4.18744 4.18841C4.30342 4.07243 4.46046 4.00687 4.62448 4.00595C4.7885 4.00503 4.94627 4.06884 5.06354 4.18352L6.99954 6.11852L8.93554 4.18352C8.99315 4.1246 9.06188 4.07771 9.13774 4.04554C9.2136 4.01337 9.29508 3.99656 9.37748 3.9961C9.45988 3.99564 9.54155 4.01153 9.61777 4.04285C9.69398 4.07417 9.76323 4.1203 9.82149 4.17857C9.87976 4.23683 9.92589 4.30608 9.95721 4.38229C9.98853 4.45851 10.0044 4.54018 10.004 4.62258C10.0035 4.70497 9.98669 4.78646 9.95452 4.86232C9.92235 4.93818 9.87545 5.00691 9.81654 5.06452L7.88154 7.00052L9.81654 8.93652C9.93122 9.05379 9.99502 9.21155 9.99411 9.37557C9.99319 9.5396 9.92763 9.69664 9.81164 9.81262C9.69566 9.9286 9.53862 9.99417 9.3746 9.99508C9.21058 9.996 9.05281 9.9322 8.93554 9.81752L6.99954 7.88252L5.06354 9.81752C5.00593 9.87643 4.93721 9.92333 4.86135 9.9555C4.78549 9.98767 4.704 10.0045 4.6216 10.0049C4.5392 10.0054 4.45753 9.9895 4.38131 9.95818C4.3051 9.92686 4.23585 9.88073 4.17759 9.82247C4.11932 9.7642 4.0732 9.69496 4.04188 9.61874C4.01056 9.54253 3.99467 9.46086 3.99513 9.37846C3.99559 9.29606 4.01239 9.21457 4.04456 9.13871C4.07673 9.06285 4.12363 8.99413 4.18254 8.93652L6.11754 7.00052Z" fill=white></path></g><defs><clippath id=clip0_38845_9816><rect width=14 height=14 fill=white></rect></clippath></defs></svg></div><div class=btn-animate style=margin-top:10px;transform:translateX(60px)><div class=btn-animate style=position:relative;pointer-events:all;display:inline-block><div><div class=imt-fb-round-button><svg class=imt-fb-icon xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24" fill=none style=width:24px;height:24px><path d="M17 8.66797H11.375" stroke=#ED6D8F stroke-linecap=round stroke-linejoin=round></path><path d="M12.625 15.332L7 15.332" stroke=#ED6D8F stroke-linecap=round stroke-linejoin=round></path><path d="M15.125 17C16.1605 17 17 16.1605 17 15.125C17 14.0895 16.1605 13.25 15.125 13.25C14.0895 13.25 13.25 14.0895 13.25 15.125C13.25 16.1605 14.0895 17 15.125 17Z" stroke=#ED6D8F stroke-linecap=round stroke-linejoin=round></path><path d="M8.875 10.75C9.91053 10.75 10.75 9.91053 10.75 8.875C10.75 7.83947 9.91053 7 8.875 7C7.83947 7 7 7.83947 7 8.875C7 9.91053 7.83947 10.75 8.875 10.75Z" stroke=#ED6D8F stroke-linecap=round stroke-linejoin=round></path><rect x=3 y=4 width=18 height=16 rx=1.66667 stroke=#ED6D8F></rect></svg></div></div></div></div><div class=btn-animate style=margin-top:10px;transform:translateX(60px)><div class=btn-animate style=position:relative;pointer-events:all;display:inline-block><div><div class=imt-fb-round-button><svg class=imt-fb-icon xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24" fill=none><mask id=mask0_39772_2885 maskUnits=userSpaceOnUse x=0 y=0 width=24 height=24 style=mask-type:alpha><rect width=24 height=24 fill=#D9D9D9></rect></mask><g mask=url(#mask0_39772_2885)><path d="M12 15.423C12.1808 15.423 12.3286 15.3657 12.4433 15.251C12.5581 15.1362 12.6155 14.9884 12.6155 14.8077C12.6155 14.6269 12.5581 14.4792 12.4433 14.3645C12.3286 14.2497 12.1808 14.1923 12 14.1923C11.8192 14.1923 11.6714 14.2497 11.5568 14.3645C11.4419 14.4792 11.3845 14.6269 11.3845 14.8077C11.3845 14.9884 11.4419 15.1362 11.5568 15.251C11.6714 15.3657 11.8192 15.423 12 15.423ZM12 12.4615C12.1423 12.4615 12.2612 12.4138 12.3567 12.3183C12.4522 12.2228 12.5 12.1038 12.5 11.9615V6.8845C12.5 6.74233 12.4522 6.6235 12.3567 6.528C12.2612 6.43233 12.1423 6.3845 12 6.3845C11.8577 6.3845 11.7388 6.43233 11.6433 6.528C11.5478 6.6235 11.5 6.74233 11.5 6.8845V11.9615C11.5 12.1038 11.5478 12.2228 11.6433 12.3183C11.7388 12.4138 11.8577 12.4615 12 12.4615ZM6.077 18L4.373 19.7038C4.1205 19.9564 3.8285 20.0145 3.497 19.878C3.16567 19.7413 3 19.4929 3 19.1328V5.6155C3 5.15517 3.15417 4.77083 3.4625 4.4625C3.77083 4.15417 4.15517 4 4.6155 4H19.3845C19.8448 4 20.2292 4.15417 20.5375 4.4625C20.8458 4.77083 21 5.15517 21 5.6155V16.3845C21 16.8448 20.8458 17.2292 20.5375 17.5375C20.2292 17.8458 19.8448 18 19.3845 18H6.077ZM5.65 17H19.3845C19.5385 17 19.6796 16.9359 19.8078 16.8077C19.9359 16.6796 20 16.5385 20 16.3845V5.6155C20 5.4615 19.9359 5.32042 19.8078 5.19225C19.6796 5.06408 19.5385 5 19.3845 5H4.6155C4.4615 5 4.32042 5.06408 4.19225 5.19225C4.06408 5.32042 4 5.4615 4 5.6155V18.6443L5.65 17Z" fill=#ED6D8F></path></g></svg></div></div></div></div><div hidden id=immersive-translate-popup-overlay class="immersive-translate-popup-overlay sf-hidden"></div></div></div></template></div><single-file-infobar style="accent-color: initial !important; place-content: initial !important; place-items: initial !important; place-self: initial !important; alignment-baseline: initial !important; anchor-name: initial !important; anchor-scope: initial !important; animation-composition: initial !important; animation: initial !important; appearance: initial !important; aspect-ratio: initial !important; backdrop-filter: initial !important; backface-visibility: initial !important; background: initial !important; background-blend-mode: initial !important; baseline-shift: initial !important; block-size: initial !important; border-block: initial !important; border: initial !important; border-radius: initial !important; border-collapse: initial !important; border-end-end-radius: initial !important; border-end-start-radius: initial !important; border-inline: initial !important; border-start-end-radius: initial !important; border-start-start-radius: initial !important; inset: initial !important; box-shadow: initial !important; box-sizing: initial !important; break-after: initial !important; break-before: initial !important; break-inside: initial !important; buffered-rendering: initial !important; caption-side: initial !important; caret-color: initial !important; clear: initial !important; clip: initial !important; clip-path: initial !important; clip-rule: initial !important; color: initial !important; color-interpolation: initial !important; color-interpolation-filters: initial !important; color-scheme: initial !important; column-count: initial !important; column-fill: initial !important; gap: initial !important; column-rule-color: initial !important; column-rule-style: initial !important; column-rule-width: initial !important; column-span: initial !important; column-width: initial !important; contain: initial !important; contain-intrinsic-block-size: initial !important; contain-intrinsic-size: initial !important; contain-intrinsic-inline-size: initial !important; container-name: initial !important; container-type: initial !important; content: initial !important; content-visibility: initial !important; counter-increment: initial !important; counter-reset: initial !important; counter-set: initial !important; cursor: initial !important; cx: initial !important; cy: initial !important; direction: initial !important; display: initial !important; dominant-baseline: initial !important; dynamic-range-limit: initial !important; empty-cells: initial !important; field-sizing: initial !important; fill: initial !important; fill-opacity: initial !important; fill-rule: initial !important; filter: initial !important; flex: initial !important; flex-flow: initial !important; float: initial !important; flood-color: initial !important; flood-opacity: initial !important; font-family: initial !important; font-feature-settings: initial !important; font-kerning: initial !important; font-optical-sizing: initial !important; font-palette: initial !important; font-size: initial !important; font-size-adjust: initial !important; font-style: initial !important; font-synthesis-small-caps: initial !important; font-synthesis-style: initial !important; font-synthesis-weight: initial !important; font-variant-alternates: initial !important; font-variant-caps: initial !important; font-variant-east-asian: initial !important; font-variant-ligatures: initial !important; font-variant-numeric: initial !important; font-variant-position: initial !important; font-variation-settings: initial !important; font-weight: initial !important; font-width: initial !important; glyph-orientation-horizontal: initial !important; glyph-orientation-vertical: initial !important; grid: initial !important; grid-column-end: initial !important; grid-column-start: initial !important; grid-row-end: initial !important; grid-row-start: initial !important; hanging-punctuation: initial !important; height: initial !important; hyphenate-character: initial !important; hyphens: initial !important; image-orientation: initial !important; image-rendering: initial !important; inline-size: initial !important; inset-block: initial !important; inset-inline: initial !important; isolation: initial !important; letter-spacing: initial !important; lighting-color: initial !important; line-break: initial !important; line-height: initial !important; list-style: initial !important; margin-block: initial !important; margin: initial !important; margin-inline: initial !important; margin-trim: initial !important; marker: initial !important; mask: initial !important; mask-composite: initial !important; mask-mode: initial !important; mask-size: initial !important; mask-type: initial !important; math-shift: initial !important; math-style: initial !important; max-block-size: initial !important; max-height: initial !important; max-inline-size: initial !important; max-width: initial !important; min-block-size: initial !important; min-height: initial !important; min-inline-size: initial !important; min-width: initial !important; mix-blend-mode: initial !important; object-fit: initial !important; object-position: initial !important; offset-anchor: initial !important; offset-distance: initial !important; offset-path: initial !important; offset-position: initial !important; offset-rotate: initial !important; opacity: initial !important; order: initial !important; orphans: initial !important; outline: initial !important; outline-offset: initial !important; overflow-block: initial !important; overflow-inline: initial !important; overflow-wrap: initial !important; overflow: initial !important; overscroll-behavior-block: initial !important; overscroll-behavior-inline: initial !important; overscroll-behavior: initial !important; padding-block: initial !important; padding: initial !important; padding-inline: initial !important; paint-order: initial !important; perspective: initial !important; perspective-origin: initial !important; pointer-events: initial !important; position: initial !important; position-anchor: initial !important; position-area: initial !important; position-try: initial !important; position-visibility: initial !important; print-color-adjust: initial !important; quotes: initial !important; r: initial !important; resize: initial !important; rotate: initial !important; ruby-align: initial !important; ruby-overhang: initial !important; ruby-position: initial !important; rx: initial !important; ry: initial !important; scale: initial !important; scroll-behavior: initial !important; scroll-margin-block: initial !important; scroll-margin: initial !important; scroll-margin-inline: initial !important; scroll-padding-block: initial !important; scroll-padding: initial !important; scroll-padding-inline: initial !important; scroll-snap-align: initial !important; scroll-snap-stop: initial !important; scroll-snap-type: initial !important; scroll-timeline: initial !important; scrollbar-color: initial !important; scrollbar-gutter: initial !important; scrollbar-width: initial !important; shape-image-threshold: initial !important; shape-margin: initial !important; shape-outside: initial !important; shape-rendering: initial !important; speak-as: initial !important; stop-color: initial !important; stop-opacity: initial !important; stroke: initial !important; stroke-color: initial !important; stroke-dasharray: initial !important; stroke-dashoffset: initial !important; stroke-linecap: initial !important; stroke-linejoin: initial !important; stroke-miterlimit: initial !important; stroke-opacity: initial !important; stroke-width: initial !important; tab-size: initial !important; table-layout: initial !important; text-align: initial !important; text-align-last: initial !important; text-anchor: initial !important; text-autospace: initial !important; text-box: initial !important; text-combine-upright: initial !important; text-decoration: initial !important; text-decoration-skip-ink: initial !important; text-emphasis-color: initial !important; text-emphasis-position: initial !important; text-emphasis-style: initial !important; text-indent: initial !important; text-orientation: initial !important; text-overflow: initial !important; text-rendering: initial !important; text-shadow: initial !important; text-transform: initial !important; text-underline-offset: initial !important; text-underline-position: initial !important; text-wrap: initial !important; timeline-scope: initial !important; touch-action: initial !important; transform: initial !important; transform-box: initial !important; transform-origin: initial !important; transform-style: initial !important; transition: initial !important; translate: initial !important; unicode-bidi: initial !important; vector-effect: initial !important; vertical-align: initial !important; view-timeline: initial !important; view-transition-class: initial !important; view-transition-name: initial !important; visibility: initial !important; white-space: initial !important; widows: initial !important; width: initial !important; will-change: initial !important; word-break: initial !important; word-spacing: initial !important; writing-mode: initial !important; x: initial !important; y: initial !important; z-index: initial !important; zoom: initial !important; -apple-pay-button-style: initial !important; -apple-pay-button-type: initial !important; border-spacing: initial !important; -webkit-box-align: initial !important; -webkit-box-decoration-break: initial !important; -webkit-box-direction: initial !important; -webkit-box-flex: initial !important; -webkit-box-flex-group: initial !important; -webkit-box-lines: initial !important; -webkit-box-ordinal-group: initial !important; -webkit-box-orient: initial !important; -webkit-box-pack: initial !important; -webkit-box-reflect: initial !important; -webkit-column-axis: initial !important; -webkit-column-progression: initial !important; -webkit-cursor-visibility: initial !important; -webkit-font-smoothing: initial !important; -webkit-hyphenate-limit-after: initial !important; -webkit-hyphenate-limit-before: initial !important; -webkit-hyphenate-limit-lines: initial !important; -webkit-initial-letter: initial !important; -webkit-line-align: initial !important; -webkit-line-box-contain: initial !important; -webkit-line-clamp: initial !important; -webkit-line-grid: initial !important; -webkit-line-snap: initial !important; -webkit-locale: initial !important; -webkit-nbsp-mode: initial !important; -webkit-rtl-ordering: initial !important; -webkit-text-fill-color: initial !important; -webkit-text-security: initial !important; -webkit-text-stroke-color: initial !important; -webkit-text-stroke-width: initial !important; -webkit-text-zoom: initial !important; -webkit-user-drag: initial !important; -webkit-user-modify: initial !important; -webkit-user-select: initial !important;"><template shadowrootmode=open><div><style>.infobar,.infobar .infobar-icon,.infobar .infobar-link-icon {min-inline-size:28px;min-block-size:28px;box-sizing:border-box;}.infobar,.infobar .infobar-close-icon,.infobar .infobar-link-icon {opacity:0.7;transition:opacity 250ms;}.infobar:hover,.infobar .infobar-close-icon:hover,.infobar .infobar-link-icon:hover {opacity:1;}.infobar,.infobar-content {display:flex;}.infobar {position:fixed;max-height:calc(100% - 32px);top:16px;right:16px;margin-inline-start:16px;margin-block-end:16px;color:#2d2d2d;background-color:#737373;border:2px solid;border-color:#eee;border-radius:16px;z-index:2147483647;animation-name:flash;animation-duration:.5s;animation-timing-function:cubic-bezier(0.39,0.58,0.57,1);animation-delay:1s;animation-iteration-count:2;}.infobar:valid,.infobar:not(:focus-within):not(.infobar-focus) .infobar-content {display:none;}.infobar:focus-within,.infobar.infobar-focus {background-color:#f9f9f9;border-color:#878787;border-radius:8px;opacity:1;transition-property:opacity,background-color,border-color,border-radius,color;}.infobar-content {border:2px solid;border-color:#f9f9f9;border-radius:6px;background-color:#f9f9f9;overflow:auto;}.infobar-content span {font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:18px;word-break:break-word;white-space:pre-wrap;margin-inline:4px;margin-block:4px;}.infobar .infobar-icon,.infobar .infobar-close-icon,.infobar .infobar-link-icon {cursor:pointer;background-position:center;background-repeat:no-repeat;}.infobar .infobar-close-icon,.infobar .infobar-link-icon {align-self:flex-start;}.infobar .infobar-icon {position:absolute;min-inline-size:24px;min-block-size:24px;}@keyframes flash {0%,100% { background-color:#737373;}50% { background-color:#dd6a00;}}.infobar:focus-within .infobar-icon,.infobar.infobar-focus .infobar-icon {z-index:-1;background-image:none;margin:4px;}.infobar .infobar-close-icon {min-inline-size:22px;min-block-size:22px;}.infobar .infobar-icon {background-color:transparent;background-size:70%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAABhmlDQ1BJQ0MgcHJvZmlsZQAAKJF9kj1Iw0AYht+mSkUrDnYQcchQnSyIijqWKhbBQmkrtOpgcukfNGlIUlwcBdeCgz+LVQcXZ10dXAVB8AfEydFJ0UVK/C4ptIjx4LiH9+59+e67A4RGhalm1wSgapaRisfEbG5VDLyiDwEAvZiVmKkn0osZeI6ve/j4ehfhWd7n/hz9St5kgE8kjjLdsIg3iGc2LZ3zPnGIlSSF+Jx43KACiR+5Lrv8xrnosMAzQ0YmNU8cIhaLHSx3MCsZKvE0cVhRNcoXsi4rnLc4q5Uaa9XJbxjMaytprtMcQRxLSCAJETJqKKMCCxFaNVJMpGg/5uEfdvxJcsnkKoORYwFVqJAcP/gb/O6tWZiadJOCMaD7xbY/RoHALtCs2/b3sW03TwD/M3Cltf3VBjD3SXq9rYWPgIFt4OK6rcl7wOUOMPSkS4bkSH6aQqEAvJ/RM+WAwVv6EGtu31r7OH0AMtSr5Rvg4BAYK1L2use9ezr79u+ZVv9+AFlNcp0UUpiqAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AsHADIRLMaOHwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAPUExURQAAAIqKioyNjY2OjvDw8L2y1DEAAAABdFJOUwBA5thmAAAAAWJLR0QB/wIt3gAAAGNJREFUSMdjYCAJsLi4OBCQx6/CBQwIGIDPCBcXAkYQUsACU+AwlBVQHg6Eg5pgZBGOboIJZugDFwRwoJECJCUOhJI1wZwzqmBUwagCuipgIqTABG9h7YIKaKGAURAFEF/6AQAO4HqSoDP8bgAAAABJRU5ErkJggg==);}.infobar .infobar-link-icon {right:4px;background-size:60%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAgMAAADXB5lNAAABhmlDQ1BJQ0MgcHJvZmlsZQAAKJF9kj1Iw0AYht+mSkUrDnYQcchQnSyIijqWKhbBQmkrtOpgcukfNGlIUlwcBdeCgz+LVQcXZ10dXAVB8AfEydFJ0UVK/C4ptIjx4LiH9+59+e67A4RGhalm1wSgapaRisfEbG5VDLyiDwEAvZiVmKkn0osZeI6ve/j4ehfhWd7n/hz9St5kgE8kjjLdsIg3iGc2LZ3zPnGIlSSF+Jx43KACiR+5Lrv8xrnosMAzQ0YmNU8cIhaLHSx3MCsZKvE0cVhRNcoXsi4rnLc4q5Uaa9XJbxjMaytprtMcQRxLSCAJETJqKKMCCxFaNVJMpGg/5uEfdvxJcsnkKoORYwFVqJAcP/gb/O6tWZiadJOCMaD7xbY/RoHALtCs2/b3sW03TwD/M3Cltf3VBjD3SXq9rYWPgIFt4OK6rcl7wOUOMPSkS4bkSH6aQqEAvJ/RM+WAwVv6EGtu31r7OH0AMtSr5Rvg4BAYK1L2use9ezr79u+ZVv9+AFlNcp0UUpiqAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AsHAB8H+DhhoQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAJUExURQAAAICHi4qKioTuJAkAAAABdFJOUwBA5thmAAAAAWJLR0QCZgt8ZAAAAJJJREFUOI3t070NRCEMA2CnYAOyDyPwpHj/Va7hJ3FzV7zy3ET5JIwoAF6Jk4wzAJAkzxAYG9YRTgB+24wBgKmfrGAKTcEfAY4KRlRoIeBTgKOCERVaCPgU4Khge2GqKOBTgKOCERVaAEC/4PNcnyoSWHpjqkhwKxbcig0Q6AorXYF/+A6eIYD1lVbwG/jdA6/kA2THRAURVubcAAAAAElFTkSuQmCC);}.infobar .infobar-close-icon {appearance:none;background-size:80%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAgMAAADXB5lNAAABhmlDQ1BJQ0MgcHJvZmlsZQAAKJF9kj1Iw0AYht+mSkUrDnYQcchQnSyIijqWKhbBQmkrtOpgcukfNGlIUlwcBdeCgz+LVQcXZ10dXAVB8AfEydFJ0UVK/C4ptIjx4LiH9+59+e67A4RGhalm1wSgapaRisfEbG5VDLyiDwEAvZiVmKkn0osZeI6ve/j4ehfhWd7n/hz9St5kgE8kjjLdsIg3iGc2LZ3zPnGIlSSF+Jx43KACiR+5Lrv8xrnosMAzQ0YmNU8cIhaLHSx3MCsZKvE0cVhRNcoXsi4rnLc4q5Uaa9XJbxjMaytprtMcQRxLSCAJETJqKKMCCxFaNVJMpGg/5uEfdvxJcsnkKoORYwFVqJAcP/gb/O6tWZiadJOCMaD7xbY/RoHALtCs2/b3sW03TwD/M3Cltf3VBjD3SXq9rYWPgIFt4OK6rcl7wOUOMPSkS4bkSH6aQqEAvJ/RM+WAwVv6EGtu31r7OH0AMtSr5Rvg4BAYK1L2use9ezr79u+ZVv9+AFlNcp0UUpiqAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AsHAB8VC4EQ6QAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAJUExURQAAAICHi4qKioTuJAkAAAABdFJOUwBA5thmAAAAAWJLR0QCZgt8ZAAAAJtJREFUOI3NkrsBgCAMRLFwBPdxBArcfxXFkO8rbKWAAJfHJ9faf9vuYX/749T5NmShm3bEwbe2SxeuM4+2oxDL1cDoKtVUjRy+tH78Cv2CS+wIiQNC1AEhk4AQeUTMWUJMfUJMSEJMSEY8kIx4IONroaYAimNxsXp1PA7PxwfVL8QnowwoVC0lig07wDDVUjAdbAnjwtow/z/bDW7eI4M2KruJAAAAAElFTkSuQmCC);}.infobar { top:16px; bottom:auto; }.infobar { right:16px; left:auto; }</style><form class="infobar"><span tabindex="-1" class="infobar-icon"></span><span tabindex="-1" class="infobar-content"><input type="checkbox" required="" class="infobar-close-icon" title="Close"><span>Sat Mar 21 2026 11:44:28 GMT+0800 (中国标准时间)</span><a class="infobar-link-icon" target="_blank" rel="noopener noreferrer" title="Open source URL: http://127.0.0.1:8000/002/all.html" href="http://127.0.0.1:8000/002/all.html"></a></span></form><script>function Wo(n,{saveUrl:e,infobarContent:t,saveDate:a}){if(e){const o=n.querySelector("single-file-infobar").shadowRoot;o.querySelector(".infobar-content span").textContent=t||a;const i=o.querySelector(".infobar-content .infobar-link-icon");i.href=e,i.title="Open source URL: "+e}};function Ho(n,e=_o){const t=n.evaluate("//comment()",n,null,XPathResult.FIRST_ORDERED_NODE_TYPE,null);let a=t&&t.singleNodeValue;if(a&&a.nodeType==Node.COMMENT_NODE&&a.textContent.includes(e)){const n=a.textContent.split("\n"),[,,e,...t]=n,o=e.match(/^ url: (.*) ?$/),i=o&&o[1];if(i){let n,e;if(t.length&&(e=t[0].split("saved date: ")[1],e&&t.shift(),t.length>1)){let e=t[0].split("info: ")[1].trim();for(let n=1;n<t.length-1;n++)e+="\n"+t[n].trim();n=e.trim()}return{saveUrl:i,infobarContent:n,saveDate:e}}}};(function Go(n,e){const t=Ho(n,e);t&&t.saveUrl&&Wo(n,t)})(document, "SingleFile");</script></div></template></single-file-infobar> |