basic test
This commit is contained in:
邓智航
File diff suppressed because it is too large
Load Diff
380
001/1-002.html
Normal file
380
001/1-002.html
Normal file
@@ -0,0 +1,380 @@
|
||||
<!DOCTYPE html> <html style><!--
|
||||
--><meta charset=utf-8>
|
||||
<title>SYS_V4.2_INVENTORY_MANAGE_INTERNAL_USE_ONLY</title>
|
||||
<style>:root{--primary:#2563eb;--danger:#dc2626;--bg:#f8fafc;--panel:#ffffff;--border:#e2e8f0;--text:#334155}body{font-family:"Segoe UI",system-ui,sans-serif;background-color:var(--bg)!important;color:var(--text)!important;margin:0;padding:0;line-height:1.5}a{text-decoration:none;color:var(--primary)!important;transition:0.2s}a:hover{text-decoration:underline}.main-layout-table{background-color:transparent!important;border:none!important;width:100%;border-collapse:collapse}.header-row td{background-color:#1e293b!important;color:white!important;padding:15px 20px!important;border:none!important}.header-row h1{margin:0;font-size:1.2rem;font-weight:600}.header-row p{margin:5px 0 0;opacity:0.8;font-size:0.9rem}.header-row a{color:#94a3b8!important;margin:0 5px}.layout-cell{vertical-align:top;padding:20px!important;border:none!important}.sidebar-nav ul{list-style:none;padding:0;background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden}.sidebar-nav ul li a{display:block;padding:10px 15px;border-bottom:1px solid var(--border);color:var(--text)!important}.sidebar-nav ul li a:hover{background-color:#eff6ff;color:var(--primary)!important;text-decoration:none}.main-content h2{font-size:1.5rem;border-bottom:2px solid var(--primary);padding-bottom:10px;margin-top:0}.filter-table{background:var(--panel);padding:15px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.05);border:1px solid var(--border)!important}.filter-table td{border:none!important;padding:5px!important}input[type="text"],select{padding:6px;border:1px solid #ccc;border-radius:4px}.data-table{background:var(--panel)!important;border-collapse:collapse!important;border:none!important;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);border-radius:8px;overflow:hidden;width:100%;margin-top:20px}.data-table th{background-color:#f1f5f9!important;color:#475569;text-transform:uppercase;font-size:0.85rem;padding:12px!important;border:none!important;border-bottom:2px solid var(--border)!important}.data-table td{border:none!important;border-bottom:1px solid var(--border)!important;padding:12px!important;font-size:0.95rem}.data-table tr:hover td{background-color:#f8fafc}.action-group a{display:inline-block;padding:2px 6px;font-size:0.8rem;border-radius:4px;text-decoration:none!important;margin-right:2px;margin-bottom:2px;border:1px solid transparent}.btn-view{background:#e0f2fe;color:#0369a1!important}.btn-edit{background:#dcfce7;color:#15803d!important}.btn-danger{background:#fee2e2;color:#b91c1c!important}.widget-table{background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:8px;margin-bottom:20px;border-collapse:collapse}.widget-header{background-color:#334155!important;color:white!important;padding:10px!important;font-weight:bold;border-radius:7px 7px 0 0}.widget-content td{padding:8px 15px!important;border-bottom:1px solid #eee!important}.footer-row td{background-color:var(--panel)!important;color:#94a3b8!important;border-top:1px solid var(--border)!important;padding:20px!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity 0.3s ease}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:10px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.pagination-info{font-size:0.9rem;color:#64748b}.pagination-controls{display:flex;gap:5px}.page-btn{padding:5px 10px;border:1px solid #e2e8f0;background:white;cursor:pointer;border-radius:4px;font-size:0.9rem;color:#475569}.page-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.page-btn.active{background:var(--primary);color:white;border-color:var(--primary)}.page-btn:disabled{opacity:0.5;cursor:not-allowed}.toast-container{position:fixed;bottom:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:10px}.spinner{border:2px solid #f3f3f3;border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}</style>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:5500/001/001_r.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 bgcolor=#e0e0e0 text=#000000 link=#0000FF vlink=#800080 alink=#FF0000>
|
||||
<table width=100% border=1 cellpadding=5 cellspacing=0 bgcolor=#cccccc class=main-layout-table>
|
||||
<tbody><tr class=header-row>
|
||||
<td colspan=3 align=center>
|
||||
<h1>Internal Inventory Control System V4.2 (Unclassified)</h1>
|
||||
<p>Current Login: OPERATOR_8821 | <a href=#>[Logout]</a> | <a href=#>[Switch Node]</a> | <a href=#>[System Log]</a> | <a href=#>[Report Error]</a></p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width=20% valign=top class="layout-cell sidebar-nav">
|
||||
<h3>Quick Navigation</h3>
|
||||
<ul id=sidebarList>
|
||||
<li><a href=javascript:void(0)>📌 Dashboard</a></li>
|
||||
<li><a href=javascript:void(0)>🔥 Inbound Request (Urgent)</a></li>
|
||||
<li><a href=javascript:void(0)>📥 Inbound Request (Normal)</a></li>
|
||||
<li><a href=javascript:void(0)>🗄️ Inbound Request (Archived)</a></li>
|
||||
<li><a href=javascript:void(0)>📤 Outbound Approval (Zone A)</a></li>
|
||||
<li><a href=javascript:void(0)>📤 Outbound Approval (Zone B)</a></li>
|
||||
<li><a href=javascript:void(0)>🚫 Outbound Approval (Zone C)</a></li>
|
||||
<li><a href=javascript:void(0)>📉 Damage Registration</a></li>
|
||||
<li><a href=javascript:void(0)>👥 Personnel Management</a></li>
|
||||
<li><a href=javascript:void(0)>💰 Financial Interface</a></li>
|
||||
<li><a href=javascript:void(0)>⚙️ System Settings</a></li>
|
||||
<li><a href=javascript:void(0)>🖨️ Print Test Page</a></li>
|
||||
<li class="legacy-link sf-hidden"></li>
|
||||
<li class="legacy-link sf-hidden"></li>
|
||||
<li class="legacy-link sf-hidden"></li>
|
||||
<li><a href=javascript:void(0)>❓ Help & Support</a></li>
|
||||
<li><a href=javascript:void(0)>💾 Download Controls</a></li>
|
||||
<li><a href=javascript:void(0)>🔄 Refresh System</a></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<div style="background:#fff7ed;padding:10px;border-radius:4px;font-size:0.9em;border:1px solid #ffedd5">
|
||||
<p style=margin:0;color:#c2410c><b>System Broadcast:</b><br>Please note, server maintenance is scheduled for 03:00 tonight. Do not submit forms during this time.</p>
|
||||
</div>
|
||||
<p style=text-align:center;color:#888;margin-top:10px><b>Quote of the Day:</b><br>Safety First, Efficiency Foremost.</p>
|
||||
</td>
|
||||
|
||||
<td width=60% valign=top class="layout-cell main-content">
|
||||
<h2>Inventory List - Zone A1</h2>
|
||||
|
||||
<form id=searchForm>
|
||||
<table border=0 width=100% class=filter-table>
|
||||
<tbody><tr>
|
||||
<td>Keyword: <input type=text id=searchInput name=kw size=30 placeholder="Enter ID or Name" value></td>
|
||||
<td>
|
||||
Type:
|
||||
<select id=typeSelect name=type>
|
||||
<option value=all selected>-- All --</option>
|
||||
<option value=res>Resistor</option>
|
||||
<option value=cap>Capacitor</option>
|
||||
<option value=ind>Inductor</option>
|
||||
<option value=chip>Chip</option>
|
||||
<option value=conn>Connector</option>
|
||||
<option value=other>Other</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
Status:
|
||||
<label><input type=checkbox name=st_normal value=NORMAL> Normal</label>
|
||||
<label><input type=checkbox name=st_low value=LOW checked> Warning</label>
|
||||
<label><input type=checkbox name=st_crit value=CRITICAL checked> Critical</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan=3 style=padding-top:10px>
|
||||
Sort:
|
||||
<label><input type=radio name=sort value=date checked> By Date</label>
|
||||
<label><input type=radio name=sort value=id> By ID</label>
|
||||
<label><input type=radio name=sort value=qty> By Quantity</label>
|
||||
<br><br>
|
||||
<button type=submit class="page-btn active" style="padding:6px 20px">
|
||||
<span id=search-spinner class=spinner style=display:none;width:12px;height:12px;border-width:2px;vertical-align:middle;margin-right:5px></span>
|
||||
Search
|
||||
</button>
|
||||
<button type=button class=page-btn>Reset</button>
|
||||
<button type=button class=page-btn disabled style=opacity:0.6;cursor:not-allowed>Export Excel</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
<hr style="border:0;margin:20px 0">
|
||||
<table border=1 width=100% cellpadding=3 cellspacing=1 class=data-table id=inventoryTable>
|
||||
<thead>
|
||||
<tr bgcolor=#999999>
|
||||
<th width=40><input type=checkbox id=selectAll value=on></th>
|
||||
<th width=100>ID</th>
|
||||
<th>Item Name</th>
|
||||
<th width=120>Batch No</th>
|
||||
<th width=80>Qty</th>
|
||||
<th width=80>Weight(g)</th>
|
||||
<th width=100>Inbound Date</th>
|
||||
<th width=100>Status Code</th>
|
||||
<th width=180>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id=tableBody><tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210001></td>
|
||||
<td><font face=monospace>#88210001</font></td>
|
||||
<td>
|
||||
<strong>Transistor 2N2222</strong><br>
|
||||
<small style=color:#666>Supplier: Texas Inst</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_Z92</code></td>
|
||||
<td>7,911</td>
|
||||
<td>3.33g</td>
|
||||
<td>2025-10-02</td>
|
||||
<td><span style=color:green;font-weight:bold;font-size:0.85rem>NORMAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210002></td>
|
||||
<td><font face=monospace>#88210002</font></td>
|
||||
<td>
|
||||
<strong>Capacitor 100nF</strong><br>
|
||||
<small style=color:#666>Supplier: ConnWorld</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2024_J85</code></td>
|
||||
<td>8,327</td>
|
||||
<td>6.73g</td>
|
||||
<td>2024-06-23</td>
|
||||
<td><span style=color:green;font-weight:bold;font-size:0.85rem>NORMAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210003></td>
|
||||
<td><font face=monospace>#88210003</font></td>
|
||||
<td>
|
||||
<strong>Transistor 2N2222</strong><br>
|
||||
<small style=color:#666>Supplier: Murata</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_E80</code></td>
|
||||
<td>3,928</td>
|
||||
<td>4.59g</td>
|
||||
<td>2025-11-22</td>
|
||||
<td><span style=color:green;font-weight:bold;font-size:0.85rem>NORMAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210004></td>
|
||||
<td><font face=monospace>#88210004</font></td>
|
||||
<td>
|
||||
<strong>Battery Holder</strong><br>
|
||||
<small style=color:#666>Supplier: ST Micro</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2024_U54</code></td>
|
||||
<td>4,176</td>
|
||||
<td>5.49g</td>
|
||||
<td>2024-11-30</td>
|
||||
<td><span style=color:green;font-weight:bold;font-size:0.85rem>NORMAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210005></td>
|
||||
<td><font face=monospace>#88210005</font></td>
|
||||
<td>
|
||||
<strong>Capacitor 100nF</strong><br>
|
||||
<small style=color:#666>Supplier: Murata</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2024_S23</code></td>
|
||||
<td>8,482</td>
|
||||
<td>6.16g</td>
|
||||
<td>2024-09-07</td>
|
||||
<td><span style=color:green;font-weight:bold;font-size:0.85rem>NORMAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210006></td>
|
||||
<td><font face=monospace>#88210006</font></td>
|
||||
<td>
|
||||
<strong>Resistor 10k 0603</strong><br>
|
||||
<small style=color:#666>Supplier: Gamma Inc</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_D58</code></td>
|
||||
<td>8,943</td>
|
||||
<td>9.83g</td>
|
||||
<td>2025-07-06</td>
|
||||
<td><span style=color:green;font-weight:bold;font-size:0.85rem>NORMAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210007></td>
|
||||
<td><font face=monospace>#88210007</font></td>
|
||||
<td>
|
||||
<strong>Resistor 10k 0603</strong><br>
|
||||
<small style=color:#666>Supplier: ConnWorld</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_T22</code></td>
|
||||
<td>7,779</td>
|
||||
<td>0.81g</td>
|
||||
<td>2025-11-03</td>
|
||||
<td><span style=color:green;font-weight:bold;font-size:0.85rem>NORMAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210008></td>
|
||||
<td><font face=monospace>#88210008</font></td>
|
||||
<td>
|
||||
<strong>Diode 1N4148</strong><br>
|
||||
<small style=color:#666>Supplier: Alpha Corp</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2024_P22</code></td>
|
||||
<td>894</td>
|
||||
<td>6.67g</td>
|
||||
<td>2024-04-13</td>
|
||||
<td><span style=color:green;font-weight:bold;font-size:0.85rem>NORMAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210009></td>
|
||||
<td><font face=monospace>#88210009</font></td>
|
||||
<td>
|
||||
<strong>Fuse 500mA</strong><br>
|
||||
<small style=color:#666>Supplier: Beta Ltd</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2024_W53</code></td>
|
||||
<td>5,019</td>
|
||||
<td>9.38g</td>
|
||||
<td>2024-05-17</td>
|
||||
<td><span style=color:green;font-weight:bold;font-size:0.85rem>NORMAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210010></td>
|
||||
<td><font face=monospace>#88210010</font></td>
|
||||
<td>
|
||||
<strong>PCB Stiffener</strong><br>
|
||||
<small style=color:#666>Supplier: Texas Inst</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_C6</code></td>
|
||||
<td>7,015</td>
|
||||
<td>8.68g</td>
|
||||
<td>2025-01-05</td>
|
||||
<td><span style=color:green;font-weight:bold;font-size:0.85rem>NORMAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class=pagination-container>
|
||||
<div class=pagination-info>
|
||||
Showing <span id=startRecord>1</span> to <span id=endRecord>10</span> of <span id=totalRecords>358</span> records
|
||||
</div>
|
||||
<div style=display:flex;align-items:center;gap:10px>
|
||||
<select id=pageSizeSelect>
|
||||
<option value=10 selected>10/page</option>
|
||||
<option value=20>20/page</option>
|
||||
<option value=50>50/page</option>
|
||||
<option value=100>100/page</option>
|
||||
</select>
|
||||
<div class=pagination-controls id=paginationControls><button class=page-btn disabled><<</button><button class=page-btn disabled><</button><button class="page-btn active">1</button><button class=page-btn>2</button><button class=page-btn>3</button><button class=page-btn>></button><button class=page-btn>>></button></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
<table border=1 width=100% bgcolor=#eeeeee style=border:none;border-radius:8px;overflow:hidden;background:#f1f5f9>
|
||||
<tbody><tr>
|
||||
<td style=padding:20px;border:none>
|
||||
<h4 style=margin-top:0>Batch Operation Console</h4>
|
||||
<p>Selected Action:
|
||||
<select id=batchActionSelect>
|
||||
<option selected>-- Select Action --</option>
|
||||
<option>Batch Export</option>
|
||||
<option>Batch Delete (Admin Required)</option>
|
||||
<option>Transfer Warehouse</option>
|
||||
</select>
|
||||
<input type=button value=Execute>
|
||||
</p>
|
||||
<p style=font-size:0.9em;color:#666>
|
||||
<label><input type=checkbox value=on> I have read and agree to the "Data Security Operation Standard v9.0"</label><br>
|
||||
<label><input type=checkbox value=on> Confirm no misoperation</label>
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td width=20% valign=top class="layout-cell sidebar-widgets">
|
||||
<table border=1 width=100% class=widget-table>
|
||||
<tbody><tr><td bgcolor=#000000 class=widget-header><font color=white align=center><b>Server Load</b></font></tr>
|
||||
<tbody class=widget-content>
|
||||
<tr><td>CPU: <div style=display:inline-block;width:50px;height:8px;background:#e2e8f0;border-radius:4px><div style=width:12%;height:100%;background:green;border-radius:4px></div></div> 12%</tr>
|
||||
<tr><td>RAM: <div style=display:inline-block;width:50px;height:8px;background:#e2e8f0;border-radius:4px><div style=width:64%;height:100%;background:orange;border-radius:4px></div></div> 64%</tr>
|
||||
<tr><td>DISK: <div style=display:inline-block;width:50px;height:8px;background:#e2e8f0;border-radius:4px><div style=width:98%;height:100%;background:red;border-radius:4px></div></div> <span style=color:red>98% (Warning)</span></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<br>
|
||||
<table border=1 width=100% class=widget-table>
|
||||
<tbody><tr><td bgcolor=#000000 class=widget-header><font color=white><b>To-Do List</b></font></tr>
|
||||
<tbody class=widget-content>
|
||||
<tr><td><label><input type=checkbox value=on> Approve Zhang San's Leave</label></tr>
|
||||
<tr><td><label><input type=checkbox value=on> Order Coffee Beans</label></tr>
|
||||
<tr><td><label><input type=checkbox value=on> Fix Printer</label></tr>
|
||||
<tr><td><label><input type=checkbox value=on> Update Firewall</label></tr>
|
||||
<tr><td><label><input type=checkbox value=on> Year-end Report Summary</label></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<br>
|
||||
<center>
|
||||
<p style=font-size:0.8rem;color:#888>Scan to Download App</p>
|
||||
<div style="background:white;padding:10px;border-radius:8px;display:inline-block;border:1px solid #ddd">
|
||||
<table border=1 width=100 height=100 style=border:none>
|
||||
<tbody><tr><td align=center style=border:none>QR CODE</tr>
|
||||
</table>
|
||||
</div>
|
||||
</center>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class=footer-row>
|
||||
<td colspan=3 bgcolor=#333333 align=center>
|
||||
<font color=#ffffff size=2>
|
||||
© 2005-2025 Galactic Logistics Corp. All Rights Reserved.<br>
|
||||
Address: Sector 7G, Industrial Zone, Mars Colony.<br>
|
||||
<a href=# style=color:#aaaaaa>Privacy Policy</a> |
|
||||
<a href=# style=color:#aaaaaa>Terms of Service</a> |
|
||||
<a href=# style=color:#aaaaaa>Sitemap</a> |
|
||||
<a href=# style=color:#aaaaaa>Report Abuse</a>
|
||||
<br>
|
||||
<span style=opacity:0.5>Render Time: 0.04s | SQL Queries: 142 | Memory: 4MB</span>
|
||||
</font>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="modal-overlay sf-hidden" id=editModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=detailModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=settingsModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=helpModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=reportModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=confirmModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=alertModal>
|
||||
|
||||
</div>
|
||||
<div class=toast-container id=toastContainer></div>
|
||||
381
001/1-003.html
Normal file
381
001/1-003.html
Normal file
@@ -0,0 +1,381 @@
|
||||
<!DOCTYPE html> <html style><!--
|
||||
--><meta charset=utf-8>
|
||||
<title>SYS_V4.2_INVENTORY_MANAGE_INTERNAL_USE_ONLY</title>
|
||||
<style>:root{--primary:#2563eb;--danger:#dc2626;--bg:#f8fafc;--panel:#ffffff;--border:#e2e8f0;--text:#334155}body{font-family:"Segoe UI",system-ui,sans-serif;background-color:var(--bg)!important;color:var(--text)!important;margin:0;padding:0;line-height:1.5}a{text-decoration:none;color:var(--primary)!important;transition:0.2s}a:hover{text-decoration:underline}.main-layout-table{background-color:transparent!important;border:none!important;width:100%;border-collapse:collapse}.header-row td{background-color:#1e293b!important;color:white!important;padding:15px 20px!important;border:none!important}.header-row h1{margin:0;font-size:1.2rem;font-weight:600}.header-row p{margin:5px 0 0;opacity:0.8;font-size:0.9rem}.header-row a{color:#94a3b8!important;margin:0 5px}.layout-cell{vertical-align:top;padding:20px!important;border:none!important}.sidebar-nav ul{list-style:none;padding:0;background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden}.sidebar-nav ul li a{display:block;padding:10px 15px;border-bottom:1px solid var(--border);color:var(--text)!important}.sidebar-nav ul li a:hover{background-color:#eff6ff;color:var(--primary)!important;text-decoration:none}.main-content h2{font-size:1.5rem;border-bottom:2px solid var(--primary);padding-bottom:10px;margin-top:0}.filter-table{background:var(--panel);padding:15px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.05);border:1px solid var(--border)!important}.filter-table td{border:none!important;padding:5px!important}input[type="text"],select{padding:6px;border:1px solid #ccc;border-radius:4px}.data-table{background:var(--panel)!important;border-collapse:collapse!important;border:none!important;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);border-radius:8px;overflow:hidden;width:100%;margin-top:20px}.data-table th{background-color:#f1f5f9!important;color:#475569;text-transform:uppercase;font-size:0.85rem;padding:12px!important;border:none!important;border-bottom:2px solid var(--border)!important}.data-table td{border:none!important;border-bottom:1px solid var(--border)!important;padding:12px!important;font-size:0.95rem}.data-table tr:hover td{background-color:#f8fafc}.action-group a{display:inline-block;padding:2px 6px;font-size:0.8rem;border-radius:4px;text-decoration:none!important;margin-right:2px;margin-bottom:2px;border:1px solid transparent}.btn-view{background:#e0f2fe;color:#0369a1!important}.btn-edit{background:#dcfce7;color:#15803d!important}.btn-danger{background:#fee2e2;color:#b91c1c!important}.widget-table{background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:8px;margin-bottom:20px;border-collapse:collapse}.widget-header{background-color:#334155!important;color:white!important;padding:10px!important;font-weight:bold;border-radius:7px 7px 0 0}.widget-content td{padding:8px 15px!important;border-bottom:1px solid #eee!important}.footer-row td{background-color:var(--panel)!important;color:#94a3b8!important;border-top:1px solid var(--border)!important;padding:20px!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity 0.3s ease}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:10px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.pagination-info{font-size:0.9rem;color:#64748b}.pagination-controls{display:flex;gap:5px}.page-btn{padding:5px 10px;border:1px solid #e2e8f0;background:white;cursor:pointer;border-radius:4px;font-size:0.9rem;color:#475569}.page-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.page-btn.active{background:var(--primary);color:white;border-color:var(--primary)}.page-btn:disabled{opacity:0.5;cursor:not-allowed}.toast-container{position:fixed;bottom:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:10px}.spinner{border:2px solid #f3f3f3;border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}</style>
|
||||
<style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:5500/001/001_r.html>
|
||||
<meta name=referrer content=no-referrer><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 bgcolor=#e0e0e0 text=#000000 link=#0000FF vlink=#800080 alink=#FF0000>
|
||||
<table width=100% border=1 cellpadding=5 cellspacing=0 bgcolor=#cccccc class=main-layout-table>
|
||||
<tbody><tr class=header-row>
|
||||
<td colspan=3 align=center>
|
||||
<h1>Internal Inventory Control System V4.2 (Unclassified)</h1>
|
||||
<p>Current Login: OPERATOR_8821 | <a href=#>[Logout]</a> | <a href=#>[Switch Node]</a> | <a href=#>[System Log]</a> | <a href=#>[Report Error]</a></p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width=20% valign=top class="layout-cell sidebar-nav">
|
||||
<h3>Quick Navigation</h3>
|
||||
<ul id=sidebarList>
|
||||
<li><a href=javascript:void(0)>📌 Dashboard</a></li>
|
||||
<li><a href=javascript:void(0)>🔥 Inbound Request (Urgent)</a></li>
|
||||
<li><a href=javascript:void(0)>📥 Inbound Request (Normal)</a></li>
|
||||
<li><a href=javascript:void(0)>🗄️ Inbound Request (Archived)</a></li>
|
||||
<li><a href=javascript:void(0)>📤 Outbound Approval (Zone A)</a></li>
|
||||
<li><a href=javascript:void(0)>📤 Outbound Approval (Zone B)</a></li>
|
||||
<li><a href=javascript:void(0)>🚫 Outbound Approval (Zone C)</a></li>
|
||||
<li><a href=javascript:void(0)>📉 Damage Registration</a></li>
|
||||
<li><a href=javascript:void(0)>👥 Personnel Management</a></li>
|
||||
<li><a href=javascript:void(0)>💰 Financial Interface</a></li>
|
||||
<li><a href=javascript:void(0)>⚙️ System Settings</a></li>
|
||||
<li><a href=javascript:void(0)>🖨️ Print Test Page</a></li>
|
||||
<li class="legacy-link sf-hidden"></li>
|
||||
<li class="legacy-link sf-hidden"></li>
|
||||
<li class="legacy-link sf-hidden"></li>
|
||||
<li><a href=javascript:void(0)>❓ Help & Support</a></li>
|
||||
<li><a href=javascript:void(0)>💾 Download Controls</a></li>
|
||||
<li><a href=javascript:void(0)>🔄 Refresh System</a></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<div style="background:#fff7ed;padding:10px;border-radius:4px;font-size:0.9em;border:1px solid #ffedd5">
|
||||
<p style=margin:0;color:#c2410c><b>System Broadcast:</b><br>Please note, server maintenance is scheduled for 03:00 tonight. Do not submit forms during this time.</p>
|
||||
</div>
|
||||
<p style=text-align:center;color:#888;margin-top:10px><b>Quote of the Day:</b><br>Safety First, Efficiency Foremost.</p>
|
||||
</td>
|
||||
|
||||
<td width=60% valign=top class="layout-cell main-content">
|
||||
<h2>Inventory List - Zone A1</h2>
|
||||
|
||||
<form id=searchForm>
|
||||
<table border=0 width=100% class=filter-table>
|
||||
<tbody><tr>
|
||||
<td>Keyword: <input type=text id=searchInput name=kw size=30 placeholder="Enter ID or Name" value></td>
|
||||
<td>
|
||||
Type:
|
||||
<select id=typeSelect name=type>
|
||||
<option value=all selected>-- All --</option>
|
||||
<option value=res>Resistor</option>
|
||||
<option value=cap>Capacitor</option>
|
||||
<option value=ind>Inductor</option>
|
||||
<option value=chip>Chip</option>
|
||||
<option value=conn>Connector</option>
|
||||
<option value=other>Other</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
Status:
|
||||
<label><input type=checkbox name=st_normal value=NORMAL> Normal</label>
|
||||
<label><input type=checkbox name=st_low value=LOW> Warning</label>
|
||||
<label><input type=checkbox name=st_crit value=CRITICAL checked> Critical</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan=3 style=padding-top:10px>
|
||||
Sort:
|
||||
<label><input type=radio name=sort value=date checked> By Date</label>
|
||||
<label><input type=radio name=sort value=id> By ID</label>
|
||||
<label><input type=radio name=sort value=qty> By Quantity</label>
|
||||
<br><br>
|
||||
<button type=submit class="page-btn active" style="padding:6px 20px">
|
||||
<span id=search-spinner class=spinner style=display:none;width:12px;height:12px;border-width:2px;vertical-align:middle;margin-right:5px></span>
|
||||
Search
|
||||
</button>
|
||||
<button type=button class=page-btn>Reset</button>
|
||||
<button type=button class=page-btn disabled style=opacity:0.6;cursor:not-allowed>Export Excel</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
<hr style="border:0;margin:20px 0">
|
||||
<table border=1 width=100% cellpadding=3 cellspacing=1 class=data-table id=inventoryTable>
|
||||
<thead>
|
||||
<tr bgcolor=#999999>
|
||||
<th width=40><input type=checkbox id=selectAll value=on></th>
|
||||
<th width=100>ID</th>
|
||||
<th>Item Name</th>
|
||||
<th width=120>Batch No</th>
|
||||
<th width=80>Qty</th>
|
||||
<th width=80>Weight(g)</th>
|
||||
<th width=100>Inbound Date</th>
|
||||
<th width=100>Status Code</th>
|
||||
<th width=180>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id=tableBody><tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210001></td>
|
||||
<td><font face=monospace>#88210001</font></td>
|
||||
<td>
|
||||
<strong>Transistor 2N2222</strong><br>
|
||||
<small style=color:#666>Supplier: Texas Inst</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_Z92</code></td>
|
||||
<td>7,911</td>
|
||||
<td>3.33g</td>
|
||||
<td>2025-10-02</td>
|
||||
<td><span style=color:green;font-weight:bold;font-size:0.85rem>NORMAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210002></td>
|
||||
<td><font face=monospace>#88210002</font></td>
|
||||
<td>
|
||||
<strong>Capacitor 100nF</strong><br>
|
||||
<small style=color:#666>Supplier: ConnWorld</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2024_J85</code></td>
|
||||
<td>8,327</td>
|
||||
<td>6.73g</td>
|
||||
<td>2024-06-23</td>
|
||||
<td><span style=color:green;font-weight:bold;font-size:0.85rem>NORMAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210003></td>
|
||||
<td><font face=monospace>#88210003</font></td>
|
||||
<td>
|
||||
<strong>Transistor 2N2222</strong><br>
|
||||
<small style=color:#666>Supplier: Murata</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_E80</code></td>
|
||||
<td>3,928</td>
|
||||
<td>4.59g</td>
|
||||
<td>2025-11-22</td>
|
||||
<td><span style=color:green;font-weight:bold;font-size:0.85rem>NORMAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210004></td>
|
||||
<td><font face=monospace>#88210004</font></td>
|
||||
<td>
|
||||
<strong>Battery Holder</strong><br>
|
||||
<small style=color:#666>Supplier: ST Micro</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2024_U54</code></td>
|
||||
<td>4,176</td>
|
||||
<td>5.49g</td>
|
||||
<td>2024-11-30</td>
|
||||
<td><span style=color:green;font-weight:bold;font-size:0.85rem>NORMAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210005></td>
|
||||
<td><font face=monospace>#88210005</font></td>
|
||||
<td>
|
||||
<strong>Capacitor 100nF</strong><br>
|
||||
<small style=color:#666>Supplier: Murata</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2024_S23</code></td>
|
||||
<td>8,482</td>
|
||||
<td>6.16g</td>
|
||||
<td>2024-09-07</td>
|
||||
<td><span style=color:green;font-weight:bold;font-size:0.85rem>NORMAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210006></td>
|
||||
<td><font face=monospace>#88210006</font></td>
|
||||
<td>
|
||||
<strong>Resistor 10k 0603</strong><br>
|
||||
<small style=color:#666>Supplier: Gamma Inc</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_D58</code></td>
|
||||
<td>8,943</td>
|
||||
<td>9.83g</td>
|
||||
<td>2025-07-06</td>
|
||||
<td><span style=color:green;font-weight:bold;font-size:0.85rem>NORMAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210007></td>
|
||||
<td><font face=monospace>#88210007</font></td>
|
||||
<td>
|
||||
<strong>Resistor 10k 0603</strong><br>
|
||||
<small style=color:#666>Supplier: ConnWorld</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_T22</code></td>
|
||||
<td>7,779</td>
|
||||
<td>0.81g</td>
|
||||
<td>2025-11-03</td>
|
||||
<td><span style=color:green;font-weight:bold;font-size:0.85rem>NORMAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210008></td>
|
||||
<td><font face=monospace>#88210008</font></td>
|
||||
<td>
|
||||
<strong>Diode 1N4148</strong><br>
|
||||
<small style=color:#666>Supplier: Alpha Corp</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2024_P22</code></td>
|
||||
<td>894</td>
|
||||
<td>6.67g</td>
|
||||
<td>2024-04-13</td>
|
||||
<td><span style=color:green;font-weight:bold;font-size:0.85rem>NORMAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210009></td>
|
||||
<td><font face=monospace>#88210009</font></td>
|
||||
<td>
|
||||
<strong>Fuse 500mA</strong><br>
|
||||
<small style=color:#666>Supplier: Beta Ltd</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2024_W53</code></td>
|
||||
<td>5,019</td>
|
||||
<td>9.38g</td>
|
||||
<td>2024-05-17</td>
|
||||
<td><span style=color:green;font-weight:bold;font-size:0.85rem>NORMAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210010></td>
|
||||
<td><font face=monospace>#88210010</font></td>
|
||||
<td>
|
||||
<strong>PCB Stiffener</strong><br>
|
||||
<small style=color:#666>Supplier: Texas Inst</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_C6</code></td>
|
||||
<td>7,015</td>
|
||||
<td>8.68g</td>
|
||||
<td>2025-01-05</td>
|
||||
<td><span style=color:green;font-weight:bold;font-size:0.85rem>NORMAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class=pagination-container>
|
||||
<div class=pagination-info>
|
||||
Showing <span id=startRecord>1</span> to <span id=endRecord>10</span> of <span id=totalRecords>358</span> records
|
||||
</div>
|
||||
<div style=display:flex;align-items:center;gap:10px>
|
||||
<select id=pageSizeSelect>
|
||||
<option value=10 selected>10/page</option>
|
||||
<option value=20>20/page</option>
|
||||
<option value=50>50/page</option>
|
||||
<option value=100>100/page</option>
|
||||
</select>
|
||||
<div class=pagination-controls id=paginationControls><button class=page-btn disabled><<</button><button class=page-btn disabled><</button><button class="page-btn active">1</button><button class=page-btn>2</button><button class=page-btn>3</button><button class=page-btn>></button><button class=page-btn>>></button></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
<table border=1 width=100% bgcolor=#eeeeee style=border:none;border-radius:8px;overflow:hidden;background:#f1f5f9>
|
||||
<tbody><tr>
|
||||
<td style=padding:20px;border:none>
|
||||
<h4 style=margin-top:0>Batch Operation Console</h4>
|
||||
<p>Selected Action:
|
||||
<select id=batchActionSelect>
|
||||
<option selected>-- Select Action --</option>
|
||||
<option>Batch Export</option>
|
||||
<option>Batch Delete (Admin Required)</option>
|
||||
<option>Transfer Warehouse</option>
|
||||
</select>
|
||||
<input type=button value=Execute>
|
||||
</p>
|
||||
<p style=font-size:0.9em;color:#666>
|
||||
<label><input type=checkbox value=on> I have read and agree to the "Data Security Operation Standard v9.0"</label><br>
|
||||
<label><input type=checkbox value=on> Confirm no misoperation</label>
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td width=20% valign=top class="layout-cell sidebar-widgets">
|
||||
<table border=1 width=100% class=widget-table>
|
||||
<tbody><tr><td bgcolor=#000000 class=widget-header><font color=white align=center><b>Server Load</b></font></tr>
|
||||
<tbody class=widget-content>
|
||||
<tr><td>CPU: <div style=display:inline-block;width:50px;height:8px;background:#e2e8f0;border-radius:4px><div style=width:12%;height:100%;background:green;border-radius:4px></div></div> 12%</tr>
|
||||
<tr><td>RAM: <div style=display:inline-block;width:50px;height:8px;background:#e2e8f0;border-radius:4px><div style=width:64%;height:100%;background:orange;border-radius:4px></div></div> 64%</tr>
|
||||
<tr><td>DISK: <div style=display:inline-block;width:50px;height:8px;background:#e2e8f0;border-radius:4px><div style=width:98%;height:100%;background:red;border-radius:4px></div></div> <span style=color:red>98% (Warning)</span></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<br>
|
||||
<table border=1 width=100% class=widget-table>
|
||||
<tbody><tr><td bgcolor=#000000 class=widget-header><font color=white><b>To-Do List</b></font></tr>
|
||||
<tbody class=widget-content>
|
||||
<tr><td><label><input type=checkbox value=on> Approve Zhang San's Leave</label></tr>
|
||||
<tr><td><label><input type=checkbox value=on> Order Coffee Beans</label></tr>
|
||||
<tr><td><label><input type=checkbox value=on> Fix Printer</label></tr>
|
||||
<tr><td><label><input type=checkbox value=on> Update Firewall</label></tr>
|
||||
<tr><td><label><input type=checkbox value=on> Year-end Report Summary</label></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<br>
|
||||
<center>
|
||||
<p style=font-size:0.8rem;color:#888>Scan to Download App</p>
|
||||
<div style="background:white;padding:10px;border-radius:8px;display:inline-block;border:1px solid #ddd">
|
||||
<table border=1 width=100 height=100 style=border:none>
|
||||
<tbody><tr><td align=center style=border:none>QR CODE</tr>
|
||||
</table>
|
||||
</div>
|
||||
</center>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class=footer-row>
|
||||
<td colspan=3 bgcolor=#333333 align=center>
|
||||
<font color=#ffffff size=2>
|
||||
© 2005-2025 Galactic Logistics Corp. All Rights Reserved.<br>
|
||||
Address: Sector 7G, Industrial Zone, Mars Colony.<br>
|
||||
<a href=# style=color:#aaaaaa>Privacy Policy</a> |
|
||||
<a href=# style=color:#aaaaaa>Terms of Service</a> |
|
||||
<a href=# style=color:#aaaaaa>Sitemap</a> |
|
||||
<a href=# style=color:#aaaaaa>Report Abuse</a>
|
||||
<br>
|
||||
<span style=opacity:0.5>Render Time: 0.04s | SQL Queries: 142 | Memory: 4MB</span>
|
||||
</font>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="modal-overlay sf-hidden" id=editModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=detailModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=settingsModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=helpModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=reportModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=confirmModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=alertModal>
|
||||
|
||||
</div>
|
||||
<div class=toast-container id=toastContainer></div>
|
||||
380
001/1-004.html
Normal file
380
001/1-004.html
Normal file
@@ -0,0 +1,380 @@
|
||||
<!DOCTYPE html> <html style><!--
|
||||
--><meta charset=utf-8>
|
||||
<title>SYS_V4.2_INVENTORY_MANAGE_INTERNAL_USE_ONLY</title>
|
||||
<style>:root{--primary:#2563eb;--danger:#dc2626;--bg:#f8fafc;--panel:#ffffff;--border:#e2e8f0;--text:#334155}body{font-family:"Segoe UI",system-ui,sans-serif;background-color:var(--bg)!important;color:var(--text)!important;margin:0;padding:0;line-height:1.5}a{text-decoration:none;color:var(--primary)!important;transition:0.2s}a:hover{text-decoration:underline}.main-layout-table{background-color:transparent!important;border:none!important;width:100%;border-collapse:collapse}.header-row td{background-color:#1e293b!important;color:white!important;padding:15px 20px!important;border:none!important}.header-row h1{margin:0;font-size:1.2rem;font-weight:600}.header-row p{margin:5px 0 0;opacity:0.8;font-size:0.9rem}.header-row a{color:#94a3b8!important;margin:0 5px}.layout-cell{vertical-align:top;padding:20px!important;border:none!important}.sidebar-nav ul{list-style:none;padding:0;background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden}.sidebar-nav ul li a{display:block;padding:10px 15px;border-bottom:1px solid var(--border);color:var(--text)!important}.sidebar-nav ul li a:hover{background-color:#eff6ff;color:var(--primary)!important;text-decoration:none}.main-content h2{font-size:1.5rem;border-bottom:2px solid var(--primary);padding-bottom:10px;margin-top:0}.filter-table{background:var(--panel);padding:15px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.05);border:1px solid var(--border)!important}.filter-table td{border:none!important;padding:5px!important}input[type="text"],select{padding:6px;border:1px solid #ccc;border-radius:4px}.data-table{background:var(--panel)!important;border-collapse:collapse!important;border:none!important;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);border-radius:8px;overflow:hidden;width:100%;margin-top:20px}.data-table th{background-color:#f1f5f9!important;color:#475569;text-transform:uppercase;font-size:0.85rem;padding:12px!important;border:none!important;border-bottom:2px solid var(--border)!important}.data-table td{border:none!important;border-bottom:1px solid var(--border)!important;padding:12px!important;font-size:0.95rem}.data-table tr:hover td{background-color:#f8fafc}.action-group a{display:inline-block;padding:2px 6px;font-size:0.8rem;border-radius:4px;text-decoration:none!important;margin-right:2px;margin-bottom:2px;border:1px solid transparent}.btn-view{background:#e0f2fe;color:#0369a1!important}.btn-edit{background:#dcfce7;color:#15803d!important}.btn-danger{background:#fee2e2;color:#b91c1c!important}.widget-table{background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:8px;margin-bottom:20px;border-collapse:collapse}.widget-header{background-color:#334155!important;color:white!important;padding:10px!important;font-weight:bold;border-radius:7px 7px 0 0}.widget-content td{padding:8px 15px!important;border-bottom:1px solid #eee!important}.footer-row td{background-color:var(--panel)!important;color:#94a3b8!important;border-top:1px solid var(--border)!important;padding:20px!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity 0.3s ease}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:10px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.pagination-info{font-size:0.9rem;color:#64748b}.pagination-controls{display:flex;gap:5px}.page-btn{padding:5px 10px;border:1px solid #e2e8f0;background:white;cursor:pointer;border-radius:4px;font-size:0.9rem;color:#475569}.page-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.page-btn.active{background:var(--primary);color:white;border-color:var(--primary)}.page-btn:disabled{opacity:0.5;cursor:not-allowed}.toast-container{position:fixed;bottom:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:10px}.spinner{border:2px solid #f3f3f3;border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}</style>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:5500/001/1-001.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 bgcolor=#e0e0e0 text=#000000 link=#0000FF vlink=#800080 alink=#FF0000>
|
||||
<table width=100% border=1 cellpadding=5 cellspacing=0 bgcolor=#cccccc class=main-layout-table>
|
||||
<tbody><tr class=header-row>
|
||||
<td colspan=3 align=center>
|
||||
<h1>Internal Inventory Control System V4.2 (Unclassified)</h1>
|
||||
<p>Current Login: OPERATOR_8821 | <a href=#>[Logout]</a> | <a href=#>[Switch Node]</a> | <a href=#>[System Log]</a> | <a href=#>[Report Error]</a></p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width=20% valign=top class="layout-cell sidebar-nav">
|
||||
<h3>Quick Navigation</h3>
|
||||
<ul id=sidebarList>
|
||||
<li><a href=javascript:void(0)>📌 Dashboard</a></li>
|
||||
<li><a href=javascript:void(0)>🔥 Inbound Request (Urgent)</a></li>
|
||||
<li><a href=javascript:void(0)>📥 Inbound Request (Normal)</a></li>
|
||||
<li><a href=javascript:void(0)>🗄️ Inbound Request (Archived)</a></li>
|
||||
<li><a href=javascript:void(0)>📤 Outbound Approval (Zone A)</a></li>
|
||||
<li><a href=javascript:void(0)>📤 Outbound Approval (Zone B)</a></li>
|
||||
<li><a href=javascript:void(0)>🚫 Outbound Approval (Zone C)</a></li>
|
||||
<li><a href=javascript:void(0)>📉 Damage Registration</a></li>
|
||||
<li><a href=javascript:void(0)>👥 Personnel Management</a></li>
|
||||
<li><a href=javascript:void(0)>💰 Financial Interface</a></li>
|
||||
<li><a href=javascript:void(0)>⚙️ System Settings</a></li>
|
||||
<li><a href=javascript:void(0)>🖨️ Print Test Page</a></li>
|
||||
<li class="legacy-link sf-hidden"></li>
|
||||
<li class="legacy-link sf-hidden"></li>
|
||||
<li class="legacy-link sf-hidden"></li>
|
||||
<li><a href=javascript:void(0)>❓ Help & Support</a></li>
|
||||
<li><a href=javascript:void(0)>💾 Download Controls</a></li>
|
||||
<li><a href=javascript:void(0)>🔄 Refresh System</a></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<div style="background:#fff7ed;padding:10px;border-radius:4px;font-size:0.9em;border:1px solid #ffedd5">
|
||||
<p style=margin:0;color:#c2410c><b>System Broadcast:</b><br>Please note, server maintenance is scheduled for 03:00 tonight. Do not submit forms during this time.</p>
|
||||
</div>
|
||||
<p style=text-align:center;color:#888;margin-top:10px><b>Quote of the Day:</b><br>Safety First, Efficiency Foremost.</p>
|
||||
</td>
|
||||
|
||||
<td width=60% valign=top class="layout-cell main-content">
|
||||
<h2>Inventory List - Zone A1</h2>
|
||||
|
||||
<form id=searchForm>
|
||||
<table border=0 width=100% class=filter-table>
|
||||
<tbody><tr>
|
||||
<td>Keyword: <input type=text id=searchInput name=kw size=30 placeholder="Enter ID or Name" value></td>
|
||||
<td>
|
||||
Type:
|
||||
<select id=typeSelect name=type>
|
||||
<option value=all selected>-- All --</option>
|
||||
<option value=res>Resistor</option>
|
||||
<option value=cap>Capacitor</option>
|
||||
<option value=ind>Inductor</option>
|
||||
<option value=chip>Chip</option>
|
||||
<option value=conn>Connector</option>
|
||||
<option value=other>Other</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
Status:
|
||||
<label><input type=checkbox name=st_normal value=NORMAL> Normal</label>
|
||||
<label><input type=checkbox name=st_low value=LOW> Warning</label>
|
||||
<label><input type=checkbox name=st_crit value=CRITICAL checked> Critical</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan=3 style=padding-top:10px>
|
||||
Sort:
|
||||
<label><input type=radio name=sort value=date checked> By Date</label>
|
||||
<label><input type=radio name=sort value=id> By ID</label>
|
||||
<label><input type=radio name=sort value=qty> By Quantity</label>
|
||||
<br><br>
|
||||
<button type=submit class="page-btn active" style="padding:6px 20px">
|
||||
<span id=search-spinner class=spinner style=display:none;width:12px;height:12px;border-width:2px;vertical-align:middle;margin-right:5px></span>
|
||||
Search
|
||||
</button>
|
||||
<button type=button class=page-btn>Reset</button>
|
||||
<button type=button class=page-btn disabled style=opacity:0.6;cursor:not-allowed>Export Excel</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
<hr style="border:0;margin:20px 0">
|
||||
<table border=1 width=100% cellpadding=3 cellspacing=1 class=data-table id=inventoryTable>
|
||||
<thead>
|
||||
<tr bgcolor=#999999>
|
||||
<th width=40><input type=checkbox id=selectAll value=on></th>
|
||||
<th width=100>ID</th>
|
||||
<th>Item Name</th>
|
||||
<th width=120>Batch No</th>
|
||||
<th width=80>Qty</th>
|
||||
<th width=80>Weight(g)</th>
|
||||
<th width=100>Inbound Date</th>
|
||||
<th width=100>Status Code</th>
|
||||
<th width=180>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id=tableBody><tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210258></td>
|
||||
<td><font face=monospace>#88210258</font></td>
|
||||
<td>
|
||||
<strong>Fuse 500mA</strong><br>
|
||||
<small style=color:#666>Supplier: NXP</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2026_B68</code></td>
|
||||
<td>6,731</td>
|
||||
<td>5.11g</td>
|
||||
<td>2026-01-23</td>
|
||||
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210194></td>
|
||||
<td><font face=monospace>#88210194</font></td>
|
||||
<td>
|
||||
<strong>Diode 1N4148</strong><br>
|
||||
<small style=color:#666>Supplier: Gamma Inc</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2026_J75</code></td>
|
||||
<td>2,294</td>
|
||||
<td>5.74g</td>
|
||||
<td>2026-01-22</td>
|
||||
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210125></td>
|
||||
<td><font face=monospace>#88210125</font></td>
|
||||
<td>
|
||||
<strong>Capacitor 100nF</strong><br>
|
||||
<small style=color:#666>Supplier: Alpha Corp</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2026_J81</code></td>
|
||||
<td>3,259</td>
|
||||
<td>1.56g</td>
|
||||
<td>2026-01-20</td>
|
||||
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210107></td>
|
||||
<td><font face=monospace>#88210107</font></td>
|
||||
<td>
|
||||
<strong>Header 2.54mm</strong><br>
|
||||
<small style=color:#666>Supplier: Gamma Inc</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2026_W29</code></td>
|
||||
<td>6,419</td>
|
||||
<td>8.60g</td>
|
||||
<td>2026-01-05</td>
|
||||
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210091></td>
|
||||
<td><font face=monospace>#88210091</font></td>
|
||||
<td>
|
||||
<strong>Connector USB-C</strong><br>
|
||||
<small style=color:#666>Supplier: Alpha Corp</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_K73</code></td>
|
||||
<td>1,615</td>
|
||||
<td>0.44g</td>
|
||||
<td>2025-12-27</td>
|
||||
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210227></td>
|
||||
<td><font face=monospace>#88210227</font></td>
|
||||
<td>
|
||||
<strong>Transistor 2N2222</strong><br>
|
||||
<small style=color:#666>Supplier: ConnWorld</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_I35</code></td>
|
||||
<td>9,711</td>
|
||||
<td>0.67g</td>
|
||||
<td>2025-12-16</td>
|
||||
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210135></td>
|
||||
<td><font face=monospace>#88210135</font></td>
|
||||
<td>
|
||||
<strong>Capacitor 100nF</strong><br>
|
||||
<small style=color:#666>Supplier: Beta Ltd</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_V32</code></td>
|
||||
<td>8,790</td>
|
||||
<td>7.49g</td>
|
||||
<td>2025-12-15</td>
|
||||
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210078></td>
|
||||
<td><font face=monospace>#88210078</font></td>
|
||||
<td>
|
||||
<strong>Regulator 3.3V</strong><br>
|
||||
<small style=color:#666>Supplier: Beta Ltd</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_Z44</code></td>
|
||||
<td>6,369</td>
|
||||
<td>4.13g</td>
|
||||
<td>2025-12-11</td>
|
||||
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210111></td>
|
||||
<td><font face=monospace>#88210111</font></td>
|
||||
<td>
|
||||
<strong>Diode 1N4148</strong><br>
|
||||
<small style=color:#666>Supplier: Alpha Corp</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_B8</code></td>
|
||||
<td>2,484</td>
|
||||
<td>7.87g</td>
|
||||
<td>2025-12-09</td>
|
||||
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210055></td>
|
||||
<td><font face=monospace>#88210055</font></td>
|
||||
<td>
|
||||
<strong>Resistor 10k 0603</strong><br>
|
||||
<small style=color:#666>Supplier: Beta Ltd</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_P65</code></td>
|
||||
<td>6,336</td>
|
||||
<td>3.24g</td>
|
||||
<td>2025-11-26</td>
|
||||
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class=pagination-container>
|
||||
<div class=pagination-info>
|
||||
Showing <span id=startRecord>1</span> to <span id=endRecord>10</span> of <span id=totalRecords>34</span> records
|
||||
</div>
|
||||
<div style=display:flex;align-items:center;gap:10px>
|
||||
<select id=pageSizeSelect>
|
||||
<option value=10 selected>10/page</option>
|
||||
<option value=20>20/page</option>
|
||||
<option value=50>50/page</option>
|
||||
<option value=100>100/page</option>
|
||||
</select>
|
||||
<div class=pagination-controls id=paginationControls><button class=page-btn disabled><<</button><button class=page-btn disabled><</button><button class="page-btn active">1</button><button class=page-btn>2</button><button class=page-btn>3</button><button class=page-btn>></button><button class=page-btn>>></button></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
<table border=1 width=100% bgcolor=#eeeeee style=border:none;border-radius:8px;overflow:hidden;background:#f1f5f9>
|
||||
<tbody><tr>
|
||||
<td style=padding:20px;border:none>
|
||||
<h4 style=margin-top:0>Batch Operation Console</h4>
|
||||
<p>Selected Action:
|
||||
<select id=batchActionSelect>
|
||||
<option selected>-- Select Action --</option>
|
||||
<option>Batch Export</option>
|
||||
<option>Batch Delete (Admin Required)</option>
|
||||
<option>Transfer Warehouse</option>
|
||||
</select>
|
||||
<input type=button value=Execute>
|
||||
</p>
|
||||
<p style=font-size:0.9em;color:#666>
|
||||
<label><input type=checkbox value=on> I have read and agree to the "Data Security Operation Standard v9.0"</label><br>
|
||||
<label><input type=checkbox value=on> Confirm no misoperation</label>
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td width=20% valign=top class="layout-cell sidebar-widgets">
|
||||
<table border=1 width=100% class=widget-table>
|
||||
<tbody><tr><td bgcolor=#000000 class=widget-header><font color=white align=center><b>Server Load</b></font></tr>
|
||||
<tbody class=widget-content>
|
||||
<tr><td>CPU: <div style=display:inline-block;width:50px;height:8px;background:#e2e8f0;border-radius:4px><div style=width:12%;height:100%;background:green;border-radius:4px></div></div> 12%</tr>
|
||||
<tr><td>RAM: <div style=display:inline-block;width:50px;height:8px;background:#e2e8f0;border-radius:4px><div style=width:64%;height:100%;background:orange;border-radius:4px></div></div> 64%</tr>
|
||||
<tr><td>DISK: <div style=display:inline-block;width:50px;height:8px;background:#e2e8f0;border-radius:4px><div style=width:98%;height:100%;background:red;border-radius:4px></div></div> <span style=color:red>98% (Warning)</span></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<br>
|
||||
<table border=1 width=100% class=widget-table>
|
||||
<tbody><tr><td bgcolor=#000000 class=widget-header><font color=white><b>To-Do List</b></font></tr>
|
||||
<tbody class=widget-content>
|
||||
<tr><td><label><input type=checkbox value=on> Approve Zhang San's Leave</label></tr>
|
||||
<tr><td><label><input type=checkbox value=on> Order Coffee Beans</label></tr>
|
||||
<tr><td><label><input type=checkbox value=on> Fix Printer</label></tr>
|
||||
<tr><td><label><input type=checkbox value=on> Update Firewall</label></tr>
|
||||
<tr><td><label><input type=checkbox value=on> Year-end Report Summary</label></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<br>
|
||||
<center>
|
||||
<p style=font-size:0.8rem;color:#888>Scan to Download App</p>
|
||||
<div style="background:white;padding:10px;border-radius:8px;display:inline-block;border:1px solid #ddd">
|
||||
<table border=1 width=100 height=100 style=border:none>
|
||||
<tbody><tr><td align=center style=border:none>QR CODE</tr>
|
||||
</table>
|
||||
</div>
|
||||
</center>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class=footer-row>
|
||||
<td colspan=3 bgcolor=#333333 align=center>
|
||||
<font color=#ffffff size=2>
|
||||
© 2005-2025 Galactic Logistics Corp. All Rights Reserved.<br>
|
||||
Address: Sector 7G, Industrial Zone, Mars Colony.<br>
|
||||
<a href=# style=color:#aaaaaa>Privacy Policy</a> |
|
||||
<a href=# style=color:#aaaaaa>Terms of Service</a> |
|
||||
<a href=# style=color:#aaaaaa>Sitemap</a> |
|
||||
<a href=# style=color:#aaaaaa>Report Abuse</a>
|
||||
<br>
|
||||
<span style=opacity:0.5>Render Time: 0.04s | SQL Queries: 142 | Memory: 4MB</span>
|
||||
</font>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="modal-overlay sf-hidden" id=editModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=detailModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=settingsModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=helpModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=reportModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=confirmModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=alertModal>
|
||||
|
||||
</div>
|
||||
<div class=toast-container id=toastContainer></div>
|
||||
380
001/1-005.html
Normal file
380
001/1-005.html
Normal file
@@ -0,0 +1,380 @@
|
||||
<!DOCTYPE html> <html style><!--
|
||||
--><meta charset=utf-8>
|
||||
<title>SYS_V4.2_INVENTORY_MANAGE_INTERNAL_USE_ONLY</title>
|
||||
<style>:root{--primary:#2563eb;--danger:#dc2626;--bg:#f8fafc;--panel:#ffffff;--border:#e2e8f0;--text:#334155}body{font-family:"Segoe UI",system-ui,sans-serif;background-color:var(--bg)!important;color:var(--text)!important;margin:0;padding:0;line-height:1.5}a{text-decoration:none;color:var(--primary)!important;transition:0.2s}a:hover{text-decoration:underline}.main-layout-table{background-color:transparent!important;border:none!important;width:100%;border-collapse:collapse}.header-row td{background-color:#1e293b!important;color:white!important;padding:15px 20px!important;border:none!important}.header-row h1{margin:0;font-size:1.2rem;font-weight:600}.header-row p{margin:5px 0 0;opacity:0.8;font-size:0.9rem}.header-row a{color:#94a3b8!important;margin:0 5px}.layout-cell{vertical-align:top;padding:20px!important;border:none!important}.sidebar-nav ul{list-style:none;padding:0;background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden}.sidebar-nav ul li a{display:block;padding:10px 15px;border-bottom:1px solid var(--border);color:var(--text)!important}.sidebar-nav ul li a:hover{background-color:#eff6ff;color:var(--primary)!important;text-decoration:none}.main-content h2{font-size:1.5rem;border-bottom:2px solid var(--primary);padding-bottom:10px;margin-top:0}.filter-table{background:var(--panel);padding:15px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.05);border:1px solid var(--border)!important}.filter-table td{border:none!important;padding:5px!important}input[type="text"],select{padding:6px;border:1px solid #ccc;border-radius:4px}.data-table{background:var(--panel)!important;border-collapse:collapse!important;border:none!important;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);border-radius:8px;overflow:hidden;width:100%;margin-top:20px}.data-table th{background-color:#f1f5f9!important;color:#475569;text-transform:uppercase;font-size:0.85rem;padding:12px!important;border:none!important;border-bottom:2px solid var(--border)!important}.data-table td{border:none!important;border-bottom:1px solid var(--border)!important;padding:12px!important;font-size:0.95rem}.data-table tr:hover td{background-color:#f8fafc}.action-group a{display:inline-block;padding:2px 6px;font-size:0.8rem;border-radius:4px;text-decoration:none!important;margin-right:2px;margin-bottom:2px;border:1px solid transparent}.btn-view{background:#e0f2fe;color:#0369a1!important}.btn-edit{background:#dcfce7;color:#15803d!important}.btn-danger{background:#fee2e2;color:#b91c1c!important}.widget-table{background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:8px;margin-bottom:20px;border-collapse:collapse}.widget-header{background-color:#334155!important;color:white!important;padding:10px!important;font-weight:bold;border-radius:7px 7px 0 0}.widget-content td{padding:8px 15px!important;border-bottom:1px solid #eee!important}.footer-row td{background-color:var(--panel)!important;color:#94a3b8!important;border-top:1px solid var(--border)!important;padding:20px!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity 0.3s ease}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:10px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.pagination-info{font-size:0.9rem;color:#64748b}.pagination-controls{display:flex;gap:5px}.page-btn{padding:5px 10px;border:1px solid #e2e8f0;background:white;cursor:pointer;border-radius:4px;font-size:0.9rem;color:#475569}.page-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.page-btn.active{background:var(--primary);color:white;border-color:var(--primary)}.page-btn:disabled{opacity:0.5;cursor:not-allowed}.toast-container{position:fixed;bottom:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:10px}.spinner{border:2px solid #f3f3f3;border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}</style>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:5500/001/1-001.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 bgcolor=#e0e0e0 text=#000000 link=#0000FF vlink=#800080 alink=#FF0000>
|
||||
<table width=100% border=1 cellpadding=5 cellspacing=0 bgcolor=#cccccc class=main-layout-table>
|
||||
<tbody><tr class=header-row>
|
||||
<td colspan=3 align=center>
|
||||
<h1>Internal Inventory Control System V4.2 (Unclassified)</h1>
|
||||
<p>Current Login: OPERATOR_8821 | <a href=#>[Logout]</a> | <a href=#>[Switch Node]</a> | <a href=#>[System Log]</a> | <a href=#>[Report Error]</a></p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width=20% valign=top class="layout-cell sidebar-nav">
|
||||
<h3>Quick Navigation</h3>
|
||||
<ul id=sidebarList>
|
||||
<li><a href=javascript:void(0)>📌 Dashboard</a></li>
|
||||
<li><a href=javascript:void(0)>🔥 Inbound Request (Urgent)</a></li>
|
||||
<li><a href=javascript:void(0)>📥 Inbound Request (Normal)</a></li>
|
||||
<li><a href=javascript:void(0)>🗄️ Inbound Request (Archived)</a></li>
|
||||
<li><a href=javascript:void(0)>📤 Outbound Approval (Zone A)</a></li>
|
||||
<li><a href=javascript:void(0)>📤 Outbound Approval (Zone B)</a></li>
|
||||
<li><a href=javascript:void(0)>🚫 Outbound Approval (Zone C)</a></li>
|
||||
<li><a href=javascript:void(0)>📉 Damage Registration</a></li>
|
||||
<li><a href=javascript:void(0)>👥 Personnel Management</a></li>
|
||||
<li><a href=javascript:void(0)>💰 Financial Interface</a></li>
|
||||
<li><a href=javascript:void(0)>⚙️ System Settings</a></li>
|
||||
<li><a href=javascript:void(0)>🖨️ Print Test Page</a></li>
|
||||
<li class="legacy-link sf-hidden"></li>
|
||||
<li class="legacy-link sf-hidden"></li>
|
||||
<li class="legacy-link sf-hidden"></li>
|
||||
<li><a href=javascript:void(0)>❓ Help & Support</a></li>
|
||||
<li><a href=javascript:void(0)>💾 Download Controls</a></li>
|
||||
<li><a href=javascript:void(0)>🔄 Refresh System</a></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<div style="background:#fff7ed;padding:10px;border-radius:4px;font-size:0.9em;border:1px solid #ffedd5">
|
||||
<p style=margin:0;color:#c2410c><b>System Broadcast:</b><br>Please note, server maintenance is scheduled for 03:00 tonight. Do not submit forms during this time.</p>
|
||||
</div>
|
||||
<p style=text-align:center;color:#888;margin-top:10px><b>Quote of the Day:</b><br>Safety First, Efficiency Foremost.</p>
|
||||
</td>
|
||||
|
||||
<td width=60% valign=top class="layout-cell main-content">
|
||||
<h2>Inventory List - Zone A1</h2>
|
||||
|
||||
<form id=searchForm>
|
||||
<table border=0 width=100% class=filter-table>
|
||||
<tbody><tr>
|
||||
<td>Keyword: <input type=text id=searchInput name=kw size=30 placeholder="Enter ID or Name" value></td>
|
||||
<td>
|
||||
Type:
|
||||
<select id=typeSelect name=type>
|
||||
<option value=all selected>-- All --</option>
|
||||
<option value=res>Resistor</option>
|
||||
<option value=cap>Capacitor</option>
|
||||
<option value=ind>Inductor</option>
|
||||
<option value=chip>Chip</option>
|
||||
<option value=conn>Connector</option>
|
||||
<option value=other>Other</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
Status:
|
||||
<label><input type=checkbox name=st_normal value=NORMAL> Normal</label>
|
||||
<label><input type=checkbox name=st_low value=LOW> Warning</label>
|
||||
<label><input type=checkbox name=st_crit value=CRITICAL checked> Critical</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan=3 style=padding-top:10px>
|
||||
Sort:
|
||||
<label><input type=radio name=sort value=date checked> By Date</label>
|
||||
<label><input type=radio name=sort value=id> By ID</label>
|
||||
<label><input type=radio name=sort value=qty> By Quantity</label>
|
||||
<br><br>
|
||||
<button type=submit class="page-btn active" style="padding:6px 20px">
|
||||
<span id=search-spinner class=spinner style=display:none;width:12px;height:12px;border-width:2px;vertical-align:middle;margin-right:5px></span>
|
||||
Search
|
||||
</button>
|
||||
<button type=button class=page-btn>Reset</button>
|
||||
<button type=button class=page-btn disabled style=opacity:0.6;cursor:not-allowed>Export Excel</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
<hr style="border:0;margin:20px 0">
|
||||
<table border=1 width=100% cellpadding=3 cellspacing=1 class=data-table id=inventoryTable>
|
||||
<thead>
|
||||
<tr bgcolor=#999999>
|
||||
<th width=40><input type=checkbox id=selectAll value=on></th>
|
||||
<th width=100>ID</th>
|
||||
<th>Item Name</th>
|
||||
<th width=120>Batch No</th>
|
||||
<th width=80>Qty</th>
|
||||
<th width=80>Weight(g)</th>
|
||||
<th width=100>Inbound Date</th>
|
||||
<th width=100>Status Code</th>
|
||||
<th width=180>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id=tableBody><tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210233></td>
|
||||
<td><font face=monospace>#88210233</font></td>
|
||||
<td>
|
||||
<strong>Battery Holder</strong><br>
|
||||
<small style=color:#666>Supplier: Gamma Inc</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_L8</code></td>
|
||||
<td>2,973</td>
|
||||
<td>9.25g</td>
|
||||
<td>2025-07-10</td>
|
||||
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210240></td>
|
||||
<td><font face=monospace>#88210240</font></td>
|
||||
<td>
|
||||
<strong>MCU STM32F103</strong><br>
|
||||
<small style=color:#666>Supplier: Alpha Corp</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_M86</code></td>
|
||||
<td>8,267</td>
|
||||
<td>0.42g</td>
|
||||
<td>2025-05-29</td>
|
||||
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210109></td>
|
||||
<td><font face=monospace>#88210109</font></td>
|
||||
<td>
|
||||
<strong>Crystal 16MHz</strong><br>
|
||||
<small style=color:#666>Supplier: Murata</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_N75</code></td>
|
||||
<td>2,899</td>
|
||||
<td>1.45g</td>
|
||||
<td>2025-05-14</td>
|
||||
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210063></td>
|
||||
<td><font face=monospace>#88210063</font></td>
|
||||
<td>
|
||||
<strong>LED Red 0805</strong><br>
|
||||
<small style=color:#666>Supplier: Beta Ltd</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_C72</code></td>
|
||||
<td>3,859</td>
|
||||
<td>3.28g</td>
|
||||
<td>2025-03-16</td>
|
||||
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210077></td>
|
||||
<td><font face=monospace>#88210077</font></td>
|
||||
<td>
|
||||
<strong>Resistor 10k 0603</strong><br>
|
||||
<small style=color:#666>Supplier: ST Micro</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_A40</code></td>
|
||||
<td>3,018</td>
|
||||
<td>3.67g</td>
|
||||
<td>2025-03-15</td>
|
||||
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210013></td>
|
||||
<td><font face=monospace>#88210013</font></td>
|
||||
<td>
|
||||
<strong>LED Red 0805</strong><br>
|
||||
<small style=color:#666>Supplier: Murata</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_A35</code></td>
|
||||
<td>200</td>
|
||||
<td>8.45g</td>
|
||||
<td>2025-03-13</td>
|
||||
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210341></td>
|
||||
<td><font face=monospace>#88210341</font></td>
|
||||
<td>
|
||||
<strong>Inductor 22uH</strong><br>
|
||||
<small style=color:#666>Supplier: Beta Ltd</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_S30</code></td>
|
||||
<td>750</td>
|
||||
<td>9.32g</td>
|
||||
<td>2025-02-05</td>
|
||||
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210184></td>
|
||||
<td><font face=monospace>#88210184</font></td>
|
||||
<td>
|
||||
<strong>Fuse 500mA</strong><br>
|
||||
<small style=color:#666>Supplier: ST Micro</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_D37</code></td>
|
||||
<td>4,611</td>
|
||||
<td>5.53g</td>
|
||||
<td>2025-01-26</td>
|
||||
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210288></td>
|
||||
<td><font face=monospace>#88210288</font></td>
|
||||
<td>
|
||||
<strong>Diode 1N4148</strong><br>
|
||||
<small style=color:#666>Supplier: Alpha Corp</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2025_C70</code></td>
|
||||
<td>8,520</td>
|
||||
<td>0.20g</td>
|
||||
<td>2025-01-04</td>
|
||||
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
<tr class=data-row>
|
||||
<td align=center><input type=checkbox class=row-check value=88210032></td>
|
||||
<td><font face=monospace>#88210032</font></td>
|
||||
<td>
|
||||
<strong>PCB Stiffener</strong><br>
|
||||
<small style=color:#666>Supplier: NXP</small>
|
||||
</td>
|
||||
<td><code style=background:#f1f5f9;padding:2px>BATCH_2024_W52</code></td>
|
||||
<td>877</td>
|
||||
<td>6.17g</td>
|
||||
<td>2024-12-22</td>
|
||||
<td><span style=color:red;font-weight:bold;font-size:0.85rem>CRITICAL</span></td>
|
||||
<td class=action-group>
|
||||
<a href=javascript:void(0) class=btn-view>[Detail]</a>
|
||||
<a href=javascript:void(0) class=btn-edit>[Edit]</a>
|
||||
<a href=javascript:void(0) class=btn-danger>[Del]</a>
|
||||
</td>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class=pagination-container>
|
||||
<div class=pagination-info>
|
||||
Showing <span id=startRecord>11</span> to <span id=endRecord>20</span> of <span id=totalRecords>36</span> records
|
||||
</div>
|
||||
<div style=display:flex;align-items:center;gap:10px>
|
||||
<select id=pageSizeSelect>
|
||||
<option value=10 selected>10/page</option>
|
||||
<option value=20>20/page</option>
|
||||
<option value=50>50/page</option>
|
||||
<option value=100>100/page</option>
|
||||
</select>
|
||||
<div class=pagination-controls id=paginationControls><button class=page-btn><<</button><button class=page-btn><</button><button class=page-btn>1</button><button class="page-btn active">2</button><button class=page-btn>3</button><button class=page-btn>4</button><button class=page-btn>></button><button class=page-btn>>></button></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
<table border=1 width=100% bgcolor=#eeeeee style=border:none;border-radius:8px;overflow:hidden;background:#f1f5f9>
|
||||
<tbody><tr>
|
||||
<td style=padding:20px;border:none>
|
||||
<h4 style=margin-top:0>Batch Operation Console</h4>
|
||||
<p>Selected Action:
|
||||
<select id=batchActionSelect>
|
||||
<option selected>-- Select Action --</option>
|
||||
<option>Batch Export</option>
|
||||
<option>Batch Delete (Admin Required)</option>
|
||||
<option>Transfer Warehouse</option>
|
||||
</select>
|
||||
<input type=button value=Execute>
|
||||
</p>
|
||||
<p style=font-size:0.9em;color:#666>
|
||||
<label><input type=checkbox value=on> I have read and agree to the "Data Security Operation Standard v9.0"</label><br>
|
||||
<label><input type=checkbox value=on> Confirm no misoperation</label>
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td width=20% valign=top class="layout-cell sidebar-widgets">
|
||||
<table border=1 width=100% class=widget-table>
|
||||
<tbody><tr><td bgcolor=#000000 class=widget-header><font color=white align=center><b>Server Load</b></font></tr>
|
||||
<tbody class=widget-content>
|
||||
<tr><td>CPU: <div style=display:inline-block;width:50px;height:8px;background:#e2e8f0;border-radius:4px><div style=width:12%;height:100%;background:green;border-radius:4px></div></div> 12%</tr>
|
||||
<tr><td>RAM: <div style=display:inline-block;width:50px;height:8px;background:#e2e8f0;border-radius:4px><div style=width:64%;height:100%;background:orange;border-radius:4px></div></div> 64%</tr>
|
||||
<tr><td>DISK: <div style=display:inline-block;width:50px;height:8px;background:#e2e8f0;border-radius:4px><div style=width:98%;height:100%;background:red;border-radius:4px></div></div> <span style=color:red>98% (Warning)</span></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<br>
|
||||
<table border=1 width=100% class=widget-table>
|
||||
<tbody><tr><td bgcolor=#000000 class=widget-header><font color=white><b>To-Do List</b></font></tr>
|
||||
<tbody class=widget-content>
|
||||
<tr><td><label><input type=checkbox value=on> Approve Zhang San's Leave</label></tr>
|
||||
<tr><td><label><input type=checkbox value=on> Order Coffee Beans</label></tr>
|
||||
<tr><td><label><input type=checkbox value=on> Fix Printer</label></tr>
|
||||
<tr><td><label><input type=checkbox value=on> Update Firewall</label></tr>
|
||||
<tr><td><label><input type=checkbox value=on> Year-end Report Summary</label></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<br>
|
||||
<center>
|
||||
<p style=font-size:0.8rem;color:#888>Scan to Download App</p>
|
||||
<div style="background:white;padding:10px;border-radius:8px;display:inline-block;border:1px solid #ddd">
|
||||
<table border=1 width=100 height=100 style=border:none>
|
||||
<tbody><tr><td align=center style=border:none>QR CODE</tr>
|
||||
</table>
|
||||
</div>
|
||||
</center>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class=footer-row>
|
||||
<td colspan=3 bgcolor=#333333 align=center>
|
||||
<font color=#ffffff size=2>
|
||||
© 2005-2025 Galactic Logistics Corp. All Rights Reserved.<br>
|
||||
Address: Sector 7G, Industrial Zone, Mars Colony.<br>
|
||||
<a href=# style=color:#aaaaaa>Privacy Policy</a> |
|
||||
<a href=# style=color:#aaaaaa>Terms of Service</a> |
|
||||
<a href=# style=color:#aaaaaa>Sitemap</a> |
|
||||
<a href=# style=color:#aaaaaa>Report Abuse</a>
|
||||
<br>
|
||||
<span style=opacity:0.5>Render Time: 0.04s | SQL Queries: 142 | Memory: 4MB</span>
|
||||
</font>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="modal-overlay sf-hidden" id=editModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=detailModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=settingsModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=helpModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=reportModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=confirmModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=alertModal>
|
||||
|
||||
</div>
|
||||
<div class=toast-container id=toastContainer></div>
|
||||
@@ -1,13 +1,22 @@
|
||||
{
|
||||
"step-1": {
|
||||
"query": "我要检索严重状态物料，请你先帮我点击检索栏中的正常状态以取消选中",
|
||||
"query": "我想知道有哪些物料是严重状态的，请你先取消检索条件中正常状态的选中",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-2": {
|
||||
"query": "我要检索严重状态物料，请你再点击检索栏中的警告状态以取消选中",
|
||||
"query": "请你再取消警告状态的选中",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-3": {
|
||||
|
||||
"query": "请你开始检索",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-4": {
|
||||
"query": "请你查看检索结果的第一页，看看有多少物料，如果有数量少于1000的物料，请你帮我删除第一个这样的物料，否则前往下一页",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-5": {
|
||||
"query": "如果本页有数量少于1000的物料请你帮我删除，请你删除第一个这样的物料，如果没有请在下一页查找",
|
||||
"grounding_area": ""
|
||||
}
|
||||
}
|
||||
137
002/2-001.html
Normal file
137
002/2-001.html
Normal file
File diff suppressed because one or more lines are too long
129
002/2-002.html
Normal file
129
002/2-002.html
Normal file
@@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html> <html lang=en><!--
|
||||
Page saved with SingleFile
|
||||
url: http://127.0.0.1:5500/002/2-all.html
|
||||
saved date: Sat Feb 07 2026 16:12:24 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)}*{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}a,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 a{padding:8px 12px;color:#94a3b8;font-size:13px;border-radius:4px}.nav-top a:hover,.nav-top a.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}.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)}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:20px;box-shadow:var(--shadow-sm);margin-bottom:20px;transition:background 0.3s}.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 tr:hover td{background:var(--primary-light)}.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}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.4s;border-radius:20px}.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>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:5500/002/2-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>
|
||||
<div class=brand>
|
||||
<svg class=icon style=width:24px;height:24px><use xlink:href=#i-check></use></svg>
|
||||
GlobalGuard <span>Audit V9.4</span>
|
||||
</div>
|
||||
<div class=nav-top>
|
||||
<a>Workspace</a>
|
||||
<a>Order Queue (200+)</a>
|
||||
<a class=active>Settings</a>
|
||||
</div>
|
||||
<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>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>
|
||||
<div class=menu-group>
|
||||
<div class=menu-header>Core Operations</div>
|
||||
<div class=menu-item id=menu-dashboard>
|
||||
<svg class=icon><use xlink:href=#i-home></use></svg> Dashboard Overview
|
||||
</div>
|
||||
<div class=menu-item id=menu-orders>
|
||||
<svg class=icon><use xlink:href=#i-list></use></svg> Audit Queue
|
||||
<span class=badge id=sidebar-count>164</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class=menu-group>
|
||||
<div class=menu-header>Tools</div>
|
||||
<div class="menu-item active" id=menu-settings>
|
||||
<svg class=icon><use xlink:href=#i-settings></use></svg> System Settings
|
||||
</div>
|
||||
</div>
|
||||
<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)>
|
||||
<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 sf-hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div id=view-settings class="view-panel active">
|
||||
<h2>System Preferences</h2>
|
||||
<div class=card style=margin-top:20px;max-width:600px>
|
||||
<div style=display:flex;justify-content:space-between;align-items:center;margin-bottom:20px>
|
||||
<div>
|
||||
<h4 style="margin:0 0 5px 0">Dark Mode</h4>
|
||||
<div style=font-size:12px;color:var(--text-muted)>Switch interface to dark theme, suitable for night work.</div>
|
||||
</div>
|
||||
<label class=switch>
|
||||
<input type=checkbox id=theme-toggle value=on class=sf-hidden>
|
||||
<span class=slider></span>
|
||||
</label>
|
||||
</div>
|
||||
<hr style="border:0;border-top:1px solid var(--border);margin:15px 0">
|
||||
<div style=display:flex;justify-content:space-between;align-items:center>
|
||||
<div>
|
||||
<h4 style="margin:0 0 5px 0">Auto-Refresh List</h4>
|
||||
<div style=font-size:12px;color:var(--text-muted)>Automatically fetch new orders every 60 seconds.</div>
|
||||
</div>
|
||||
<label class=switch>
|
||||
<input type=checkbox checked value=on class=sf-hidden>
|
||||
<span class=slider></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<div class="drawer-backdrop sf-hidden" id=drawer-backdrop></div>
|
||||
<div class=drawer id=drawer-panel>
|
||||
<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">×</button>
|
||||
</div>
|
||||
<div class=drawer-body id=d-content>
|
||||
</div>
|
||||
<div class=drawer-footer id=d-footer>
|
||||
<button class="btn btn-danger">Reject Order</button>
|
||||
<button class="btn btn-primary">Approve Order</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=modal-reject>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=modal-logout>
|
||||
|
||||
</div>
|
||||
<div class=toast-container id=toast-root></div>
|
||||
</div>
|
||||
129
002/2-003.html
Normal file
129
002/2-003.html
Normal file
@@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html> <html lang=en data-theme=dark><!--
|
||||
Page saved with SingleFile
|
||||
url: http://127.0.0.1:5500/002/2-all.html
|
||||
saved date: Sat Feb 07 2026 16:22:17 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}a,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 a{padding:8px 12px;color:#94a3b8;font-size:13px;border-radius:4px}.nav-top a:hover,.nav-top a.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}.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)}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:20px;box-shadow:var(--shadow-sm);margin-bottom:20px;transition:background 0.3s}.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 tr:hover td{background:var(--primary-light)}.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}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.4s;border-radius:20px}.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>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:5500/002/2-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>
|
||||
<div class=brand>
|
||||
<svg class=icon style=width:24px;height:24px><use xlink:href=#i-check></use></svg>
|
||||
GlobalGuard <span>Audit V9.4</span>
|
||||
</div>
|
||||
<div class=nav-top>
|
||||
<a>Workspace</a>
|
||||
<a>Order Queue (200+)</a>
|
||||
<a class=active>Settings</a>
|
||||
</div>
|
||||
<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>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>
|
||||
<div class=menu-group>
|
||||
<div class=menu-header>Core Operations</div>
|
||||
<div class=menu-item id=menu-dashboard>
|
||||
<svg class=icon><use xlink:href=#i-home></use></svg> Dashboard Overview
|
||||
</div>
|
||||
<div class=menu-item id=menu-orders>
|
||||
<svg class=icon><use xlink:href=#i-list></use></svg> Audit Queue
|
||||
<span class=badge id=sidebar-count>176</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class=menu-group>
|
||||
<div class=menu-header>Tools</div>
|
||||
<div class="menu-item active" id=menu-settings>
|
||||
<svg class=icon><use xlink:href=#i-settings></use></svg> System Settings
|
||||
</div>
|
||||
</div>
|
||||
<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)>
|
||||
<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 sf-hidden">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div id=view-settings class="view-panel active">
|
||||
<h2>System Preferences</h2>
|
||||
<div class=card style=margin-top:20px;max-width:600px>
|
||||
<div style=display:flex;justify-content:space-between;align-items:center;margin-bottom:20px>
|
||||
<div>
|
||||
<h4 style="margin:0 0 5px 0">Dark Mode</h4>
|
||||
<div style=font-size:12px;color:var(--text-muted)>Switch interface to dark theme, suitable for night work.</div>
|
||||
</div>
|
||||
<label class=switch>
|
||||
<input type=checkbox id=theme-toggle value=on checked class=sf-hidden>
|
||||
<span class=slider></span>
|
||||
</label>
|
||||
</div>
|
||||
<hr style="border:0;border-top:1px solid var(--border);margin:15px 0">
|
||||
<div style=display:flex;justify-content:space-between;align-items:center>
|
||||
<div>
|
||||
<h4 style="margin:0 0 5px 0">Auto-Refresh List</h4>
|
||||
<div style=font-size:12px;color:var(--text-muted)>Automatically fetch new orders every 60 seconds.</div>
|
||||
</div>
|
||||
<label class=switch>
|
||||
<input type=checkbox checked value=on class=sf-hidden>
|
||||
<span class=slider></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<div class="drawer-backdrop sf-hidden" id=drawer-backdrop></div>
|
||||
<div class=drawer id=drawer-panel>
|
||||
<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">×</button>
|
||||
</div>
|
||||
<div class=drawer-body id=d-content>
|
||||
</div>
|
||||
<div class=drawer-footer id=d-footer>
|
||||
<button class="btn btn-danger">Reject Order</button>
|
||||
<button class="btn btn-primary">Approve Order</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=modal-reject>
|
||||
|
||||
</div>
|
||||
<div class="modal-overlay sf-hidden" id=modal-logout>
|
||||
|
||||
</div>
|
||||
<div class=toast-container id=toast-root></div>
|
||||
</div>
|
||||
4719
002/2-004.html
Normal file
4719
002/2-004.html
Normal file
File diff suppressed because one or more lines are too long
4449
002/2-005.html
Normal file
4449
002/2-005.html
Normal file
File diff suppressed because one or more lines are too long
888
002/2-006.html
Normal file
888
002/2-006.html
Normal file
File diff suppressed because one or more lines are too long
885
002/2-007.html
Normal file
885
002/2-007.html
Normal file
File diff suppressed because one or more lines are too long
@@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<html lang="en">
|
||||
<head>
|
||||
<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 {
|
||||
/* 配色系统 - 保持 V9.2 的现代风格 */
|
||||
/* Color System - Maintain V9.2 Modern Style */
|
||||
--primary: #2563eb;
|
||||
--primary-hover: #1d4ed8;
|
||||
--primary-light: #eff6ff;
|
||||
@@ -18,13 +18,13 @@
|
||||
--text-muted: #64748b;
|
||||
--border: #e2e8f0;
|
||||
|
||||
/* 状态色 */
|
||||
/* Status Colors */
|
||||
--success: #10b981;
|
||||
--warning: #f59e0b;
|
||||
--danger: #ef4444;
|
||||
--info: #06b6d4;
|
||||
|
||||
/* 尺寸与阴影 */
|
||||
/* Dimensions & Shadows */
|
||||
--sidebar-w: 260px;
|
||||
--header-h: 60px;
|
||||
--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
@@ -32,7 +32,7 @@
|
||||
--trans: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
/* 深色模式变量 */
|
||||
/* Dark Mode Variables */
|
||||
[data-theme="dark"] {
|
||||
--bg-body: #0f172a;
|
||||
--bg-card: #1e293b;
|
||||
@@ -44,7 +44,7 @@
|
||||
--primary-light: rgba(37, 99, 235, 0.1);
|
||||
}
|
||||
|
||||
/* --- 基础重置 --- */
|
||||
/* --- Basic Resets --- */
|
||||
* { 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; }
|
||||
a, button { cursor: pointer; transition: var(--trans); color: inherit; text-decoration: none; }
|
||||
@@ -52,7 +52,7 @@
|
||||
|
||||
.icon { width: 16px; height: 16px; fill: currentColor; vertical-align: middle; margin-right: 4px; }
|
||||
|
||||
/* --- 布局框架 --- */
|
||||
/* --- Layout Framework --- */
|
||||
.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); }
|
||||
@@ -102,11 +102,11 @@
|
||||
.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); /* 限制高度使内容可滚动 */ }
|
||||
/* Table Styles (Enhanced: Sticky Header Support) */
|
||||
.order-table-wrapper { border: 1px solid var(--border); border-radius: 8px; overflow: auto; background: var(--bg-card); max-height: calc(100vh - 250px); /* Limit height for scrolling */ }
|
||||
.order-table { width: 100%; border-collapse: collapse; font-size: 13px; text-align: left; }
|
||||
|
||||
/* 粘性表头 */
|
||||
/* Sticky Header */
|
||||
.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; }
|
||||
@@ -126,7 +126,7 @@
|
||||
.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 & Modals */
|
||||
.drawer-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 100; display: none; 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.open { right: 0; }
|
||||
@@ -183,17 +183,17 @@
|
||||
GlobalGuard <span>Audit V9.4</span>
|
||||
</div>
|
||||
<div class="nav-top">
|
||||
<a onclick="app.nav('dashboard')" class="active">工作台</a>
|
||||
<a onclick="app.nav('orders')">订单队列 (200+)</a>
|
||||
<a onclick="app.nav('settings')">设置</a>
|
||||
<a onclick="app.nav('dashboard')" class="active">Workspace</a>
|
||||
<a onclick="app.nav('orders')">Order Queue (200+)</a>
|
||||
<a onclick="app.nav('settings')">Settings</a>
|
||||
</div>
|
||||
<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)">华东审核组</div>
|
||||
<div style="color:rgba(255,255,255,0.6)">East China Audit Group</div>
|
||||
</div>
|
||||
<div class="avatar">A</div>
|
||||
<button class="btn" style="background:rgba(255,255,255,0.1); padding:5px 10px;" onclick="app.showLogout()">退出</button>
|
||||
<button class="btn" style="background:rgba(255,255,255,0.1); padding:5px 10px;" onclick="app.showLogout()">Logout</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
@@ -202,17 +202,17 @@
|
||||
<div class="menu-group">
|
||||
<div class="menu-header">Core Operations</div>
|
||||
<div class="menu-item active" onclick="app.nav('dashboard')" id="menu-dashboard">
|
||||
<svg class="icon"><use xlink:href="#i-home"></use></svg> 仪表盘概览
|
||||
<svg class="icon"><use xlink:href="#i-home"></use></svg> Dashboard Overview
|
||||
</div>
|
||||
<div class="menu-item" onclick="app.nav('orders')" id="menu-orders">
|
||||
<svg class="icon"><use xlink:href="#i-list"></use></svg> 待审核队列
|
||||
<svg class="icon"><use xlink:href="#i-list"></use></svg> Audit Queue
|
||||
<span class="badge" id="sidebar-count">--</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu-group">
|
||||
<div class="menu-header">Tools</div>
|
||||
<div class="menu-item" onclick="app.nav('settings')" id="menu-settings">
|
||||
<svg class="icon"><use xlink:href="#i-settings"></use></svg> 系统设置
|
||||
<svg class="icon"><use xlink:href="#i-settings"></use></svg> System Settings
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top:auto; padding:20px;">
|
||||
@@ -227,74 +227,74 @@
|
||||
<main class="content">
|
||||
|
||||
<div id="view-dashboard" class="view-panel active">
|
||||
<h2 style="margin-bottom:20px;">今日数据大盘 (Live)</h2>
|
||||
<h2 style="margin-bottom:20px;">Today's Data Overview (Live)</h2>
|
||||
|
||||
<div class="stat-grid">
|
||||
<div class="stat-box">
|
||||
<span class="stat-label">待审核订单</span>
|
||||
<span class="stat-label">Pending Orders</span>
|
||||
<span class="stat-num" id="dash-pending">--</span>
|
||||
<span class="stat-trend trend-down">需要立刻处理</span>
|
||||
<span class="stat-trend trend-down">Action Required</span>
|
||||
</div>
|
||||
<div class="stat-box">
|
||||
<span class="stat-label">今日高风险拦截</span>
|
||||
<span class="stat-label">High Risk Intercepts</span>
|
||||
<span class="stat-num" style="color:var(--danger)" id="dash-risk">--</span>
|
||||
<span class="stat-trend">占比 <span id="dash-risk-rate">--%</span></span>
|
||||
<span class="stat-trend">Ratio <span id="dash-risk-rate">--%</span></span>
|
||||
</div>
|
||||
<div class="stat-box">
|
||||
<span class="stat-label">涉及总金额 (CNY)</span>
|
||||
<span class="stat-label">Total Amount (CNY)</span>
|
||||
<span class="stat-num" id="dash-amount">--</span>
|
||||
<span class="stat-trend trend-up">较昨日 ↑ 23%</span>
|
||||
<span class="stat-trend trend-up">vs Yesterday ↑ 23%</span>
|
||||
</div>
|
||||
<div class="stat-box">
|
||||
<span class="stat-label">我的绩效 (今日)</span>
|
||||
<span class="stat-label">My Performance (Today)</span>
|
||||
<span class="stat-num" style="color:var(--success)">42</span>
|
||||
<span class="stat-trend">KPI 达成率 80%</span>
|
||||
<span class="stat-trend">KPI Achievement 80%</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<span class="card-title">系统公告</span>
|
||||
<span class="card-title">System Announcements</span>
|
||||
<span class="tag tag-urgent">New</span>
|
||||
</div>
|
||||
<div style="font-size:13px; color:var(--text-muted); line-height:1.6;">
|
||||
<p><strong>[安全通告] 关于近期显卡代购风险升级的通知</strong></p>
|
||||
<p>近期检测到针对 RTX 5090 系列显卡的批量下单行为，请审核员重点关注“同一收货地址模糊匹配”以及“新注册账号大额支付”的情况。对于高风险订单建议直接转交二审。</p>
|
||||
<p><strong>[Security Alert] Notification on Risk Upgrade for Graphics Card Proxy Buying</strong></p>
|
||||
<p>Recently detected bulk ordering behavior targeting RTX 5090 series graphics cards. Auditors please focus on "fuzzy matching of same shipping address" and "large payments from new accounts". High-risk orders should be transferred to Level 2 Audit.</p>
|
||||
<hr style="border:0; border-top:1px dashed var(--border); margin:10px 0;">
|
||||
<p><strong>[系统更新] V9.4 补丁说明</strong></p>
|
||||
<p>已接入模拟数据生成引擎，现在演示环境可承载 200+ 并发订单展示。</p>
|
||||
<p><strong>[System Update] V9.4 Patch Notes</strong></p>
|
||||
<p>Integrated mock data generation engine, demo environment now supports 200+ concurrent order displays.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="view-orders" class="view-panel">
|
||||
<h2 style="margin-bottom:20px;">人工审核队列</h2>
|
||||
<h2 style="margin-bottom:20px;">Manual Audit Queue</h2>
|
||||
|
||||
<div class="filter-panel">
|
||||
<div class="form-group">
|
||||
<label>关键词 (订单号/用户/商品)</label>
|
||||
<input type="text" class="input-control" id="search-keyword" placeholder="输入关键词...">
|
||||
<label>Keywords (Order/User/Product)</label>
|
||||
<input type="text" class="input-control" id="search-keyword" placeholder="Enter keywords...">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>风险等级</label>
|
||||
<label>Risk Level</label>
|
||||
<select class="input-control" id="search-risk">
|
||||
<option value="all">全部等级</option>
|
||||
<option value="high">High (高风险)</option>
|
||||
<option value="medium">Medium (中风险)</option>
|
||||
<option value="low">Low (低风险)</option>
|
||||
<option value="all">All Levels</option>
|
||||
<option value="high">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>订单状态</label>
|
||||
<label>Order Status</label>
|
||||
<select class="input-control" id="search-status">
|
||||
<option value="pending">待审核 (Pending)</option>
|
||||
<option value="all_history">全部历史记录</option>
|
||||
<option value="pending">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" onclick="app.resetFilter()">重置</button>
|
||||
<button class="btn btn-secondary" onclick="app.resetFilter()">Reset</button>
|
||||
<button class="btn btn-primary" onclick="app.applyFilter()">
|
||||
<svg class="icon"><use xlink:href="#i-list"></use></svg> 查询
|
||||
<svg class="icon"><use xlink:href="#i-list"></use></svg> Search
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -304,39 +304,39 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width:40px;"><input type="checkbox" id="check-all" onclick="app.toggleSelectAll()"></th>
|
||||
<th>订单信息</th>
|
||||
<th>用户画像</th>
|
||||
<th>商品概览</th>
|
||||
<th>金额</th>
|
||||
<th>风险评分</th>
|
||||
<th>状态</th>
|
||||
<th style="text-align:right;">操作</th>
|
||||
<th>Order Info</th>
|
||||
<th>User Profile</th>
|
||||
<th>Product Overview</th>
|
||||
<th>Amount</th>
|
||||
<th>Risk Score</th>
|
||||
<th>Status</th>
|
||||
<th style="text-align:right;">Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="table-body">
|
||||
</tbody>
|
||||
</table>
|
||||
<div id="empty-state" style="padding:40px; text-align:center; color:var(--text-muted); display:none;">
|
||||
没有找到符合条件的订单
|
||||
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" onclick="app.batchAction('approve')">批量通过</button>
|
||||
<button class="btn btn-danger" onclick="app.batchAction('reject')">批量驳回</button>
|
||||
<button class="btn btn-primary" onclick="app.batchAction('approve')">Batch Approve</button>
|
||||
<button class="btn btn-danger" onclick="app.batchAction('reject')">Batch Reject</button>
|
||||
<span style="margin-left:auto; font-size:12px; color:var(--text-muted);">
|
||||
显示 <strong id="current-count">0</strong> 条结果 / 共 <span id="total-db-count">0</span> 条
|
||||
Showing <strong id="current-count">0</strong> results / Total <span id="total-db-count">0</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="view-settings" class="view-panel">
|
||||
<h2>系统偏好设置</h2>
|
||||
<h2>System Preferences</h2>
|
||||
<div class="card" style="margin-top:20px; max-width:600px;">
|
||||
<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;">
|
||||
<div>
|
||||
<h4 style="margin:0 0 5px 0;">深色模式 (Dark Mode)</h4>
|
||||
<div style="font-size:12px; color:var(--text-muted);">切换界面为深色主题，适合夜间工作。</div>
|
||||
<h4 style="margin:0 0 5px 0;">Dark Mode</h4>
|
||||
<div style="font-size:12px; color:var(--text-muted);">Switch interface to dark theme, suitable for night work.</div>
|
||||
</div>
|
||||
<label class="switch">
|
||||
<input type="checkbox" id="theme-toggle" onchange="app.toggleTheme()">
|
||||
@@ -346,8 +346,8 @@
|
||||
<hr style="border:0; border-top:1px solid var(--border); margin:15px 0;">
|
||||
<div style="display:flex; justify-content:space-between; align-items:center;">
|
||||
<div>
|
||||
<h4 style="margin:0 0 5px 0;">自动刷新列表</h4>
|
||||
<div style="font-size:12px; color:var(--text-muted);">每隔 60 秒自动拉取新订单。</div>
|
||||
<h4 style="margin:0 0 5px 0;">Auto-Refresh List</h4>
|
||||
<div style="font-size:12px; color:var(--text-muted);">Automatically fetch new orders every 60 seconds.</div>
|
||||
</div>
|
||||
<label class="switch">
|
||||
<input type="checkbox" checked>
|
||||
@@ -363,33 +363,33 @@
|
||||
<div class="drawer-backdrop" id="drawer-backdrop" onclick="app.closeDrawer()"></div>
|
||||
<div class="drawer" id="drawer-panel">
|
||||
<div class="drawer-header">
|
||||
<h3 style="margin:0;">订单详情 <span id="d-id" style="font-weight:400; color:var(--text-muted);"></span></h3>
|
||||
<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;" onclick="app.closeDrawer()">×</button>
|
||||
</div>
|
||||
<div class="drawer-body" id="d-content">
|
||||
</div>
|
||||
<div class="drawer-footer" id="d-footer">
|
||||
<button class="btn btn-danger" onclick="app.rejectCurrent()">驳回订单</button>
|
||||
<button class="btn btn-primary" onclick="app.approveCurrent()">通过审核</button>
|
||||
<button class="btn btn-danger" onclick="app.rejectCurrent()">Reject Order</button>
|
||||
<button class="btn btn-primary" onclick="app.approveCurrent()">Approve Order</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal-overlay" id="modal-reject">
|
||||
<div class="modal">
|
||||
<div class="modal-body">
|
||||
<h3 style="margin-top:0;">确认驳回订单?</h3>
|
||||
<p style="color:var(--text-muted); font-size:13px; margin-bottom:15px;">请选择驳回理由，系统将发送通知给用户。</p>
|
||||
<h3 style="margin-top:0;">Confirm Reject?</h3>
|
||||
<p style="color:var(--text-muted); font-size:13px; margin-bottom:15px;">Please select a reason for rejection. The system will notify the user.</p>
|
||||
<select class="input-control" id="reject-reason" style="width:100%; margin-bottom:10px;">
|
||||
<option value="风险拦截-疑似盗刷">风险拦截 - 疑似盗刷</option>
|
||||
<option value="信息不全-地址模糊">信息不全 - 地址模糊</option>
|
||||
<option value="限购限制-超出数量">限购限制 - 超出数量</option>
|
||||
<option value="其他原因">其他原因</option>
|
||||
<option value="风险拦截-疑似盗刷">Risk Intercept - Suspected Fraud</option>
|
||||
<option value="信息不全-地址模糊">Incomplete Info - Vague Address</option>
|
||||
<option value="限购限制-超出数量">Purchase Limit - Exceeded Quantity</option>
|
||||
<option value="其他原因">Other Reason</option>
|
||||
</select>
|
||||
<textarea class="input-control" id="reject-note" style="width:100%; height:80px;" placeholder="备注信息 (可选)..."></textarea>
|
||||
<textarea class="input-control" id="reject-note" style="width:100%; height:80px;" placeholder="Notes (Optional)..."></textarea>
|
||||
</div>
|
||||
<div class="modal-actions">
|
||||
<button onclick="app.closeModal('modal-reject')">取消</button>
|
||||
<button class="confirm" onclick="app.confirmReject()">确认驳回</button>
|
||||
<button onclick="app.closeModal('modal-reject')">Cancel</button>
|
||||
<button class="confirm" onclick="app.confirmReject()">Confirm Reject</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -397,12 +397,12 @@
|
||||
<div class="modal-overlay" id="modal-logout">
|
||||
<div class="modal">
|
||||
<div class="modal-body">
|
||||
<h3>退出系统</h3>
|
||||
<p style="color:var(--text-muted);">确定要退出当前账号吗？未保存的操作将丢失。</p>
|
||||
<h3>System Logout</h3>
|
||||
<p style="color:var(--text-muted);">Are you sure you want to log out? Unsaved changes will be lost.</p>
|
||||
</div>
|
||||
<div class="modal-actions">
|
||||
<button onclick="app.closeModal('modal-logout')">取消</button>
|
||||
<button class="confirm" onclick="location.reload()">确认退出</button>
|
||||
<button onclick="app.closeModal('modal-logout')">Cancel</button>
|
||||
<button class="confirm" onclick="location.reload()">Confirm Logout</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -412,10 +412,10 @@
|
||||
|
||||
<script>
|
||||
const app = {
|
||||
// 数据中心
|
||||
// Data Center
|
||||
data: {
|
||||
orders: [], // 存储所有订单
|
||||
currentId: null, // 当前查看/操作的ID
|
||||
orders: [], // Store all orders
|
||||
currentId: null, // Currently viewed/operated ID
|
||||
selectedIds: new Set(),
|
||||
filter: {
|
||||
keyword: '',
|
||||
@@ -424,39 +424,39 @@ const app = {
|
||||
}
|
||||
},
|
||||
|
||||
// 初始化
|
||||
// Initialization
|
||||
init() {
|
||||
// 1. 保留核心“故事”数据 (V9.2)
|
||||
// 1. Keep core "Story" data (V9.2)
|
||||
const storyOrders = [
|
||||
{ id: '20251221-A001', user: 'user_9921', userScore: 780, items: [{name: 'RTX 5090 显卡', qty: 2, price: 17499}], total: 34999.00, address: '北京市海淀区中关村软件园...', date: '2025-12-21 14:30', risk: 'low', score: 12, status: 'pending', tags: ['urgent'], logs: '支付指纹匹配，IP归属地一致。' },
|
||||
{ id: '20251221-A002', user: 'temp_user_001', userScore: null, items: [{name: '游戏点卡充值 (虚拟)', qty: 50, price: 100}], total: 5000.00, address: '虚拟发货 (自动)', date: '2025-12-21 14:31', risk: 'high', score: 92, status: 'pending', tags: ['risk'], logs: '警告：该IP今日已尝试下单5次失败，建议拦截。' },
|
||||
{ id: '20251221-A003', user: 'loyal_cust_88', userScore: 900, items: [{name: '爱他美婴儿奶粉 3段', qty: 6, price: 200}], total: 1200.00, address: '上海市浦东新区陆家嘴...', date: '2025-12-21 14:32', risk: 'low', score: 5, status: 'pending', tags: [], logs: '历史购买记录匹配，常规复购。' },
|
||||
{ id: '20251221-A004', user: 'company_buyer_22', userScore: 850, items: [{name: '人体工学办公椅', qty: 50, price: 300}], total: 15000.00, address: '深圳市南山区科技园...', date: '2025-12-21 14:35', risk: 'medium', score: 45, status: 'pending', tags: ['large'], logs: '首次大额采购，需电话核实企业资质。' },
|
||||
{ id: '20251221-A007', user: 'unknown_proxy', userScore: 120, items: [{name: '亚马逊礼品卡 $100', qty: 10, price: 7100}], total: 7100.00, address: 'Email Delivery', date: '2025-12-21 14:40', risk: 'high', score: 98, status: 'pending', tags: ['risk'], logs: '检测到高危代理IP，建议立即封锁。' }
|
||||
{ id: '20251221-A001', user: 'user_9921', userScore: 780, items: [{name: 'RTX 5090 Graphics Card', qty: 2, price: 17499}], total: 34999.00, address: 'Zhongguancun Software Park, Haidian District, Beijing...', date: '2025-12-21 14:30', risk: 'low', score: 12, status: 'pending', tags: ['urgent'], logs: 'Payment fingerprint match. IP location consistent.' },
|
||||
{ id: '20251221-A002', user: 'temp_user_001', userScore: null, items: [{name: 'Game Card Top-up (Virtual)', qty: 50, price: 100}], total: 5000.00, address: 'Virtual Delivery (Auto)', date: '2025-12-21 14:31', risk: 'high', score: 92, status: 'pending', tags: ['risk'], logs: 'Warning: This IP failed 5 order attempts today. Interception recommended.' },
|
||||
{ id: '20251221-A003', user: 'loyal_cust_88', userScore: 900, items: [{name: 'Aptamil Infant Formula Stage 3', qty: 6, price: 200}], total: 1200.00, address: 'Lujiazui, Pudong New Area, Shanghai...', date: '2025-12-21 14:32', risk: 'low', score: 5, status: 'pending', tags: [], logs: 'History match. Routine repurchase.' },
|
||||
{ id: '20251221-A004', user: 'company_buyer_22', userScore: 850, items: [{name: 'Ergonomic Office Chair', qty: 50, price: 300}], total: 15000.00, address: 'Science Park, Nanshan District, Shenzhen...', date: '2025-12-21 14:35', risk: 'medium', score: 45, status: 'pending', tags: ['large'], logs: 'First large purchase. Phone verification of business qualifications required.' },
|
||||
{ id: '20251221-A007', user: 'unknown_proxy', userScore: 120, items: [{name: 'Amazon Gift Card $100', qty: 10, price: 7100}], total: 7100.00, address: 'Email Delivery', date: '2025-12-21 14:40', risk: 'high', score: 98, status: 'pending', tags: ['risk'], logs: 'High-risk proxy IP detected. Immediate block recommended.' }
|
||||
];
|
||||
|
||||
// 2. 混合数据生成：自动生成200条仿真数据
|
||||
// 2. Hybrid Data Gen: Auto-generate 200 simulation records
|
||||
const randomData = this.generateBulkData(200);
|
||||
|
||||
this.data.orders = [...storyOrders, ...randomData];
|
||||
|
||||
// 渲染初始界面
|
||||
// Render Initial View
|
||||
this.renderTable();
|
||||
this.updateDashboard();
|
||||
|
||||
console.log(`System Initialized: Loaded ${this.data.orders.length} orders.`);
|
||||
this.showToast(`系统就绪，已加载 ${this.data.orders.length} 条数据`, 'success');
|
||||
this.showToast(`System ready, loaded ${this.data.orders.length} records`, 'success');
|
||||
},
|
||||
|
||||
// --- 数据生成引擎 (适配 V9.2 结构) ---
|
||||
// --- Data Gen Engine (Adapted V9.2) ---
|
||||
generateBulkData(count) {
|
||||
const products = [
|
||||
{n: 'iPhone 16 Pro Max', p: 9999}, {n: 'AirPods Pro 3', p: 1899}, {n: 'Dyson 吹风机', p: 2999},
|
||||
{n: 'iPhone 16 Pro Max', p: 9999}, {n: 'AirPods Pro 3', p: 1899}, {n: 'Dyson Hair Dryer', p: 2999},
|
||||
{n: 'Sony WH-1000XM5', p: 2499}, {n: 'Nike Dunk Low', p: 899}, {n: 'Logitech MX Master 3S', p: 799},
|
||||
{n: 'Starbucks 星礼卡', p: 200}, {n: 'Switch OLED 日版', p: 2100}, {n: 'La Mer 面霜', p: 3500}
|
||||
{n: 'Starbucks Gift Card', p: 200}, {n: 'Switch OLED (JP Ver)', p: 2100}, {n: 'La Mer Cream', p: 3500}
|
||||
];
|
||||
const users = ['alex', 'bill', 'candy', 'david', 'echo', 'frank', 'grace', 'helen', 'ivy', 'jack'];
|
||||
const cities = ['北京', '上海', '广州', '深圳', '杭州', '成都', '武汉', '南京'];
|
||||
const cities = ['Beijing', 'Shanghai', 'Guangzhou', 'Shenzhen', 'Hangzhou', 'Chengdu', 'Wuhan', 'Nanjing'];
|
||||
const res = [];
|
||||
|
||||
for(let i=0; i<count; i++) {
|
||||
@@ -464,15 +464,15 @@ const app = {
|
||||
const qty = Math.floor(Math.random() * 3) + 1;
|
||||
const score = Math.floor(Math.random() * 100);
|
||||
|
||||
// 确定风险等级
|
||||
// Determine risk level
|
||||
let risk = 'low';
|
||||
if(score > 60) risk = 'medium';
|
||||
if(score > 85) risk = 'high';
|
||||
|
||||
// 随机状态 (80% pending)
|
||||
// Random status (80% pending)
|
||||
const status = Math.random() > 0.8 ? (Math.random()>0.5 ? 'approved' : 'rejected') : 'pending';
|
||||
|
||||
// 随机标签
|
||||
// Random tags
|
||||
const tags = [];
|
||||
if(risk === 'high') tags.push('risk');
|
||||
if(prod.p * qty > 10000) tags.push('large');
|
||||
@@ -484,19 +484,19 @@ const app = {
|
||||
userScore: Math.floor(Math.random() * 500) + 300,
|
||||
items: [{ name: prod.n, qty: qty, price: prod.p }],
|
||||
total: prod.p * qty,
|
||||
address: `${cities[Math.floor(Math.random()*cities.length)]}市...`,
|
||||
address: `${cities[Math.floor(Math.random()*cities.length)]} City...`,
|
||||
date: `2025-12-22 14:${Math.floor(Math.random()*60).toString().padStart(2,'0')}`,
|
||||
risk: risk,
|
||||
score: score,
|
||||
status: status,
|
||||
tags: tags,
|
||||
logs: '系统自动生成的仿真日志记录。'
|
||||
logs: 'System generated mock log record.'
|
||||
});
|
||||
}
|
||||
return res;
|
||||
},
|
||||
|
||||
// --- 导航与视图 ---
|
||||
// --- Navigation & View ---
|
||||
nav(viewId) {
|
||||
document.querySelectorAll('.view-panel').forEach(el => el.classList.remove('active'));
|
||||
document.getElementById(`view-${viewId}`).classList.add('active');
|
||||
@@ -517,16 +517,16 @@ const app = {
|
||||
document.documentElement.setAttribute('data-theme', isDark ? 'dark' : 'light');
|
||||
},
|
||||
|
||||
// --- 核心业务逻辑：筛选与渲染 ---
|
||||
// --- Core Business Logic: Filter & Render ---
|
||||
applyFilter() {
|
||||
const btn = event.target.closest('button');
|
||||
if(btn) {
|
||||
const originalHtml = btn.innerHTML;
|
||||
btn.innerHTML = '<span class="loader"></span> 查询中';
|
||||
btn.innerHTML = '<span class="loader"></span> Searching...';
|
||||
btn.disabled = true;
|
||||
setTimeout(() => {
|
||||
this._executeFilter();
|
||||
this.showToast('筛选已更新');
|
||||
this.showToast('Filters updated');
|
||||
btn.innerHTML = originalHtml;
|
||||
btn.disabled = false;
|
||||
}, 300);
|
||||
@@ -564,17 +564,17 @@ const app = {
|
||||
return matchKw && matchRisk && matchStatus;
|
||||
});
|
||||
|
||||
// 限制渲染数量以保证性能（如果超过500条）
|
||||
// Limit render count for performance (if > 500)
|
||||
const displayList = filtered.slice(0, 500);
|
||||
|
||||
// 更新计数
|
||||
// Update counts
|
||||
const pendingCount = this.data.orders.filter(o => o.status === 'pending').length;
|
||||
document.getElementById('sidebar-count').innerText = pendingCount;
|
||||
document.getElementById('empty-state').style.display = displayList.length ? 'none' : 'block';
|
||||
document.getElementById('current-count').innerText = displayList.length;
|
||||
document.getElementById('total-db-count').innerText = this.data.orders.length;
|
||||
|
||||
// 生成 HTML
|
||||
// Generate HTML
|
||||
let htmlBuffer = '';
|
||||
displayList.forEach(order => {
|
||||
let riskColor = '#10b981';
|
||||
@@ -585,12 +585,12 @@ const app = {
|
||||
if(order.status === 'approved') statusBadge = `<span class="status-dot status-approved"></span>Approved`;
|
||||
if(order.status === 'rejected') statusBadge = `<span class="status-dot status-rejected"></span>Rejected`;
|
||||
|
||||
const itemSummary = `${order.items[0].name} ${order.items.length > 1 ? `等 ${order.items.length} 件` : ''}`;
|
||||
const itemSummary = `${order.items[0].name} ${order.items.length > 1 ? `and ${order.items.length} more` : ''}`;
|
||||
|
||||
const tagsHtml = order.tags.map(t => {
|
||||
if(t === 'urgent') return `<span class="tag tag-urgent">加急</span>`;
|
||||
if(t === 'large') return `<span class="tag tag-large">大宗</span>`;
|
||||
if(t === 'risk') return `<span class="tag tag-risk">风险</span>`;
|
||||
if(t === 'urgent') return `<span class="tag tag-urgent">Urgent</span>`;
|
||||
if(t === 'large') return `<span class="tag tag-large">Large</span>`;
|
||||
if(t === 'risk') return `<span class="tag tag-risk">Risk</span>`;
|
||||
if(t === 'vip') return `<span class="tag tag-vip">VIP</span>`;
|
||||
return '';
|
||||
}).join('');
|
||||
@@ -605,7 +605,7 @@ const app = {
|
||||
</td>
|
||||
<td>
|
||||
<div>${order.user}</div>
|
||||
<div style="font-size:11px; color:var(--text-muted);">信誉分: ${order.userScore || 'N/A'}</div>
|
||||
<div style="font-size:11px; color:var(--text-muted);">Credit Score: ${order.userScore || 'N/A'}</div>
|
||||
</td>
|
||||
<td><div title="${itemSummary}">${itemSummary}</div></td>
|
||||
<td style="font-weight:600; color:var(--text-main);">¥ ${order.total.toLocaleString()}</td>
|
||||
@@ -640,7 +640,7 @@ const app = {
|
||||
document.getElementById('dash-amount').innerText = totalAmt.toLocaleString();
|
||||
},
|
||||
|
||||
// --- 详情抽屉逻辑 ---
|
||||
// --- Drawer Logic ---
|
||||
openDrawer(id) {
|
||||
this.data.currentId = id;
|
||||
const order = this.data.orders.find(o => o.id === id);
|
||||
@@ -658,26 +658,26 @@ const app = {
|
||||
|
||||
content.innerHTML = `
|
||||
<div class="detail-section">
|
||||
<h4>风控决策引擎</h4>
|
||||
<h4>Risk Control Decision Engine</h4>
|
||||
<div style="background:${order.risk === 'high' ? '#fff5f5' : '#f0fdf4'}; padding:10px; border-radius:4px; border:1px solid ${order.risk === 'high' ? '#feb2b2' : '#bbf7d0'};">
|
||||
<div style="font-weight:bold; color:${order.risk === 'high' ? '#c53030' : '#22543d'};">
|
||||
综合风险分: ${order.score} (${order.risk.toUpperCase()})
|
||||
Composite Risk Score: ${order.score} (${order.risk.toUpperCase()})
|
||||
</div>
|
||||
<p style="margin:5px 0 0 0; font-size:12px; color:var(--text-muted);">${order.logs}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail-section">
|
||||
<h4>收货信息</h4>
|
||||
<h4>Shipping Info</h4>
|
||||
<div class="info-grid">
|
||||
<span class="info-label">收货人:</span> <span class="info-val">${order.user}</span>
|
||||
<span class="info-label">收货地址:</span> <span class="info-val" style="grid-column:span 2">${order.address}</span>
|
||||
<span class="info-label">Consignee:</span> <span class="info-val">${order.user}</span>
|
||||
<span class="info-label">Address:</span> <span class="info-val" style="grid-column:span 2">${order.address}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail-section">
|
||||
<h4>商品清单</h4>
|
||||
<h4>Item List</h4>
|
||||
${itemsHtml}
|
||||
<div style="text-align:right; margin-top:10px; font-size:16px; font-weight:700;">
|
||||
总计: ¥ ${order.total.toLocaleString()}
|
||||
Total: ¥ ${order.total.toLocaleString()}
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -695,13 +695,13 @@ const app = {
|
||||
this.data.currentId = null;
|
||||
},
|
||||
|
||||
// --- 操作逻辑 ---
|
||||
// --- Action Logic ---
|
||||
approveCurrent() {
|
||||
const id = this.data.currentId;
|
||||
const order = this.data.orders.find(o => o.id === id);
|
||||
if(order && order.status === 'pending') {
|
||||
order.status = 'approved';
|
||||
this.showToast(`订单 ${id} 已审核通过`, 'success');
|
||||
this.showToast(`Order ${id} approved`, 'success');
|
||||
this.refreshAll();
|
||||
this.closeDrawer();
|
||||
}
|
||||
@@ -726,14 +726,14 @@ const app = {
|
||||
}
|
||||
});
|
||||
this.data.selectedIds.clear();
|
||||
this.showToast(`已批量驳回 ${count} 个订单`, 'success');
|
||||
this.showToast(`Batch rejected ${count} orders`, 'success');
|
||||
} else {
|
||||
const order = this.data.orders.find(o => o.id === id);
|
||||
if(order) {
|
||||
order.status = 'rejected';
|
||||
order.logs += ` [人工驳回: ${reason}]`;
|
||||
order.logs += ` [Manual Rejection: ${reason}]`;
|
||||
}
|
||||
this.showToast(`订单 ${id} 已驳回`, 'success');
|
||||
this.showToast(`Order ${id} rejected`, 'success');
|
||||
}
|
||||
|
||||
this.closeModal('modal-reject');
|
||||
@@ -756,7 +756,7 @@ const app = {
|
||||
},
|
||||
|
||||
batchAction(type) {
|
||||
if(this.data.selectedIds.size === 0) return this.showToast('请先选择订单', 'error');
|
||||
if(this.data.selectedIds.size === 0) return this.showToast('Please select orders first', 'error');
|
||||
|
||||
if(type === 'approve') {
|
||||
let count = 0;
|
||||
@@ -767,7 +767,7 @@ const app = {
|
||||
count++;
|
||||
}
|
||||
});
|
||||
this.showToast(`成功批量通过 ${count} 单`, 'success');
|
||||
this.showToast(`Successfully batch approved ${count} orders`, 'success');
|
||||
this.data.selectedIds.clear();
|
||||
this.refreshAll();
|
||||
} else if (type === 'reject') {
|
||||
@@ -1 +0,0 @@
|
||||
帮我筛选一下可以通过的订单，并批量通过他们。
|
||||
30
002/record.json
Normal file
30
002/record.json
Normal file
@@ -0,0 +1,30 @@
|
||||
{
|
||||
"step-1": {
|
||||
"query": "请你先前往设置页面",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-2": {
|
||||
"query": "帮我把主题调成暗色",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-3": {
|
||||
"query": "前往订单页面",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-4": {
|
||||
"query": "我现在要检索订单，请你先设置高风险条件",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-5": {
|
||||
"query": "开始搜索",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-6": {
|
||||
"query": "选中风险分数最高的以及风险分数第二高的所有订单",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-7": {
|
||||
"query": "批量删除刚才选中的订单",
|
||||
"grounding_area": ""
|
||||
}
|
||||
}
|
||||
367
003/3-001.html
Normal file
367
003/3-001.html
Normal file
File diff suppressed because one or more lines are too long
329
003/3-002.html
Normal file
329
003/3-002.html
Normal file
File diff suppressed because one or more lines are too long
329
003/3-003.html
Normal file
329
003/3-003.html
Normal file
File diff suppressed because one or more lines are too long
329
003/3-004.html
Normal file
329
003/3-004.html
Normal file
File diff suppressed because one or more lines are too long
330
003/3-005.html
Normal file
330
003/3-005.html
Normal file
File diff suppressed because one or more lines are too long
329
003/3-006.html
Normal file
329
003/3-006.html
Normal file
File diff suppressed because one or more lines are too long
367
003/3-007.html
Normal file
367
003/3-007.html
Normal file
File diff suppressed because one or more lines are too long
397
003/3-008.html
Normal file
397
003/3-008.html
Normal file
File diff suppressed because one or more lines are too long
397
003/3-009.html
Normal file
397
003/3-009.html
Normal file
File diff suppressed because one or more lines are too long
@@ -4,7 +4,7 @@
|
||||
<meta charset="UTF-8">
|
||||
<title>Cloud Resource Manager - Zone CN-East-2</title>
|
||||
<style>
|
||||
/* 全局设置 */
|
||||
/* Global Settings */
|
||||
:root {
|
||||
--primary: #108ee9;
|
||||
--success: #00a854;
|
||||
@@ -24,17 +24,17 @@
|
||||
a:hover { color: #40a9ff; }
|
||||
hr { border: 0; border-top: 1px solid var(--border); margin: 10px 0; }
|
||||
|
||||
/* 顶部导航 */
|
||||
/* Top Navigation */
|
||||
.header { background: #262f3e; color: #fff; padding: 0 20px; height: 50px; display: flex; align-items: center; justify-content: space-between; }
|
||||
.header h2 { font-size: 16px; color: #fff; }
|
||||
.header p { color: #aaa; margin-left: 20px; }
|
||||
.header nav a { color: #ddd; margin: 0 10px; font-size: 13px; }
|
||||
.header nav a:hover { color: #fff; }
|
||||
|
||||
/* 主布局 */
|
||||
/* Main Layout */
|
||||
.layout-container { display: flex; min-height: calc(100vh - 50px); }
|
||||
|
||||
/* 侧边栏 */
|
||||
/* Sidebar */
|
||||
.sidebar { width: 220px; background: #fff; border-right: 1px solid var(--border); padding: 20px; flex-shrink: 0; }
|
||||
.sidebar h3 { font-size: 13px; color: var(--text-main); margin-bottom: 10px; margin-top: 20px; font-weight: bold; }
|
||||
.sidebar li { margin-bottom: 8px; }
|
||||
@@ -44,19 +44,19 @@
|
||||
.quota-box { background: #fafafa; padding: 10px; border-radius: 4px; border: 1px solid #eee; }
|
||||
.quota-box p { margin: 5px 0; color: #666; }
|
||||
|
||||
/* 广告干扰 - 侧边栏 */
|
||||
/* Ad Interference - Sidebar */
|
||||
.ad-sidebar { margin-top: 20px; padding: 10px; background: linear-gradient(135deg, #f0f5ff 0%, #d6e4ff 100%); border-radius: 4px; border: 1px solid #adc6ff; }
|
||||
.ad-sidebar p { margin: 0; color: #1d39c4; }
|
||||
|
||||
/* 主内容区 */
|
||||
/* Main Content Area */
|
||||
.main-content { flex: 1; padding: 20px; overflow-x: auto; }
|
||||
|
||||
/* 顶部通知 - 干扰 */
|
||||
/* Top Notification - Interference */
|
||||
.system-notice { background: #fffbe6; border: 1px solid #ffe58f; padding: 10px 15px; border-radius: 4px; display: flex; flex-direction: column; margin-bottom: 20px; }
|
||||
.system-notice strong { color: #fa8c16; margin-bottom: 5px; }
|
||||
.system-notice p { margin: 0; color: #666; }
|
||||
|
||||
/* 搜索栏 */
|
||||
/* Search Bar */
|
||||
.search-bar fieldset { border: 0; padding: 0; margin: 0; background: #fff; padding: 15px; border-radius: 4px; display: flex; align-items: center; gap: 10px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
|
||||
.search-bar legend { display: none; }
|
||||
.search-bar label { font-weight: 500; }
|
||||
@@ -64,26 +64,26 @@
|
||||
.search-bar button { background: #fff; border: 1px solid #d9d9d9; padding: 5px 15px; border-radius: 4px; cursor: pointer; }
|
||||
.search-bar button:hover { color: var(--primary); border-color: var(--primary); }
|
||||
|
||||
/* 操作按钮区 */
|
||||
/* Action Buttons Area */
|
||||
.toolbar { margin: 15px 0; }
|
||||
.toolbar button { margin-right: 8px; padding: 6px 15px; background: #fff; border: 1px solid #d9d9d9; border-radius: 4px; cursor: pointer; }
|
||||
.toolbar button:first-child { background: var(--primary); color: #fff; border-color: var(--primary); }
|
||||
|
||||
/* 实例列表表格化 */
|
||||
/* Instance List Table */
|
||||
.instance-list { background: #fff; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
|
||||
|
||||
/* 表头 */
|
||||
/* List Header */
|
||||
.list-header { display: grid; grid-template-columns: 40px 3fr 2fr 2fr 1.5fr 3fr; padding: 12px 15px; background: #fafafa; border-bottom: 1px solid #e9e9e9; font-weight: 600; color: #666; }
|
||||
|
||||
/* 列表行 */
|
||||
/* List Row */
|
||||
.list-row { display: grid; grid-template-columns: 40px 3fr 2fr 2fr 1.5fr 3fr; padding: 15px; border-bottom: 1px solid #e9e9e9; align-items: center; transition: background 0.2s; }
|
||||
.list-row:hover { background: #f0f7ff; }
|
||||
|
||||
/* 行内样式 */
|
||||
/* Inline Styles */
|
||||
.list-row strong { color: var(--primary); cursor: pointer; display: block; margin-bottom: 4px; }
|
||||
.list-row small { color: #999; }
|
||||
|
||||
/* 状态颜色 */
|
||||
/* Status Colors */
|
||||
.status-running { color: var(--success); display: inline-flex; align-items: center; }
|
||||
.status-running::before { content: ''; width: 6px; height: 6px; background: var(--success); border-radius: 50%; margin-right: 5px; }
|
||||
|
||||
@@ -92,25 +92,25 @@
|
||||
|
||||
.status-maintenance { color: var(--warning); }
|
||||
|
||||
/* 按钮组 - 隐藏危险按钮，放入下拉菜单的概念(这里用CSS模拟) */
|
||||
/* Button Group - Hide dangerous buttons, simulate dropdown */
|
||||
.action-group { display: flex; gap: 8px; flex-wrap: wrap; }
|
||||
.action-group button { border: none; background: none; color: var(--primary); cursor: pointer; padding: 0; }
|
||||
.action-group button:hover { text-decoration: underline; }
|
||||
/* 危险操作用CSS隐藏，或显示为红色 */
|
||||
.btn-danger { color: var(--danger) !important; display: none; /* 默认隐藏危险按钮，模拟"更多"菜单 */ }
|
||||
.list-row:hover .btn-danger { display: inline-block; /* hover时显示，增加交互感 */ }
|
||||
/* Dangerous operations hidden by default */
|
||||
.btn-danger { color: var(--danger) !important; display: none; /* Hide via CSS */ }
|
||||
.list-row:hover .btn-danger { display: inline-block; /* Show on hover */ }
|
||||
|
||||
/* 干扰行处理 */
|
||||
/* Ad Interferences */
|
||||
.ad-row { background: #f9f9f9; border: 1px dashed #d9d9d9; margin: 10px; border-radius: 4px; }
|
||||
.ad-row strong { color: #333 !important; }
|
||||
.error-row { display: none; } /* 直接隐藏报错信息干扰 */
|
||||
.error-row { display: none; } /* Hide error info */
|
||||
.billing-alert-row { background: #fff1f0; border: 1px solid #ffa39e; margin: 10px; border-radius: 4px; }
|
||||
.billing-alert-row p { margin: 0; display: inline-block; color: #f5222d; margin-right: 10px; }
|
||||
|
||||
/* 底部 */
|
||||
/* Footer */
|
||||
.footer { padding: 20px; text-align: center; color: #ccc; font-size: 12px; }
|
||||
|
||||
/* 分页 */
|
||||
/* Pagination */
|
||||
.pagination { display: flex; align-items: center; justify-content: flex-end; padding: 15px; gap: 10px; }
|
||||
.pagination button { background: #fff; border: 1px solid #d9d9d9; padding: 5px 10px; border-radius: 4px; cursor: pointer; }
|
||||
|
||||
@@ -143,87 +143,87 @@
|
||||
|
||||
<div class="main-wrapper">
|
||||
<div class="header">
|
||||
<h2>HyperCloud 控制台 [企业版]</h2>
|
||||
<p>当前区域: <strong>华东二区 (CN-East-2)</strong> | 账户: admin_core_team</p>
|
||||
<h2>HyperCloud Console [Enterprise]</h2>
|
||||
<p>Current Region: <strong>CN-East-2</strong> | Account: admin_core_team</p>
|
||||
<nav>
|
||||
<a href="#">总览</a> |
|
||||
<a href="#">计算实例 (ECI)</a> |
|
||||
<a href="#">对象存储 (OSS)</a> |
|
||||
<a href="#">私有网络 (VPC)</a> |
|
||||
<a href="#">安全组</a> |
|
||||
<a href="#">负载均衡</a> |
|
||||
<a href="#">费用中心</a> |
|
||||
<a href="#">工单支持</a>
|
||||
<a href="#">Overview</a> |
|
||||
<a href="#">Instances (ECI)</a> |
|
||||
<a href="#">Object Storage (OSS)</a> |
|
||||
<a href="#">VPC</a> |
|
||||
<a href="#">Security Groups</a> |
|
||||
<a href="#">Load Balancer</a> |
|
||||
<a href="#">Billing</a> |
|
||||
<a href="#">Support</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="layout-container">
|
||||
<div class="sidebar">
|
||||
<h3>资源列表</h3>
|
||||
<h3>Resources</h3>
|
||||
<ul>
|
||||
<li><a href="javascript:void(0)" class="active" onclick="filterByStatus('all', this)">全部实例 (14)</a></li>
|
||||
<li><a href="javascript:void(0)" onclick="filterByStatus('running', this)">运行中 (10)</a></li>
|
||||
<li><a href="javascript:void(0)" onclick="filterByStatus('stopped', this)">已停止 (3)</a></li>
|
||||
<li><a href="javascript:void(0)" onclick="filterByStatus('maintenance', this)">异常/维护 (1)</a></li>
|
||||
<li><a href="javascript:void(0)" class="active" onclick="filterByStatus('all', this)">All Instances (14)</a></li>
|
||||
<li><a href="javascript:void(0)" onclick="filterByStatus('running', this)">Running (10)</a></li>
|
||||
<li><a href="javascript:void(0)" onclick="filterByStatus('stopped', this)">Stopped (3)</a></li>
|
||||
<li><a href="javascript:void(0)" onclick="filterByStatus('maintenance', this)">Abnormal/Maintenance (1)</a></li>
|
||||
</ul>
|
||||
|
||||
<h3>配额监控</h3>
|
||||
<h3>Quota Monitor</h3>
|
||||
<div class="quota-box">
|
||||
<p>vCPU 使用率: 88/100 核</p>
|
||||
<p>内存 使用率: 256/512 GB</p>
|
||||
<p>公网IP: 12/20 个</p>
|
||||
<p>vCPU Usage: 88/100 Cores</p>
|
||||
<p>RAM Usage: 256/512 GB</p>
|
||||
<p>Public IP: 12/20</p>
|
||||
</div>
|
||||
|
||||
<div class="ad-sidebar">
|
||||
<p><strong>[推广] GPU 实例限时 8 折</strong><br>A100 显卡火热租赁中...</p>
|
||||
<p><strong>[Promo] GPU Instance 20% Off</strong><br>A100 available now...</p>
|
||||
</div>
|
||||
|
||||
<h3>操作日志</h3>
|
||||
<h3>Operation Logs</h3>
|
||||
<ul style="font-size: 11px; color: #999;">
|
||||
<li><small>2025-12-21 10:00: inst-a1 重启成功</small></li>
|
||||
<li><small>2025-12-21 09:45: 安全组规则更新</small></li>
|
||||
<li><small>2025-12-21 10:00: inst-a1 Rebooted</small></li>
|
||||
<li><small>2025-12-21 09:45: Security Group Updated</small></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="main-content">
|
||||
<div class="system-notice">
|
||||
<strong>[紧急通知] 华东二区可用区 B 网络割接公告</strong>
|
||||
<p>将于本周日凌晨 02:00 进行光纤割接，预计网络抖动 2 次，每次 5 秒。</p>
|
||||
<strong>[Urgent] Zone B Network Maintenance (CN-East-2)</strong>
|
||||
<p>Fiber optic cutover scheduled for this Sunday at 02:00 AM. Expect 2 network jitters of 5 seconds each.</p>
|
||||
</div>
|
||||
|
||||
<form class="search-bar">
|
||||
<fieldset>
|
||||
<label>关键词:</label> <input type="text" id="searchInput" placeholder="Instance ID / Name">
|
||||
<label>标签:</label> <input type="text" placeholder="Key:Value">
|
||||
<label>付费类型:</label>
|
||||
<label>Keyword:</label> <input type="text" id="searchInput" placeholder="Instance ID / Name">
|
||||
<label>Tag:</label> <input type="text" placeholder="Key:Value">
|
||||
<label>Billing Type:</label>
|
||||
<select>
|
||||
<option>全部</option>
|
||||
<option>包年包月</option>
|
||||
<option>按量付费</option>
|
||||
<option>抢占式实例</option>
|
||||
<option>All</option>
|
||||
<option>Subscription</option>
|
||||
<option>Pay-As-You-Go</option>
|
||||
<option>Preemptible</option>
|
||||
</select>
|
||||
<button type="button" class="btn-primary" onclick="searchInstances()">刷新列表</button>
|
||||
<button type="button" onclick="resetSearch()">重置</button>
|
||||
<button type="button" class="btn-primary" onclick="searchInstances()">Refresh</button>
|
||||
<button type="button" onclick="resetSearch()">Reset</button>
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
<div class="toolbar">
|
||||
<button style="background: var(--primary); color: #fff; border-color: var(--primary);" onclick="openCreateModal()">+ 创建实例</button>
|
||||
<button onclick="performToolbarAction('start')">启动</button>
|
||||
<button onclick="performToolbarAction('stop')">停止</button>
|
||||
<button onclick="performToolbarAction('restart')">重启</button>
|
||||
<button onclick="showToast('功能开发中: 修改释放设置', 'warning')">释放设置</button>
|
||||
<button onclick="showToast('功能开发中: 修改计费模式', 'warning')">修改计费模式</button>
|
||||
<button style="background: var(--primary); color: #fff; border-color: var(--primary);" onclick="openCreateModal()">+ Create Instance</button>
|
||||
<button onclick="performToolbarAction('start')">Start</button>
|
||||
<button onclick="performToolbarAction('stop')">Stop</button>
|
||||
<button onclick="performToolbarAction('restart')">Restart</button>
|
||||
<button onclick="showToast('Feature in development: Release Settings', 'warning')">Release Settings</button>
|
||||
<button onclick="showToast('Feature in development: Change Billing', 'warning')">Change Billing</button>
|
||||
</div>
|
||||
|
||||
<div class="instance-list">
|
||||
<div class="list-header">
|
||||
<span><input type="checkbox" id="selectAll"></span>
|
||||
<span><strong>实例ID/名称</strong></span>
|
||||
<span><strong>IP地址 (公/私)</strong></span>
|
||||
<span><strong>配置</strong></span>
|
||||
<span><strong>状态</strong></span>
|
||||
<span><strong>操作</strong></span>
|
||||
<span><strong>Instance ID/Name</strong></span>
|
||||
<span><strong>IP Address (Public/Private)</strong></span>
|
||||
<span><strong>Spec</strong></span>
|
||||
<span><strong>Status</strong></span>
|
||||
<span><strong>Actions</strong></span>
|
||||
</div>
|
||||
|
||||
<div class="list-row">
|
||||
@@ -231,8 +231,8 @@
|
||||
<input type="checkbox" class="row-checkbox">
|
||||
</div>
|
||||
<div>
|
||||
<strong onclick="alert('跳转详情页')">i-bp1j2k3l4m5n (Web-Server-01)</strong><br>
|
||||
<small>镜像: Ubuntu 22.04 LTS</small>
|
||||
<strong onclick="alert('Go to Detail Page')">i-bp1j2k3l4m5n (Web-Server-01)</strong><br>
|
||||
<small>Image: Ubuntu 22.04 LTS</small>
|
||||
</div>
|
||||
<div>
|
||||
<span>139.196.xxx.xxx</span><br>
|
||||
@@ -243,14 +243,14 @@
|
||||
<span>16 GiB</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="status-running">运行中</span>
|
||||
<span class="status-running">Running</span>
|
||||
</div>
|
||||
<div class="action-group">
|
||||
<button onclick="remoteConnect('i-bp1j2k3l4m5n')">远程连接</button>
|
||||
<button onclick="openMonitor('i-bp1j2k3l4m5n')">监控</button>
|
||||
<button onclick="showMoreMenu(this)">更多...</button>
|
||||
<button class="btn-danger" onclick="confirmDelete('i-bp1j2k3l4m5n')">强制停止</button>
|
||||
<button class="btn-danger" onclick="confirmDelete('i-bp1j2k3l4m5n', true)">彻底销毁</button>
|
||||
<button onclick="remoteConnect('i-bp1j2k3l4m5n')">Connect</button>
|
||||
<button onclick="openMonitor('i-bp1j2k3l4m5n')">Monitor</button>
|
||||
<button onclick="showMoreMenu(this)">More...</button>
|
||||
<button class="btn-danger" onclick="confirmDelete('i-bp1j2k3l4m5n')">Force Stop</button>
|
||||
<button class="btn-danger" onclick="confirmDelete('i-bp1j2k3l4m5n', true)">Terminate</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -259,8 +259,8 @@
|
||||
<input type="checkbox" class="row-checkbox">
|
||||
</div>
|
||||
<div>
|
||||
<strong onclick="alert('跳转详情页')">i-bp1x9y8z7a6b (DB-Master-Prod)</strong><br>
|
||||
<small>镜像: CentOS 7.9 (已停止维护)</small>
|
||||
<strong onclick="alert('Go to Detail Page')">i-bp1x9y8z7a6b (DB-Master-Prod)</strong><br>
|
||||
<small>Image: CentOS 7.9 (EOL)</small>
|
||||
</div>
|
||||
<div>
|
||||
<span>47.100.xxx.xxx</span><br>
|
||||
@@ -271,14 +271,14 @@
|
||||
<span>64 GiB</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="status-running">运行中</span> <small>(高负载)</small>
|
||||
<span class="status-running">Running</span> <small>(High Load)</small>
|
||||
</div>
|
||||
<div class="action-group">
|
||||
<button>远程连接</button>
|
||||
<button>监控</button>
|
||||
<button>更多...</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">强制停止</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">彻底销毁</button>
|
||||
<button>Connect</button>
|
||||
<button>Monitor</button>
|
||||
<button>More...</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">Force Stop</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">Terminate</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -287,21 +287,21 @@
|
||||
<input type="checkbox" disabled>
|
||||
</div>
|
||||
<div>
|
||||
<strong>[推荐] 弹性伸缩服务 (AutoScaling)</strong><br>
|
||||
<small>自动管理您的实例数量</small>
|
||||
<strong>[Recommended] AutoScaling Service</strong><br>
|
||||
<small>Automatically manage your instance count</small>
|
||||
</div>
|
||||
<div>
|
||||
<span>--</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>动态调整</span>
|
||||
<span>Dynamic</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>未开通</span>
|
||||
<span>Not Enabled</span>
|
||||
</div>
|
||||
<div class="action-group">
|
||||
<button style="color: #fa8c16; font-weight:bold;" onclick="openProductIntro('scaling')">立即开通</button>
|
||||
<button onclick="openProductIntro('scaling_doc')">了解详情</button>
|
||||
<button style="color: #fa8c16; font-weight:bold;" onclick="openProductIntro('scaling')">Enable</button>
|
||||
<button onclick="openProductIntro('scaling_doc')">Learn More</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -310,11 +310,11 @@
|
||||
<input type="checkbox" class="row-checkbox">
|
||||
</div>
|
||||
<div>
|
||||
<strong onclick="alert('跳转详情页')">i-bp1h5g6f4d3s (Redis-Cache-01)</strong><br>
|
||||
<small>镜像: Redis Enterprise</small>
|
||||
<strong onclick="alert('Go to Detail Page')">i-bp1h5g6f4d3s (Redis-Cache-01)</strong><br>
|
||||
<small>Image: Redis Enterprise</small>
|
||||
</div>
|
||||
<div>
|
||||
<span style="color:#ccc">(无公网IP)</span><br>
|
||||
<span style="color:#ccc">(No Public IP)</span><br>
|
||||
<span style="color:#999">192.168.1.105</span>
|
||||
</div>
|
||||
<div>
|
||||
@@ -322,14 +322,14 @@
|
||||
<span>8 GiB</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="status-stopped">已停止</span>
|
||||
<span class="status-stopped">Stopped</span>
|
||||
</div>
|
||||
<div class="action-group">
|
||||
<button>远程连接</button>
|
||||
<button>监控</button>
|
||||
<button>更多...</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">强制停止</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">彻底销毁</button>
|
||||
<button>Connect</button>
|
||||
<button>Monitor</button>
|
||||
<button>More...</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">Force Stop</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">Terminate</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -344,8 +344,8 @@
|
||||
<input type="checkbox" class="row-checkbox">
|
||||
</div>
|
||||
<div>
|
||||
<strong onclick="alert('跳转详情页')">i-bp1q2w3e4r5t (Worker-Node-A)</strong><br>
|
||||
<small>镜像: Aliyun Linux 3</small>
|
||||
<strong onclick="alert('Go to Detail Page')">i-bp1q2w3e4r5t (Worker-Node-A)</strong><br>
|
||||
<small>Image: Aliyun Linux 3</small>
|
||||
</div>
|
||||
<div>
|
||||
<span>101.200.xxx.xxx</span><br>
|
||||
@@ -356,14 +356,14 @@
|
||||
<span>32 GiB</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="status-running">运行中</span>
|
||||
<span class="status-running">Running</span>
|
||||
</div>
|
||||
<div class="action-group">
|
||||
<button>远程连接</button>
|
||||
<button>监控</button>
|
||||
<button>更多...</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">强制停止</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">彻底销毁</button>
|
||||
<button>Connect</button>
|
||||
<button>Monitor</button>
|
||||
<button>More...</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">Force Stop</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">Terminate</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -372,8 +372,8 @@
|
||||
<input type="checkbox" class="row-checkbox">
|
||||
</div>
|
||||
<div>
|
||||
<strong onclick="alert('跳转详情页')">i-bp1a2s3d4f5g (Worker-Node-B)</strong><br>
|
||||
<small>镜像: Aliyun Linux 3</small>
|
||||
<strong onclick="alert('Go to Detail Page')">i-bp1a2s3d4f5g (Worker-Node-B)</strong><br>
|
||||
<small>Image: Aliyun Linux 3</small>
|
||||
</div>
|
||||
<div>
|
||||
<span>101.200.xxx.xxx</span><br>
|
||||
@@ -384,14 +384,14 @@
|
||||
<span>32 GiB</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="status-running">启动中...</span>
|
||||
<span class="status-running">Starting...</span>
|
||||
</div>
|
||||
<div class="action-group">
|
||||
<button>远程连接</button>
|
||||
<button>监控</button>
|
||||
<button>更多...</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">强制停止</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">彻底销毁</button>
|
||||
<button>Connect</button>
|
||||
<button>Monitor</button>
|
||||
<button>More...</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">Force Stop</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">Terminate</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -400,8 +400,8 @@
|
||||
<input type="checkbox" class="row-checkbox">
|
||||
</div>
|
||||
<div>
|
||||
<strong onclick="alert('跳转详情页')">i-bp1z2x3c4v5b (Legacy-System-Win)</strong><br>
|
||||
<small>镜像: Windows Server 2012 R2</small>
|
||||
<strong onclick="alert('Go to Detail Page')">i-bp1z2x3c4v5b (Legacy-System-Win)</strong><br>
|
||||
<small>Image: Windows Server 2012 R2</small>
|
||||
</div>
|
||||
<div>
|
||||
<span>121.40.xxx.xxx</span><br>
|
||||
@@ -412,24 +412,24 @@
|
||||
<span>8 GiB</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="status-maintenance">维护中</span>
|
||||
<span class="status-maintenance">Maintenance</span>
|
||||
</div>
|
||||
<div class="action-group">
|
||||
<button>远程连接</button>
|
||||
<button>监控</button>
|
||||
<button>更多...</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">强制停止</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">彻底销毁</button>
|
||||
<button>Connect</button>
|
||||
<button>Monitor</button>
|
||||
<button>More...</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">Force Stop</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">Terminate</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-row billing-alert-row">
|
||||
<div style="grid-column: 1 / -1;">
|
||||
<strong>[财务告警] 您的账户余额不足 100.00 CNY</strong>
|
||||
<strong>[Billing Alert] Insufficient Balance (< 100.00 CNY)</strong>
|
||||
</div>
|
||||
<div style="grid-column: 1 / -1; margin-top: 5px;">
|
||||
<p>请及时充值，以免影响实例的正常运行。</p>
|
||||
<button onclick="openRecharge()" style="background: #f5222d; color: white; border: none; padding: 4px 12px; border-radius: 2px;">立即充值</button>
|
||||
<p>Please top up immediately to avoid service interruption.</p>
|
||||
<button onclick="openRecharge()" style="background: #f5222d; color: white; border: none; padding: 4px 12px; border-radius: 2px;">Top Up</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -438,11 +438,11 @@
|
||||
<input type="checkbox" class="row-checkbox">
|
||||
</div>
|
||||
<div>
|
||||
<strong onclick="alert('跳转详情页')">i-bp1m0n9b8v7c (Dev-Test-Env)</strong><br>
|
||||
<small>镜像: Ubuntu 20.04</small>
|
||||
<strong onclick="alert('Go to Detail Page')">i-bp1m0n9b8v7c (Dev-Test-Env)</strong><br>
|
||||
<small>Image: Ubuntu 20.04</small>
|
||||
</div>
|
||||
<div>
|
||||
<span style="color:#ccc">(无公网IP)</span><br>
|
||||
<span style="color:#ccc">(No Public IP)</span><br>
|
||||
<span style="color:#999">192.168.50.50</span>
|
||||
</div>
|
||||
<div>
|
||||
@@ -450,34 +450,34 @@
|
||||
<span>1 GiB</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="status-stopped">已停止</span> <small>(欠费锁定)</small>
|
||||
<span class="status-stopped">Stopped</span> <small>(Locked)</small>
|
||||
</div>
|
||||
<div class="action-group">
|
||||
<button>远程连接</button>
|
||||
<button>监控</button>
|
||||
<button>更多...</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">强制停止</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">彻底销毁</button>
|
||||
<button>Connect</button>
|
||||
<button>Monitor</button>
|
||||
<button>More...</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">Force Stop</button>
|
||||
<button class="btn-danger" onclick="confirmDelete()">Terminate</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pagination">
|
||||
<button onclick="changePage(-1)">< 上一页</button>
|
||||
<span id="pageInfo">第 1 / 5 页</span>
|
||||
<button onclick="changePage(1)">下一页 ></button>
|
||||
<button onclick="changePage(-1)">< Previous</button>
|
||||
<span id="pageInfo">Page 1 / 5</span>
|
||||
<button onclick="changePage(1)">Next ></button>
|
||||
<select onchange="changePageSize(this)">
|
||||
<option>每页 10 条</option>
|
||||
<option>每页 20 条</option>
|
||||
<option>每页 50 条</option>
|
||||
<option>10 / page</option>
|
||||
<option>20 / page</option>
|
||||
<option>50 / page</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<p>© 2025 HyperCloud Inc. | <a href="#">隐私政策</a> | <a href="#">服务条款</a></p>
|
||||
<p>页面生成时间: 182ms | Request ID: req_uuid_998877</p>
|
||||
<p>© 2025 HyperCloud Inc. | <a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a></p>
|
||||
<p>Page generated in: 182ms | Request ID: req_uuid_998877</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -489,15 +489,15 @@
|
||||
<div id="createModal" class="modal-overlay">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<span>创建新实例 (ECI)</span>
|
||||
<span>Create New Instance (ECI)</span>
|
||||
<span onclick="closeCreateModal()" style="cursor:pointer; color:#999;">✕</span>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>实例名称</label>
|
||||
<input type="text" id="newInstanceName" class="form-input" placeholder="例如: Web-Server-02">
|
||||
<label>Instance Name</label>
|
||||
<input type="text" id="newInstanceName" class="form-input" placeholder="E.g., Web-Server-02">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>镜像</label>
|
||||
<label>Image</label>
|
||||
<select id="newInstanceImage" class="form-input">
|
||||
<option value="Ubuntu 22.04 LTS">Ubuntu 22.04 LTS</option>
|
||||
<option value="CentOS 7.9">CentOS 7.9</option>
|
||||
@@ -506,7 +506,7 @@
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>规格</label>
|
||||
<label>Spec</label>
|
||||
<select id="newInstanceType" class="form-input">
|
||||
<option value="2 vCPU / 4 GiB">ecs.t6-c1m2.large (2 vCPU / 4 GiB)</option>
|
||||
<option value="4 vCPU / 8 GiB">ecs.c7.xlarge (4 vCPU / 8 GiB)</option>
|
||||
@@ -514,8 +514,8 @@
|
||||
</select>
|
||||
</div>
|
||||
<div style="text-align: right; margin-top: 20px;">
|
||||
<button onclick="closeCreateModal()" style="margin-right: 10px; padding: 6px 15px; border: 1px solid #d9d9d9; background: #fff; cursor: pointer; border-radius: 4px;">取消</button>
|
||||
<button onclick="confirmCreate()" style="padding: 6px 15px; background: var(--primary); color: #fff; border: none; cursor: pointer; border-radius: 4px;">立即购买</button>
|
||||
<button onclick="closeCreateModal()" style="margin-right: 10px; padding: 6px 15px; border: 1px solid #d9d9d9; background: #fff; cursor: pointer; border-radius: 4px;">Cancel</button>
|
||||
<button onclick="confirmCreate()" style="padding: 6px 15px; background: var(--primary); color: #fff; border: none; cursor: pointer; border-radius: 4px;">Buy Now</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -535,7 +535,7 @@
|
||||
<p><strong>Private IP:</strong> 192.168.1.101</p>
|
||||
</div>
|
||||
|
||||
<h4>监控概览 (1 Hour)</h4>
|
||||
<h4>Monitoring Overview (1 Hour)</h4>
|
||||
<div style="height: 100px; background: #fafafa; border: 1px solid #eee; display: flex; align-items: flex-end; padding: 10px; gap: 5px;">
|
||||
<!-- Fake Chart Bars -->
|
||||
<div style="width: 10%; height: 30%; background: #badde8;"></div>
|
||||
@@ -548,7 +548,7 @@
|
||||
<div style="width: 10%; height: 30%; background: #badde8;"></div>
|
||||
</div>
|
||||
|
||||
<h4 style="margin-top:20px;">配置信息</h4>
|
||||
<h4 style="margin-top:20px;">Configuration</h4>
|
||||
<ul style="line-height:2; color:#666;">
|
||||
<li>Instance Type: ecs.g7.xlarge</li>
|
||||
<li>Image ID: ubuntu_22_04_x64_20G_alibase</li>
|
||||
@@ -580,7 +580,7 @@
|
||||
document.getElementById('newInstanceName').value = '';
|
||||
}
|
||||
function confirmCreate() {
|
||||
showToast('订单已提交，实例正在初始化...');
|
||||
showToast('Order submitted, initializing instance...');
|
||||
closeCreateModal();
|
||||
// Here we could simulate adding a row, but for static demo toast is enough
|
||||
setTimeout(() => {
|
||||
@@ -599,13 +599,13 @@
|
||||
<div><input type="checkbox" class="row-checkbox"></div>
|
||||
<div>
|
||||
<strong onclick="openDrawer('${name}')">${name}</strong><br>
|
||||
<small>镜像: Ubuntu 22.04</small>
|
||||
<small>Image: Ubuntu 22.04</small>
|
||||
</div>
|
||||
<div><span>Checking...</span><br><span style="color:#999">192.168.1.${Math.floor(Math.random()*255)}</span></div>
|
||||
<div><span>2 vCPU</span><br><span>4 GiB</span></div>
|
||||
<div><span class="status-running" style="color:#fa8c16">启动中...</span></div>
|
||||
<div><span class="status-running" style="color:#fa8c16">Starting...</span></div>
|
||||
<div class="action-group">
|
||||
<button>管理</button>
|
||||
<button>Manage</button>
|
||||
</div>
|
||||
`;
|
||||
// Insert after header
|
||||
@@ -635,7 +635,7 @@
|
||||
});
|
||||
|
||||
// Toolbar Actions
|
||||
// 全选/取消全选
|
||||
// Select All
|
||||
document.getElementById('selectAll').addEventListener('change', function(e) {
|
||||
const checkboxes = document.querySelectorAll('.row-checkbox');
|
||||
checkboxes.forEach(box => {
|
||||
@@ -647,24 +647,24 @@
|
||||
// Get selected
|
||||
const checkboxes = document.querySelectorAll('.row-checkbox:checked');
|
||||
if (checkboxes.length === 0) {
|
||||
alert('请先选择至少一个实例');
|
||||
alert('Please select at least one instance first');
|
||||
return;
|
||||
}
|
||||
|
||||
const count = checkboxes.length;
|
||||
if(confirm(`确定要对选中的 ${count} 台实例执行 [${action.toUpperCase()}] 操作吗?`)) {
|
||||
showToast(`指令已下发: ${action.toUpperCase()} ${count} instances`);
|
||||
if(confirm(`Are you sure you want to perform [${action.toUpperCase()}] on ${count} selected instances?`)) {
|
||||
showToast(`Command sent: ${action.toUpperCase()} ${count} instances`);
|
||||
// Reset selection
|
||||
checkboxes.forEach(c => c.checked = false);
|
||||
document.getElementById('selectAll').checked = false;
|
||||
}
|
||||
}
|
||||
|
||||
// 危险操作二次确认
|
||||
// High Risk Double Confirm
|
||||
function confirmDelete() {
|
||||
const userInput = prompt("这是一个高风险操作！\n请输入 'DELETE' 以确认销毁该实例：");
|
||||
const userInput = prompt("High Risk Action!\nPlease type 'DELETE' to confirm termination:");
|
||||
if (userInput === 'DELETE') {
|
||||
showToast('操作已提交：实例正在销毁中...');
|
||||
showToast('Operation submitted: Instance is terminating...');
|
||||
}
|
||||
}
|
||||
|
||||
@@ -689,13 +689,13 @@
|
||||
let show = false;
|
||||
|
||||
if (status === 'all') show = true;
|
||||
else if (status === 'running' && (statusText.includes('运行中') || statusText.includes('启动中'))) show = true;
|
||||
else if (status === 'stopped' && statusText.includes('已停止')) show = true;
|
||||
else if (status === 'maintenance' && statusText.includes('维护')) show = true;
|
||||
else if (status === 'running' && (statusText.includes('Running') || statusText.includes('Starting'))) show = true;
|
||||
else if (status === 'stopped' && statusText.includes('Stopped')) show = true;
|
||||
else if (status === 'maintenance' && statusText.includes('Maintenance')) show = true;
|
||||
|
||||
row.style.display = show ? 'grid' : 'none';
|
||||
});
|
||||
showToast(`已筛选: ${el ? el.innerText : status}`);
|
||||
showToast(`Filtered by: ${el ? el.innerText : status}`);
|
||||
}
|
||||
|
||||
// 2. Toolbar Logic (Renamed to avoid conflict)
|
||||
@@ -703,12 +703,12 @@
|
||||
// Re-use existing logic, just better naming
|
||||
const checkboxes = document.querySelectorAll('.row-checkbox:checked');
|
||||
if (checkboxes.length === 0) {
|
||||
alert('请先勾选需要操作的实例');
|
||||
alert('Please select instances to operate on');
|
||||
return;
|
||||
}
|
||||
showToast(`正在对 ${checkboxes.length} 台实例执行 [${action}]...`);
|
||||
showToast(`Executing [${action}] on ${checkboxes.length} instances...`);
|
||||
setTimeout(() => {
|
||||
showToast('操作指令已下发');
|
||||
showToast('Operation command sent');
|
||||
checkboxes.forEach(c => c.checked = false);
|
||||
document.getElementById('selectAll').checked = false;
|
||||
}, 800);
|
||||
@@ -739,15 +739,15 @@
|
||||
}
|
||||
|
||||
function openMonitor(instanceId) {
|
||||
openDrawer(instanceId + ' - 实时监控');
|
||||
openDrawer(instanceId + ' - Live Monitor');
|
||||
}
|
||||
|
||||
function showMoreMenu(btn) {
|
||||
// Simple fallback
|
||||
const actions = ['创建快照', '变更配置', '重置密码', '更换操作系统'];
|
||||
const action = prompt(`[${actions.join(' | ')}]\n请输入要执行的操作:`, actions[0]);
|
||||
const actions = ['Create Snapshot', 'Change Spec', 'Reset Password', 'Replace OS'];
|
||||
const action = prompt(`[${actions.join(' | ')}]\nEnter operation to execute:`, actions[0]);
|
||||
if(action) {
|
||||
showToast(`正在执行: ${action}`);
|
||||
showToast(`Executing: ${action}`);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -756,11 +756,11 @@
|
||||
const val = document.getElementById('searchInput').value;
|
||||
if(!val) {
|
||||
// refresh
|
||||
showToast('刷新列表成功');
|
||||
showToast('List refreshed successfully');
|
||||
// reset filters
|
||||
filterByStatus('all', document.querySelector('.sidebar a.active'));
|
||||
} else {
|
||||
showToast(`正在搜索 "${val}"...`);
|
||||
showToast(`Searching for "${val}"...`);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -768,7 +768,7 @@
|
||||
document.getElementById('searchInput').value = '';
|
||||
// Trigger input event to clear filter
|
||||
document.getElementById('searchInput').dispatchEvent(new Event('input'));
|
||||
showToast('搜索条件已重置');
|
||||
showToast('Search criteria reset');
|
||||
}
|
||||
|
||||
// 5. Pagination
|
||||
@@ -778,7 +778,7 @@
|
||||
if(newPage < 1 || newPage > 5) return;
|
||||
|
||||
currentPage = newPage;
|
||||
document.getElementById('pageInfo').innerText = `第 ${currentPage} / 5 页`;
|
||||
document.getElementById('pageInfo').innerText = `Page ${currentPage} / 5`;
|
||||
|
||||
// Fake loading effect
|
||||
const list = document.querySelector('.instance-list');
|
||||
@@ -791,24 +791,24 @@
|
||||
}
|
||||
|
||||
function changePageSize(select) {
|
||||
showToast(`分页设置已更新: ${select.value}`);
|
||||
showToast(`Page size updated: ${select.value}`);
|
||||
}
|
||||
|
||||
// 6. Billing & Ads
|
||||
function openRecharge() {
|
||||
if(confirm("将跳转至支付网关 (Alipay/WeChat)...")) {
|
||||
showToast("正在跳转支付页面...");
|
||||
if(confirm("Redirect to payment gateway (Alipay/WeChat)?")) {
|
||||
showToast("Redirecting to payment page...");
|
||||
}
|
||||
}
|
||||
|
||||
function openProductIntro(product) {
|
||||
showToast(`正在打开产品文档: ${product}...`);
|
||||
showToast(`Opening product docs: ${product}...`);
|
||||
}
|
||||
|
||||
// Override generic confirmDelete
|
||||
window.confirmDelete = function(instanceId, isHard) {
|
||||
if(confirm(`警告: 确定要${isHard ? '彻底销毁' : '强制停止'}实例 [${instanceId}] 吗？\n此操作不可逆！`)) {
|
||||
showToast('操作已提交');
|
||||
if(confirm(`Warning: Are you sure you want to ${isHard ? 'terminate' : 'force stop'} instance [${instanceId}]?\nThis action is irreversible!`)) {
|
||||
showToast('Operation submitted');
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -1 +0,0 @@
|
||||
请重启所有正在运行当中的主机
|
||||
38
003/record.json
Normal file
38
003/record.json
Normal file
@@ -0,0 +1,38 @@
|
||||
{
|
||||
"step-1": {
|
||||
"query": "请通过左侧侧边栏，筛选出状态为已停止的实例",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-2": {
|
||||
"query": "在搜索栏“Keyword”输入框中输入“Redis”",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-3": {
|
||||
"query": "开始搜索",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-4": {
|
||||
"query": "在结果中勾选“Redis-Cache-01”这一行最左侧的复选框",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-5": {
|
||||
"query": "请启动选中的实例",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-6": {
|
||||
"query": "通过左侧侧边栏的回到所有实例列表",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-7": {
|
||||
"query": "通过工具栏打开创建实例窗口",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-8": {
|
||||
"query": "请选择“CentOS 7.9”作为image",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-9": {
|
||||
"query": "请确认创建该实例",
|
||||
"grounding_area": ""
|
||||
}
|
||||
}
|
||||
415
004/4-001.html
Normal file
415
004/4-001.html
Normal file
@@ -0,0 +1,415 @@
|
||||
<!DOCTYPE html> <html lang=en style><!--
|
||||
--><meta charset=utf-8>
|
||||
<meta name=viewport content="width=device-width, initial-scale=1.0">
|
||||
<title>BSOD Help - System_Thread_Exception - TechZone Forums</title>
|
||||
<style>:root{--primary:#1877f2;--secondary:#42b72a;--bg-body:#f0f2f5;--bg-card:#ffffff;--text-main:#1c1e21;--text-sub:#65676b;--border:#dddfe2;--header-height:60px;--danger:#dc3545;--warning:#ffc107}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-main);margin:0;line-height:1.5;padding-top:var(--header-height);transition:background 0.3s,color 0.3s}a{text-decoration:none;color:var(--primary);cursor:pointer}a:hover{text-decoration:underline}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:20px}.layout-grid{display:grid;grid-template-columns:280px 1fr 300px;gap:20px}@media (max-width:1000px){.layout-grid{grid-template-columns:1fr}.sidebar{display:none}}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:0 2px 4px rgba(0,0,0,0.05);z-index:1000;display:flex;align-items:center;padding:0 20px;justify-content:space-between}.logo{font-size:1.5rem;font-weight:bold;color:var(--primary);display:flex;align-items:center;gap:10px}.search-bar{position:relative;width:400px}.search-bar input{width:100%;padding:8px 15px;border-radius:20px;border:1px solid var(--border);background:var(--bg-body);color:var(--text-main)}.nav-user{display:flex;gap:15px;align-items:center}.card{background:var(--bg-card);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,0.1);margin-bottom:20px;overflow:hidden;border:1px solid var(--border)}.card-header{padding:12px 15px;border-bottom:1px solid var(--border);font-weight:600;font-size:0.95rem;display:flex;justify-content:space-between}.card-body{padding:15px}.forum-category-item{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--border);cursor:pointer}.forum-category-item:hover{background:rgba(0,0,0,0.02)}.thread-item{display:flex;gap:15px;padding:15px;border-bottom:1px solid var(--border);transition:0.2s}.thread-item:hover{background:rgba(0,0,0,0.02);transform:translateX(5px)}.thread-stats{display:flex;flex-direction:column;align-items:center;min-width:60px;color:var(--text-sub);font-size:0.8rem}.stat-count{font-size:1.1rem;font-weight:bold;color:var(--text-main)}.thread-main{flex:1}.thread-title{font-size:1.1rem;font-weight:500;margin-bottom:5px;display:block;color:var(--text-main)}.thread-meta{font-size:0.85rem;color:var(--text-sub);display:flex;gap:10px}.tag{padding:2px 6px;border-radius:4px;font-size:0.75rem}.tag.red{background:#fee2e2;color:#b91c1c}.tag.blue{background:#e0f2fe;color:#0369a1}.btn-action:hover{background:rgba(0,0,0,0.05);color:var(--primary)}.btn{padding:8px 16px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:0.2s}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{opacity:0.9}.btn-block{display:block;width:100%}.pagination{display:flex;gap:5px;margin-top:20px;justify-content:center}.page-num{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;background:var(--bg-card);cursor:pointer}.page-num.active{background:var(--primary);color:white;border-color:var(--primary)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:2000;justify-content:center;align-items:center;backdrop-filter:blur(2px)}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-box{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#333;color:white;padding:12px 24px;border-radius:30px;box-shadow:0 5px 15px rgba(0,0,0,0.2);z-index:3000;font-weight:500}.spam-mask::after{content:"Content Blocked by System";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:red;font-weight:bold;border:2px solid red;padding:5px 10px;transform:rotate(-10deg)}.tool-btn:hover{background:rgba(0,0,0,0.1)}</style>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:8000/004/4-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 id=body>
|
||||
|
||||
<header class=site-header>
|
||||
<div class=logo>
|
||||
<span style=font-size:2rem>🛠️</span> TechZone
|
||||
</div>
|
||||
<div class=search-bar>
|
||||
<input type=text id=searchInput placeholder="Search threads, users or resources..." value>
|
||||
</div>
|
||||
<div class=nav-user id=navUser>
|
||||
<button class="btn btn-primary">Register / Login</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="container layout-grid" id=mainLayout>
|
||||
|
||||
|
||||
<nav class=sidebar>
|
||||
<div class=card>
|
||||
<div class=card-header>Navigation</div>
|
||||
<div class=card-body style=padding:0>
|
||||
<div class=forum-category-item>🏠 Home</div>
|
||||
<div class=forum-category-item>🖥️ Hardware</div>
|
||||
<div class=forum-category-item>💿 Software</div>
|
||||
<div class=forum-category-item>🌊 Off-topic</div>
|
||||
<div class=forum-category-item>💹 Marketplace</div>
|
||||
<div class=forum-category-item>📢 Announcements</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=card>
|
||||
<div class=card-header>My Status</div>
|
||||
<div class=card-body>
|
||||
<p style=color:#666;font-size:0.9rem>Please login to view your points and tasks.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class=card style=border-color:#ffeeba;background:#fffdf5>
|
||||
<div class=card-header style=color:#856404>📅 Daily Check-in</div>
|
||||
<div class=card-body>
|
||||
<p style=font-size:0.8rem;margin-bottom:10px>Checked in today: 12,503</p>
|
||||
<button class="btn btn-block" style=background:#ffc107;color:#333>Check In (+5 pts)</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main class=main-content>
|
||||
<div id=loading style=text-align:center;padding:50px;display:none>
|
||||
|
||||
|
||||
</div>
|
||||
<div id=contentArea><div class=card>
|
||||
<div class=card-body style="display:flex;justify-content:space-between;align-items:center;padding:10px 15px">
|
||||
<div>
|
||||
<span style=font-weight:bold;font-size:1.1rem>All Threads</span>
|
||||
<span style=color:#888;margin-left:10px;font-size:0.9rem>Total 45 threads</span>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn btn-primary">✍️ New Thread</button>
|
||||
<select style="padding:5px;border-radius:4px;border:1px solid #ddd;margin-left:10px">
|
||||
<option selected>Latest Replies</option>
|
||||
<option>Newest</option>
|
||||
<option>Most Viewed</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div><div class=card><div class=card-header style=color:#666;font-size:0.8rem>
|
||||
<span style=flex:1>Topic</span>
|
||||
<span style=width:100px;text-align:center>Author</span>
|
||||
<span style=width:80px;text-align:center>Replies/Views</span>
|
||||
<span style=width:120px;text-align:right>Last Post</span>
|
||||
</div><div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>167</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> RTX 5090 Stats Leaked, 600W Power Consumption?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-06 19:32
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>103</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> Help: Win12 update caused BSOD Critical_Process_Died</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-19 13:50
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>103</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> [Build Log] All-White 'Sea View' Case, Aesthetics is Justice!</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-03 01:28
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>62</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title>Python crawler getting 403 Forbidden on specific site</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-24 12:21
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>86</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> AMD YES! Ryzen 9000 Series Preview</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-22 22:34
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>69</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Mech Keyboard Switch Recs: Red vs Brown?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-01 18:05
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>124</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> Monitor Buying Guide: IPS vs OLED</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-31 07:58
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>63</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title>Company server struck by lightning, how to recover data?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-28 00:20
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>72</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Newbie needs 3000 budget PC build recs</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-08 02:51
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>120</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> How to configure Nginx Reverse Proxy on Linux?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-17 17:19
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>111</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> RTX 5090 Stats Leaked, 600W Power Consumption? (Help)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-04 07:31
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>53</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title>Help: Win12 update caused BSOD Critical_Process_Died [Discuss]</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-05 01:39
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>137</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> [Build Log] All-White 'Sea View' Case, Aesthetics is Justice! ...</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-18 09:59
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>63</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title>Python crawler getting 403 Forbidden on specific site !!</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-26 19:51
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>58</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> AMD YES! Ryzen 9000 Series Preview (Updated)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-19 06:34
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div></div></div><div class=pagination>
|
||||
<div class="page-num active">1</div>
|
||||
<div class=page-num>2</div>
|
||||
<div class=page-num>3</div>
|
||||
<div class=page-num>...</div>
|
||||
<div class=page-num>9</div>
|
||||
</div></div>
|
||||
|
||||
|
||||
<div style=display:none>
|
||||
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<aside class=sidebar-right>
|
||||
<div class=card>
|
||||
<div class=card-header>🔥 24-Hour Hot Topics</div>
|
||||
<div class=card-body style=padding:0>
|
||||
<ul id=hotThreadsList style=padding:0;margin:0>
|
||||
|
||||
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>167</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>RTX 5090 Stats Leaked, 600W Power Consumption?</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>103</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>Help: Win12 update caused BSOD Critical_Process_Died</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>103</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>[Build Log] All-White 'Sea View' Case, Aesthetics is Justice!</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>86</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>AMD YES! Ryzen 9000 Series Preview</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>62</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>Python crawler getting 403 Forbidden on specific site</a>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class=card>
|
||||
<div class=card-header>📊 Statistics</div>
|
||||
<div class=card-body style=font-size:0.85rem;line-height:2>
|
||||
<div>Members Online: <strong style=color:green>1,024</strong></div>
|
||||
<div>Posts Today: <strong>5,231</strong></div>
|
||||
<div>Total Posts: <strong>8.4M</strong></div>
|
||||
<div>Server Latency: <span id=pingValue style=color:green>13ms</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
<div class="modal-backdrop sf-hidden" id=confirmModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop sf-hidden" id=alertModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop sf-hidden" id=loginModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop sf-hidden" id=newThreadModal>
|
||||
|
||||
</div>
|
||||
<div class="toast-box sf-hidden" id=toast></div>
|
||||
430
004/4-002.html
Normal file
430
004/4-002.html
Normal file
@@ -0,0 +1,430 @@
|
||||
<!DOCTYPE html> <html lang=en style><!--
|
||||
--><meta charset=utf-8>
|
||||
<meta name=viewport content="width=device-width, initial-scale=1.0">
|
||||
<title>BSOD Help - System_Thread_Exception - TechZone Forums</title>
|
||||
<style>:root{--primary:#1877f2;--secondary:#42b72a;--bg-body:#f0f2f5;--bg-card:#ffffff;--text-main:#1c1e21;--text-sub:#65676b;--border:#dddfe2;--header-height:60px;--danger:#dc3545;--warning:#ffc107}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-main);margin:0;line-height:1.5;padding-top:var(--header-height);transition:background 0.3s,color 0.3s}a{text-decoration:none;color:var(--primary);cursor:pointer}a:hover{text-decoration:underline}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:20px}.layout-grid{display:grid;grid-template-columns:280px 1fr 300px;gap:20px}@media (max-width:1000px){.layout-grid{grid-template-columns:1fr}.sidebar{display:none}}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:0 2px 4px rgba(0,0,0,0.05);z-index:1000;display:flex;align-items:center;padding:0 20px;justify-content:space-between}.logo{font-size:1.5rem;font-weight:bold;color:var(--primary);display:flex;align-items:center;gap:10px}.search-bar{position:relative;width:400px}.search-bar input{width:100%;padding:8px 15px;border-radius:20px;border:1px solid var(--border);background:var(--bg-body);color:var(--text-main)}.nav-user{display:flex;gap:15px;align-items:center}.card{background:var(--bg-card);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,0.1);margin-bottom:20px;overflow:hidden;border:1px solid var(--border)}.card-header{padding:12px 15px;border-bottom:1px solid var(--border);font-weight:600;font-size:0.95rem;display:flex;justify-content:space-between}.card-body{padding:15px}.forum-category-item{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--border);cursor:pointer}.forum-category-item:hover{background:rgba(0,0,0,0.02)}.thread-item{display:flex;gap:15px;padding:15px;border-bottom:1px solid var(--border);transition:0.2s}.thread-item:hover{background:rgba(0,0,0,0.02);transform:translateX(5px)}.thread-stats{display:flex;flex-direction:column;align-items:center;min-width:60px;color:var(--text-sub);font-size:0.8rem}.stat-count{font-size:1.1rem;font-weight:bold;color:var(--text-main)}.thread-main{flex:1}.thread-title{font-size:1.1rem;font-weight:500;margin-bottom:5px;display:block;color:var(--text-main)}.thread-meta{font-size:0.85rem;color:var(--text-sub);display:flex;gap:10px}.tag{padding:2px 6px;border-radius:4px;font-size:0.75rem}.tag.red{background:#fee2e2;color:#b91c1c}.tag.blue{background:#e0f2fe;color:#0369a1}.btn-action:hover{background:rgba(0,0,0,0.05);color:var(--primary)}.btn{padding:8px 16px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:0.2s}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{opacity:0.9}.btn-block{display:block;width:100%}.pagination{display:flex;gap:5px;margin-top:20px;justify-content:center}.page-num{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;background:var(--bg-card);cursor:pointer}.page-num.active{background:var(--primary);color:white;border-color:var(--primary)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:2000;justify-content:center;align-items:center;backdrop-filter:blur(2px)}.modal-backdrop.show{display:flex}.modal-panel{background:var(--bg-card);width:500px;max-width:90%;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,0.3);overflow:hidden;animation:slideUp 0.3s ease}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-box{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#333;color:white;padding:12px 24px;border-radius:30px;box-shadow:0 5px 15px rgba(0,0,0,0.2);z-index:3000;font-weight:500}.spam-mask::after{content:"Content Blocked by System";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:red;font-weight:bold;border:2px solid red;padding:5px 10px;transform:rotate(-10deg)}.tool-btn:hover{background:rgba(0,0,0,0.1)}</style>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:8000/004/4-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 id=body>
|
||||
|
||||
<header class=site-header>
|
||||
<div class=logo>
|
||||
<span style=font-size:2rem>🛠️</span> TechZone
|
||||
</div>
|
||||
<div class=search-bar>
|
||||
<input type=text id=searchInput placeholder="Search threads, users or resources..." value>
|
||||
</div>
|
||||
<div class=nav-user id=navUser>
|
||||
<button class="btn btn-primary">Register / Login</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="container layout-grid" id=mainLayout>
|
||||
|
||||
|
||||
<nav class=sidebar>
|
||||
<div class=card>
|
||||
<div class=card-header>Navigation</div>
|
||||
<div class=card-body style=padding:0>
|
||||
<div class=forum-category-item>🏠 Home</div>
|
||||
<div class=forum-category-item>🖥️ Hardware</div>
|
||||
<div class=forum-category-item>💿 Software</div>
|
||||
<div class=forum-category-item>🌊 Off-topic</div>
|
||||
<div class=forum-category-item>💹 Marketplace</div>
|
||||
<div class=forum-category-item>📢 Announcements</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=card>
|
||||
<div class=card-header>My Status</div>
|
||||
<div class=card-body>
|
||||
<p style=color:#666;font-size:0.9rem>Please login to view your points and tasks.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class=card style=border-color:#ffeeba;background:#fffdf5>
|
||||
<div class=card-header style=color:#856404>📅 Daily Check-in</div>
|
||||
<div class=card-body>
|
||||
<p style=font-size:0.8rem;margin-bottom:10px>Checked in today: 12,503</p>
|
||||
<button class="btn btn-block" style=background:#ffc107;color:#333>Check In (+5 pts)</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main class=main-content>
|
||||
<div id=loading style=text-align:center;padding:50px;display:none>
|
||||
|
||||
|
||||
</div>
|
||||
<div id=contentArea><div class=card>
|
||||
<div class=card-body style="display:flex;justify-content:space-between;align-items:center;padding:10px 15px">
|
||||
<div>
|
||||
<span style=font-weight:bold;font-size:1.1rem>All Threads</span>
|
||||
<span style=color:#888;margin-left:10px;font-size:0.9rem>Total 45 threads</span>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn btn-primary">✍️ New Thread</button>
|
||||
<select style="padding:5px;border-radius:4px;border:1px solid #ddd;margin-left:10px">
|
||||
<option selected>Latest Replies</option>
|
||||
<option>Newest</option>
|
||||
<option>Most Viewed</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div><div class=card><div class=card-header style=color:#666;font-size:0.8rem>
|
||||
<span style=flex:1>Topic</span>
|
||||
<span style=width:100px;text-align:center>Author</span>
|
||||
<span style=width:80px;text-align:center>Replies/Views</span>
|
||||
<span style=width:120px;text-align:right>Last Post</span>
|
||||
</div><div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>167</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> RTX 5090 Stats Leaked, 600W Power Consumption?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-06 19:32
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>103</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> Help: Win12 update caused BSOD Critical_Process_Died</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-19 13:50
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>103</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> [Build Log] All-White 'Sea View' Case, Aesthetics is Justice!</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-03 01:28
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>62</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title>Python crawler getting 403 Forbidden on specific site</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-24 12:21
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>86</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> AMD YES! Ryzen 9000 Series Preview</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-22 22:34
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>69</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Mech Keyboard Switch Recs: Red vs Brown?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-01 18:05
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>124</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> Monitor Buying Guide: IPS vs OLED</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-31 07:58
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>63</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title>Company server struck by lightning, how to recover data?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-28 00:20
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>72</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Newbie needs 3000 budget PC build recs</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-08 02:51
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>120</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> How to configure Nginx Reverse Proxy on Linux?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-17 17:19
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>111</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> RTX 5090 Stats Leaked, 600W Power Consumption? (Help)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-04 07:31
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>53</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title>Help: Win12 update caused BSOD Critical_Process_Died [Discuss]</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-05 01:39
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>137</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> [Build Log] All-White 'Sea View' Case, Aesthetics is Justice! ...</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-18 09:59
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>63</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title>Python crawler getting 403 Forbidden on specific site !!</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-26 19:51
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>58</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> AMD YES! Ryzen 9000 Series Preview (Updated)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-19 06:34
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div></div></div><div class=pagination>
|
||||
<div class="page-num active">1</div>
|
||||
<div class=page-num>2</div>
|
||||
<div class=page-num>3</div>
|
||||
<div class=page-num>...</div>
|
||||
<div class=page-num>9</div>
|
||||
</div></div>
|
||||
|
||||
|
||||
<div style=display:none>
|
||||
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<aside class=sidebar-right>
|
||||
<div class=card>
|
||||
<div class=card-header>🔥 24-Hour Hot Topics</div>
|
||||
<div class=card-body style=padding:0>
|
||||
<ul id=hotThreadsList style=padding:0;margin:0>
|
||||
|
||||
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>167</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>RTX 5090 Stats Leaked, 600W Power Consumption?</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>103</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>Help: Win12 update caused BSOD Critical_Process_Died</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>103</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>[Build Log] All-White 'Sea View' Case, Aesthetics is Justice!</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>86</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>AMD YES! Ryzen 9000 Series Preview</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>62</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>Python crawler getting 403 Forbidden on specific site</a>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class=card>
|
||||
<div class=card-header>📊 Statistics</div>
|
||||
<div class=card-body style=font-size:0.85rem;line-height:2>
|
||||
<div>Members Online: <strong style=color:green>1,024</strong></div>
|
||||
<div>Posts Today: <strong>5,231</strong></div>
|
||||
<div>Total Posts: <strong>8.4M</strong></div>
|
||||
<div>Server Latency: <span id=pingValue style=color:green>33ms</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
<div class="modal-backdrop sf-hidden" id=confirmModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop sf-hidden" id=alertModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop show" id=loginModal>
|
||||
<div class=modal-panel>
|
||||
<div class=card-header>
|
||||
User Login <span style=cursor:pointer;float:right>×</span>
|
||||
</div>
|
||||
<div class=card-body>
|
||||
<div style=margin-bottom:15px>
|
||||
<label style=display:block;margin-bottom:5px>Username / Email</label>
|
||||
<input type=text id=loginUser class=form-control style=width:100%;padding:8px value=TechUser_2026>
|
||||
</div>
|
||||
<div style=margin-bottom:20px>
|
||||
<label style=display:block;margin-bottom:5px>Password</label>
|
||||
<input type=password class=form-control style=width:100%;padding:8px>
|
||||
</div>
|
||||
<button class="btn btn-primary btn-block">Login</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-backdrop sf-hidden" id=newThreadModal>
|
||||
|
||||
</div>
|
||||
<div class="toast-box sf-hidden" id=toast></div>
|
||||
430
004/4-003.html
Normal file
430
004/4-003.html
Normal file
@@ -0,0 +1,430 @@
|
||||
<!DOCTYPE html> <html lang=en style><!--
|
||||
--><meta charset=utf-8>
|
||||
<meta name=viewport content="width=device-width, initial-scale=1.0">
|
||||
<title>BSOD Help - System_Thread_Exception - TechZone Forums</title>
|
||||
<style>:root{--primary:#1877f2;--secondary:#42b72a;--bg-body:#f0f2f5;--bg-card:#ffffff;--text-main:#1c1e21;--text-sub:#65676b;--border:#dddfe2;--header-height:60px;--danger:#dc3545;--warning:#ffc107}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-main);margin:0;line-height:1.5;padding-top:var(--header-height);transition:background 0.3s,color 0.3s}a{text-decoration:none;color:var(--primary);cursor:pointer}a:hover{text-decoration:underline}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:20px}.layout-grid{display:grid;grid-template-columns:280px 1fr 300px;gap:20px}@media (max-width:1000px){.layout-grid{grid-template-columns:1fr}.sidebar{display:none}}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:0 2px 4px rgba(0,0,0,0.05);z-index:1000;display:flex;align-items:center;padding:0 20px;justify-content:space-between}.logo{font-size:1.5rem;font-weight:bold;color:var(--primary);display:flex;align-items:center;gap:10px}.search-bar{position:relative;width:400px}.search-bar input{width:100%;padding:8px 15px;border-radius:20px;border:1px solid var(--border);background:var(--bg-body);color:var(--text-main)}.nav-user{display:flex;gap:15px;align-items:center}.card{background:var(--bg-card);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,0.1);margin-bottom:20px;overflow:hidden;border:1px solid var(--border)}.card-header{padding:12px 15px;border-bottom:1px solid var(--border);font-weight:600;font-size:0.95rem;display:flex;justify-content:space-between}.card-body{padding:15px}.forum-category-item{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--border);cursor:pointer}.forum-category-item:hover{background:rgba(0,0,0,0.02)}.thread-item{display:flex;gap:15px;padding:15px;border-bottom:1px solid var(--border);transition:0.2s}.thread-item:hover{background:rgba(0,0,0,0.02);transform:translateX(5px)}.thread-stats{display:flex;flex-direction:column;align-items:center;min-width:60px;color:var(--text-sub);font-size:0.8rem}.stat-count{font-size:1.1rem;font-weight:bold;color:var(--text-main)}.thread-main{flex:1}.thread-title{font-size:1.1rem;font-weight:500;margin-bottom:5px;display:block;color:var(--text-main)}.thread-meta{font-size:0.85rem;color:var(--text-sub);display:flex;gap:10px}.tag{padding:2px 6px;border-radius:4px;font-size:0.75rem}.tag.red{background:#fee2e2;color:#b91c1c}.tag.blue{background:#e0f2fe;color:#0369a1}.btn-action:hover{background:rgba(0,0,0,0.05);color:var(--primary)}.btn{padding:8px 16px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:0.2s}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{opacity:0.9}.btn-block{display:block;width:100%}.pagination{display:flex;gap:5px;margin-top:20px;justify-content:center}.page-num{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;background:var(--bg-card);cursor:pointer}.page-num.active{background:var(--primary);color:white;border-color:var(--primary)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:2000;justify-content:center;align-items:center;backdrop-filter:blur(2px)}.modal-backdrop.show{display:flex}.modal-panel{background:var(--bg-card);width:500px;max-width:90%;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,0.3);overflow:hidden;animation:slideUp 0.3s ease}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-box{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#333;color:white;padding:12px 24px;border-radius:30px;box-shadow:0 5px 15px rgba(0,0,0,0.2);z-index:3000;font-weight:500}.spam-mask::after{content:"Content Blocked by System";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:red;font-weight:bold;border:2px solid red;padding:5px 10px;transform:rotate(-10deg)}.tool-btn:hover{background:rgba(0,0,0,0.1)}</style>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:8000/004/4-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 id=body>
|
||||
|
||||
<header class=site-header>
|
||||
<div class=logo>
|
||||
<span style=font-size:2rem>🛠️</span> TechZone
|
||||
</div>
|
||||
<div class=search-bar>
|
||||
<input type=text id=searchInput placeholder="Search threads, users or resources..." value>
|
||||
</div>
|
||||
<div class=nav-user id=navUser>
|
||||
<button class="btn btn-primary">Register / Login</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="container layout-grid" id=mainLayout>
|
||||
|
||||
|
||||
<nav class=sidebar>
|
||||
<div class=card>
|
||||
<div class=card-header>Navigation</div>
|
||||
<div class=card-body style=padding:0>
|
||||
<div class=forum-category-item>🏠 Home</div>
|
||||
<div class=forum-category-item>🖥️ Hardware</div>
|
||||
<div class=forum-category-item>💿 Software</div>
|
||||
<div class=forum-category-item>🌊 Off-topic</div>
|
||||
<div class=forum-category-item>💹 Marketplace</div>
|
||||
<div class=forum-category-item>📢 Announcements</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=card>
|
||||
<div class=card-header>My Status</div>
|
||||
<div class=card-body>
|
||||
<p style=color:#666;font-size:0.9rem>Please login to view your points and tasks.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class=card style=border-color:#ffeeba;background:#fffdf5>
|
||||
<div class=card-header style=color:#856404>📅 Daily Check-in</div>
|
||||
<div class=card-body>
|
||||
<p style=font-size:0.8rem;margin-bottom:10px>Checked in today: 12,503</p>
|
||||
<button class="btn btn-block" style=background:#ffc107;color:#333>Check In (+5 pts)</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main class=main-content>
|
||||
<div id=loading style=text-align:center;padding:50px;display:none>
|
||||
|
||||
|
||||
</div>
|
||||
<div id=contentArea><div class=card>
|
||||
<div class=card-body style="display:flex;justify-content:space-between;align-items:center;padding:10px 15px">
|
||||
<div>
|
||||
<span style=font-weight:bold;font-size:1.1rem>All Threads</span>
|
||||
<span style=color:#888;margin-left:10px;font-size:0.9rem>Total 45 threads</span>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn btn-primary">✍️ New Thread</button>
|
||||
<select style="padding:5px;border-radius:4px;border:1px solid #ddd;margin-left:10px">
|
||||
<option selected>Latest Replies</option>
|
||||
<option>Newest</option>
|
||||
<option>Most Viewed</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div><div class=card><div class=card-header style=color:#666;font-size:0.8rem>
|
||||
<span style=flex:1>Topic</span>
|
||||
<span style=width:100px;text-align:center>Author</span>
|
||||
<span style=width:80px;text-align:center>Replies/Views</span>
|
||||
<span style=width:120px;text-align:right>Last Post</span>
|
||||
</div><div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>167</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> RTX 5090 Stats Leaked, 600W Power Consumption?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-06 19:32
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>103</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> Help: Win12 update caused BSOD Critical_Process_Died</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-19 13:50
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>103</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> [Build Log] All-White 'Sea View' Case, Aesthetics is Justice!</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-03 01:28
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>62</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title>Python crawler getting 403 Forbidden on specific site</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-24 12:21
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>86</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> AMD YES! Ryzen 9000 Series Preview</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-22 22:34
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>69</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Mech Keyboard Switch Recs: Red vs Brown?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-01 18:05
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>124</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> Monitor Buying Guide: IPS vs OLED</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-31 07:58
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>63</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title>Company server struck by lightning, how to recover data?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-28 00:20
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>72</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Newbie needs 3000 budget PC build recs</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-08 02:51
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>120</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> How to configure Nginx Reverse Proxy on Linux?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-17 17:19
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>111</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> RTX 5090 Stats Leaked, 600W Power Consumption? (Help)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-04 07:31
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>53</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title>Help: Win12 update caused BSOD Critical_Process_Died [Discuss]</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-05 01:39
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>137</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> [Build Log] All-White 'Sea View' Case, Aesthetics is Justice! ...</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-18 09:59
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>63</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title>Python crawler getting 403 Forbidden on specific site !!</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-26 19:51
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>58</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> AMD YES! Ryzen 9000 Series Preview (Updated)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-19 06:34
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div></div></div><div class=pagination>
|
||||
<div class="page-num active">1</div>
|
||||
<div class=page-num>2</div>
|
||||
<div class=page-num>3</div>
|
||||
<div class=page-num>...</div>
|
||||
<div class=page-num>9</div>
|
||||
</div></div>
|
||||
|
||||
|
||||
<div style=display:none>
|
||||
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<aside class=sidebar-right>
|
||||
<div class=card>
|
||||
<div class=card-header>🔥 24-Hour Hot Topics</div>
|
||||
<div class=card-body style=padding:0>
|
||||
<ul id=hotThreadsList style=padding:0;margin:0>
|
||||
|
||||
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>167</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>RTX 5090 Stats Leaked, 600W Power Consumption?</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>103</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>Help: Win12 update caused BSOD Critical_Process_Died</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>103</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>[Build Log] All-White 'Sea View' Case, Aesthetics is Justice!</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>86</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>AMD YES! Ryzen 9000 Series Preview</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>62</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>Python crawler getting 403 Forbidden on specific site</a>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class=card>
|
||||
<div class=card-header>📊 Statistics</div>
|
||||
<div class=card-body style=font-size:0.85rem;line-height:2>
|
||||
<div>Members Online: <strong style=color:green>1,024</strong></div>
|
||||
<div>Posts Today: <strong>5,231</strong></div>
|
||||
<div>Total Posts: <strong>8.4M</strong></div>
|
||||
<div>Server Latency: <span id=pingValue style=color:green>37ms</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
<div class="modal-backdrop sf-hidden" id=confirmModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop sf-hidden" id=alertModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop show" id=loginModal>
|
||||
<div class=modal-panel>
|
||||
<div class=card-header>
|
||||
User Login <span style=cursor:pointer;float:right>×</span>
|
||||
</div>
|
||||
<div class=card-body>
|
||||
<div style=margin-bottom:15px>
|
||||
<label style=display:block;margin-bottom:5px>Username / Email</label>
|
||||
<input type=text id=loginUser class=form-control style=width:100%;padding:8px value=My_New_Account>
|
||||
</div>
|
||||
<div style=margin-bottom:20px>
|
||||
<label style=display:block;margin-bottom:5px>Password</label>
|
||||
<input type=password class=form-control style=width:100%;padding:8px>
|
||||
</div>
|
||||
<button class="btn btn-primary btn-block">Login</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-backdrop sf-hidden" id=newThreadModal>
|
||||
|
||||
</div>
|
||||
<div class="toast-box sf-hidden" id=toast></div>
|
||||
430
004/4-004.html
Normal file
430
004/4-004.html
Normal file
@@ -0,0 +1,430 @@
|
||||
<!DOCTYPE html> <html lang=en style><!--
|
||||
--><meta charset=utf-8>
|
||||
<meta name=viewport content="width=device-width, initial-scale=1.0">
|
||||
<title>BSOD Help - System_Thread_Exception - TechZone Forums</title>
|
||||
<style>:root{--primary:#1877f2;--secondary:#42b72a;--bg-body:#f0f2f5;--bg-card:#ffffff;--text-main:#1c1e21;--text-sub:#65676b;--border:#dddfe2;--header-height:60px;--danger:#dc3545;--warning:#ffc107}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-main);margin:0;line-height:1.5;padding-top:var(--header-height);transition:background 0.3s,color 0.3s}a{text-decoration:none;color:var(--primary);cursor:pointer}a:hover{text-decoration:underline}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:20px}.layout-grid{display:grid;grid-template-columns:280px 1fr 300px;gap:20px}@media (max-width:1000px){.layout-grid{grid-template-columns:1fr}.sidebar{display:none}}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:0 2px 4px rgba(0,0,0,0.05);z-index:1000;display:flex;align-items:center;padding:0 20px;justify-content:space-between}.logo{font-size:1.5rem;font-weight:bold;color:var(--primary);display:flex;align-items:center;gap:10px}.search-bar{position:relative;width:400px}.search-bar input{width:100%;padding:8px 15px;border-radius:20px;border:1px solid var(--border);background:var(--bg-body);color:var(--text-main)}.nav-user{display:flex;gap:15px;align-items:center}.card{background:var(--bg-card);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,0.1);margin-bottom:20px;overflow:hidden;border:1px solid var(--border)}.card-header{padding:12px 15px;border-bottom:1px solid var(--border);font-weight:600;font-size:0.95rem;display:flex;justify-content:space-between}.card-body{padding:15px}.forum-category-item{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--border);cursor:pointer}.forum-category-item:hover{background:rgba(0,0,0,0.02)}.thread-item{display:flex;gap:15px;padding:15px;border-bottom:1px solid var(--border);transition:0.2s}.thread-item:hover{background:rgba(0,0,0,0.02);transform:translateX(5px)}.thread-stats{display:flex;flex-direction:column;align-items:center;min-width:60px;color:var(--text-sub);font-size:0.8rem}.stat-count{font-size:1.1rem;font-weight:bold;color:var(--text-main)}.thread-main{flex:1}.thread-title{font-size:1.1rem;font-weight:500;margin-bottom:5px;display:block;color:var(--text-main)}.thread-meta{font-size:0.85rem;color:var(--text-sub);display:flex;gap:10px}.tag{padding:2px 6px;border-radius:4px;font-size:0.75rem}.tag.red{background:#fee2e2;color:#b91c1c}.tag.blue{background:#e0f2fe;color:#0369a1}.btn-action:hover{background:rgba(0,0,0,0.05);color:var(--primary)}.btn{padding:8px 16px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:0.2s}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{opacity:0.9}.btn-block{display:block;width:100%}.pagination{display:flex;gap:5px;margin-top:20px;justify-content:center}.page-num{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;background:var(--bg-card);cursor:pointer}.page-num.active{background:var(--primary);color:white;border-color:var(--primary)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:2000;justify-content:center;align-items:center;backdrop-filter:blur(2px)}.modal-backdrop.show{display:flex}.modal-panel{background:var(--bg-card);width:500px;max-width:90%;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,0.3);overflow:hidden;animation:slideUp 0.3s ease}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-box{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#333;color:white;padding:12px 24px;border-radius:30px;box-shadow:0 5px 15px rgba(0,0,0,0.2);z-index:3000;font-weight:500}.spam-mask::after{content:"Content Blocked by System";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:red;font-weight:bold;border:2px solid red;padding:5px 10px;transform:rotate(-10deg)}.tool-btn:hover{background:rgba(0,0,0,0.1)}</style>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:8000/004/4-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 id=body>
|
||||
|
||||
<header class=site-header>
|
||||
<div class=logo>
|
||||
<span style=font-size:2rem>🛠️</span> TechZone
|
||||
</div>
|
||||
<div class=search-bar>
|
||||
<input type=text id=searchInput placeholder="Search threads, users or resources..." value>
|
||||
</div>
|
||||
<div class=nav-user id=navUser>
|
||||
<button class="btn btn-primary">Register / Login</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="container layout-grid" id=mainLayout>
|
||||
|
||||
|
||||
<nav class=sidebar>
|
||||
<div class=card>
|
||||
<div class=card-header>Navigation</div>
|
||||
<div class=card-body style=padding:0>
|
||||
<div class=forum-category-item>🏠 Home</div>
|
||||
<div class=forum-category-item>🖥️ Hardware</div>
|
||||
<div class=forum-category-item>💿 Software</div>
|
||||
<div class=forum-category-item>🌊 Off-topic</div>
|
||||
<div class=forum-category-item>💹 Marketplace</div>
|
||||
<div class=forum-category-item>📢 Announcements</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=card>
|
||||
<div class=card-header>My Status</div>
|
||||
<div class=card-body>
|
||||
<p style=color:#666;font-size:0.9rem>Please login to view your points and tasks.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class=card style=border-color:#ffeeba;background:#fffdf5>
|
||||
<div class=card-header style=color:#856404>📅 Daily Check-in</div>
|
||||
<div class=card-body>
|
||||
<p style=font-size:0.8rem;margin-bottom:10px>Checked in today: 12,503</p>
|
||||
<button class="btn btn-block" style=background:#ffc107;color:#333>Check In (+5 pts)</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main class=main-content>
|
||||
<div id=loading style=text-align:center;padding:50px;display:none>
|
||||
|
||||
|
||||
</div>
|
||||
<div id=contentArea><div class=card>
|
||||
<div class=card-body style="display:flex;justify-content:space-between;align-items:center;padding:10px 15px">
|
||||
<div>
|
||||
<span style=font-weight:bold;font-size:1.1rem>All Threads</span>
|
||||
<span style=color:#888;margin-left:10px;font-size:0.9rem>Total 45 threads</span>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn btn-primary">✍️ New Thread</button>
|
||||
<select style="padding:5px;border-radius:4px;border:1px solid #ddd;margin-left:10px">
|
||||
<option selected>Latest Replies</option>
|
||||
<option>Newest</option>
|
||||
<option>Most Viewed</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div><div class=card><div class=card-header style=color:#666;font-size:0.8rem>
|
||||
<span style=flex:1>Topic</span>
|
||||
<span style=width:100px;text-align:center>Author</span>
|
||||
<span style=width:80px;text-align:center>Replies/Views</span>
|
||||
<span style=width:120px;text-align:right>Last Post</span>
|
||||
</div><div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>167</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> RTX 5090 Stats Leaked, 600W Power Consumption?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-06 19:32
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>103</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> Help: Win12 update caused BSOD Critical_Process_Died</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-19 13:50
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>103</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> [Build Log] All-White 'Sea View' Case, Aesthetics is Justice!</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-03 01:28
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>62</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title>Python crawler getting 403 Forbidden on specific site</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-24 12:21
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>86</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> AMD YES! Ryzen 9000 Series Preview</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-22 22:34
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>69</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Mech Keyboard Switch Recs: Red vs Brown?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-01 18:05
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>124</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> Monitor Buying Guide: IPS vs OLED</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-31 07:58
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>63</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title>Company server struck by lightning, how to recover data?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-28 00:20
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>72</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Newbie needs 3000 budget PC build recs</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-08 02:51
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>120</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> How to configure Nginx Reverse Proxy on Linux?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-17 17:19
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>111</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> RTX 5090 Stats Leaked, 600W Power Consumption? (Help)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-04 07:31
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>53</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title>Help: Win12 update caused BSOD Critical_Process_Died [Discuss]</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-05 01:39
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>137</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> [Build Log] All-White 'Sea View' Case, Aesthetics is Justice! ...</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-18 09:59
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>63</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title>Python crawler getting 403 Forbidden on specific site !!</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-26 19:51
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>58</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> AMD YES! Ryzen 9000 Series Preview (Updated)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-19 06:34
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div></div></div><div class=pagination>
|
||||
<div class="page-num active">1</div>
|
||||
<div class=page-num>2</div>
|
||||
<div class=page-num>3</div>
|
||||
<div class=page-num>...</div>
|
||||
<div class=page-num>9</div>
|
||||
</div></div>
|
||||
|
||||
|
||||
<div style=display:none>
|
||||
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<aside class=sidebar-right>
|
||||
<div class=card>
|
||||
<div class=card-header>🔥 24-Hour Hot Topics</div>
|
||||
<div class=card-body style=padding:0>
|
||||
<ul id=hotThreadsList style=padding:0;margin:0>
|
||||
|
||||
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>167</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>RTX 5090 Stats Leaked, 600W Power Consumption?</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>103</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>Help: Win12 update caused BSOD Critical_Process_Died</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>103</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>[Build Log] All-White 'Sea View' Case, Aesthetics is Justice!</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>86</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>AMD YES! Ryzen 9000 Series Preview</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>62</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>Python crawler getting 403 Forbidden on specific site</a>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class=card>
|
||||
<div class=card-header>📊 Statistics</div>
|
||||
<div class=card-body style=font-size:0.85rem;line-height:2>
|
||||
<div>Members Online: <strong style=color:green>1,024</strong></div>
|
||||
<div>Posts Today: <strong>5,231</strong></div>
|
||||
<div>Total Posts: <strong>8.4M</strong></div>
|
||||
<div>Server Latency: <span id=pingValue style=color:green>29ms</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
<div class="modal-backdrop sf-hidden" id=confirmModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop sf-hidden" id=alertModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop show" id=loginModal>
|
||||
<div class=modal-panel>
|
||||
<div class=card-header>
|
||||
User Login <span style=cursor:pointer;float:right>×</span>
|
||||
</div>
|
||||
<div class=card-body>
|
||||
<div style=margin-bottom:15px>
|
||||
<label style=display:block;margin-bottom:5px>Username / Email</label>
|
||||
<input type=text id=loginUser class=form-control style=width:100%;padding:8px value=My_New_Account>
|
||||
</div>
|
||||
<div style=margin-bottom:20px>
|
||||
<label style=display:block;margin-bottom:5px>Password</label>
|
||||
<input type=password class=form-control style=width:100%;padding:8px>
|
||||
</div>
|
||||
<button class="btn btn-primary btn-block">Login</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-backdrop sf-hidden" id=newThreadModal>
|
||||
|
||||
</div>
|
||||
<div class="toast-box sf-hidden" id=toast></div>
|
||||
419
004/4-005.html
Normal file
419
004/4-005.html
Normal file
@@ -0,0 +1,419 @@
|
||||
<!DOCTYPE html> <html lang=en style><!--
|
||||
--><meta charset=utf-8>
|
||||
<meta name=viewport content="width=device-width, initial-scale=1.0">
|
||||
<title>BSOD Help - System_Thread_Exception - TechZone Forums</title>
|
||||
<style>:root{--primary:#1877f2;--secondary:#42b72a;--bg-body:#f0f2f5;--bg-card:#ffffff;--text-main:#1c1e21;--text-sub:#65676b;--border:#dddfe2;--header-height:60px;--danger:#dc3545;--warning:#ffc107}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-main);margin:0;line-height:1.5;padding-top:var(--header-height);transition:background 0.3s,color 0.3s}a{text-decoration:none;color:var(--primary);cursor:pointer}a:hover{text-decoration:underline}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:20px}.layout-grid{display:grid;grid-template-columns:280px 1fr 300px;gap:20px}@media (max-width:1000px){.layout-grid{grid-template-columns:1fr}.sidebar{display:none}}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:0 2px 4px rgba(0,0,0,0.05);z-index:1000;display:flex;align-items:center;padding:0 20px;justify-content:space-between}.logo{font-size:1.5rem;font-weight:bold;color:var(--primary);display:flex;align-items:center;gap:10px}.search-bar{position:relative;width:400px}.search-bar input{width:100%;padding:8px 15px;border-radius:20px;border:1px solid var(--border);background:var(--bg-body);color:var(--text-main)}.nav-user{display:flex;gap:15px;align-items:center}.user-avatar-sm{width:32px;height:32px;border-radius:50%;cursor:pointer}.card{background:var(--bg-card);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,0.1);margin-bottom:20px;overflow:hidden;border:1px solid var(--border)}.card-header{padding:12px 15px;border-bottom:1px solid var(--border);font-weight:600;font-size:0.95rem;display:flex;justify-content:space-between}.card-body{padding:15px}.forum-category-item{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--border);cursor:pointer}.forum-category-item:hover{background:rgba(0,0,0,0.02)}.thread-item{display:flex;gap:15px;padding:15px;border-bottom:1px solid var(--border);transition:0.2s}.thread-item:hover{background:rgba(0,0,0,0.02);transform:translateX(5px)}.thread-stats{display:flex;flex-direction:column;align-items:center;min-width:60px;color:var(--text-sub);font-size:0.8rem}.stat-count{font-size:1.1rem;font-weight:bold;color:var(--text-main)}.thread-main{flex:1}.thread-title{font-size:1.1rem;font-weight:500;margin-bottom:5px;display:block;color:var(--text-main)}.thread-meta{font-size:0.85rem;color:var(--text-sub);display:flex;gap:10px}.tag{padding:2px 6px;border-radius:4px;font-size:0.75rem}.tag.red{background:#fee2e2;color:#b91c1c}.tag.blue{background:#e0f2fe;color:#0369a1}.btn-action:hover{background:rgba(0,0,0,0.05);color:var(--primary)}.btn{padding:8px 16px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:0.2s}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{opacity:0.9}.btn-block{display:block;width:100%}.pagination{display:flex;gap:5px;margin-top:20px;justify-content:center}.page-num{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;background:var(--bg-card);cursor:pointer}.page-num.active{background:var(--primary);color:white;border-color:var(--primary)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:2000;justify-content:center;align-items:center;backdrop-filter:blur(2px)}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-box{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);color:white;padding:12px 24px;border-radius:30px;box-shadow:0 5px 15px rgba(0,0,0,0.2);z-index:3000;font-weight:500}.spam-mask::after{content:"Content Blocked by System";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:red;font-weight:bold;border:2px solid red;padding:5px 10px;transform:rotate(-10deg)}.tool-btn:hover{background:rgba(0,0,0,0.1)}</style>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:8000/004/4-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 id=body>
|
||||
|
||||
<header class=site-header>
|
||||
<div class=logo>
|
||||
<span style=font-size:2rem>🛠️</span> TechZone
|
||||
</div>
|
||||
<div class=search-bar>
|
||||
<input type=text id=searchInput placeholder="Search threads, users or resources..." value>
|
||||
</div>
|
||||
<div class=nav-user id=navUser>
|
||||
<div style=display:flex;align-items:center;gap:10px;cursor:pointer>
|
||||
<span style=font-weight:bold>My_New_Account</span>
|
||||
<div class=user-avatar-sm style=background:#4caf50></div>
|
||||
<button class=btn style="padding:2px 8px;font-size:0.8rem">Logout</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="container layout-grid" id=mainLayout>
|
||||
|
||||
|
||||
<nav class=sidebar>
|
||||
<div class=card>
|
||||
<div class=card-header>Navigation</div>
|
||||
<div class=card-body style=padding:0>
|
||||
<div class=forum-category-item>🏠 Home</div>
|
||||
<div class=forum-category-item>🖥️ Hardware</div>
|
||||
<div class=forum-category-item>💿 Software</div>
|
||||
<div class=forum-category-item>🌊 Off-topic</div>
|
||||
<div class=forum-category-item>💹 Marketplace</div>
|
||||
<div class=forum-category-item>📢 Announcements</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=card>
|
||||
<div class=card-header>My Status</div>
|
||||
<div class=card-body>
|
||||
<p style=color:#666;font-size:0.9rem>Please login to view your points and tasks.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class=card style=border-color:#ffeeba;background:#fffdf5>
|
||||
<div class=card-header style=color:#856404>📅 Daily Check-in</div>
|
||||
<div class=card-body>
|
||||
<p style=font-size:0.8rem;margin-bottom:10px>Checked in today: 12,503</p>
|
||||
<button class="btn btn-block" style=background:#ffc107;color:#333>Check In (+5 pts)</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main class=main-content>
|
||||
<div id=loading style=text-align:center;padding:50px;display:none>
|
||||
|
||||
|
||||
</div>
|
||||
<div id=contentArea><div class=card>
|
||||
<div class=card-body style="display:flex;justify-content:space-between;align-items:center;padding:10px 15px">
|
||||
<div>
|
||||
<span style=font-weight:bold;font-size:1.1rem>All Threads</span>
|
||||
<span style=color:#888;margin-left:10px;font-size:0.9rem>Total 45 threads</span>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn btn-primary">✍️ New Thread</button>
|
||||
<select style="padding:5px;border-radius:4px;border:1px solid #ddd;margin-left:10px">
|
||||
<option selected>Latest Replies</option>
|
||||
<option>Newest</option>
|
||||
<option>Most Viewed</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div><div class=card><div class=card-header style=color:#666;font-size:0.8rem>
|
||||
<span style=flex:1>Topic</span>
|
||||
<span style=width:100px;text-align:center>Author</span>
|
||||
<span style=width:80px;text-align:center>Replies/Views</span>
|
||||
<span style=width:120px;text-align:right>Last Post</span>
|
||||
</div><div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>167</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> RTX 5090 Stats Leaked, 600W Power Consumption?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-06 19:32
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>103</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> Help: Win12 update caused BSOD Critical_Process_Died</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-19 13:50
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>103</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> [Build Log] All-White 'Sea View' Case, Aesthetics is Justice!</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-03 01:28
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>62</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title>Python crawler getting 403 Forbidden on specific site</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-24 12:21
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>86</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> AMD YES! Ryzen 9000 Series Preview</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-22 22:34
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>69</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Mech Keyboard Switch Recs: Red vs Brown?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-01 18:05
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>124</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> Monitor Buying Guide: IPS vs OLED</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-31 07:58
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>63</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title>Company server struck by lightning, how to recover data?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-28 00:20
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>72</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Newbie needs 3000 budget PC build recs</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-08 02:51
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>120</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> How to configure Nginx Reverse Proxy on Linux?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-17 17:19
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>111</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> RTX 5090 Stats Leaked, 600W Power Consumption? (Help)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-04 07:31
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>53</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title>Help: Win12 update caused BSOD Critical_Process_Died [Discuss]</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-05 01:39
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>137</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> [Build Log] All-White 'Sea View' Case, Aesthetics is Justice! ...</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-18 09:59
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>63</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title>Python crawler getting 403 Forbidden on specific site !!</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-26 19:51
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>58</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> AMD YES! Ryzen 9000 Series Preview (Updated)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-19 06:34
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div></div></div><div class=pagination>
|
||||
<div class="page-num active">1</div>
|
||||
<div class=page-num>2</div>
|
||||
<div class=page-num>3</div>
|
||||
<div class=page-num>...</div>
|
||||
<div class=page-num>9</div>
|
||||
</div></div>
|
||||
|
||||
|
||||
<div style=display:none>
|
||||
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<aside class=sidebar-right>
|
||||
<div class=card>
|
||||
<div class=card-header>🔥 24-Hour Hot Topics</div>
|
||||
<div class=card-body style=padding:0>
|
||||
<ul id=hotThreadsList style=padding:0;margin:0>
|
||||
|
||||
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>167</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>RTX 5090 Stats Leaked, 600W Power Consumption?</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>103</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>Help: Win12 update caused BSOD Critical_Process_Died</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>103</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>[Build Log] All-White 'Sea View' Case, Aesthetics is Justice!</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>86</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>AMD YES! Ryzen 9000 Series Preview</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>62</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>Python crawler getting 403 Forbidden on specific site</a>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class=card>
|
||||
<div class=card-header>📊 Statistics</div>
|
||||
<div class=card-body style=font-size:0.85rem;line-height:2>
|
||||
<div>Members Online: <strong style=color:green>1,024</strong></div>
|
||||
<div>Posts Today: <strong>5,231</strong></div>
|
||||
<div>Total Posts: <strong>8.4M</strong></div>
|
||||
<div>Server Latency: <span id=pingValue style=color:green>17ms</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
<div class="modal-backdrop sf-hidden" id=confirmModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop sf-hidden" id=alertModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop sf-hidden" id=loginModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop sf-hidden" id=newThreadModal>
|
||||
|
||||
</div>
|
||||
<div class=toast-box id=toast style=display:none;background:rgb(76,175,80)>Welcome back, My_New_Account</div>
|
||||
419
004/4-006.html
Normal file
419
004/4-006.html
Normal file
@@ -0,0 +1,419 @@
|
||||
<!DOCTYPE html> <html lang=en style><!--
|
||||
--><meta charset=utf-8>
|
||||
<meta name=viewport content="width=device-width, initial-scale=1.0">
|
||||
<title>BSOD Help - System_Thread_Exception - TechZone Forums</title>
|
||||
<style>:root{--primary:#1877f2;--secondary:#42b72a;--bg-body:#f0f2f5;--bg-card:#ffffff;--text-main:#1c1e21;--text-sub:#65676b;--border:#dddfe2;--header-height:60px;--danger:#dc3545;--warning:#ffc107}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-main);margin:0;line-height:1.5;padding-top:var(--header-height);transition:background 0.3s,color 0.3s}a{text-decoration:none;color:var(--primary);cursor:pointer}a:hover{text-decoration:underline}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:20px}.layout-grid{display:grid;grid-template-columns:280px 1fr 300px;gap:20px}@media (max-width:1000px){.layout-grid{grid-template-columns:1fr}.sidebar{display:none}}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:0 2px 4px rgba(0,0,0,0.05);z-index:1000;display:flex;align-items:center;padding:0 20px;justify-content:space-between}.logo{font-size:1.5rem;font-weight:bold;color:var(--primary);display:flex;align-items:center;gap:10px}.search-bar{position:relative;width:400px}.search-bar input{width:100%;padding:8px 15px;border-radius:20px;border:1px solid var(--border);background:var(--bg-body);color:var(--text-main)}.nav-user{display:flex;gap:15px;align-items:center}.user-avatar-sm{width:32px;height:32px;border-radius:50%;cursor:pointer}.card{background:var(--bg-card);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,0.1);margin-bottom:20px;overflow:hidden;border:1px solid var(--border)}.card-header{padding:12px 15px;border-bottom:1px solid var(--border);font-weight:600;font-size:0.95rem;display:flex;justify-content:space-between}.card-body{padding:15px}.forum-category-item{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--border);cursor:pointer}.forum-category-item:hover{background:rgba(0,0,0,0.02)}.thread-item{display:flex;gap:15px;padding:15px;border-bottom:1px solid var(--border);transition:0.2s}.thread-item:hover{background:rgba(0,0,0,0.02);transform:translateX(5px)}.thread-stats{display:flex;flex-direction:column;align-items:center;min-width:60px;color:var(--text-sub);font-size:0.8rem}.stat-count{font-size:1.1rem;font-weight:bold;color:var(--text-main)}.thread-main{flex:1}.thread-title{font-size:1.1rem;font-weight:500;margin-bottom:5px;display:block;color:var(--text-main)}.thread-meta{font-size:0.85rem;color:var(--text-sub);display:flex;gap:10px}.tag{padding:2px 6px;border-radius:4px;font-size:0.75rem}.tag.red{background:#fee2e2;color:#b91c1c}.tag.blue{background:#e0f2fe;color:#0369a1}.btn-action:hover{background:rgba(0,0,0,0.05);color:var(--primary)}.btn{padding:8px 16px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:0.2s}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{opacity:0.9}.btn-block{display:block;width:100%}.pagination{display:flex;gap:5px;margin-top:20px;justify-content:center}.page-num{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;background:var(--bg-card);cursor:pointer}.page-num.active{background:var(--primary);color:white;border-color:var(--primary)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:2000;justify-content:center;align-items:center;backdrop-filter:blur(2px)}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-box{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);color:white;padding:12px 24px;border-radius:30px;box-shadow:0 5px 15px rgba(0,0,0,0.2);z-index:3000;font-weight:500}.spam-mask::after{content:"Content Blocked by System";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:red;font-weight:bold;border:2px solid red;padding:5px 10px;transform:rotate(-10deg)}.tool-btn:hover{background:rgba(0,0,0,0.1)}</style>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:8000/004/4-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 id=body>
|
||||
|
||||
<header class=site-header>
|
||||
<div class=logo>
|
||||
<span style=font-size:2rem>🛠️</span> TechZone
|
||||
</div>
|
||||
<div class=search-bar>
|
||||
<input type=text id=searchInput placeholder="Search threads, users or resources..." value>
|
||||
</div>
|
||||
<div class=nav-user id=navUser>
|
||||
<div style=display:flex;align-items:center;gap:10px;cursor:pointer>
|
||||
<span style=font-weight:bold>My_New_Account</span>
|
||||
<div class=user-avatar-sm style=background:#4caf50></div>
|
||||
<button class=btn style="padding:2px 8px;font-size:0.8rem">Logout</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="container layout-grid" id=mainLayout>
|
||||
|
||||
|
||||
<nav class=sidebar>
|
||||
<div class=card>
|
||||
<div class=card-header>Navigation</div>
|
||||
<div class=card-body style=padding:0>
|
||||
<div class=forum-category-item>🏠 Home</div>
|
||||
<div class=forum-category-item>🖥️ Hardware</div>
|
||||
<div class=forum-category-item>💿 Software</div>
|
||||
<div class=forum-category-item>🌊 Off-topic</div>
|
||||
<div class=forum-category-item>💹 Marketplace</div>
|
||||
<div class=forum-category-item>📢 Announcements</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=card>
|
||||
<div class=card-header>My Status</div>
|
||||
<div class=card-body>
|
||||
<p style=color:#666;font-size:0.9rem>Please login to view your points and tasks.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class=card style=border-color:#ffeeba;background:#fffdf5>
|
||||
<div class=card-header style=color:#856404>📅 Daily Check-in</div>
|
||||
<div class=card-body>
|
||||
<p style=font-size:0.8rem;margin-bottom:10px>Checked in today: 12,503</p>
|
||||
<button class="btn btn-block" style=background:#ffc107;color:#333>Check In (+5 pts)</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main class=main-content>
|
||||
<div id=loading style=text-align:center;padding:50px;display:none>
|
||||
|
||||
|
||||
</div>
|
||||
<div id=contentArea><div class=card>
|
||||
<div class=card-body style="display:flex;justify-content:space-between;align-items:center;padding:10px 15px">
|
||||
<div>
|
||||
<span style=font-weight:bold;font-size:1.1rem>Hardware</span>
|
||||
<span style=color:#888;margin-left:10px;font-size:0.9rem>Total 27 threads</span>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn btn-primary">✍️ New Thread</button>
|
||||
<select style="padding:5px;border-radius:4px;border:1px solid #ddd;margin-left:10px">
|
||||
<option selected>Latest Replies</option>
|
||||
<option>Newest</option>
|
||||
<option>Most Viewed</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div><div class=card><div class=card-header style=color:#666;font-size:0.8rem>
|
||||
<span style=flex:1>Topic</span>
|
||||
<span style=width:100px;text-align:center>Author</span>
|
||||
<span style=width:80px;text-align:center>Replies/Views</span>
|
||||
<span style=width:120px;text-align:right>Last Post</span>
|
||||
</div><div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>167</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> RTX 5090 Stats Leaked, 600W Power Consumption?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-06 19:32
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>103</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> [Build Log] All-White 'Sea View' Case, Aesthetics is Justice!</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-03 01:28
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>86</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> AMD YES! Ryzen 9000 Series Preview</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-22 22:34
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>69</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Mech Keyboard Switch Recs: Red vs Brown?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-01 18:05
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>124</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> Monitor Buying Guide: IPS vs OLED</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-31 07:58
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>72</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Newbie needs 3000 budget PC build recs</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-08 02:51
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>111</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> RTX 5090 Stats Leaked, 600W Power Consumption? (Help)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-04 07:31
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>137</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> [Build Log] All-White 'Sea View' Case, Aesthetics is Justice! ...</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-18 09:59
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>58</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> AMD YES! Ryzen 9000 Series Preview (Updated)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-19 06:34
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>49</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Mech Keyboard Switch Recs: Red vs Brown? (Help)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-07 11:01
|
||||
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>27</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Monitor Buying Guide: IPS vs OLED [Discuss]</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-25 20:01
|
||||
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>35</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Newbie needs 3000 budget PC build recs !!</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-20 20:45
|
||||
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>104</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> RTX 5090 Stats Leaked, 600W Power Consumption? (Help)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-25 11:03
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>74</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> [Build Log] All-White 'Sea View' Case, Aesthetics is Justice! ...</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-21 17:54
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>155</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> AMD YES! Ryzen 9000 Series Preview (Updated)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-18 22:02
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div></div></div><div class=pagination>
|
||||
<div class="page-num active">1</div>
|
||||
<div class=page-num>2</div>
|
||||
<div class=page-num>3</div>
|
||||
<div class=page-num>...</div>
|
||||
<div class=page-num>9</div>
|
||||
</div></div>
|
||||
|
||||
|
||||
<div style=display:none>
|
||||
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<aside class=sidebar-right>
|
||||
<div class=card>
|
||||
<div class=card-header>🔥 24-Hour Hot Topics</div>
|
||||
<div class=card-body style=padding:0>
|
||||
<ul id=hotThreadsList style=padding:0;margin:0>
|
||||
|
||||
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>167</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>RTX 5090 Stats Leaked, 600W Power Consumption?</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>103</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>Help: Win12 update caused BSOD Critical_Process_Died</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>103</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>[Build Log] All-White 'Sea View' Case, Aesthetics is Justice!</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>86</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>AMD YES! Ryzen 9000 Series Preview</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>62</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>Python crawler getting 403 Forbidden on specific site</a>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class=card>
|
||||
<div class=card-header>📊 Statistics</div>
|
||||
<div class=card-body style=font-size:0.85rem;line-height:2>
|
||||
<div>Members Online: <strong style=color:green>1,024</strong></div>
|
||||
<div>Posts Today: <strong>5,231</strong></div>
|
||||
<div>Total Posts: <strong>8.4M</strong></div>
|
||||
<div>Server Latency: <span id=pingValue style=color:green>34ms</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
<div class="modal-backdrop sf-hidden" id=confirmModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop sf-hidden" id=alertModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop sf-hidden" id=loginModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop sf-hidden" id=newThreadModal>
|
||||
|
||||
</div>
|
||||
<div class=toast-box id=toast style=display:none;background:rgb(76,175,80)>Welcome back, My_New_Account</div>
|
||||
439
004/4-007.html
Normal file
439
004/4-007.html
Normal file
@@ -0,0 +1,439 @@
|
||||
<!DOCTYPE html> <html lang=en style><!--
|
||||
--><meta charset=utf-8>
|
||||
<meta name=viewport content="width=device-width, initial-scale=1.0">
|
||||
<title>BSOD Help - System_Thread_Exception - TechZone Forums</title>
|
||||
<style>:root{--primary:#1877f2;--secondary:#42b72a;--bg-body:#f0f2f5;--bg-card:#ffffff;--text-main:#1c1e21;--text-sub:#65676b;--border:#dddfe2;--header-height:60px;--danger:#dc3545;--warning:#ffc107}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-main);margin:0;line-height:1.5;padding-top:var(--header-height);transition:background 0.3s,color 0.3s}a{text-decoration:none;color:var(--primary);cursor:pointer}a:hover{text-decoration:underline}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:20px}.layout-grid{display:grid;grid-template-columns:280px 1fr 300px;gap:20px}@media (max-width:1000px){.layout-grid{grid-template-columns:1fr}.sidebar{display:none}}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:0 2px 4px rgba(0,0,0,0.05);z-index:1000;display:flex;align-items:center;padding:0 20px;justify-content:space-between}.logo{font-size:1.5rem;font-weight:bold;color:var(--primary);display:flex;align-items:center;gap:10px}.search-bar{position:relative;width:400px}.search-bar input{width:100%;padding:8px 15px;border-radius:20px;border:1px solid var(--border);background:var(--bg-body);color:var(--text-main)}.nav-user{display:flex;gap:15px;align-items:center}.user-avatar-sm{width:32px;height:32px;border-radius:50%;cursor:pointer}.card{background:var(--bg-card);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,0.1);margin-bottom:20px;overflow:hidden;border:1px solid var(--border)}.card-header{padding:12px 15px;border-bottom:1px solid var(--border);font-weight:600;font-size:0.95rem;display:flex;justify-content:space-between}.card-body{padding:15px}.forum-category-item{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--border);cursor:pointer}.forum-category-item:hover{background:rgba(0,0,0,0.02)}.thread-item{display:flex;gap:15px;padding:15px;border-bottom:1px solid var(--border);transition:0.2s}.thread-item:hover{background:rgba(0,0,0,0.02);transform:translateX(5px)}.thread-stats{display:flex;flex-direction:column;align-items:center;min-width:60px;color:var(--text-sub);font-size:0.8rem}.stat-count{font-size:1.1rem;font-weight:bold;color:var(--text-main)}.thread-main{flex:1}.thread-title{font-size:1.1rem;font-weight:500;margin-bottom:5px;display:block;color:var(--text-main)}.thread-meta{font-size:0.85rem;color:var(--text-sub);display:flex;gap:10px}.tag{padding:2px 6px;border-radius:4px;font-size:0.75rem}.tag.red{background:#fee2e2;color:#b91c1c}.tag.blue{background:#e0f2fe;color:#0369a1}.btn-action:hover{background:rgba(0,0,0,0.05);color:var(--primary)}.btn{padding:8px 16px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:0.2s}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{opacity:0.9}.btn-block{display:block;width:100%}.pagination{display:flex;gap:5px;margin-top:20px;justify-content:center}.page-num{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;background:var(--bg-card);cursor:pointer}.page-num.active{background:var(--primary);color:white;border-color:var(--primary)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:2000;justify-content:center;align-items:center;backdrop-filter:blur(2px)}.modal-backdrop.show{display:flex}.modal-panel{background:var(--bg-card);max-width:90%;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,0.3);overflow:hidden;animation:slideUp 0.3s ease}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-box{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);color:white;padding:12px 24px;border-radius:30px;box-shadow:0 5px 15px rgba(0,0,0,0.2);z-index:3000;font-weight:500}.spam-mask::after{content:"Content Blocked by System";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:red;font-weight:bold;border:2px solid red;padding:5px 10px;transform:rotate(-10deg)}.editor-toolbar{border:1px solid var(--border);border-bottom:none;background:rgba(0,0,0,0.02);padding:5px;display:flex;gap:5px}.tool-btn{width:30px;height:30px;border:1px solid transparent;background:transparent;border-radius:4px;cursor:pointer;display:flex;justify-content:center;align-items:center}.tool-btn:hover{background:rgba(0,0,0,0.1)}</style>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:8000/004/4-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 id=body>
|
||||
|
||||
<header class=site-header>
|
||||
<div class=logo>
|
||||
<span style=font-size:2rem>🛠️</span> TechZone
|
||||
</div>
|
||||
<div class=search-bar>
|
||||
<input type=text id=searchInput placeholder="Search threads, users or resources..." value>
|
||||
</div>
|
||||
<div class=nav-user id=navUser>
|
||||
<div style=display:flex;align-items:center;gap:10px;cursor:pointer>
|
||||
<span style=font-weight:bold>My_New_Account</span>
|
||||
<div class=user-avatar-sm style=background:#4caf50></div>
|
||||
<button class=btn style="padding:2px 8px;font-size:0.8rem">Logout</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="container layout-grid" id=mainLayout>
|
||||
|
||||
|
||||
<nav class=sidebar>
|
||||
<div class=card>
|
||||
<div class=card-header>Navigation</div>
|
||||
<div class=card-body style=padding:0>
|
||||
<div class=forum-category-item>🏠 Home</div>
|
||||
<div class=forum-category-item>🖥️ Hardware</div>
|
||||
<div class=forum-category-item>💿 Software</div>
|
||||
<div class=forum-category-item>🌊 Off-topic</div>
|
||||
<div class=forum-category-item>💹 Marketplace</div>
|
||||
<div class=forum-category-item>📢 Announcements</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=card>
|
||||
<div class=card-header>My Status</div>
|
||||
<div class=card-body>
|
||||
<p style=color:#666;font-size:0.9rem>Please login to view your points and tasks.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class=card style=border-color:#ffeeba;background:#fffdf5>
|
||||
<div class=card-header style=color:#856404>📅 Daily Check-in</div>
|
||||
<div class=card-body>
|
||||
<p style=font-size:0.8rem;margin-bottom:10px>Checked in today: 12,503</p>
|
||||
<button class="btn btn-block" style=background:#ffc107;color:#333>Check In (+5 pts)</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main class=main-content>
|
||||
<div id=loading style=text-align:center;padding:50px;display:none>
|
||||
|
||||
|
||||
</div>
|
||||
<div id=contentArea><div class=card>
|
||||
<div class=card-body style="display:flex;justify-content:space-between;align-items:center;padding:10px 15px">
|
||||
<div>
|
||||
<span style=font-weight:bold;font-size:1.1rem>Hardware</span>
|
||||
<span style=color:#888;margin-left:10px;font-size:0.9rem>Total 27 threads</span>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn btn-primary">✍️ New Thread</button>
|
||||
<select style="padding:5px;border-radius:4px;border:1px solid #ddd;margin-left:10px">
|
||||
<option selected>Latest Replies</option>
|
||||
<option>Newest</option>
|
||||
<option>Most Viewed</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div><div class=card><div class=card-header style=color:#666;font-size:0.8rem>
|
||||
<span style=flex:1>Topic</span>
|
||||
<span style=width:100px;text-align:center>Author</span>
|
||||
<span style=width:80px;text-align:center>Replies/Views</span>
|
||||
<span style=width:120px;text-align:right>Last Post</span>
|
||||
</div><div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>167</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> RTX 5090 Stats Leaked, 600W Power Consumption?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-06 19:32
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>103</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> [Build Log] All-White 'Sea View' Case, Aesthetics is Justice!</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-03 01:28
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>86</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> AMD YES! Ryzen 9000 Series Preview</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-22 22:34
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>69</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Mech Keyboard Switch Recs: Red vs Brown?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-01 18:05
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>124</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> Monitor Buying Guide: IPS vs OLED</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-31 07:58
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>72</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Newbie needs 3000 budget PC build recs</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-08 02:51
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>111</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> RTX 5090 Stats Leaked, 600W Power Consumption? (Help)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-04 07:31
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>137</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> [Build Log] All-White 'Sea View' Case, Aesthetics is Justice! ...</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-18 09:59
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>58</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> AMD YES! Ryzen 9000 Series Preview (Updated)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-19 06:34
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>49</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Mech Keyboard Switch Recs: Red vs Brown? (Help)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-07 11:01
|
||||
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>27</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Monitor Buying Guide: IPS vs OLED [Discuss]</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-25 20:01
|
||||
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>35</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Newbie needs 3000 budget PC build recs !!</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-20 20:45
|
||||
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>104</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> RTX 5090 Stats Leaked, 600W Power Consumption? (Help)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-25 11:03
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>74</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> [Build Log] All-White 'Sea View' Case, Aesthetics is Justice! ...</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-21 17:54
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>155</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> AMD YES! Ryzen 9000 Series Preview (Updated)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-18 22:02
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div></div></div><div class=pagination>
|
||||
<div class="page-num active">1</div>
|
||||
<div class=page-num>2</div>
|
||||
<div class=page-num>3</div>
|
||||
<div class=page-num>...</div>
|
||||
<div class=page-num>9</div>
|
||||
</div></div>
|
||||
|
||||
|
||||
<div style=display:none>
|
||||
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<aside class=sidebar-right>
|
||||
<div class=card>
|
||||
<div class=card-header>🔥 24-Hour Hot Topics</div>
|
||||
<div class=card-body style=padding:0>
|
||||
<ul id=hotThreadsList style=padding:0;margin:0>
|
||||
|
||||
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>167</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>RTX 5090 Stats Leaked, 600W Power Consumption?</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>103</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>Help: Win12 update caused BSOD Critical_Process_Died</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>103</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>[Build Log] All-White 'Sea View' Case, Aesthetics is Justice!</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>86</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>AMD YES! Ryzen 9000 Series Preview</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>62</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>Python crawler getting 403 Forbidden on specific site</a>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class=card>
|
||||
<div class=card-header>📊 Statistics</div>
|
||||
<div class=card-body style=font-size:0.85rem;line-height:2>
|
||||
<div>Members Online: <strong style=color:green>1,024</strong></div>
|
||||
<div>Posts Today: <strong>5,231</strong></div>
|
||||
<div>Total Posts: <strong>8.4M</strong></div>
|
||||
<div>Server Latency: <span id=pingValue style=color:green>57ms</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
<div class="modal-backdrop sf-hidden" id=confirmModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop sf-hidden" id=alertModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop sf-hidden" id=loginModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop show" id=newThreadModal>
|
||||
<div class=modal-panel style=width:800px>
|
||||
<div class=card-header>
|
||||
Create New Thread <span style=cursor:pointer;float:right>×</span>
|
||||
</div>
|
||||
<div class=card-body>
|
||||
<input type=text id=newPostTitle placeholder="Enter title..." style="width:100%;padding:10px;font-size:1.1rem;margin-bottom:10px;border:1px solid #ddd;border-radius:4px" value>
|
||||
<div class=editor-toolbar>
|
||||
<button class=tool-btn><b>B</b></button>
|
||||
<button class=tool-btn><i>I</i></button>
|
||||
<button class=tool-btn><u>U</u></button>
|
||||
<button class=tool-btn>Code</button>
|
||||
<button class=tool-btn>🔗</button>
|
||||
<button class=tool-btn>📷</button>
|
||||
</div>
|
||||
<textarea id=newPostContent style="width:100%;height:300px;padding:10px;border:1px solid #ddd;border-top:none;resize:vertical" placeholder="Describe your issue detailedly..."></textarea>
|
||||
<div style=margin-top:10px;text-align:right>
|
||||
<button class=btn>Cancel</button>
|
||||
<button class="btn btn-primary">Post Thread</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=toast-box id=toast style=display:none;background:rgb(76,175,80)>Welcome back, My_New_Account</div>
|
||||
439
004/4-008.html
Normal file
439
004/4-008.html
Normal file
@@ -0,0 +1,439 @@
|
||||
<!DOCTYPE html> <html lang=en style><!--
|
||||
--><meta charset=utf-8>
|
||||
<meta name=viewport content="width=device-width, initial-scale=1.0">
|
||||
<title>BSOD Help - System_Thread_Exception - TechZone Forums</title>
|
||||
<style>:root{--primary:#1877f2;--secondary:#42b72a;--bg-body:#f0f2f5;--bg-card:#ffffff;--text-main:#1c1e21;--text-sub:#65676b;--border:#dddfe2;--header-height:60px;--danger:#dc3545;--warning:#ffc107}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-main);margin:0;line-height:1.5;padding-top:var(--header-height);transition:background 0.3s,color 0.3s}a{text-decoration:none;color:var(--primary);cursor:pointer}a:hover{text-decoration:underline}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:20px}.layout-grid{display:grid;grid-template-columns:280px 1fr 300px;gap:20px}@media (max-width:1000px){.layout-grid{grid-template-columns:1fr}.sidebar{display:none}}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:0 2px 4px rgba(0,0,0,0.05);z-index:1000;display:flex;align-items:center;padding:0 20px;justify-content:space-between}.logo{font-size:1.5rem;font-weight:bold;color:var(--primary);display:flex;align-items:center;gap:10px}.search-bar{position:relative;width:400px}.search-bar input{width:100%;padding:8px 15px;border-radius:20px;border:1px solid var(--border);background:var(--bg-body);color:var(--text-main)}.nav-user{display:flex;gap:15px;align-items:center}.user-avatar-sm{width:32px;height:32px;border-radius:50%;cursor:pointer}.card{background:var(--bg-card);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,0.1);margin-bottom:20px;overflow:hidden;border:1px solid var(--border)}.card-header{padding:12px 15px;border-bottom:1px solid var(--border);font-weight:600;font-size:0.95rem;display:flex;justify-content:space-between}.card-body{padding:15px}.forum-category-item{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--border);cursor:pointer}.forum-category-item:hover{background:rgba(0,0,0,0.02)}.thread-item{display:flex;gap:15px;padding:15px;border-bottom:1px solid var(--border);transition:0.2s}.thread-item:hover{background:rgba(0,0,0,0.02);transform:translateX(5px)}.thread-stats{display:flex;flex-direction:column;align-items:center;min-width:60px;color:var(--text-sub);font-size:0.8rem}.stat-count{font-size:1.1rem;font-weight:bold;color:var(--text-main)}.thread-main{flex:1}.thread-title{font-size:1.1rem;font-weight:500;margin-bottom:5px;display:block;color:var(--text-main)}.thread-meta{font-size:0.85rem;color:var(--text-sub);display:flex;gap:10px}.tag{padding:2px 6px;border-radius:4px;font-size:0.75rem}.tag.red{background:#fee2e2;color:#b91c1c}.tag.blue{background:#e0f2fe;color:#0369a1}.btn-action:hover{background:rgba(0,0,0,0.05);color:var(--primary)}.btn{padding:8px 16px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:0.2s}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{opacity:0.9}.btn-block{display:block;width:100%}.pagination{display:flex;gap:5px;margin-top:20px;justify-content:center}.page-num{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;background:var(--bg-card);cursor:pointer}.page-num.active{background:var(--primary);color:white;border-color:var(--primary)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:2000;justify-content:center;align-items:center;backdrop-filter:blur(2px)}.modal-backdrop.show{display:flex}.modal-panel{background:var(--bg-card);max-width:90%;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,0.3);overflow:hidden;animation:slideUp 0.3s ease}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-box{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);color:white;padding:12px 24px;border-radius:30px;box-shadow:0 5px 15px rgba(0,0,0,0.2);z-index:3000;font-weight:500}.spam-mask::after{content:"Content Blocked by System";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:red;font-weight:bold;border:2px solid red;padding:5px 10px;transform:rotate(-10deg)}.editor-toolbar{border:1px solid var(--border);border-bottom:none;background:rgba(0,0,0,0.02);padding:5px;display:flex;gap:5px}.tool-btn{width:30px;height:30px;border:1px solid transparent;background:transparent;border-radius:4px;cursor:pointer;display:flex;justify-content:center;align-items:center}.tool-btn:hover{background:rgba(0,0,0,0.1)}</style>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:8000/004/4-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 id=body>
|
||||
|
||||
<header class=site-header>
|
||||
<div class=logo>
|
||||
<span style=font-size:2rem>🛠️</span> TechZone
|
||||
</div>
|
||||
<div class=search-bar>
|
||||
<input type=text id=searchInput placeholder="Search threads, users or resources..." value>
|
||||
</div>
|
||||
<div class=nav-user id=navUser>
|
||||
<div style=display:flex;align-items:center;gap:10px;cursor:pointer>
|
||||
<span style=font-weight:bold>My_New_Account</span>
|
||||
<div class=user-avatar-sm style=background:#4caf50></div>
|
||||
<button class=btn style="padding:2px 8px;font-size:0.8rem">Logout</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="container layout-grid" id=mainLayout>
|
||||
|
||||
|
||||
<nav class=sidebar>
|
||||
<div class=card>
|
||||
<div class=card-header>Navigation</div>
|
||||
<div class=card-body style=padding:0>
|
||||
<div class=forum-category-item>🏠 Home</div>
|
||||
<div class=forum-category-item>🖥️ Hardware</div>
|
||||
<div class=forum-category-item>💿 Software</div>
|
||||
<div class=forum-category-item>🌊 Off-topic</div>
|
||||
<div class=forum-category-item>💹 Marketplace</div>
|
||||
<div class=forum-category-item>📢 Announcements</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=card>
|
||||
<div class=card-header>My Status</div>
|
||||
<div class=card-body>
|
||||
<p style=color:#666;font-size:0.9rem>Please login to view your points and tasks.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class=card style=border-color:#ffeeba;background:#fffdf5>
|
||||
<div class=card-header style=color:#856404>📅 Daily Check-in</div>
|
||||
<div class=card-body>
|
||||
<p style=font-size:0.8rem;margin-bottom:10px>Checked in today: 12,503</p>
|
||||
<button class="btn btn-block" style=background:#ffc107;color:#333>Check In (+5 pts)</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main class=main-content>
|
||||
<div id=loading style=text-align:center;padding:50px;display:none>
|
||||
|
||||
|
||||
</div>
|
||||
<div id=contentArea><div class=card>
|
||||
<div class=card-body style="display:flex;justify-content:space-between;align-items:center;padding:10px 15px">
|
||||
<div>
|
||||
<span style=font-weight:bold;font-size:1.1rem>Hardware</span>
|
||||
<span style=color:#888;margin-left:10px;font-size:0.9rem>Total 27 threads</span>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn btn-primary">✍️ New Thread</button>
|
||||
<select style="padding:5px;border-radius:4px;border:1px solid #ddd;margin-left:10px">
|
||||
<option selected>Latest Replies</option>
|
||||
<option>Newest</option>
|
||||
<option>Most Viewed</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div><div class=card><div class=card-header style=color:#666;font-size:0.8rem>
|
||||
<span style=flex:1>Topic</span>
|
||||
<span style=width:100px;text-align:center>Author</span>
|
||||
<span style=width:80px;text-align:center>Replies/Views</span>
|
||||
<span style=width:120px;text-align:right>Last Post</span>
|
||||
</div><div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>167</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> RTX 5090 Stats Leaked, 600W Power Consumption?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-06 19:32
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>103</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> [Build Log] All-White 'Sea View' Case, Aesthetics is Justice!</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-03 01:28
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>86</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> AMD YES! Ryzen 9000 Series Preview</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-22 22:34
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>69</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Mech Keyboard Switch Recs: Red vs Brown?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-01 18:05
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>124</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> Monitor Buying Guide: IPS vs OLED</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-31 07:58
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>72</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Newbie needs 3000 budget PC build recs</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-08 02:51
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>111</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> RTX 5090 Stats Leaked, 600W Power Consumption? (Help)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-04 07:31
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>137</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> [Build Log] All-White 'Sea View' Case, Aesthetics is Justice! ...</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-18 09:59
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>58</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> AMD YES! Ryzen 9000 Series Preview (Updated)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-19 06:34
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>49</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Mech Keyboard Switch Recs: Red vs Brown? (Help)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-07 11:01
|
||||
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>27</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Monitor Buying Guide: IPS vs OLED [Discuss]</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-25 20:01
|
||||
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>35</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Newbie needs 3000 budget PC build recs !!</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-20 20:45
|
||||
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>104</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> RTX 5090 Stats Leaked, 600W Power Consumption? (Help)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-25 11:03
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>74</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> [Build Log] All-White 'Sea View' Case, Aesthetics is Justice! ...</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-21 17:54
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>155</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> AMD YES! Ryzen 9000 Series Preview (Updated)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-18 22:02
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div></div></div><div class=pagination>
|
||||
<div class="page-num active">1</div>
|
||||
<div class=page-num>2</div>
|
||||
<div class=page-num>3</div>
|
||||
<div class=page-num>...</div>
|
||||
<div class=page-num>9</div>
|
||||
</div></div>
|
||||
|
||||
|
||||
<div style=display:none>
|
||||
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<aside class=sidebar-right>
|
||||
<div class=card>
|
||||
<div class=card-header>🔥 24-Hour Hot Topics</div>
|
||||
<div class=card-body style=padding:0>
|
||||
<ul id=hotThreadsList style=padding:0;margin:0>
|
||||
|
||||
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>167</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>RTX 5090 Stats Leaked, 600W Power Consumption?</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>103</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>Help: Win12 update caused BSOD Critical_Process_Died</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>103</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>[Build Log] All-White 'Sea View' Case, Aesthetics is Justice!</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>86</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>AMD YES! Ryzen 9000 Series Preview</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>62</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>Python crawler getting 403 Forbidden on specific site</a>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class=card>
|
||||
<div class=card-header>📊 Statistics</div>
|
||||
<div class=card-body style=font-size:0.85rem;line-height:2>
|
||||
<div>Members Online: <strong style=color:green>1,024</strong></div>
|
||||
<div>Posts Today: <strong>5,231</strong></div>
|
||||
<div>Total Posts: <strong>8.4M</strong></div>
|
||||
<div>Server Latency: <span id=pingValue style=color:green>51ms</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
<div class="modal-backdrop sf-hidden" id=confirmModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop sf-hidden" id=alertModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop sf-hidden" id=loginModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop show" id=newThreadModal>
|
||||
<div class=modal-panel style=width:800px>
|
||||
<div class=card-header>
|
||||
Create New Thread <span style=cursor:pointer;float:right>×</span>
|
||||
</div>
|
||||
<div class=card-body>
|
||||
<input type=text id=newPostTitle placeholder="Enter title..." style="width:100%;padding:10px;font-size:1.1rem;margin-bottom:10px;border:1px solid #ddd;border-radius:4px" value="[Help] CPU overheating issue">
|
||||
<div class=editor-toolbar>
|
||||
<button class=tool-btn><b>B</b></button>
|
||||
<button class=tool-btn><i>I</i></button>
|
||||
<button class=tool-btn><u>U</u></button>
|
||||
<button class=tool-btn>Code</button>
|
||||
<button class=tool-btn>🔗</button>
|
||||
<button class=tool-btn>📷</button>
|
||||
</div>
|
||||
<textarea id=newPostContent style="width:100%;height:300px;padding:10px;border:1px solid #ddd;border-top:none;resize:vertical" placeholder="Describe your issue detailedly..."></textarea>
|
||||
<div style=margin-top:10px;text-align:right>
|
||||
<button class=btn>Cancel</button>
|
||||
<button class="btn btn-primary">Post Thread</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=toast-box id=toast style=display:none;background:rgb(76,175,80)>Welcome back, My_New_Account</div>
|
||||
439
004/4-009.html
Normal file
439
004/4-009.html
Normal file
@@ -0,0 +1,439 @@
|
||||
<!DOCTYPE html> <html lang=en style><!--
|
||||
--><meta charset=utf-8>
|
||||
<meta name=viewport content="width=device-width, initial-scale=1.0">
|
||||
<title>BSOD Help - System_Thread_Exception - TechZone Forums</title>
|
||||
<style>:root{--primary:#1877f2;--secondary:#42b72a;--bg-body:#f0f2f5;--bg-card:#ffffff;--text-main:#1c1e21;--text-sub:#65676b;--border:#dddfe2;--header-height:60px;--danger:#dc3545;--warning:#ffc107}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-main);margin:0;line-height:1.5;padding-top:var(--header-height);transition:background 0.3s,color 0.3s}a{text-decoration:none;color:var(--primary);cursor:pointer}a:hover{text-decoration:underline}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:20px}.layout-grid{display:grid;grid-template-columns:280px 1fr 300px;gap:20px}@media (max-width:1000px){.layout-grid{grid-template-columns:1fr}.sidebar{display:none}}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:0 2px 4px rgba(0,0,0,0.05);z-index:1000;display:flex;align-items:center;padding:0 20px;justify-content:space-between}.logo{font-size:1.5rem;font-weight:bold;color:var(--primary);display:flex;align-items:center;gap:10px}.search-bar{position:relative;width:400px}.search-bar input{width:100%;padding:8px 15px;border-radius:20px;border:1px solid var(--border);background:var(--bg-body);color:var(--text-main)}.nav-user{display:flex;gap:15px;align-items:center}.user-avatar-sm{width:32px;height:32px;border-radius:50%;cursor:pointer}.card{background:var(--bg-card);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,0.1);margin-bottom:20px;overflow:hidden;border:1px solid var(--border)}.card-header{padding:12px 15px;border-bottom:1px solid var(--border);font-weight:600;font-size:0.95rem;display:flex;justify-content:space-between}.card-body{padding:15px}.forum-category-item{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--border);cursor:pointer}.forum-category-item:hover{background:rgba(0,0,0,0.02)}.thread-item{display:flex;gap:15px;padding:15px;border-bottom:1px solid var(--border);transition:0.2s}.thread-item:hover{background:rgba(0,0,0,0.02);transform:translateX(5px)}.thread-stats{display:flex;flex-direction:column;align-items:center;min-width:60px;color:var(--text-sub);font-size:0.8rem}.stat-count{font-size:1.1rem;font-weight:bold;color:var(--text-main)}.thread-main{flex:1}.thread-title{font-size:1.1rem;font-weight:500;margin-bottom:5px;display:block;color:var(--text-main)}.thread-meta{font-size:0.85rem;color:var(--text-sub);display:flex;gap:10px}.tag{padding:2px 6px;border-radius:4px;font-size:0.75rem}.tag.red{background:#fee2e2;color:#b91c1c}.tag.blue{background:#e0f2fe;color:#0369a1}.btn-action:hover{background:rgba(0,0,0,0.05);color:var(--primary)}.btn{padding:8px 16px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:0.2s}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{opacity:0.9}.btn-block{display:block;width:100%}.pagination{display:flex;gap:5px;margin-top:20px;justify-content:center}.page-num{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;background:var(--bg-card);cursor:pointer}.page-num.active{background:var(--primary);color:white;border-color:var(--primary)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:2000;justify-content:center;align-items:center;backdrop-filter:blur(2px)}.modal-backdrop.show{display:flex}.modal-panel{background:var(--bg-card);max-width:90%;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,0.3);overflow:hidden;animation:slideUp 0.3s ease}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-box{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);color:white;padding:12px 24px;border-radius:30px;box-shadow:0 5px 15px rgba(0,0,0,0.2);z-index:3000;font-weight:500}.spam-mask::after{content:"Content Blocked by System";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:red;font-weight:bold;border:2px solid red;padding:5px 10px;transform:rotate(-10deg)}.editor-toolbar{border:1px solid var(--border);border-bottom:none;background:rgba(0,0,0,0.02);padding:5px;display:flex;gap:5px}.tool-btn{width:30px;height:30px;border:1px solid transparent;background:transparent;border-radius:4px;cursor:pointer;display:flex;justify-content:center;align-items:center}.tool-btn:hover{background:rgba(0,0,0,0.1)}</style>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:8000/004/4-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 id=body>
|
||||
|
||||
<header class=site-header>
|
||||
<div class=logo>
|
||||
<span style=font-size:2rem>🛠️</span> TechZone
|
||||
</div>
|
||||
<div class=search-bar>
|
||||
<input type=text id=searchInput placeholder="Search threads, users or resources..." value>
|
||||
</div>
|
||||
<div class=nav-user id=navUser>
|
||||
<div style=display:flex;align-items:center;gap:10px;cursor:pointer>
|
||||
<span style=font-weight:bold>My_New_Account</span>
|
||||
<div class=user-avatar-sm style=background:#4caf50></div>
|
||||
<button class=btn style="padding:2px 8px;font-size:0.8rem">Logout</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="container layout-grid" id=mainLayout>
|
||||
|
||||
|
||||
<nav class=sidebar>
|
||||
<div class=card>
|
||||
<div class=card-header>Navigation</div>
|
||||
<div class=card-body style=padding:0>
|
||||
<div class=forum-category-item>🏠 Home</div>
|
||||
<div class=forum-category-item>🖥️ Hardware</div>
|
||||
<div class=forum-category-item>💿 Software</div>
|
||||
<div class=forum-category-item>🌊 Off-topic</div>
|
||||
<div class=forum-category-item>💹 Marketplace</div>
|
||||
<div class=forum-category-item>📢 Announcements</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=card>
|
||||
<div class=card-header>My Status</div>
|
||||
<div class=card-body>
|
||||
<p style=color:#666;font-size:0.9rem>Please login to view your points and tasks.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class=card style=border-color:#ffeeba;background:#fffdf5>
|
||||
<div class=card-header style=color:#856404>📅 Daily Check-in</div>
|
||||
<div class=card-body>
|
||||
<p style=font-size:0.8rem;margin-bottom:10px>Checked in today: 12,503</p>
|
||||
<button class="btn btn-block" style=background:#ffc107;color:#333>Check In (+5 pts)</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main class=main-content>
|
||||
<div id=loading style=text-align:center;padding:50px;display:none>
|
||||
|
||||
|
||||
</div>
|
||||
<div id=contentArea><div class=card>
|
||||
<div class=card-body style="display:flex;justify-content:space-between;align-items:center;padding:10px 15px">
|
||||
<div>
|
||||
<span style=font-weight:bold;font-size:1.1rem>Hardware</span>
|
||||
<span style=color:#888;margin-left:10px;font-size:0.9rem>Total 27 threads</span>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn btn-primary">✍️ New Thread</button>
|
||||
<select style="padding:5px;border-radius:4px;border:1px solid #ddd;margin-left:10px">
|
||||
<option selected>Latest Replies</option>
|
||||
<option>Newest</option>
|
||||
<option>Most Viewed</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div><div class=card><div class=card-header style=color:#666;font-size:0.8rem>
|
||||
<span style=flex:1>Topic</span>
|
||||
<span style=width:100px;text-align:center>Author</span>
|
||||
<span style=width:80px;text-align:center>Replies/Views</span>
|
||||
<span style=width:120px;text-align:right>Last Post</span>
|
||||
</div><div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>167</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> RTX 5090 Stats Leaked, 600W Power Consumption?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-06 19:32
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>103</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> [Build Log] All-White 'Sea View' Case, Aesthetics is Justice!</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-03 01:28
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>86</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> AMD YES! Ryzen 9000 Series Preview</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-22 22:34
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>69</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Mech Keyboard Switch Recs: Red vs Brown?</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-01 18:05
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>124</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> Monitor Buying Guide: IPS vs OLED</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-31 07:58
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>72</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Newbie needs 3000 budget PC build recs</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-08 02:51
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>111</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> RTX 5090 Stats Leaked, 600W Power Consumption? (Help)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-04 07:31
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>137</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> [Build Log] All-White 'Sea View' Case, Aesthetics is Justice! ...</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-18 09:59
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>58</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> AMD YES! Ryzen 9000 Series Preview (Updated)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-19 06:34
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>49</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Mech Keyboard Switch Recs: Red vs Brown? (Help)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-02-07 11:01
|
||||
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>27</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Monitor Buying Guide: IPS vs OLED [Discuss]</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-25 20:01
|
||||
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>35</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> Newbie needs 3000 budget PC build recs !!</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-20 20:45
|
||||
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>104</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> RTX 5090 Stats Leaked, 600W Power Consumption? (Help)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-25 11:03
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzRjYWY1MCIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5OVTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Newbie_User_007
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>74</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag blue">HW</span> [Build Log] All-White 'Sea View' Case, Aesthetics is Justice! ...</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-21 17:54
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iI2ZmNTcyMiIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5IRzwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
Hardware_Guru
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div><div class=thread-item style=cursor:pointer>
|
||||
<div class=thread-stats>
|
||||
<span class=stat-count>155</span>
|
||||
</div>
|
||||
<div class=thread-main>
|
||||
<span class=thread-title><span class="tag red">HOT</span> <span class="tag blue">HW</span> AMD YES! Ryzen 9000 Series Preview (Updated)</span>
|
||||
<span class=thread-meta>
|
||||
Posted 2026-01-18 22:02
|
||||
🔥
|
||||
</span>
|
||||
</div>
|
||||
<div style=width:100px;text-align:center;font-size:0.85rem>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzBEOEFCQyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjZmZmOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjZmZmIj5TQTwvdGV4dD48L3N2Zz4=" style=width:20px;vertical-align:middle;border-radius:50%>
|
||||
System_Admin
|
||||
</div>
|
||||
<div style=width:120px;text-align:right;font-size:0.8rem;color:#888>
|
||||
1 hour ago
|
||||
</div>
|
||||
</div></div></div><div class=pagination>
|
||||
<div class="page-num active">1</div>
|
||||
<div class=page-num>2</div>
|
||||
<div class=page-num>3</div>
|
||||
<div class=page-num>...</div>
|
||||
<div class=page-num>9</div>
|
||||
</div></div>
|
||||
|
||||
|
||||
<div style=display:none>
|
||||
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<aside class=sidebar-right>
|
||||
<div class=card>
|
||||
<div class=card-header>🔥 24-Hour Hot Topics</div>
|
||||
<div class=card-body style=padding:0>
|
||||
<ul id=hotThreadsList style=padding:0;margin:0>
|
||||
|
||||
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>167</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>RTX 5090 Stats Leaked, 600W Power Consumption?</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>103</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>Help: Win12 update caused BSOD Critical_Process_Died</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>103</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>[Build Log] All-White 'Sea View' Case, Aesthetics is Justice!</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>86</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>AMD YES! Ryzen 9000 Series Preview</a>
|
||||
</li>
|
||||
<li class=thread-item style=padding:10px;border:none>
|
||||
<span style=color:var(--primary);font-weight:bold>62</span>
|
||||
<a href=javascript:void(0) style=margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap>Python crawler getting 403 Forbidden on specific site</a>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class=card>
|
||||
<div class=card-header>📊 Statistics</div>
|
||||
<div class=card-body style=font-size:0.85rem;line-height:2>
|
||||
<div>Members Online: <strong style=color:green>1,024</strong></div>
|
||||
<div>Posts Today: <strong>5,231</strong></div>
|
||||
<div>Total Posts: <strong>8.4M</strong></div>
|
||||
<div>Server Latency: <span id=pingValue style=color:green>48ms</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
<div class="modal-backdrop sf-hidden" id=confirmModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop sf-hidden" id=alertModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop sf-hidden" id=loginModal>
|
||||
|
||||
</div>
|
||||
<div class="modal-backdrop show" id=newThreadModal>
|
||||
<div class=modal-panel style=width:800px>
|
||||
<div class=card-header>
|
||||
Create New Thread <span style=cursor:pointer;float:right>×</span>
|
||||
</div>
|
||||
<div class=card-body>
|
||||
<input type=text id=newPostTitle placeholder="Enter title..." style="width:100%;padding:10px;font-size:1.1rem;margin-bottom:10px;border:1px solid #ddd;border-radius:4px" value="[Help] CPU overheating issue">
|
||||
<div class=editor-toolbar>
|
||||
<button class=tool-btn><b>B</b></button>
|
||||
<button class=tool-btn><i>I</i></button>
|
||||
<button class=tool-btn><u>U</u></button>
|
||||
<button class=tool-btn>Code</button>
|
||||
<button class=tool-btn>🔗</button>
|
||||
<button class=tool-btn>📷</button>
|
||||
</div>
|
||||
<textarea id=newPostContent style="width:100%;height:300px;padding:10px;border:1px solid #ddd;border-top:none;resize:vertical" placeholder="Describe your issue detailedly...">My CPU hits 90 degrees on idle, need advice.</textarea>
|
||||
<div style=margin-top:10px;text-align:right>
|
||||
<button class=btn>Cancel</button>
|
||||
<button class="btn btn-primary">Post Thread</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=toast-box id=toast style=display:none;background:rgb(76,175,80)>Welcome back, My_New_Account</div>
|
||||
@@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
@@ -50,9 +50,9 @@
|
||||
.layout-grid { display: grid; grid-template-columns: 280px 1fr 300px; gap: 20px; }
|
||||
|
||||
/* Thread View Layout Fix */
|
||||
/* 当处于帖子详情页时，我们将隐藏左侧边栏，只保留 主内容区(1fr) 和 右侧边栏(300px) */
|
||||
/* When in thread view, hide left sidebar, keep main(1fr) and right sidebar(300px) */
|
||||
.layout-grid.thread-view { grid-template-columns: 1fr 300px; }
|
||||
.layout-grid.thread-view .sidebar { display: none; } /* 关键修复：隐藏左侧导航 */
|
||||
.layout-grid.thread-view .sidebar { display: none; } /* Key fix: Hide left nav */
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 1000px) {
|
||||
@@ -186,7 +186,7 @@
|
||||
/* Spam Style */
|
||||
.spam-mask { opacity: 0.5; filter: grayscale(1); pointer-events: none; position: relative; }
|
||||
.spam-mask::after {
|
||||
content: "系统已屏蔽此内容"; position: absolute; top: 50%; left: 50%;
|
||||
content: "Content Blocked by System"; position: absolute; top: 50%; left: 50%;
|
||||
transform: translate(-50%, -50%); color: red; font-weight: bold; border: 2px solid red;
|
||||
padding: 5px 10px; transform: rotate(-10deg);
|
||||
}
|
||||
@@ -211,10 +211,10 @@
|
||||
<span style="font-size:2rem;">🛠️</span> TechZone
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<input type="text" id="searchInput" placeholder="搜索帖子、用户或资源..." onkeydown="if(event.key==='Enter') doSearch()">
|
||||
<input type="text" id="searchInput" placeholder="Search threads, users or resources..." onkeydown="if(event.key==='Enter') doSearch()">
|
||||
</div>
|
||||
<div class="nav-user" id="navUser">
|
||||
<button class="btn btn-primary" onclick="openModal('loginModal')">注册 / 登录</button>
|
||||
<button class="btn btn-primary" onclick="openModal('loginModal')">Register / Login</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
@@ -224,29 +224,29 @@
|
||||
<!-- Left Sidebar -->
|
||||
<nav class="sidebar">
|
||||
<div class="card">
|
||||
<div class="card-header">板块导航</div>
|
||||
<div class="card-header">Navigation</div>
|
||||
<div class="card-body" style="padding:0;">
|
||||
<div class="forum-category-item" onclick="switchView('home')">🏠 论坛首页</div>
|
||||
<div class="forum-category-item" onclick="filterCategory('hardware')">🖥️ 硬件专区</div>
|
||||
<div class="forum-category-item" onclick="filterCategory('software')">💿 软件分享</div>
|
||||
<div class="forum-category-item" onclick="filterCategory('water')">🌊 灌水吐槽</div>
|
||||
<div class="forum-category-item" onclick="filterCategory('market')">💹 二手交易</div>
|
||||
<div class="forum-category-item" onclick="filterCategory('feedback')">📢 站务公告</div>
|
||||
<div class="forum-category-item" onclick="switchView('home')">🏠 Home</div>
|
||||
<div class="forum-category-item" onclick="filterCategory('hardware')">🖥️ Hardware</div>
|
||||
<div class="forum-category-item" onclick="filterCategory('software')">💿 Software</div>
|
||||
<div class="forum-category-item" onclick="filterCategory('water')">🌊 Off-topic</div>
|
||||
<div class="forum-category-item" onclick="filterCategory('market')">💹 Marketplace</div>
|
||||
<div class="forum-category-item" onclick="filterCategory('feedback')">📢 Announcements</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">我的状态</div>
|
||||
<div class="card-header">My Status</div>
|
||||
<div class="card-body">
|
||||
<p style="color:#666; font-size:0.9rem;">请先登录以查看您的积分和任务。</p>
|
||||
<p style="color:#666; font-size:0.9rem;">Please login to view your points and tasks.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card" style="border-color: #ffeeba; background:#fffdf5;">
|
||||
<div class="card-header" style="color:#856404;">📅 每日签到</div>
|
||||
<div class="card-header" style="color:#856404;">📅 Daily Check-in</div>
|
||||
<div class="card-body">
|
||||
<p style="font-size:0.8rem; margin-bottom:10px;">今日已签到: 12,503 人</p>
|
||||
<button class="btn btn-block" style="background:#ffc107; color:#333;" onclick="showToast('请先登录！', 'warning')">立即签到 (+5 积分)</button>
|
||||
<p style="font-size:0.8rem; margin-bottom:10px;">Checked in today: 12,503</p>
|
||||
<button class="btn btn-block" style="background:#ffc107; color:#333;" onclick="showToast('Please login first!', 'warning')">Check In (+5 pts)</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -255,7 +255,7 @@
|
||||
<main class="main-content">
|
||||
<div id="loading" style="text-align:center; padding:50px;">
|
||||
<div style="font-size:2rem; animation: spin 1s infinite linear;">⚙️</div>
|
||||
<p>正在加载社区内容...</p>
|
||||
<p>Loading Content...</p>
|
||||
</div>
|
||||
<div id="contentArea"></div>
|
||||
|
||||
@@ -264,16 +264,16 @@
|
||||
|
||||
|
||||
<div class="ad-banner">
|
||||
<p>【通告】2025新款显卡预售开启，点击查看详情 >></p>
|
||||
<p>【推荐】电脑运行慢？点击这里一键清理垃圾（专家推荐）</p>
|
||||
<p>[Notice] 2026 New GPU pre-sale starts now, click for details >></p>
|
||||
<p>[Recommend] Computer running slow? Click here for one-click cleanup (Expert Recommended)</p>
|
||||
</div>
|
||||
|
||||
<div class="content-wrapper">
|
||||
|
||||
<div class="main-column">
|
||||
<div class="post-title">
|
||||
<h2>[求助] 如何修复 System_Thread_Exception 蓝屏？附 Dump 文件</h2>
|
||||
<p style="font-size:12px; color:#666;">状态: <strong style="color:red">[未解决]</strong> | 浏览: 45,221 | 回复: 12</p>
|
||||
<h2>[Help] How to fix System_Thread_Exception BSOD? Dump file attached</h2>
|
||||
<p style="font-size:12px; color:#666;">Status: <strong style="color:red">[Unsolved]</strong> | Views: 45,221 | Replies: 12</p>
|
||||
</div>
|
||||
|
||||
<div class="post-card">
|
||||
@@ -281,49 +281,49 @@
|
||||
<tr>
|
||||
<td width="150" valign="top" class="user-info-cell">
|
||||
<p><strong>Newbie_User_007</strong></p>
|
||||
<p class="badge-new">等级: 萌新</p>
|
||||
<p>积分: 5</p>
|
||||
<p>注册时间: 2025-10-01</p>
|
||||
<p><img src="" alt="默认头像"></p>
|
||||
<p class="badge-new">Level: Newbie</p>
|
||||
<p>Points: 5</p>
|
||||
<p>Joined: 2025-10-01</p>
|
||||
<p><img src="" alt="Default Avatar"></p>
|
||||
</td>
|
||||
<td valign="top" class="content-cell">
|
||||
<p class="post-meta"><small>发表于 2025-12-21 09:30:00 | 楼主</small></p>
|
||||
<p class="post-meta"><small>Posted on 2025-12-21 09:30:00 | OP</small></p>
|
||||
|
||||
<p>我的电脑最近总是蓝屏，错误代码是 System_Thread_Exception_Not_Handled。</p>
|
||||
<p>配置如下：</p>
|
||||
<p>My computer keeps getting BSOD recently, error code is System_Thread_Exception_Not_Handled.</p>
|
||||
<p>Specs:</p>
|
||||
<ul>
|
||||
<li>CPU: Intel i9-14900K</li>
|
||||
<li>GPU: RTX 4080</li>
|
||||
<li>RAM: 32G x 2</li>
|
||||
</ul>
|
||||
<p>我已经尝试重装系统了，但是没用。附上 Dump 文件，求大神帮忙分析！</p>
|
||||
<p>I have tried reinstalling the system but it didn't help. Attached dump file, please help!</p>
|
||||
<br>
|
||||
|
||||
<fieldset>
|
||||
<legend>附件下载</legend>
|
||||
<p>文件: Minidump_20251221.zip (256 KB)</p>
|
||||
<a href="#" onclick="showCustomAlert('开始下载真实文件...')">[点击下载附件]</a>
|
||||
<legend>Attachment Download</legend>
|
||||
<p>File: Minidump_20251221.zip (256 KB)</p>
|
||||
<a href="#" onclick="showCustomAlert('Downloading real file...')">[Click to Download]</a>
|
||||
</fieldset>
|
||||
|
||||
<div align="center" class="fake-download-area">
|
||||
<br>
|
||||
<button>==> 高速下载 (推荐) <==</button>
|
||||
<button>==> 极速修复蓝屏工具 <==</button>
|
||||
<p><small>广告：专业系统修复，不丢失数据</small></p>
|
||||
<button>==> High Speed Download (Recommended) <==</button>
|
||||
<button>==> BSOD Fix Tool <==</button>
|
||||
<p><small>Ad: Professional System Repair, No Data Loss</small></p>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<hr style="border:0; border-top:1px dashed #ccc;">
|
||||
<p style="color:#999; font-size:12px;"><em>-- 签名档：小白求带，好人一生平安。</em></p>
|
||||
<p style="color:#999; font-size:12px;"><em>-- Sig: Newbie needs help, thank you.</em></p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" align="right" class="action-bar">
|
||||
<button onclick="replyPost()">回复</button>
|
||||
<button>引用</button>
|
||||
<button onclick="reportPost()">举报</button>
|
||||
<button>支持 (0)</button>
|
||||
<button>反对 (0)</button>
|
||||
<button onclick="replyPost()">Reply</button>
|
||||
<button>Quote</button>
|
||||
<button onclick="reportPost()">Report</button>
|
||||
<button>Like (0)</button>
|
||||
<button>Dislike (0)</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@@ -334,28 +334,28 @@
|
||||
<tr>
|
||||
<td width="150" valign="top" class="user-info-cell">
|
||||
<p><strong>System_Cleaner_Bot</strong></p>
|
||||
<p>等级: <strong>推广大使</strong></p>
|
||||
<p>积分: 99999</p>
|
||||
<p><img src="" alt="VIP头像"></p>
|
||||
<p>Level: <strong>Ambassador</strong></p>
|
||||
<p>Points: 99999</p>
|
||||
<p><img src="" alt="VIP Avatar"></p>
|
||||
</td>
|
||||
<td valign="top" class="content-cell">
|
||||
<p class="post-meta"><small>发表于 2025-12-21 09:31:05 | 沙发</small></p>
|
||||
<p class="post-meta"><small>Posted on 2025-12-21 09:31:05 | #2</small></p>
|
||||
|
||||
<p>检测到您的电脑存在 <strong>128</strong> 个系统错误！</p>
|
||||
<p>建议立即下载 <strong>PC Master Pro</strong> 进行修复。</p>
|
||||
<p>我们的软件可以解决：蓝屏、卡顿、死机、病毒。</p>
|
||||
<p>Detected <strong>128</strong> system errors on your PC!</p>
|
||||
<p>Recommended to download <strong>PC Master Pro</strong> immediately for repair.</p>
|
||||
<p>Our software fixes: BSOD, Lag, Freeze, Virus.</p>
|
||||
<br>
|
||||
<h1><a href="#" onclick="return false;">[立即下载修复补丁]</a></h1>
|
||||
<h1><a href="#" onclick="return false;">[Download Fix Patch Now]</a></h1>
|
||||
<br>
|
||||
<hr style="border:0; border-top:1px dashed #ccc;">
|
||||
<p style="color:#999; font-size:12px;"><em>-- 签名档：官方认证，安全无毒。</em></p>
|
||||
<p style="color:#999; font-size:12px;"><em>-- Sig: Official Certified, Safe & Virus Free.</em></p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" align="right" class="action-bar">
|
||||
<button>回复</button>
|
||||
<button>引用</button>
|
||||
<button>举报</button>
|
||||
<button>Reply</button>
|
||||
<button>Quote</button>
|
||||
<button>Report</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@@ -366,39 +366,39 @@
|
||||
<tr>
|
||||
<td width="150" valign="top" class="user-info-cell">
|
||||
<p><strong>Hardware_Guru</strong></p>
|
||||
<p class="badge-mod">等级: <strong>版主</strong></p>
|
||||
<p>积分: 54,200</p>
|
||||
<p style="color:orange;">徽章: [技术大牛] [热心助人]</p>
|
||||
<p class="badge-mod">Level: <strong>Moderator</strong></p>
|
||||
<p>Points: 54,200</p>
|
||||
<p style="color:orange;">Badges: [Tech Expert] [Helpful]</p>
|
||||
</td>
|
||||
<td valign="top" class="content-cell">
|
||||
<p class="post-meta"><small>发表于 2025-12-21 09:45:12 | 板凳</small></p>
|
||||
<p class="post-meta"><small>Posted on 2025-12-21 09:45:12 | #3</small></p>
|
||||
|
||||
<p>楼主，看了你的配置，应该是内存超频不稳导致的。</p>
|
||||
<p>你是不是开了 XMP？试着进 BIOS 把内存频率降到 4800MHz 试试。</p>
|
||||
<p>另外，那个二楼是广告，别点那个下载链接，那是流氓软件。</p>
|
||||
<p>OP, looked at your specs, it's likely unstable memory overclocking.</p>
|
||||
<p>Did you enable XMP? Try going into BIOS and lowering memory frequency to 4800MHz.</p>
|
||||
<p>Also, the post on the 2nd floor is an ad, don't click that link, it's bloatware.</p>
|
||||
<br>
|
||||
<hr style="border:0; border-top:1px dashed #ccc;">
|
||||
<p style="color:#999; font-size:12px;"><em>-- 签名档：有问题先看置顶帖，提问请带配置单。</em></p>
|
||||
<p style="color:#999; font-size:12px;"><em>-- Sig: Read pinned posts first, include specs when asking.</em></p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" align="right" class="action-bar">
|
||||
<button onclick="replyPost()">回复</button>
|
||||
<button>引用</button>
|
||||
<button>举报</button>
|
||||
<button onclick="likePost(this)">支持 (52)</button>
|
||||
<button>反对 (0)</button>
|
||||
<button onclick="replyPost()">Reply</button>
|
||||
<button>Quote</button>
|
||||
<button>Report</button>
|
||||
<button onclick="likePost(this)">Like (52)</button>
|
||||
<button>Dislike (0)</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div style="border: 1px dashed #ccc; padding: 10px; margin: 10px 0; background:#fafafa; font-size:12px; color:#999;">
|
||||
<p><strong>赞助商链接：</strong></p>
|
||||
<p><strong>Sponsor Links:</strong></p>
|
||||
<ul style="list-style: none;">
|
||||
<li><a href="#" style="color:#999;">玩游戏总是输？这款外挂神器帮你忙！</a></li>
|
||||
<li><a href="#" style="color:#999;">月入五万的副业，点击领取教程。</a></li>
|
||||
<li><a href="#" style="color:#999;">脱发怎么办？老中医祖传秘方。</a></li>
|
||||
<li><a href="#" style="color:#999;">Always losing games? This cheats tool helps you!</a></li>
|
||||
<li><a href="#" style="color:#999;">Side hustle earning 50k/month, click to get tutorial.</a></li>
|
||||
<li><a href="#" style="color:#999;">Hair loss? Ancient herbal remedy.</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -407,27 +407,27 @@
|
||||
<tr>
|
||||
<td width="150" valign="top" class="user-info-cell">
|
||||
<p><strong>Newbie_User_007</strong></p>
|
||||
<p class="badge-new">等级: 萌新</p>
|
||||
<p>积分: 5</p>
|
||||
<p class="badge-new">Level: Newbie</p>
|
||||
<p>Points: 5</p>
|
||||
</td>
|
||||
<td valign="top" class="content-cell">
|
||||
<p class="post-meta"><small>发表于 2025-12-21 10:05:00 | 地板</small></p>
|
||||
<p class="post-meta"><small>Posted on 2025-12-21 10:05:00 | #4</small></p>
|
||||
|
||||
<div style="background:#f0f0f0; padding:10px; margin-bottom:10px;">回复 3楼：</div>
|
||||
<p>谢谢大佬！我确实开了 XMP。我现在去试试关闭。</p>
|
||||
<p>顺便问一下，显卡驱动需要回退吗？</p>
|
||||
<div style="background:#f0f0f0; padding:10px; margin-bottom:10px;">Reply to #3:</div>
|
||||
<p>Thanks expert! I did enable XMP. I'll try disabling it now.</p>
|
||||
<p>By the way, do I need to rollback GPU driver?</p>
|
||||
<br>
|
||||
<hr style="border:0; border-top:1px dashed #ccc;">
|
||||
<p style="color:#999; font-size:12px;"><em>-- 签名档：小白求带，好人一生平安。</em></p>
|
||||
<p style="color:#999; font-size:12px;"><em>-- Sig: Newbie needs help, thank you.</em></p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" align="right" class="action-bar">
|
||||
<button onclick="replyPost()">回复</button>
|
||||
<button>引用</button>
|
||||
<button>举报</button>
|
||||
<button>支持 (0)</button>
|
||||
<button>反对 (0)</button>
|
||||
<button onclick="replyPost()">Reply</button>
|
||||
<button>Quote</button>
|
||||
<button>Report</button>
|
||||
<button>Like (0)</button>
|
||||
<button>Dislike (0)</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@@ -438,27 +438,27 @@
|
||||
<tr>
|
||||
<td width="150" valign="top" class="user-info-cell">
|
||||
<p><strong>Troll_Master_123</strong></p>
|
||||
<p>等级: 潜水员</p>
|
||||
<p>积分: -20</p>
|
||||
<p>Level: Lurker</p>
|
||||
<p>Points: -20</p>
|
||||
</td>
|
||||
<td valign="top" class="content-cell">
|
||||
<p class="post-meta"><small>发表于 2025-12-21 10:15:33 | 5楼</small></p>
|
||||
<p class="post-meta"><small>Posted on 2025-12-21 10:15:33 | #5</small></p>
|
||||
|
||||
<p>这配置还蓝屏？肯定是楼主买到矿卡了。</p>
|
||||
<p>现在的 Intel 缩缸很严重，建议直接换 AMD，保平安。</p>
|
||||
<p>你要是不会修，五十块钱卖我算了。</p>
|
||||
<p>BSOD with these specs? OP must have bought mining cards.</p>
|
||||
<p>Intel is degrading fast these days, just switch to AMD to be safe.</p>
|
||||
<p>If you can't fix it, sell it to me for 50 bucks.</p>
|
||||
<br>
|
||||
<hr style="border:0; border-top:1px dashed #ccc;">
|
||||
<p style="color:#999; font-size:12px;"><em>-- 签名档：没有任何签名。</em></p>
|
||||
<p style="color:#999; font-size:12px;"><em>-- Sig: No signature.</em></p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" align="right" class="action-bar">
|
||||
<button onclick="replyPost()">回复</button>
|
||||
<button>引用</button>
|
||||
<button onclick="reportPost()">举报</button>
|
||||
<button>支持 (1)</button>
|
||||
<button>反对 (88)</button>
|
||||
<button onclick="replyPost()">Reply</button>
|
||||
<button>Quote</button>
|
||||
<button onclick="reportPost()">Report</button>
|
||||
<button>Like (1)</button>
|
||||
<button>Dislike (88)</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@@ -469,22 +469,22 @@
|
||||
<tr>
|
||||
<td width="150" valign="top" class="user-info-cell">
|
||||
<p><strong>Passerby_A</strong></p>
|
||||
<p>等级: 核心会员</p>
|
||||
<p>积分: 888</p>
|
||||
<p>Level: Core Member</p>
|
||||
<p>Points: 888</p>
|
||||
</td>
|
||||
<td valign="top" class="content-cell">
|
||||
<p class="post-meta"><small>发表于 2025-12-21 10:20:00 | 6楼</small></p>
|
||||
<p class="post-meta"><small>Posted on 2025-12-21 10:20:00 | #6</small></p>
|
||||
<hr>
|
||||
<p>Mark一下，我也有这个问题。关注后续。</p>
|
||||
<p>Marking this, I have the same issue. Following.</p>
|
||||
<br>
|
||||
<hr style="border:0; border-top:1px dashed #ccc;">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" align="right" class="action-bar">
|
||||
<button>回复</button>
|
||||
<button>引用</button>
|
||||
<button>举报</button>
|
||||
<button>Reply</button>
|
||||
<button>Quote</button>
|
||||
<button>Report</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@@ -492,21 +492,21 @@
|
||||
|
||||
|
||||
<br>
|
||||
<div align="center" style="padding: 20px;">
|
||||
<a href="#" class="btn-primary" style="background:white; color:#333; border:1px solid #ccc;">首页</a>
|
||||
<a href="#" class="btn-primary" style="background:white; color:#333; border:1px solid #ccc;">上一页</a>
|
||||
<div align="center" style="padding: 20px;">
|
||||
<a href="#" class="btn-primary" style="background:white; color:#333; border:1px solid #ccc;">Home</a>
|
||||
<a href="#" class="btn-primary" style="background:white; color:#333; border:1px solid #ccc;">Prev</a>
|
||||
<strong>[1]</strong> <a href="#">2</a> <a href="#">3</a> ... <a href="#">99</a>
|
||||
<a href="#" class="btn-primary" style="background:white; color:#333; border:1px solid #ccc;">下一页</a>
|
||||
<a href="#" class="btn-primary" style="background:white; color:#333; border:1px solid #ccc;">Next</a>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<div class="quick-reply">
|
||||
<h3>快速回复</h3>
|
||||
<h3>Quick Reply</h3>
|
||||
<form>
|
||||
<textarea rows="5" cols="80"></textarea><br>
|
||||
<input type="checkbox"> 签名
|
||||
<input type="checkbox"> 匿名
|
||||
<button class="btn-primary">发表回复</button>
|
||||
<input type="checkbox"> Signature
|
||||
<input type="checkbox"> Anonymous
|
||||
<button class="btn-primary">Post Reply</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@@ -514,29 +514,29 @@
|
||||
|
||||
<div class="side-column">
|
||||
<div class="sidebar-box">
|
||||
<h3>版块热门推荐</h3>
|
||||
<h3>Forum Hot Picks</h3>
|
||||
<ul>
|
||||
<li><a href="#">[置顶] 显卡天梯图 2025.12版</a></li>
|
||||
<li><a href="#">[精华] 电源选购指南：别再买炸弹了</a></li>
|
||||
<li><a href="#">救命！电脑冒烟了怎么办？</a></li>
|
||||
<li><a href="#">4090Ti 偷跑数据曝光！</a></li>
|
||||
<li><a href="#">[Pinned] GPU Hierarchy Chart Dec 2025</a></li>
|
||||
<li><a href="#">[Digest] PSU Buying Guide: Don't buy bombs</a></li>
|
||||
<li><a href="#">Help! Computer is smoking!</a></li>
|
||||
<li><a href="#">4090Ti Leaked specs revealed!</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-box" style="border-color: #ffeeba;">
|
||||
<h3 style="color:#856404; border-color:#856404;">精彩活动</h3>
|
||||
<h3 style="color:#856404; border-color:#856404;">Events</h3>
|
||||
<ul>
|
||||
<li><a href="#">[广告] 注册送 88元 现金红包</a></li>
|
||||
<li><a href="#">[广告] 只有男人才懂的游戏</a></li>
|
||||
<li><a href="#">[广告] 免费领取 1TB 云空间</a></li>
|
||||
<li><a href="#">[Ad] Register to get $88 cash coupon</a></li>
|
||||
<li><a href="#">[Ad] Game only men understand</a></li>
|
||||
<li><a href="#">[Ad] Free 1TB Cloud Storage</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-box">
|
||||
<h3>在线统计</h3>
|
||||
<p>在线会员: 1205 人</p>
|
||||
<p>游客: 8841 人</p>
|
||||
<p>今日发帖: 342</p>
|
||||
<h3>Online Stats</h3>
|
||||
<p>Members: 1205</p>
|
||||
<p>Guests: 8841</p>
|
||||
<p>New Posts: 342</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -548,7 +548,7 @@
|
||||
<!-- Right Sidebar -->
|
||||
<aside class="sidebar-right">
|
||||
<div class="card">
|
||||
<div class="card-header">🔥 24小时热帖</div>
|
||||
<div class="card-header">🔥 24-Hour Hot Topics</div>
|
||||
<div class="card-body" style="padding:0;">
|
||||
<ul id="hotThreadsList" style="padding:0; margin:0;">
|
||||
<!-- JS Generated -->
|
||||
@@ -557,12 +557,12 @@
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">📊 社区统计</div>
|
||||
<div class="card-header">📊 Statistics</div>
|
||||
<div class="card-body" style="font-size:0.85rem; line-height:2;">
|
||||
<div>在线会员: <strong style="color:green">1,024</strong></div>
|
||||
<div>今日发帖: <strong>5,231</strong></div>
|
||||
<div>总帖子数: <strong>8.4M</strong></div>
|
||||
<div>服务器延迟: <span id="pingValue">12ms</span></div>
|
||||
<div>Members Online: <strong style="color:green">1,024</strong></div>
|
||||
<div>Posts Today: <strong>5,231</strong></div>
|
||||
<div>Total Posts: <strong>8.4M</strong></div>
|
||||
<div>Server Latency: <span id="pingValue">12ms</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
@@ -573,13 +573,13 @@
|
||||
<div class="modal-backdrop" id="confirmModal">
|
||||
<div class="modal-panel" style="width: 400px;">
|
||||
<div class="card-header">
|
||||
操作确认 <span style="cursor:pointer; float:right;" onclick="closeModal('confirmModal')">×</span>
|
||||
Confirm Action <span style="cursor:pointer; float:right;" onclick="closeModal('confirmModal')">×</span>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p id="confirmMessage" style="margin-bottom: 20px;">确定执行此操作？</p>
|
||||
<p id="confirmMessage" style="margin-bottom: 20px;">Are you sure?</p>
|
||||
<div style="text-align: right;">
|
||||
<button class="btn" onclick="closeModal('confirmModal')">取消</button>
|
||||
<button class="btn btn-primary" id="confirmBtnAction">确定</button>
|
||||
<button class="btn" onclick="closeModal('confirmModal')">Cancel</button>
|
||||
<button class="btn btn-primary" id="confirmBtnAction">Confirm</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -588,12 +588,12 @@
|
||||
<div class="modal-backdrop" id="alertModal">
|
||||
<div class="modal-panel" style="width: 400px;">
|
||||
<div class="card-header">
|
||||
提示 <span style="cursor:pointer; float:right;" onclick="closeModal('alertModal')">×</span>
|
||||
Notice <span style="cursor:pointer; float:right;" onclick="closeModal('alertModal')">×</span>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p id="alertMessage" style="margin-bottom: 20px;"></p>
|
||||
<div style="text-align: right;">
|
||||
<button class="btn btn-primary" onclick="closeModal('alertModal')">知道了</button>
|
||||
<button class="btn btn-primary" onclick="closeModal('alertModal')">Got it</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -602,18 +602,18 @@
|
||||
<div class="modal-backdrop" id="loginModal">
|
||||
<div class="modal-panel">
|
||||
<div class="card-header">
|
||||
用户登录 <span style="cursor:pointer; float:right;" onclick="closeModal('loginModal')">×</span>
|
||||
User Login <span style="cursor:pointer; float:right;" onclick="closeModal('loginModal')">×</span>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div style="margin-bottom:15px;">
|
||||
<label style="display:block; margin-bottom:5px;">用户名 / 邮箱</label>
|
||||
<label style="display:block; margin-bottom:5px;">Username / Email</label>
|
||||
<input type="text" id="loginUser" class="form-control" style="width:100%; padding:8px;" value="TechUser_2026">
|
||||
</div>
|
||||
<div style="margin-bottom:20px;">
|
||||
<label style="display:block; margin-bottom:5px;">密码</label>
|
||||
<label style="display:block; margin-bottom:5px;">Password</label>
|
||||
<input type="password" class="form-control" style="width:100%; padding:8px;" value="123456">
|
||||
</div>
|
||||
<button class="btn btn-primary btn-block" onclick="doLogin()">登录</button>
|
||||
<button class="btn btn-primary btn-block" onclick="doLogin()">Login</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -621,10 +621,10 @@
|
||||
<div class="modal-backdrop" id="newThreadModal">
|
||||
<div class="modal-panel" style="width:800px;">
|
||||
<div class="card-header">
|
||||
发布新主题 <span style="cursor:pointer; float:right;" onclick="closeModal('newThreadModal')">×</span>
|
||||
Create New Thread <span style="cursor:pointer; float:right;" onclick="closeModal('newThreadModal')">×</span>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<input type="text" id="newPostTitle" placeholder="请输入标题..." style="width:100%; padding:10px; font-size:1.1rem; margin-bottom:10px; border:1px solid #ddd; border-radius:4px;">
|
||||
<input type="text" id="newPostTitle" placeholder="Enter title..." style="width:100%; padding:10px; font-size:1.1rem; margin-bottom:10px; border:1px solid #ddd; border-radius:4px;">
|
||||
<div class="editor-toolbar">
|
||||
<button class="tool-btn"><b>B</b></button>
|
||||
<button class="tool-btn"><i>I</i></button>
|
||||
@@ -633,10 +633,10 @@
|
||||
<button class="tool-btn">🔗</button>
|
||||
<button class="tool-btn">📷</button>
|
||||
</div>
|
||||
<textarea id="newPostContent" style="width:100%; height:300px; padding:10px; border:1px solid #ddd; border-top:none; resize:vertical;" placeholder="请详细描述您的问题..."></textarea>
|
||||
<textarea id="newPostContent" style="width:100%; height:300px; padding:10px; border:1px solid #ddd; border-top:none; resize:vertical;" placeholder="Describe your issue detailedly..."></textarea>
|
||||
<div style="margin-top:10px; text-align:right;">
|
||||
<button class="btn" onclick="closeModal('newThreadModal')">取消</button>
|
||||
<button class="btn btn-primary" onclick="submitNewThread()">发布帖子</button>
|
||||
<button class="btn" onclick="closeModal('newThreadModal')">Cancel</button>
|
||||
<button class="btn btn-primary" onclick="submitNewThread()">Post Thread</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -695,86 +695,86 @@
|
||||
|
||||
// --- Mock Data Generator ---
|
||||
function initData() {
|
||||
// 预设的高质量模拟数据源
|
||||
// High-quality mock data source
|
||||
const mockSources = [
|
||||
{
|
||||
title: "RTX 5090 性能偷跑，功耗高达 600W？",
|
||||
title: "RTX 5090 Stats Leaked, 600W Power Consumption?",
|
||||
cat: "hardware",
|
||||
content: "据外媒爆料，下一代旗舰显卡 RTX 5090 的 TGP 可能高达 600W。这意味着现有的 ATX 3.0 电源可能都要退役了。<br><br>从泄露的 PCB 设计图来看，核心面积比 4090 增加了 15%，显存可能采用 GDDR7。大家怎么看？我是准备换电源了。",
|
||||
replies: ["600W？这不得开个空调对着吹？", "电费伤不起啊，还是继续用我的 1060 吧。", "AMD Yes! 只要苏妈不跟进这种功耗竞赛。", "消息保真吗？感觉像是烟雾弹。", "正好冬天到了，不仅能玩游戏还能取暖，赢麻了！"]
|
||||
content: "Foreign media reports suggest the next-gen flagship RTX 5090 TGP might reach 600W. This means all existing ATX 3.0 PSUs might need retirement.<br><br>From leaked PCB designs, the die size is 15% larger than the 4090, possibly using GDDR7. thoughts? I'm getting ready to swap my PSU.",
|
||||
replies: ["600W? Do I need an AC unit pointing at it?", "Electricity bill is gonna kill me, sticking to my 1060.", "AMD Yes! As long as Su Bae doesn't follow this power race.", "Is this reliable? Feels like a smokescreen.", "Perfect for winter, gaming and heating in one, big win!"]
|
||||
},
|
||||
{
|
||||
title: "求助：Win12 更新后蓝屏 Critical_Process_Died",
|
||||
title: "Help: Win12 update caused BSOD Critical_Process_Died",
|
||||
cat: "software",
|
||||
content: "昨晚手贱更新了 Windows 12 预览版（Build 26000），重启后直接蓝屏，进不去系统。<br><br>错误代码：Critical_Process_Died。<br>尝试过安全模式也进不去，手头没有 PE 盘。里面有重要的毕业论文，求大神支招！不要重装系统啊！",
|
||||
replies: ["预览版也敢主力机更新？勇士。", "试试制作一个 Linux Live USB 进去把文件拷出来。", "可能是驱动冲突，进 RE 模式回退更新试试。", "Critical_Process_Died 一般是系统核心文件损坏，大概率要重装了。", "没有备份吗？那基本凉了。"]
|
||||
content: "Updated to Windows 12 Preview (Build 26000) last night, now it BSODs immediately on boot.<br><br>Error Code: Critical_Process_Died.<br>Tried Safe Mode, can't get in. No PE drive handy. Important thesis files inside, please help! I really don't want to reinstall!",
|
||||
replies: ["Brave soul updating main rig to preview.", "Try making a Linux Live USB to copy files out.", "Probably driver conflict, try rolling back in RE mode.", "Critical_Process_Died usually means core corruption, likely need reinstall.", "No backups? That's basically game over."]
|
||||
},
|
||||
{
|
||||
title: "【装机作业】白色海景房，颜值即正义！",
|
||||
title: "[Build Log] All-White 'Sea View' Case, Aesthetics is Justice!",
|
||||
cat: "hardware",
|
||||
content: "心心念念的白色海景房终于装好了！<br><br>配置单：<br>- CPU: i7-14700K<br>- MB: ROG Z790吹雪<br>- RAM: 威刚 吹雪联名 D5 6400<br>- GPU: 影驰 名人堂 4080<br>- Case: 联力 O11D Evo<br><br>[图片] 效果炸裂，光污染拉满。就是理线理得我腰酸背痛。",
|
||||
replies: ["富哥V50看看实力。", "这理线水平可以啊，强迫症表示很舒适。", "全白确实好看，就是容易积灰，记得常清理。", "我也准备抄作业，这一套下来得 2W 吧？", "只有我关注桌子也是白的吗？"]
|
||||
content: "Finally completed my dream white panoramic build!<br><br>Specs:<br>- CPU: i7-14700K<br>- MB: ROG Z790-A Gaming<br>- RAM: Adata D5 6400 White<br>- GPU: GALAX HOF 4080<br>- Case: Lian Li O11D Evo<br><br>[Image] Looks insane, RGB maxed out. Cable management killed my back though.",
|
||||
replies: ["Rich guy, V50 please.", "Cable management is top tier, satisfying to watch.", "All white is nice but dust shows easily, clean often.", "Thinking of copying this, costs about 20k right?", "Am I the only one noticing the white desk too?"]
|
||||
},
|
||||
{
|
||||
title: "Python 爬虫总是被封 IP 怎么办？",
|
||||
title: "Python crawler getting 403 Forbidden on specific site",
|
||||
cat: "software",
|
||||
content: "最近在写一个爬虫抓取某电商平台的数据，但是频率稍微高一点就 403 Forbidden。<br><br>已经加了 User-Agent 池，延时也设了随机 1-3 秒，还是不行。是不是必须得上收费代理了？有没有开源好用的代理池推荐？",
|
||||
replies: ["现在的反爬都很智能了，光换 UA 没用的。", "建议买隧道代理，免费的不稳定而且慢。", "看看有没有验证码或者 Cookie 追踪，封 IP 只是最后手段。", "降低频率吧，或者用 Selenium 模拟浏览器行为。", "少爬点吧，小心律师函警告 [滑稽]"]
|
||||
content: "Writing a crawler for an e-commerce site, but getting 403 Forbidden if frequency goes up even slightly.<br><br>Already added User-Agent pool, random delays 1-3s, still no go. Do I need paid proxies? Any good open source proxy pools?",
|
||||
replies: ["Anti-scraping is smart now, swapping UA isn't enough.", "Suggest buying tunnel proxies, free ones are unstable and slow.", "Check for captchas or cookie tracking, IP ban is last resort.", "Lower frequency, or use Selenium to simulate browser.", "Scrape less, watch out for lawyer letters [Doge]"]
|
||||
},
|
||||
{
|
||||
title: "AMD YES! Ryzen 9000 系列参数前瞻",
|
||||
title: "AMD YES! Ryzen 9000 Series Preview",
|
||||
cat: "hardware",
|
||||
content: "AMD 官方 PPT 终于放出来了，Zen 5 架构 IPC 提升 15%！<br><br>最关键的是，积热问题似乎得到了改善。首发价格如果能维持在 7000 系列的水平，Intel 这一代又要被吊打了。大家冲不冲？",
|
||||
replies: ["AMD Yes! 喊就完事了。", "首发肯定贵，等半年降价才是 真·YES。", "只要不换主板接口，我就冲。", "积热改善？我不信，除非你有实测。", "Intel 15代也要出来了，如果不急可以再等等。"]
|
||||
content: "AMD official slides finally out, Zen 5 IPC up 15%! <br><br>Key point is heat accumulation seems improved. If launch price stays near 7000 series levels, Intel is getting crushed again. Who's buying?",
|
||||
replies: ["AMD Yes! Just shout it.", "Launch will be expensive, waiting 6 months is the true YES.", "As long as socket doesn't change, I'm in.", "Heat fixed? I don't believe it until I see reviews.", "Intel 15th gen coming too, wait if not urgent."]
|
||||
},
|
||||
{
|
||||
title: "机械键盘轴体推荐：红轴还是茶轴？",
|
||||
title: "Mech Keyboard Switch Recs: Red vs Brown?",
|
||||
cat: "hardware",
|
||||
content: "想入把机械键盘办公用，偶尔打打 LOL。<br><br>之前用过青轴，太吵了被同事投诉。现在纠结红轴和茶轴，听说红轴软绵绵的？茶轴又有段落感？<br>要求：声音小，手感好，久打不累。",
|
||||
replies: ["办公绝对红轴，行云流水。", "茶轴是万用轴，有段落感打字比较爽。", "这就不得不推荐金粉轴了，比红轴还轻，办公神器。", "建议买个试轴器，几十块钱，把所有轴都摸一遍。", "静电容一步到位，退烧之选。"]
|
||||
content: "Want a mech keyboard for office, occasional LOL.<br><br>Used Blue switches before, too loud, colleagues complained. Now deciding between Red and Brown. Heard Red is mushy? Brown has tactile bump?<br>Req: Quiet, good feel, not tiring.",
|
||||
replies: ["Office definitely Red, smooth like water.", "Brown is universal, tactile bump feels good for typing.", "Have to recommend Gold Pink switches, lighter than Red, typing god.", "Buy a switch tester for cheap, try them all.", "Topre Realforce, end game choice."]
|
||||
},
|
||||
{
|
||||
title: "显示器选购指南：IPS vs OLED",
|
||||
title: "Monitor Buying Guide: IPS vs OLED",
|
||||
cat: "hardware",
|
||||
content: "现在的 OLED 显示器越来越便宜了，27寸 2K 240Hz 只要 3000 多。<br><br>但是很担心烧屏问题。我是重度 Windows 用户，任务栏常驻。IPS 的 Nano-IPS 面板对比度又不行。到底该怎么选？主要用途是看电影和 3A 游戏。",
|
||||
replies: ["看电影绝对 OLED，黑场效果无敌。", "重度办公就算了吧，半年必烧。", "现在的 OLED 都有防烧屏技术，没那么脆弱。", "Mini-LED 考虑一下？折中方案。", "只要你有钱，坏了就换，那就无脑 OLED。"]
|
||||
content: "OLED monitors getting cheap, 27-inch 2K 240Hz for just over 3000.<br><br>But worried about burn-in. I'm a heavy Windows user, taskbar always on. IPS Nano-IPS contrast is bad. What to choose? Mainly for movies and AAA games.",
|
||||
replies: ["Movies definitely OLED, infinite contrast.", "Heavy office work forget it, burn-in in 6 months.", "Modern OLEDs have anti-burn-in tech, not that fragile.", "Consider Mini-LED? Middle ground.", "If you have money, just replace when broken, then OLED no brainer."]
|
||||
},
|
||||
{
|
||||
title: "公司服务器被雷劈了，如何恢复数据？",
|
||||
title: "Company server struck by lightning, how to recover data?",
|
||||
cat: "water",
|
||||
content: "真实惨案。昨天雷雨天，机房不知怎么回事遭雷击了，UPS 也没抗住。<br><br>现在 RAID 卡报错，有两块盘亮红灯。虽然有异地备份，但是是一周前的... 老板脸都绿了，让我死马当活马医，求靠谱的数据恢复机构！",
|
||||
replies: ["这是物理损坏了，软件没救的，找专业开盘公司吧。", "同情楼主，这锅不该你背，是机房建设的问题。", "以前我们也遇到过，花了十几万才找回部分数据。", "千万别通电了！越通电损坏越严重！", "一周前的备份不错了，要是没备份你现在已经失业了。"]
|
||||
content: "Real disaster. Lightning struck the server room yesterday, UPS failed too.<br><br>RAID card reporting errors, two drives red light. Have offsite backup but it's a week old... Boss is furious. Asking for reliable data recovery services!",
|
||||
replies: ["Physical damage, software won't help, find a pro lab.", "Sympathies, not your fault, facility issue.", "Happened to us, spent 100k to get some data back.", "Do NOT power it on! More damage!", "Week old backup is decent, otherwise you'd be fired."]
|
||||
},
|
||||
{
|
||||
title: "小白求推荐 3000 元价位组装机",
|
||||
title: "Newbie needs 3000 budget PC build recs",
|
||||
cat: "hardware",
|
||||
content: "预算只有 3000，想组一台能玩《黑神话：悟空》的主机。<br><br>不要求全高画质，1080P 中画质流畅就行。目前看了 12400F + 6600 的组合，这套稳吗？还是说等等党终将胜利？",
|
||||
replies: ["3000 玩 3A 有点勉强，建议加钱上 4060。", "12400F + 6600 性价比很高，1080P 没问题。", "二手市场淘一淘？3000 能收到不错的配置。", "电源别省，炸了就是全家桶。", "黑悟空优化怎么样还不知道，建议等游戏出了再买。"]
|
||||
content: "Budget only 3000, want to build a PC for 'Black Myth: Wukong'.<br><br>Don't need max settings, 1080P medium smooth is fine. Looking at 12400F + 6600. Is this stable? Or should I wait?",
|
||||
replies: ["3000 for AAA is tight, suggest adding money for 4060.", "12400F + 6600 value is high, 1080P no problem.", "Check used market? 3000 gets better specs there.", "Don't skimp on PSU, or it blows up.", "Wait for game release to see optimization."]
|
||||
},
|
||||
{
|
||||
title: "Linux 下如何配置 Nginx 反向代理？",
|
||||
title: "How to configure Nginx Reverse Proxy on Linux?",
|
||||
cat: "software",
|
||||
content: "我在 Ubuntu 上部署了一个 Node.js 服务，跑在 3000 端口。<br><br>现在想通过域名直接访问，配置了 Nginx 的 proxy_pass，但是静态资源全都 404 了。有没有完整的 conf 模板可以参考一下？我是新手，文档看不太懂。",
|
||||
replies: ["静态资源要单独配 root 或 alias。", "直接贴你的配置文件出来，不然怎么帮你改？", "建议用 Docker 部署 Nginx Proxy Manager，图形化界面很方便。", "chatGPT 很擅长写配置，直接问它。", "注意 location 的匹配优先级，可能是被覆盖了。"]
|
||||
content: "Deployed a Node.js service on Ubuntu, port 3000.<br><br>Want to access via domain, configured Nginx proxy_pass, but static assets are 404. Any complete conf templates? Beginner here, docs are confusing.",
|
||||
replies: ["Static assets need separate root or alias.", "Post your config, otherwise how to help?", "Suggest Nginx Proxy Manager with Docker, GUI is easy.", "ChatGPT is good at configs, ask it.", "Check location priority, might be shadowed."]
|
||||
}
|
||||
];
|
||||
|
||||
for (let i = 0; i < 45; i++) {
|
||||
const seed = mockSources[i % mockSources.length]; // 循环使用模板
|
||||
const seed = mockSources[i % mockSources.length]; // Loop templates
|
||||
const author = DB.users[Math.floor(Math.random() * 3)];
|
||||
|
||||
// 随机波动回复数和浏览量
|
||||
// Randomize stats
|
||||
const replyCount = Math.floor(Math.random() * 150) + (seed.replies.length * 5);
|
||||
const viewCount = replyCount * (Math.floor(Math.random() * 40) + 20);
|
||||
|
||||
// 稍微修改标题以避免完全重复
|
||||
// Modify title slightly
|
||||
let titleVariant = seed.title;
|
||||
if (i >= mockSources.length) {
|
||||
const suffixes = ["(求助)", "[讨论]", "...", "!!", "（更新）"];
|
||||
const suffixes = ["(Help)", "[Discuss]", "...", "!!", "(Updated)"];
|
||||
titleVariant += " " + suffixes[i % suffixes.length];
|
||||
}
|
||||
|
||||
// 将预设回复存入 customReplies 属性，以便详情页生成时调用
|
||||
// Store preset replies
|
||||
DB.threads.push({
|
||||
id: 1000 + i,
|
||||
title: titleVariant,
|
||||
@@ -784,8 +784,8 @@
|
||||
views: viewCount,
|
||||
replies: replyCount,
|
||||
isHot: replyCount > 80,
|
||||
content: seed.content, // 使用真实内容
|
||||
mockReplies: seed.replies // 传递特定话题的回复池
|
||||
content: seed.content, // Use real content
|
||||
mockReplies: seed.replies // Pass topic specific replies
|
||||
});
|
||||
}
|
||||
|
||||
@@ -835,14 +835,14 @@
|
||||
<div class="card-body" style="display:flex; justify-content:space-between; align-items:center; padding:10px 15px;">
|
||||
<div>
|
||||
<span style="font-weight:bold; font-size:1.1rem;">${getCategoryName(STATE.currentCategory)}</span>
|
||||
<span style="color:#888; margin-left:10px; font-size:0.9rem;">共 ${data.length} 个主题</span>
|
||||
<span style="color:#888; margin-left:10px; font-size:0.9rem;">Total ${data.length} threads</span>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn btn-primary" onclick="openModal('newThreadModal')">✍️ 发帖</button>
|
||||
<select style="padding:5px; border-radius:4px; border:1px solid #ddd; margin-left:10px;" onchange="showToast('排序功能开发中...', 'info')">
|
||||
<option>最新回复</option>
|
||||
<option>最新发布</option>
|
||||
<option>最多浏览</option>
|
||||
<button class="btn btn-primary" onclick="openModal('newThreadModal')">✍️ New Thread</button>
|
||||
<select style="padding:5px; border-radius:4px; border:1px solid #ddd; margin-left:10px;" onchange="showToast('Sorting feature in development...', 'info')">
|
||||
<option>Latest Replies</option>
|
||||
<option>Newest</option>
|
||||
<option>Most Viewed</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
@@ -854,10 +854,10 @@
|
||||
listCard.className = 'card';
|
||||
// Header
|
||||
listCard.innerHTML = `<div class="card-header" style="color:#666; font-size:0.8rem;">
|
||||
<span style="flex:1;">主题</span>
|
||||
<span style="width:100px; text-align:center;">作者</span>
|
||||
<span style="width:80px; text-align:center;">回复/查看</span>
|
||||
<span style="width:120px; text-align:right;">最后发表</span>
|
||||
<span style="flex:1;">Topic</span>
|
||||
<span style="width:100px; text-align:center;">Author</span>
|
||||
<span style="width:80px; text-align:center;">Replies/Views</span>
|
||||
<span style="width:120px; text-align:right;">Last Post</span>
|
||||
</div>`;
|
||||
|
||||
const listBody = document.createElement('div');
|
||||
@@ -870,7 +870,7 @@
|
||||
|
||||
let tagsHtml = '';
|
||||
if(t.isHot) tagsHtml += `<span class="tag red">HOT</span> `;
|
||||
if(t.category === 'hardware') tagsHtml += `<span class="tag blue">硬件</span> `;
|
||||
if(t.category === 'hardware') tagsHtml += `<span class="tag blue">HW</span> `;
|
||||
|
||||
row.innerHTML = `
|
||||
<div class="thread-stats">
|
||||
@@ -879,7 +879,7 @@
|
||||
<div class="thread-main">
|
||||
<span class="thread-title">${tagsHtml}${t.title}</span>
|
||||
<span class="thread-meta">
|
||||
发布于 ${formatDate(t.date)}
|
||||
Posted ${formatDate(t.date)}
|
||||
${t.replies > 50 ? '🔥' : ''}
|
||||
</span>
|
||||
</div>
|
||||
@@ -918,15 +918,15 @@
|
||||
// Breadcrumb
|
||||
container.innerHTML = `
|
||||
<div style="margin-bottom:15px; font-size:0.9rem;">
|
||||
<a onclick="switchView('home')">首页</a> > ${getCategoryName(thread.category)} > 正文
|
||||
<a onclick="switchView('home')">Home</a> > ${getCategoryName(thread.category)} > Thread
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="post-title" style="border:none; border-bottom:1px solid var(--border);">
|
||||
<h1 style="font-size:1.5rem; margin:0;">${thread.title}</h1>
|
||||
<div style="margin-top:10px; font-size:0.85rem; color:#666;">
|
||||
<span style="color:red;">[阅读权限 10]</span>
|
||||
浏览: ${thread.views} | 回复: ${thread.replies}
|
||||
<span style="color:red;">[Read Permission 10]</span>
|
||||
Views: ${thread.views} | Replies: ${thread.replies}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -951,26 +951,26 @@
|
||||
</div>
|
||||
<ul style="font-size:0.8rem; text-align:left; margin-top:10px; color:#666; padding-left:10px;">
|
||||
<li>UID: ${post.author.id}</li>
|
||||
<li>帖子: ${Math.floor(Math.random()*1000)}</li>
|
||||
<li>金币: ${Math.floor(Math.random()*5000)}</li>
|
||||
<li>Posts: ${Math.floor(Math.random()*1000)}</li>
|
||||
<li>Gold: ${Math.floor(Math.random()*5000)}</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="post-content-area">
|
||||
<div class="post-meta-header">
|
||||
<span>发表于 ${formatDate(post.date)} ${isLouZhu ? '<span class="tag red">楼主</span>' : `#${index}楼`}</span>
|
||||
<span>只看该作者 | 倒序排列</span>
|
||||
<span>Posted ${formatDate(post.date)} ${isLouZhu ? '<span class="tag red">OP</span>' : `#${index}`}</span>
|
||||
<span>Author Only | Reverse</span>
|
||||
</div>
|
||||
<div class="post-body">
|
||||
${post.content}
|
||||
${post.attachment ? renderAttachment(post.attachment) : ''}
|
||||
</div>
|
||||
<div class="post-signature">
|
||||
${post.signature || '这个人很懒，什么都没写。'}
|
||||
${post.signature || 'This user is lazy and hasn\'t written anything.'}
|
||||
</div>
|
||||
<div class="post-actions">
|
||||
<button class="btn-action" onclick="showToast('已举报', 'success')">举报</button>
|
||||
<button class="btn-action">支持(${Math.floor(Math.random()*10)})</button>
|
||||
<button class="btn-action" onclick="openReply()">回复</button>
|
||||
<button class="btn-action" onclick="showToast('Reported', 'success')">Report</button>
|
||||
<button class="btn-action">Support(${Math.floor(Math.random()*10)})</button>
|
||||
<button class="btn-action" onclick="openReply()">Reply</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -982,10 +982,10 @@
|
||||
const replyBox = document.createElement('div');
|
||||
replyBox.className = 'card';
|
||||
replyBox.innerHTML = `
|
||||
<div class="card-header">快速回复</div>
|
||||
<div class="card-header">Quick Reply</div>
|
||||
<div class="card-body">
|
||||
<textarea style="width:100%; height:100px; padding:10px; border:1px solid #ddd;"></textarea>
|
||||
<button class="btn btn-primary" style="margin-top:10px;" onclick="showToast('回复成功！(+1 积分)', 'success')">发表回复</button>
|
||||
<button class="btn btn-primary" style="margin-top:10px;" onclick="showToast('Reply Posted! (+1 Credit)', 'success')">Post Reply</button>
|
||||
</div>
|
||||
`;
|
||||
container.appendChild(replyBox);
|
||||
@@ -1005,10 +1005,10 @@
|
||||
|
||||
// Context-aware reply pool
|
||||
const genericReplies = [
|
||||
"楼主好人一生平安。", "这个教程太详细了，必须收藏！",
|
||||
"前排围观大神。", "我也觉得是这样，完全同意。",
|
||||
"有一说一，这个性价比确实高。", "建议楼主左转图吧，那里老哥个个是人才。",
|
||||
"路过帮顶。", "不明觉厉。", "火钳刘明。"
|
||||
"OP is a good person.", "This tutorial is detailed, saved!",
|
||||
"Watching the expert.", "I agree completely.",
|
||||
"To be honest, great value.", "Suggest OP checks the other forum, lots of experts there.",
|
||||
"Bumping.", "I don't understand but looks cool.", "Leaving a mark."
|
||||
];
|
||||
|
||||
// Use thread-specific replies first, then generic ones
|
||||
@@ -1036,15 +1036,15 @@
|
||||
function renderAttachment(att) {
|
||||
return `
|
||||
<fieldset style="border:1px solid #ddd; padding:10px; margin-top:20px; background:#f9f9f9;">
|
||||
<legend style="font-weight:bold;">附件</legend>
|
||||
📄 ${att.name} (${att.size}) <a href="#">[点击下载]</a>
|
||||
<legend style="font-weight:bold;">Attachment</legend>
|
||||
📄 ${att.name} (${att.size}) <a href="#">[Download]</a>
|
||||
</fieldset>
|
||||
`;
|
||||
}
|
||||
|
||||
function getCategoryName(cat) {
|
||||
const map = { all: '全部主题', hardware: '硬件专区', software: '软件分享', water: '灌水吐槽', market: '二手交易', feedback: '站务公告' };
|
||||
return map[cat] || '未知板块';
|
||||
const map = { all: 'All Threads', hardware: 'Hardware', software: 'Software', water: 'Off-topic', market: 'Marketplace', feedback: 'Announcements' };
|
||||
return map[cat] || 'Unknown';
|
||||
}
|
||||
|
||||
// --- Actions ---
|
||||
@@ -1085,7 +1085,7 @@
|
||||
const user = document.getElementById('loginUser').value;
|
||||
closeModal('loginModal');
|
||||
STATE.currentUser = { name: user || "User" };
|
||||
showToast(`欢迎回来，${STATE.currentUser.name}`, 'success');
|
||||
showToast(`Welcome back, ${STATE.currentUser.name}`, 'success');
|
||||
updateUserUI();
|
||||
}
|
||||
|
||||
@@ -1096,7 +1096,7 @@
|
||||
<div style="display:flex; align-items:center; gap:10px; cursor:pointer;">
|
||||
<span style="font-weight:bold;">${STATE.currentUser.name}</span>
|
||||
<div class="user-avatar-sm" style="background:#4caf50;"></div>
|
||||
<button class="btn" style="padding:2px 8px; font-size:0.8rem;" onclick="location.reload()">注销</button>
|
||||
<button class="btn" style="padding:2px 8px; font-size:0.8rem;" onclick="location.reload()">Logout</button>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
@@ -1107,7 +1107,7 @@
|
||||
}
|
||||
|
||||
function timeAgo(props) {
|
||||
return "1小时前"; // Simplified
|
||||
return "1 hour ago"; // Simplified
|
||||
}
|
||||
|
||||
function insertText(prefix, suffix) {
|
||||
@@ -1117,12 +1117,12 @@
|
||||
|
||||
function submitNewThread() {
|
||||
closeModal('newThreadModal');
|
||||
showToast('发布成功！(模拟)', 'success');
|
||||
showToast('Posted Successfully! (Simulated)', 'success');
|
||||
// Fake add
|
||||
setTimeout(() => {
|
||||
DB.threads.unshift({
|
||||
id: 9999,
|
||||
title: document.getElementById('newPostTitle').value || "无标题",
|
||||
title: document.getElementById('newPostTitle').value || "No Title",
|
||||
author: STATE.currentUser || DB.users[2],
|
||||
replies: 0, views: 1, category: 'hardware',
|
||||
date: new Date().toISOString(),
|
||||
38
004/record.json
Normal file
38
004/record.json
Normal file
@@ -0,0 +1,38 @@
|
||||
{
|
||||
"step-1": {
|
||||
"query": "请打开登录或注册窗口",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-2": {
|
||||
"query": "将“Username / Email”输入框内的默认文本修改为“My_New_Account”",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-3": {
|
||||
"query": "密码设置为“forum_pass_123”",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-4": {
|
||||
"query": "点击登录窗口底部的“Login”按钮完成登录",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-5": {
|
||||
"query": "通过左侧导航栏，进入硬件版块",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-6": {
|
||||
"query": "我想发布新帖，请你先打开帖子编辑窗口",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-7": {
|
||||
"query": "我的新帖标题为“[Help] CPU overheating issue”，请将其输入到对应位置",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-8": {
|
||||
"query": "我的新帖内容为“My CPU hits 90 degrees on idle, need advice.”，请将其输入到对应位置",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-9": {
|
||||
"query": "请发布帖子",
|
||||
"grounding_area": ""
|
||||
}
|
||||
}
|
||||
219
005/5-001.html
Normal file
219
005/5-001.html
Normal file
@@ -0,0 +1,219 @@
|
||||
<!DOCTYPE html> <html lang=en style><!--
|
||||
--><meta charset=utf-8>
|
||||
<meta name=viewport content="width=device-width, initial-scale=1.0">
|
||||
<title>Central Library Digital Archive - Search Results</title>
|
||||
<style>:root{--primary:#002147;--accent:#b3a369;--bg-body:#f4f4f4;--bg-white:#ffffff;--text-main:#333;--text-meta:#666;--border:#ddd}body{font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-main);margin:0;line-height:1.6}a{text-decoration:none}a:hover{text-decoration:underline}ul{list-style:none;padding:0}.app-container{max-width:1400px;margin:0 auto;background:var(--bg-white);min-height:100vh;box-shadow:0 0 10px rgba(0,0,0,0.1)}.header{background-color:var(--primary);color:white;padding:15px 20px;display:flex;flex-direction:column}.header h1{margin:0;font-size:24px;font-weight:400;letter-spacing:1px}.header-info{font-size:13px;color:#ccc;margin-top:5px;display:flex;justify-content:space-between}.header-info a{color:white;margin-left:10px}.nav-bar{background:#00152e;padding:10px 20px;font-size:14px}.nav-bar a{color:#ddd;margin-right:20px;font-weight:500}.nav-bar a:hover{color:white}.system-alert{background:#fff3cd;color:#856404;font-size:13px;padding:10px 20px;border-bottom:1px solid #ffeeba;display:flex;justify-content:space-between;align-items:center}.system-alert p{margin:0 10px 0 0;display:inline-block}.main-layout{display:grid;grid-template-columns:280px 1fr;gap:30px;padding:30px}.sidebar h3{font-size:16px;border-bottom:2px solid var(--accent);padding-bottom:5px;margin-top:0;color:var(--primary)}.sidebar li{margin-bottom:8px;font-size:14px}.sidebar li a{color:var(--text-meta);display:block;padding:4px 8px;border-radius:4px}.sidebar li a:hover{background:#eef;color:var(--primary)}.sidebar-ad{margin-top:30px;padding:15px;background:#f9f9f9;border:1px dashed #ccc;font-size:12px;border-radius:4px}.sidebar-ad p{margin:5px 0}.search-panel{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid var(--border)}.search-panel input[type="text"]{padding:10px;width:60%;border:1px solid #ccc;border-radius:4px;font-size:16px}.search-panel select{padding:10px;border:1px solid #ccc;border-radius:4px}.search-panel button{padding:10px 20px;background:var(--accent);color:white;border:none;border-radius:4px;cursor:pointer;font-weight:bold}.result-item{padding:20px;border:1px solid var(--border);border-radius:4px;margin-bottom:15px;transition:box-shadow 0.2s;background:white;position:relative}.result-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);border-color:#bbb}.result-title{font-size:18px;color:var(--primary);margin-bottom:5px;display:block}.result-meta{font-size:14px;color:var(--text-meta);margin-bottom:10px}.result-abstract{font-size:14px;color:#444;margin-bottom:15px;line-height:1.5}.action-row{display:flex;gap:10px;align-items:center;margin-top:10px}.action-row a{font-size:13px;padding:5px 12px;border-radius:4px;border:1px solid var(--border);background:white;color:var(--text-main)}.action-row a:first-child{background:var(--primary);color:white;border-color:var(--primary)}.action-row span{margin-right:10px}.promo-banner{background:linear-gradient(to right,#eef2f3,#8e9eab);padding:15px;border-radius:4px;margin-bottom:15px;border-left:5px solid var(--primary)}.promo-banner strong{color:var(--primary);font-size:16px}.footer{background:#333;color:#aaa;padding:40px;text-align:center;font-size:13px;margin-top:40px}.footer a{color:#ccc}.pagination{text-align:center;margin-top:30px}.pagination a,.pagination strong{display:inline-block;padding:8px 16px;border:1px solid #ddd;margin:0 4px;border-radius:4px;color:var(--primary)}.pagination strong{background:var(--primary);color:white;border-color:var(--primary)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000;justify-content:center;align-items:center}.modal-close:hover{color:#333}@keyframes slideIn{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.active-filter{color:var(--primary)!important;border-left:3px solid var(--accent);padding-left:5px!important;background:#f0f4f8}</style>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:8000/005/5-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>
|
||||
<div id=modal-confirm class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-alert class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-citation class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-advanced-search class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-myshelf class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div class=app-container>
|
||||
<div class=header>
|
||||
<div style=display:flex;justify-content:space-between;align-items:center>
|
||||
<h1>Central Library Digital Archive | Academic Resource Discovery System</h1>
|
||||
<p class=header-info>
|
||||
<span>Welcome, <strong>Student_2024</strong> (Card Status: <span style=color:#aeffae>Normal</span>)</span>
|
||||
<span>
|
||||
<a href=javascript:void(0)>My Shelf <span id=shelf-count style="background:#b3a369;color:black;padding:0 4px;border-radius:10px;font-size:10px">0</span></a> | <a href=#>Borrowing History</a> | <a href=#>Logout</a>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class=nav-bar>
|
||||
<nav>
|
||||
<a href=#>Home</a>
|
||||
<a href=#>Journals</a>
|
||||
<a href=#>Theses & Dissertations</a>
|
||||
<a href=#>Conference Papers</a>
|
||||
<a href=#>Multimedia</a>
|
||||
<a href=#>Off-campus VPN</a>
|
||||
</nav>
|
||||
</div>
|
||||
<div class=system-alert>
|
||||
<div>
|
||||
<p><strong>[System Notice]</strong> ProQuest database maintenance scheduled for this Saturday 00:00-04:00. Full text download will be unavailable.</p>
|
||||
<p style=opacity:0.6;font-size:12px><strong>[Promo]</strong> 2025 'Scholarly Campus' Essay Contest registration is open! Click for details.</p>
|
||||
</div>
|
||||
<button style=background:none;border:none;cursor:pointer>×</button>
|
||||
<p style=display:none> Please return overdue books to avoid affecting your final grade.</p>
|
||||
</div>
|
||||
<div class=main-layout>
|
||||
<div class=sidebar>
|
||||
<h3>Resource Type</h3>
|
||||
<ul id=filter-type>
|
||||
<li><a href=javascript:void(0) class=active-filter style=font-weight:bold>All Resources</a></li>
|
||||
<li><a href=javascript:void(0)>Conference Papers</a></li>
|
||||
<li><a href=javascript:void(0)>Books</a></li>
|
||||
<li><a href=javascript:void(0)>Journal Articles</a></li>
|
||||
<li><a href=javascript:void(0)>Book Chapters</a></li>
|
||||
</ul>
|
||||
<h3 style=margin-top:20px>Publication Year</h3>
|
||||
<ul id=filter-year>
|
||||
<li><a href=javascript:void(0) class=active-filter style=font-weight:bold>All Years</a></li>
|
||||
<li><a href=javascript:void(0)>2024</a></li>
|
||||
<li><a href=javascript:void(0)>2020-2024</a></li>
|
||||
<li><a href=javascript:void(0)>Before 2020</a></li>
|
||||
</ul>
|
||||
<h3 style=margin-top:20px>Subject Categories</h3>
|
||||
<ul>
|
||||
<li><a href=#>Computer Science</a></li>
|
||||
<li><a href=#>Artificial Intelligence</a></li>
|
||||
<li><a href=#>Software Engineering</a></li>
|
||||
<li><a href=#>Information Systems</a></li>
|
||||
</ul>
|
||||
<div class=sidebar-ad>
|
||||
<p><strong>[Campus Services]</strong></p>
|
||||
<p>Thesis Plagiarism Check - Library 1st Floor</p>
|
||||
<p>Printing/Copying - Only 0.1 RMB/page</p>
|
||||
<p>Study Room Reservation</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class=content-area>
|
||||
<form class=search-panel>
|
||||
<input type=text id=searchInput value placeholder="Enter keywords (e.g., Neural, History...)">
|
||||
<select id=searchField>
|
||||
<option value=all selected>All Fields</option>
|
||||
<option value=title>Title</option>
|
||||
<option value=author>Author</option>
|
||||
</select>
|
||||
<button type=submit>Search</button>
|
||||
<div style=margin-top:10px;font-size:14px;display:flex;justify-content:space-between>
|
||||
<div>
|
||||
<label><input type=checkbox id=chkFullText value=on> Full Text Only</label>
|
||||
<label style=margin-left:15px><input type=checkbox value=on> Peer Reviewed</label>
|
||||
<span id=loading-spinner style=display:none;margin-left:15px;color:var(--primary)>
|
||||
Searching...
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<a href=javascript:void(0) style=color:var(--primary);text-decoration:underline>Advanced Search</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<style class=sf-hidden>@keyframes spin{100%{transform:rotate(360deg)}}</style>
|
||||
<div style=display:flex;justify-content:space-between;align-items:center>
|
||||
<p id=result-status style=color:#666;font-size:13px;margin-bottom:15px>Found approx 38 results (Time: 0.83s)</p>
|
||||
<div style=font-size:13px>
|
||||
Sort:
|
||||
<select id=sortSelect style=padding:2px>
|
||||
<option value=relevance selected>Relevance</option>
|
||||
<option value=year_desc>Year (Newest)</option>
|
||||
<option value=year_asc>Year (Oldest)</option>
|
||||
<option value=cites>Citations</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id=app-view-list class=results-list><div class=result-item>
|
||||
<div class=result-title>
|
||||
<input type=checkbox value=on>
|
||||
<strong style=cursor:pointer>1. Attention Is All You Need</strong>
|
||||
</div>
|
||||
<div class=result-meta>
|
||||
<p>Authors: Vaswani, A., Shazeer, N., et al. | 2017 | <span style="background:#eee;padding:2px 6px;border-radius:3px;font-size:12px">Conference Paper</span> | Citations: 85000</p>
|
||||
<p>Source: <em>NeurIPS</em></p>
|
||||
<p class=result-abstract>Abstract: We propose a new simple network architecture, the Transformer, based solely on attention mechanisms....</p>
|
||||
</div>
|
||||
<div class=action-row>
|
||||
<a href=javascript:void(0)>PDF Download</a> <a href=javascript:void(0)>HTML Full Text</a>
|
||||
<a href=javascript:void(0)>Cite</a>
|
||||
<a href=javascript:void(0) id=btn-shelf-2024000>Add to Shelf</a>
|
||||
</div>
|
||||
</div><div class=result-item>
|
||||
<div class=result-title>
|
||||
<input type=checkbox value=on>
|
||||
<strong style=cursor:pointer>2. Deep Residual Learning for Image Recognition</strong>
|
||||
</div>
|
||||
<div class=result-meta>
|
||||
<p>Authors: He, K., Zhang, X., Ren, S., & Sun, J. | 2016 | <span style="background:#eee;padding:2px 6px;border-radius:3px;font-size:12px">Conference Paper</span> | Citations: 150000</p>
|
||||
<p>Source: <em>CVPR 2016</em></p>
|
||||
<p class=result-abstract>Abstract: We present a residual learning framework to ease the training of networks that are substantially deeper....</p>
|
||||
</div>
|
||||
<div class=action-row>
|
||||
<a href=javascript:void(0)>PDF Download</a> <a href=javascript:void(0)>HTML Full Text</a>
|
||||
<a href=javascript:void(0)>Cite</a>
|
||||
<a href=javascript:void(0) id=btn-shelf-2024001>Add to Shelf</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class=promo-banner>
|
||||
<div><strong>[Recommended] ACM Digital Library Trial</strong></div>
|
||||
<div style="font-size:13px;color:#555;margin:5px 0">
|
||||
<p>Abstract: The library has opened an ACM database trial, containing the latest computer science conference papers...</p>
|
||||
</div>
|
||||
<div class=action-row>
|
||||
<a href=javascript:void(0) style=background:#0055a6;color:white;border:none>Enter Database</a>
|
||||
<a href=javascript:void(0) style=border:none;text-decoration:underline;background:none>Feedback</a>
|
||||
</div>
|
||||
</div><div class=result-item>
|
||||
<div class=result-title>
|
||||
<input type=checkbox value=on>
|
||||
<strong style=cursor:pointer>3. BERT: Pre-training of Deep Bidirectional Transformers</strong>
|
||||
</div>
|
||||
<div class=result-meta>
|
||||
<p>Authors: Devlin, J., et al. | 2019 | <span style="background:#eee;padding:2px 6px;border-radius:3px;font-size:12px">Conference Paper</span> | Citations: 92000</p>
|
||||
<p>Source: <em>NAACL-HLT 2019</em></p>
|
||||
<p class=result-abstract>Abstract: BERT is designed to pre-train deep bidirectional representations from unlabeled text....</p>
|
||||
</div>
|
||||
<div class=action-row>
|
||||
<a href=javascript:void(0)>PDF Download</a> <a href=javascript:void(0)>HTML Full Text</a>
|
||||
<a href=javascript:void(0)>Cite</a>
|
||||
<a href=javascript:void(0) id=btn-shelf-2024002>Add to Shelf</a>
|
||||
</div>
|
||||
</div><div class=result-item>
|
||||
<div class=result-title>
|
||||
<input type=checkbox value=on>
|
||||
<strong style=cursor:pointer>4. Thinking, Fast and Slow</strong>
|
||||
</div>
|
||||
<div class=result-meta>
|
||||
<p>Authors: Kahneman, D. | 2011 | <span style="background:#eee;padding:2px 6px;border-radius:3px;font-size:12px">Book</span> | Citations: 45000</p>
|
||||
<p>Source: <em>Farrar, Straus and Giroux</em></p>
|
||||
<p class=result-abstract>Abstract: The central thesis is a dichotomy between two modes of thought: System 1 (fast) and System 2 (slow)....</p>
|
||||
</div>
|
||||
<div class=action-row>
|
||||
<span style="color:#999;font-size:12px;border:1px solid #eee;padding:4px">[PDF Unavailable]</span> <a href=javascript:void(0) style="background:white;color:#333;border:1px solid #ccc">Document Delivery</a>
|
||||
<a href=javascript:void(0)>Cite</a>
|
||||
<a href=javascript:void(0) id=btn-shelf-2024003>Add to Shelf</a>
|
||||
</div>
|
||||
</div><div class=result-item>
|
||||
<div class=result-title>
|
||||
<input type=checkbox value=on>
|
||||
<strong style=cursor:pointer>5. The Structure of Scientific Revolutions</strong>
|
||||
</div>
|
||||
<div class=result-meta>
|
||||
<p>Authors: Kuhn, T. S. | 1962 | <span style="background:#eee;padding:2px 6px;border-radius:3px;font-size:12px">Book</span> | Citations: 120000</p>
|
||||
<p>Source: <em>University of Chicago Press</em></p>
|
||||
<p class=result-abstract>Abstract: Kuhn challenges the established linear view of scientific progress....</p>
|
||||
</div>
|
||||
<div class=action-row>
|
||||
<span style="color:#999;font-size:12px;border:1px solid #eee;padding:4px">[PDF Unavailable]</span> <a href=javascript:void(0) style="background:white;color:#333;border:1px solid #ccc">Document Delivery</a>
|
||||
<a href=javascript:void(0)>Cite</a>
|
||||
<a href=javascript:void(0) id=btn-shelf-2024004>Add to Shelf</a>
|
||||
</div>
|
||||
</div></div>
|
||||
|
||||
<div id=app-view-detail style=display:none>
|
||||
|
||||
|
||||
</div>
|
||||
<div class=pagination id=pagination-controls style=display:block><span style="color:#ccc;padding:8px 16px;border:1px solid #eee;margin:0 4px">Previous</span><strong>1</strong><a href=javascript:void(0)>2</a><a href=javascript:void(0)>3</a><a href=javascript:void(0)>4</a><a href=javascript:void(0)>5</a><a href=javascript:void(0)>6</a><a href=javascript:void(0)>7</a><a href=javascript:void(0)>8</a><a href=javascript:void(0)>Next</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=footer>
|
||||
<p>Copyright © 2025 Central University Library | Address: 88 Keji Road</p>
|
||||
<p>Support: Library IT Dept | <a href=#>Feedback</a> | <a href=#>Site Map</a></p>
|
||||
<p style=opacity:0.5;margin-top:10px>Server: LIB-WEB-02 | Session ID: 99281-AABB</p>
|
||||
</div>
|
||||
219
005/5-002.html
Normal file
219
005/5-002.html
Normal file
@@ -0,0 +1,219 @@
|
||||
<!DOCTYPE html> <html lang=en style><!--
|
||||
--><meta charset=utf-8>
|
||||
<meta name=viewport content="width=device-width, initial-scale=1.0">
|
||||
<title>Central Library Digital Archive - Search Results</title>
|
||||
<style>:root{--primary:#002147;--accent:#b3a369;--bg-body:#f4f4f4;--bg-white:#ffffff;--text-main:#333;--text-meta:#666;--border:#ddd}body{font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-main);margin:0;line-height:1.6}a{text-decoration:none}a:hover{text-decoration:underline}ul{list-style:none;padding:0}.app-container{max-width:1400px;margin:0 auto;background:var(--bg-white);min-height:100vh;box-shadow:0 0 10px rgba(0,0,0,0.1)}.header{background-color:var(--primary);color:white;padding:15px 20px;display:flex;flex-direction:column}.header h1{margin:0;font-size:24px;font-weight:400;letter-spacing:1px}.header-info{font-size:13px;color:#ccc;margin-top:5px;display:flex;justify-content:space-between}.header-info a{color:white;margin-left:10px}.nav-bar{background:#00152e;padding:10px 20px;font-size:14px}.nav-bar a{color:#ddd;margin-right:20px;font-weight:500}.nav-bar a:hover{color:white}.system-alert{background:#fff3cd;color:#856404;font-size:13px;padding:10px 20px;border-bottom:1px solid #ffeeba;display:flex;justify-content:space-between;align-items:center}.system-alert p{margin:0 10px 0 0;display:inline-block}.main-layout{display:grid;grid-template-columns:280px 1fr;gap:30px;padding:30px}.sidebar h3{font-size:16px;border-bottom:2px solid var(--accent);padding-bottom:5px;margin-top:0;color:var(--primary)}.sidebar li{margin-bottom:8px;font-size:14px}.sidebar li a{color:var(--text-meta);display:block;padding:4px 8px;border-radius:4px}.sidebar li a:hover{background:#eef;color:var(--primary)}.sidebar-ad{margin-top:30px;padding:15px;background:#f9f9f9;border:1px dashed #ccc;font-size:12px;border-radius:4px}.sidebar-ad p{margin:5px 0}.search-panel{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid var(--border)}.search-panel input[type="text"]{padding:10px;width:60%;border:1px solid #ccc;border-radius:4px;font-size:16px}.search-panel select{padding:10px;border:1px solid #ccc;border-radius:4px}.search-panel button{padding:10px 20px;background:var(--accent);color:white;border:none;border-radius:4px;cursor:pointer;font-weight:bold}.result-item{padding:20px;border:1px solid var(--border);border-radius:4px;margin-bottom:15px;transition:box-shadow 0.2s;background:white;position:relative}.result-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);border-color:#bbb}.result-title{font-size:18px;color:var(--primary);margin-bottom:5px;display:block}.result-meta{font-size:14px;color:var(--text-meta);margin-bottom:10px}.result-abstract{font-size:14px;color:#444;margin-bottom:15px;line-height:1.5}.action-row{display:flex;gap:10px;align-items:center;margin-top:10px}.action-row a{font-size:13px;padding:5px 12px;border-radius:4px;border:1px solid var(--border);background:white;color:var(--text-main)}.action-row a:first-child{background:var(--primary);color:white;border-color:var(--primary)}.action-row span{margin-right:10px}.promo-banner{background:linear-gradient(to right,#eef2f3,#8e9eab);padding:15px;border-radius:4px;margin-bottom:15px;border-left:5px solid var(--primary)}.promo-banner strong{color:var(--primary);font-size:16px}.footer{background:#333;color:#aaa;padding:40px;text-align:center;font-size:13px;margin-top:40px}.footer a{color:#ccc}.pagination{text-align:center;margin-top:30px}.pagination a,.pagination strong{display:inline-block;padding:8px 16px;border:1px solid #ddd;margin:0 4px;border-radius:4px;color:var(--primary)}.pagination strong{background:var(--primary);color:white;border-color:var(--primary)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000;justify-content:center;align-items:center}.modal-close:hover{color:#333}@keyframes slideIn{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.active-filter{color:var(--primary)!important;border-left:3px solid var(--accent);padding-left:5px!important;background:#f0f4f8}</style>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:8000/005/5-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>
|
||||
<div id=modal-confirm class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-alert class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-citation class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-advanced-search class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-myshelf class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div class=app-container>
|
||||
<div class=header>
|
||||
<div style=display:flex;justify-content:space-between;align-items:center>
|
||||
<h1>Central Library Digital Archive | Academic Resource Discovery System</h1>
|
||||
<p class=header-info>
|
||||
<span>Welcome, <strong>Student_2024</strong> (Card Status: <span style=color:#aeffae>Normal</span>)</span>
|
||||
<span>
|
||||
<a href=javascript:void(0)>My Shelf <span id=shelf-count style="background:#b3a369;color:black;padding:0 4px;border-radius:10px;font-size:10px">0</span></a> | <a href=#>Borrowing History</a> | <a href=#>Logout</a>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class=nav-bar>
|
||||
<nav>
|
||||
<a href=#>Home</a>
|
||||
<a href=#>Journals</a>
|
||||
<a href=#>Theses & Dissertations</a>
|
||||
<a href=#>Conference Papers</a>
|
||||
<a href=#>Multimedia</a>
|
||||
<a href=#>Off-campus VPN</a>
|
||||
</nav>
|
||||
</div>
|
||||
<div class=system-alert>
|
||||
<div>
|
||||
<p><strong>[System Notice]</strong> ProQuest database maintenance scheduled for this Saturday 00:00-04:00. Full text download will be unavailable.</p>
|
||||
<p style=opacity:0.6;font-size:12px><strong>[Promo]</strong> 2025 'Scholarly Campus' Essay Contest registration is open! Click for details.</p>
|
||||
</div>
|
||||
<button style=background:none;border:none;cursor:pointer>×</button>
|
||||
<p style=display:none> Please return overdue books to avoid affecting your final grade.</p>
|
||||
</div>
|
||||
<div class=main-layout>
|
||||
<div class=sidebar>
|
||||
<h3>Resource Type</h3>
|
||||
<ul id=filter-type>
|
||||
<li><a href=javascript:void(0) class=active-filter style=font-weight:bold>All Resources</a></li>
|
||||
<li><a href=javascript:void(0)>Conference Papers</a></li>
|
||||
<li><a href=javascript:void(0)>Books</a></li>
|
||||
<li><a href=javascript:void(0)>Journal Articles</a></li>
|
||||
<li><a href=javascript:void(0)>Book Chapters</a></li>
|
||||
</ul>
|
||||
<h3 style=margin-top:20px>Publication Year</h3>
|
||||
<ul id=filter-year>
|
||||
<li><a href=javascript:void(0) class=active-filter style=font-weight:bold>All Years</a></li>
|
||||
<li><a href=javascript:void(0)>2024</a></li>
|
||||
<li><a href=javascript:void(0)>2020-2024</a></li>
|
||||
<li><a href=javascript:void(0)>Before 2020</a></li>
|
||||
</ul>
|
||||
<h3 style=margin-top:20px>Subject Categories</h3>
|
||||
<ul>
|
||||
<li><a href=#>Computer Science</a></li>
|
||||
<li><a href=#>Artificial Intelligence</a></li>
|
||||
<li><a href=#>Software Engineering</a></li>
|
||||
<li><a href=#>Information Systems</a></li>
|
||||
</ul>
|
||||
<div class=sidebar-ad>
|
||||
<p><strong>[Campus Services]</strong></p>
|
||||
<p>Thesis Plagiarism Check - Library 1st Floor</p>
|
||||
<p>Printing/Copying - Only 0.1 RMB/page</p>
|
||||
<p>Study Room Reservation</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class=content-area>
|
||||
<form class=search-panel>
|
||||
<input type=text id=searchInput value="Residual Learning" placeholder="Enter keywords (e.g., Neural, History...)">
|
||||
<select id=searchField>
|
||||
<option value=all selected>All Fields</option>
|
||||
<option value=title>Title</option>
|
||||
<option value=author>Author</option>
|
||||
</select>
|
||||
<button type=submit>Search</button>
|
||||
<div style=margin-top:10px;font-size:14px;display:flex;justify-content:space-between>
|
||||
<div>
|
||||
<label><input type=checkbox id=chkFullText value=on> Full Text Only</label>
|
||||
<label style=margin-left:15px><input type=checkbox value=on> Peer Reviewed</label>
|
||||
<span id=loading-spinner style=display:none;margin-left:15px;color:var(--primary)>
|
||||
Searching...
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<a href=javascript:void(0) style=color:var(--primary);text-decoration:underline>Advanced Search</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<style class=sf-hidden>@keyframes spin{100%{transform:rotate(360deg)}}</style>
|
||||
<div style=display:flex;justify-content:space-between;align-items:center>
|
||||
<p id=result-status style=color:#666;font-size:13px;margin-bottom:15px>Found approx 38 results (Time: 0.83s)</p>
|
||||
<div style=font-size:13px>
|
||||
Sort:
|
||||
<select id=sortSelect style=padding:2px>
|
||||
<option value=relevance selected>Relevance</option>
|
||||
<option value=year_desc>Year (Newest)</option>
|
||||
<option value=year_asc>Year (Oldest)</option>
|
||||
<option value=cites>Citations</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id=app-view-list class=results-list><div class=result-item>
|
||||
<div class=result-title>
|
||||
<input type=checkbox value=on>
|
||||
<strong style=cursor:pointer>1. Attention Is All You Need</strong>
|
||||
</div>
|
||||
<div class=result-meta>
|
||||
<p>Authors: Vaswani, A., Shazeer, N., et al. | 2017 | <span style="background:#eee;padding:2px 6px;border-radius:3px;font-size:12px">Conference Paper</span> | Citations: 85000</p>
|
||||
<p>Source: <em>NeurIPS</em></p>
|
||||
<p class=result-abstract>Abstract: We propose a new simple network architecture, the Transformer, based solely on attention mechanisms....</p>
|
||||
</div>
|
||||
<div class=action-row>
|
||||
<a href=javascript:void(0)>PDF Download</a> <a href=javascript:void(0)>HTML Full Text</a>
|
||||
<a href=javascript:void(0)>Cite</a>
|
||||
<a href=javascript:void(0) id=btn-shelf-2024000>Add to Shelf</a>
|
||||
</div>
|
||||
</div><div class=result-item>
|
||||
<div class=result-title>
|
||||
<input type=checkbox value=on>
|
||||
<strong style=cursor:pointer>2. Deep Residual Learning for Image Recognition</strong>
|
||||
</div>
|
||||
<div class=result-meta>
|
||||
<p>Authors: He, K., Zhang, X., Ren, S., & Sun, J. | 2016 | <span style="background:#eee;padding:2px 6px;border-radius:3px;font-size:12px">Conference Paper</span> | Citations: 150000</p>
|
||||
<p>Source: <em>CVPR 2016</em></p>
|
||||
<p class=result-abstract>Abstract: We present a residual learning framework to ease the training of networks that are substantially deeper....</p>
|
||||
</div>
|
||||
<div class=action-row>
|
||||
<a href=javascript:void(0)>PDF Download</a> <a href=javascript:void(0)>HTML Full Text</a>
|
||||
<a href=javascript:void(0)>Cite</a>
|
||||
<a href=javascript:void(0) id=btn-shelf-2024001>Add to Shelf</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class=promo-banner>
|
||||
<div><strong>[Recommended] ACM Digital Library Trial</strong></div>
|
||||
<div style="font-size:13px;color:#555;margin:5px 0">
|
||||
<p>Abstract: The library has opened an ACM database trial, containing the latest computer science conference papers...</p>
|
||||
</div>
|
||||
<div class=action-row>
|
||||
<a href=javascript:void(0) style=background:#0055a6;color:white;border:none>Enter Database</a>
|
||||
<a href=javascript:void(0) style=border:none;text-decoration:underline;background:none>Feedback</a>
|
||||
</div>
|
||||
</div><div class=result-item>
|
||||
<div class=result-title>
|
||||
<input type=checkbox value=on>
|
||||
<strong style=cursor:pointer>3. BERT: Pre-training of Deep Bidirectional Transformers</strong>
|
||||
</div>
|
||||
<div class=result-meta>
|
||||
<p>Authors: Devlin, J., et al. | 2019 | <span style="background:#eee;padding:2px 6px;border-radius:3px;font-size:12px">Conference Paper</span> | Citations: 92000</p>
|
||||
<p>Source: <em>NAACL-HLT 2019</em></p>
|
||||
<p class=result-abstract>Abstract: BERT is designed to pre-train deep bidirectional representations from unlabeled text....</p>
|
||||
</div>
|
||||
<div class=action-row>
|
||||
<a href=javascript:void(0)>PDF Download</a> <a href=javascript:void(0)>HTML Full Text</a>
|
||||
<a href=javascript:void(0)>Cite</a>
|
||||
<a href=javascript:void(0) id=btn-shelf-2024002>Add to Shelf</a>
|
||||
</div>
|
||||
</div><div class=result-item>
|
||||
<div class=result-title>
|
||||
<input type=checkbox value=on>
|
||||
<strong style=cursor:pointer>4. Thinking, Fast and Slow</strong>
|
||||
</div>
|
||||
<div class=result-meta>
|
||||
<p>Authors: Kahneman, D. | 2011 | <span style="background:#eee;padding:2px 6px;border-radius:3px;font-size:12px">Book</span> | Citations: 45000</p>
|
||||
<p>Source: <em>Farrar, Straus and Giroux</em></p>
|
||||
<p class=result-abstract>Abstract: The central thesis is a dichotomy between two modes of thought: System 1 (fast) and System 2 (slow)....</p>
|
||||
</div>
|
||||
<div class=action-row>
|
||||
<span style="color:#999;font-size:12px;border:1px solid #eee;padding:4px">[PDF Unavailable]</span> <a href=javascript:void(0) style="background:white;color:#333;border:1px solid #ccc">Document Delivery</a>
|
||||
<a href=javascript:void(0)>Cite</a>
|
||||
<a href=javascript:void(0) id=btn-shelf-2024003>Add to Shelf</a>
|
||||
</div>
|
||||
</div><div class=result-item>
|
||||
<div class=result-title>
|
||||
<input type=checkbox value=on>
|
||||
<strong style=cursor:pointer>5. The Structure of Scientific Revolutions</strong>
|
||||
</div>
|
||||
<div class=result-meta>
|
||||
<p>Authors: Kuhn, T. S. | 1962 | <span style="background:#eee;padding:2px 6px;border-radius:3px;font-size:12px">Book</span> | Citations: 120000</p>
|
||||
<p>Source: <em>University of Chicago Press</em></p>
|
||||
<p class=result-abstract>Abstract: Kuhn challenges the established linear view of scientific progress....</p>
|
||||
</div>
|
||||
<div class=action-row>
|
||||
<span style="color:#999;font-size:12px;border:1px solid #eee;padding:4px">[PDF Unavailable]</span> <a href=javascript:void(0) style="background:white;color:#333;border:1px solid #ccc">Document Delivery</a>
|
||||
<a href=javascript:void(0)>Cite</a>
|
||||
<a href=javascript:void(0) id=btn-shelf-2024004>Add to Shelf</a>
|
||||
</div>
|
||||
</div></div>
|
||||
|
||||
<div id=app-view-detail style=display:none>
|
||||
|
||||
|
||||
</div>
|
||||
<div class=pagination id=pagination-controls style=display:block><span style="color:#ccc;padding:8px 16px;border:1px solid #eee;margin:0 4px">Previous</span><strong>1</strong><a href=javascript:void(0)>2</a><a href=javascript:void(0)>3</a><a href=javascript:void(0)>4</a><a href=javascript:void(0)>5</a><a href=javascript:void(0)>6</a><a href=javascript:void(0)>7</a><a href=javascript:void(0)>8</a><a href=javascript:void(0)>Next</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=footer>
|
||||
<p>Copyright © 2025 Central University Library | Address: 88 Keji Road</p>
|
||||
<p>Support: Library IT Dept | <a href=#>Feedback</a> | <a href=#>Site Map</a></p>
|
||||
<p style=opacity:0.5;margin-top:10px>Server: LIB-WEB-02 | Session ID: 99281-AABB</p>
|
||||
</div>
|
||||
149
005/5-003.html
Normal file
149
005/5-003.html
Normal file
@@ -0,0 +1,149 @@
|
||||
<!DOCTYPE html> <html lang=en style><!--
|
||||
--><meta charset=utf-8>
|
||||
<meta name=viewport content="width=device-width, initial-scale=1.0">
|
||||
<title>Central Library Digital Archive - Search Results</title>
|
||||
<style>:root{--primary:#002147;--accent:#b3a369;--bg-body:#f4f4f4;--bg-white:#ffffff;--text-main:#333;--text-meta:#666;--border:#ddd}body{font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-main);margin:0;line-height:1.6}a{text-decoration:none}a:hover{text-decoration:underline}ul{list-style:none;padding:0}.app-container{max-width:1400px;margin:0 auto;background:var(--bg-white);min-height:100vh;box-shadow:0 0 10px rgba(0,0,0,0.1)}.header{background-color:var(--primary);color:white;padding:15px 20px;display:flex;flex-direction:column}.header h1{margin:0;font-size:24px;font-weight:400;letter-spacing:1px}.header-info{font-size:13px;color:#ccc;margin-top:5px;display:flex;justify-content:space-between}.header-info a{color:white;margin-left:10px}.nav-bar{background:#00152e;padding:10px 20px;font-size:14px}.nav-bar a{color:#ddd;margin-right:20px;font-weight:500}.nav-bar a:hover{color:white}.system-alert{background:#fff3cd;color:#856404;font-size:13px;padding:10px 20px;border-bottom:1px solid #ffeeba;display:flex;justify-content:space-between;align-items:center}.system-alert p{margin:0 10px 0 0;display:inline-block}.main-layout{display:grid;grid-template-columns:280px 1fr;gap:30px;padding:30px}.sidebar h3{font-size:16px;border-bottom:2px solid var(--accent);padding-bottom:5px;margin-top:0;color:var(--primary)}.sidebar li{margin-bottom:8px;font-size:14px}.sidebar li a{color:var(--text-meta);display:block;padding:4px 8px;border-radius:4px}.sidebar li a:hover{background:#eef;color:var(--primary)}.sidebar-ad{margin-top:30px;padding:15px;background:#f9f9f9;border:1px dashed #ccc;font-size:12px;border-radius:4px}.sidebar-ad p{margin:5px 0}.search-panel{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid var(--border)}.search-panel input[type="text"]{padding:10px;width:60%;border:1px solid #ccc;border-radius:4px;font-size:16px}.search-panel select{padding:10px;border:1px solid #ccc;border-radius:4px}.search-panel button{padding:10px 20px;background:var(--accent);color:white;border:none;border-radius:4px;cursor:pointer;font-weight:bold}.result-item{padding:20px;border:1px solid var(--border);border-radius:4px;margin-bottom:15px;transition:box-shadow 0.2s;background:white;position:relative}.result-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);border-color:#bbb}.result-title{font-size:18px;color:var(--primary);margin-bottom:5px;display:block}.result-meta{font-size:14px;color:var(--text-meta);margin-bottom:10px}.result-abstract{font-size:14px;color:#444;margin-bottom:15px;line-height:1.5}.action-row{display:flex;gap:10px;align-items:center;margin-top:10px}.action-row a{font-size:13px;padding:5px 12px;border-radius:4px;border:1px solid var(--border);background:white;color:var(--text-main)}.action-row a:first-child{background:var(--primary);color:white;border-color:var(--primary)}.footer{background:#333;color:#aaa;padding:40px;text-align:center;font-size:13px;margin-top:40px}.footer a{color:#ccc}.pagination{text-align:center;margin-top:30px}.pagination strong{display:inline-block;padding:8px 16px;border:1px solid #ddd;margin:0 4px;border-radius:4px}.pagination strong{background:var(--primary);color:white;border-color:var(--primary)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000;justify-content:center;align-items:center}.modal-close:hover{color:#333}@keyframes slideIn{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.active-filter{color:var(--primary)!important;border-left:3px solid var(--accent);padding-left:5px!important;background:#f0f4f8}</style>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:8000/005/5-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>
|
||||
<div id=modal-confirm class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-alert class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-citation class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-advanced-search class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-myshelf class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div class=app-container>
|
||||
<div class=header>
|
||||
<div style=display:flex;justify-content:space-between;align-items:center>
|
||||
<h1>Central Library Digital Archive | Academic Resource Discovery System</h1>
|
||||
<p class=header-info>
|
||||
<span>Welcome, <strong>Student_2024</strong> (Card Status: <span style=color:#aeffae>Normal</span>)</span>
|
||||
<span>
|
||||
<a href=javascript:void(0)>My Shelf <span id=shelf-count style="background:#b3a369;color:black;padding:0 4px;border-radius:10px;font-size:10px">0</span></a> | <a href=#>Borrowing History</a> | <a href=#>Logout</a>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class=nav-bar>
|
||||
<nav>
|
||||
<a href=#>Home</a>
|
||||
<a href=#>Journals</a>
|
||||
<a href=#>Theses & Dissertations</a>
|
||||
<a href=#>Conference Papers</a>
|
||||
<a href=#>Multimedia</a>
|
||||
<a href=#>Off-campus VPN</a>
|
||||
</nav>
|
||||
</div>
|
||||
<div class=system-alert>
|
||||
<div>
|
||||
<p><strong>[System Notice]</strong> ProQuest database maintenance scheduled for this Saturday 00:00-04:00. Full text download will be unavailable.</p>
|
||||
<p style=opacity:0.6;font-size:12px><strong>[Promo]</strong> 2025 'Scholarly Campus' Essay Contest registration is open! Click for details.</p>
|
||||
</div>
|
||||
<button style=background:none;border:none;cursor:pointer>×</button>
|
||||
<p style=display:none> Please return overdue books to avoid affecting your final grade.</p>
|
||||
</div>
|
||||
<div class=main-layout>
|
||||
<div class=sidebar>
|
||||
<h3>Resource Type</h3>
|
||||
<ul id=filter-type>
|
||||
<li><a href=javascript:void(0) class=active-filter style=font-weight:bold>All Resources</a></li>
|
||||
<li><a href=javascript:void(0)>Conference Papers</a></li>
|
||||
<li><a href=javascript:void(0)>Books</a></li>
|
||||
<li><a href=javascript:void(0)>Journal Articles</a></li>
|
||||
<li><a href=javascript:void(0)>Book Chapters</a></li>
|
||||
</ul>
|
||||
<h3 style=margin-top:20px>Publication Year</h3>
|
||||
<ul id=filter-year>
|
||||
<li><a href=javascript:void(0) class=active-filter style=font-weight:bold>All Years</a></li>
|
||||
<li><a href=javascript:void(0)>2024</a></li>
|
||||
<li><a href=javascript:void(0)>2020-2024</a></li>
|
||||
<li><a href=javascript:void(0)>Before 2020</a></li>
|
||||
</ul>
|
||||
<h3 style=margin-top:20px>Subject Categories</h3>
|
||||
<ul>
|
||||
<li><a href=#>Computer Science</a></li>
|
||||
<li><a href=#>Artificial Intelligence</a></li>
|
||||
<li><a href=#>Software Engineering</a></li>
|
||||
<li><a href=#>Information Systems</a></li>
|
||||
</ul>
|
||||
<div class=sidebar-ad>
|
||||
<p><strong>[Campus Services]</strong></p>
|
||||
<p>Thesis Plagiarism Check - Library 1st Floor</p>
|
||||
<p>Printing/Copying - Only 0.1 RMB/page</p>
|
||||
<p>Study Room Reservation</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class=content-area>
|
||||
<form class=search-panel>
|
||||
<input type=text id=searchInput value="Residual Learning" placeholder="Enter keywords (e.g., Neural, History...)">
|
||||
<select id=searchField>
|
||||
<option value=all selected>All Fields</option>
|
||||
<option value=title>Title</option>
|
||||
<option value=author>Author</option>
|
||||
</select>
|
||||
<button type=submit>Search</button>
|
||||
<div style=margin-top:10px;font-size:14px;display:flex;justify-content:space-between>
|
||||
<div>
|
||||
<label><input type=checkbox id=chkFullText value=on> Full Text Only</label>
|
||||
<label style=margin-left:15px><input type=checkbox value=on> Peer Reviewed</label>
|
||||
<span id=loading-spinner style=display:none;margin-left:15px;color:var(--primary)>
|
||||
Searching...
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<a href=javascript:void(0) style=color:var(--primary);text-decoration:underline>Advanced Search</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<style class=sf-hidden>@keyframes spin{100%{transform:rotate(360deg)}}</style>
|
||||
<div style=display:flex;justify-content:space-between;align-items:center>
|
||||
<p id=result-status style=color:#666;font-size:13px;margin-bottom:15px>Found approx 1 results (Time: 0.93s)</p>
|
||||
<div style=font-size:13px>
|
||||
Sort:
|
||||
<select id=sortSelect style=padding:2px>
|
||||
<option value=relevance selected>Relevance</option>
|
||||
<option value=year_desc>Year (Newest)</option>
|
||||
<option value=year_asc>Year (Oldest)</option>
|
||||
<option value=cites>Citations</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id=app-view-list class=results-list><div class=result-item>
|
||||
<div class=result-title>
|
||||
<input type=checkbox value=on>
|
||||
<strong style=cursor:pointer>1. Deep Residual Learning for Image Recognition</strong>
|
||||
</div>
|
||||
<div class=result-meta>
|
||||
<p>Authors: He, K., Zhang, X., Ren, S., & Sun, J. | 2016 | <span style="background:#eee;padding:2px 6px;border-radius:3px;font-size:12px">Conference Paper</span> | Citations: 150000</p>
|
||||
<p>Source: <em>CVPR 2016</em></p>
|
||||
<p class=result-abstract>Abstract: We present a residual learning framework to ease the training of networks that are substantially deeper....</p>
|
||||
</div>
|
||||
<div class=action-row>
|
||||
<a href=javascript:void(0)>PDF Download</a> <a href=javascript:void(0)>HTML Full Text</a>
|
||||
<a href=javascript:void(0)>Cite</a>
|
||||
<a href=javascript:void(0) id=btn-shelf-2024001>Add to Shelf</a>
|
||||
</div>
|
||||
</div></div>
|
||||
|
||||
<div id=app-view-detail style=display:none>
|
||||
|
||||
|
||||
</div>
|
||||
<div class=pagination id=pagination-controls style=display:block><span style="color:#ccc;padding:8px 16px;border:1px solid #eee;margin:0 4px">Previous</span><strong>1</strong><span style="color:#ccc;padding:8px 16px;border:1px solid #eee;margin:0 4px">Next</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=footer>
|
||||
<p>Copyright © 2025 Central University Library | Address: 88 Keji Road</p>
|
||||
<p>Support: Library IT Dept | <a href=#>Feedback</a> | <a href=#>Site Map</a></p>
|
||||
<p style=opacity:0.5;margin-top:10px>Server: LIB-WEB-02 | Session ID: 99281-AABB</p>
|
||||
</div>
|
||||
141
005/5-004.html
Normal file
141
005/5-004.html
Normal file
@@ -0,0 +1,141 @@
|
||||
<!DOCTYPE html> <html lang=en style><!--
|
||||
--><meta charset=utf-8>
|
||||
<meta name=viewport content="width=device-width, initial-scale=1.0">
|
||||
<title>Central Library Digital Archive - Search Results</title>
|
||||
<style>:root{--primary:#002147;--accent:#b3a369;--bg-body:#f4f4f4;--bg-white:#ffffff;--text-main:#333;--text-meta:#666;--border:#ddd}body{font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-main);margin:0;line-height:1.6}a{text-decoration:none}a:hover{text-decoration:underline}.app-container{max-width:1400px;margin:0 auto;background:var(--bg-white);min-height:100vh;box-shadow:0 0 10px rgba(0,0,0,0.1)}.header{background-color:var(--primary);color:white;padding:15px 20px;display:flex;flex-direction:column}.header h1{margin:0;font-size:24px;font-weight:400;letter-spacing:1px}.header-info{font-size:13px;color:#ccc;margin-top:5px;display:flex;justify-content:space-between}.header-info a{color:white;margin-left:10px}.nav-bar{background:#00152e;padding:10px 20px;font-size:14px}.nav-bar a{color:#ddd;margin-right:20px;font-weight:500}.nav-bar a:hover{color:white}.system-alert{background:#fff3cd;color:#856404;font-size:13px;padding:10px 20px;border-bottom:1px solid #ffeeba;display:flex;justify-content:space-between;align-items:center}.system-alert p{margin:0 10px 0 0;display:inline-block}.main-layout{display:grid;gap:30px;padding:30px}.sidebar li a:hover{background:#eef;color:var(--primary)}.search-panel{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid var(--border)}.search-panel input[type="text"]{padding:10px;width:60%;border:1px solid #ccc;border-radius:4px;font-size:16px}.search-panel select{padding:10px;border:1px solid #ccc;border-radius:4px}.search-panel button{padding:10px 20px;background:var(--accent);color:white;border:none;border-radius:4px;cursor:pointer;font-weight:bold}.result-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);border-color:#bbb}.footer{background:#333;color:#aaa;padding:40px;text-align:center;font-size:13px;margin-top:40px}.footer a{color:#ccc}.pagination{text-align:center;margin-top:30px}.pagination strong{display:inline-block;padding:8px 16px;border:1px solid #ddd;margin:0 4px;border-radius:4px}.pagination strong{background:var(--primary);color:white;border-color:var(--primary)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000;justify-content:center;align-items:center}.modal-close:hover{color:#333}@keyframes slideIn{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}</style>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:8000/005/5-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>
|
||||
<div id=modal-confirm class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-alert class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-citation class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-advanced-search class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-myshelf class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div class=app-container>
|
||||
<div class=header>
|
||||
<div style=display:flex;justify-content:space-between;align-items:center>
|
||||
<h1>Central Library Digital Archive | Academic Resource Discovery System</h1>
|
||||
<p class=header-info>
|
||||
<span>Welcome, <strong>Student_2024</strong> (Card Status: <span style=color:#aeffae>Normal</span>)</span>
|
||||
<span>
|
||||
<a href=javascript:void(0)>My Shelf <span id=shelf-count style="background:#b3a369;color:black;padding:0 4px;border-radius:10px;font-size:10px">0</span></a> | <a href=#>Borrowing History</a> | <a href=#>Logout</a>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class=nav-bar>
|
||||
<nav>
|
||||
<a href=#>Home</a>
|
||||
<a href=#>Journals</a>
|
||||
<a href=#>Theses & Dissertations</a>
|
||||
<a href=#>Conference Papers</a>
|
||||
<a href=#>Multimedia</a>
|
||||
<a href=#>Off-campus VPN</a>
|
||||
</nav>
|
||||
</div>
|
||||
<div class=system-alert>
|
||||
<div>
|
||||
<p><strong>[System Notice]</strong> ProQuest database maintenance scheduled for this Saturday 00:00-04:00. Full text download will be unavailable.</p>
|
||||
<p style=opacity:0.6;font-size:12px><strong>[Promo]</strong> 2025 'Scholarly Campus' Essay Contest registration is open! Click for details.</p>
|
||||
</div>
|
||||
<button style=background:none;border:none;cursor:pointer>×</button>
|
||||
<p style=display:none> Please return overdue books to avoid affecting your final grade.</p>
|
||||
</div>
|
||||
<div class=main-layout style=grid-template-columns:1fr>
|
||||
<div class=sidebar style=display:none>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class=content-area>
|
||||
<form class=search-panel>
|
||||
<input type=text id=searchInput value="Residual Learning" placeholder="Enter keywords (e.g., Neural, History...)">
|
||||
<select id=searchField>
|
||||
<option value=all selected>All Fields</option>
|
||||
<option value=title>Title</option>
|
||||
<option value=author>Author</option>
|
||||
</select>
|
||||
<button type=submit>Search</button>
|
||||
<div style=margin-top:10px;font-size:14px;display:flex;justify-content:space-between>
|
||||
<div>
|
||||
<label><input type=checkbox id=chkFullText value=on> Full Text Only</label>
|
||||
<label style=margin-left:15px><input type=checkbox value=on> Peer Reviewed</label>
|
||||
<span id=loading-spinner style=display:none;margin-left:15px;color:var(--primary)>
|
||||
Searching...
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<a href=javascript:void(0) style=color:var(--primary);text-decoration:underline>Advanced Search</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<style class=sf-hidden>@keyframes spin{100%{transform:rotate(360deg)}}</style>
|
||||
<div style=display:flex;justify-content:space-between;align-items:center>
|
||||
<p id=result-status style=color:#666;font-size:13px;margin-bottom:15px>Found approx 1 results (Time: 0.93s)</p>
|
||||
<div style=font-size:13px>
|
||||
Sort:
|
||||
<select id=sortSelect style=padding:2px>
|
||||
<option value=relevance selected>Relevance</option>
|
||||
<option value=year_desc>Year (Newest)</option>
|
||||
<option value=year_asc>Year (Oldest)</option>
|
||||
<option value=cites>Citations</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id=app-view-list class=results-list style=display:none></div>
|
||||
|
||||
<div id=app-view-detail style=display:block>
|
||||
<button style="margin-bottom:20px;padding:5px 15px;cursor:pointer">← Back to Results</button>
|
||||
<div id=detail-content style="background:white;padding:30px;border:1px solid #ddd;border-radius:4px">
|
||||
<h2 style="color:var(--primary);border-bottom:1px solid #ddd;padding-bottom:15px;margin-top:0">Deep Residual Learning for Image Recognition</h2>
|
||||
<div style=background:#f9f9f9;padding:15px;border-radius:4px;margin-bottom:20px>
|
||||
<p><strong>Type:</strong> Conference Paper</p>
|
||||
<p><strong>Authors:</strong> He, K., Zhang, X., Ren, S., & Sun, J.</p>
|
||||
<p><strong>Source:</strong> CVPR 2016</p>
|
||||
<p><strong>Year:</strong> 2016</p>
|
||||
<p><strong>Citations:</strong> 150000</p>
|
||||
<p><strong>DOI:</strong> 10.1145/4r17tp0n3</p>
|
||||
<p><strong>Language:</strong> English</p>
|
||||
</div>
|
||||
|
||||
<h3>Abstract</h3>
|
||||
<p style=text-align:justify;line-height:1.8;font-size:16px>We present a residual learning framework to ease the training of networks that are substantially deeper.</p>
|
||||
<p style=text-align:justify;line-height:1.8;color:#666>
|
||||
(Simulated Full Text Content)<br><br>
|
||||
1. <strong>Introduction</strong><br>
|
||||
The rapid development of Deep Residual Learning for Image Recognition has revolutionized the field. This paper explores the fundamental principles...<br><br>
|
||||
2. <strong>Methodology</strong><br>
|
||||
We employed a dataset consisting of over 50,000 samples... The algorithm was optimized using stochastic gradient descent...<br><br>
|
||||
3. <strong>Results</strong><br>
|
||||
Our experiments demonstrate a significant improvement over baseline models (see Table 1). The 2016 publication date marks a significant milestone in this domain.
|
||||
</p>
|
||||
<div style="margin-top:30px;display:flex;gap:15px;border-top:1px solid #ddd;padding-top:20px">
|
||||
<button style="background:var(--primary);color:white;border:none;padding:10px 25px;border-radius:4px;cursor:pointer">Download Full Text (PDF)</button>
|
||||
<button style="background:white;color:var(--text-main);border:1px solid #ccc;padding:10px 25px;border-radius:4px;cursor:pointer">Get Citation</button>
|
||||
<button style="background:white;color:var(--text-main);border:1px solid #ccc;padding:10px 25px;border-radius:4px;cursor:pointer">Add to Shelf</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=pagination id=pagination-controls style=display:block><span style="color:#ccc;padding:8px 16px;border:1px solid #eee;margin:0 4px">Previous</span><strong>1</strong><span style="color:#ccc;padding:8px 16px;border:1px solid #eee;margin:0 4px">Next</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=footer>
|
||||
<p>Copyright © 2025 Central University Library | Address: 88 Keji Road</p>
|
||||
<p>Support: Library IT Dept | <a href=#>Feedback</a> | <a href=#>Site Map</a></p>
|
||||
<p style=opacity:0.5;margin-top:10px>Server: LIB-WEB-02 | Session ID: 99281-AABB</p>
|
||||
</div>
|
||||
141
005/5-005.html
Normal file
141
005/5-005.html
Normal file
@@ -0,0 +1,141 @@
|
||||
<!DOCTYPE html> <html lang=en><!--
|
||||
--><meta charset=utf-8>
|
||||
<meta name=viewport content="width=device-width, initial-scale=1.0">
|
||||
<title>Central Library Digital Archive - Search Results</title>
|
||||
<style>:root{--primary:#002147;--accent:#b3a369;--bg-body:#f4f4f4;--bg-white:#ffffff;--text-main:#333;--text-meta:#666;--border:#ddd}body{font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-main);margin:0;line-height:1.6}a{text-decoration:none}a:hover{text-decoration:underline}.app-container{max-width:1400px;margin:0 auto;background:var(--bg-white);min-height:100vh;box-shadow:0 0 10px rgba(0,0,0,0.1)}.header{background-color:var(--primary);color:white;padding:15px 20px;display:flex;flex-direction:column}.header h1{margin:0;font-size:24px;font-weight:400;letter-spacing:1px}.header-info{font-size:13px;color:#ccc;margin-top:5px;display:flex;justify-content:space-between}.header-info a{color:white;margin-left:10px}.nav-bar{background:#00152e;padding:10px 20px;font-size:14px}.nav-bar a{color:#ddd;margin-right:20px;font-weight:500}.nav-bar a:hover{color:white}.system-alert{background:#fff3cd;color:#856404;font-size:13px;padding:10px 20px;border-bottom:1px solid #ffeeba;display:flex;justify-content:space-between;align-items:center}.system-alert p{margin:0 10px 0 0;display:inline-block}.main-layout{display:grid;gap:30px;padding:30px}.sidebar li a:hover{background:#eef;color:var(--primary)}.search-panel{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid var(--border)}.search-panel input[type="text"]{padding:10px;width:60%;border:1px solid #ccc;border-radius:4px;font-size:16px}.search-panel select{padding:10px;border:1px solid #ccc;border-radius:4px}.search-panel button{padding:10px 20px;background:var(--accent);color:white;border:none;border-radius:4px;cursor:pointer;font-weight:bold}.result-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);border-color:#bbb}.footer{background:#333;color:#aaa;padding:40px;text-align:center;font-size:13px;margin-top:40px}.footer a{color:#ccc}.pagination{text-align:center;margin-top:30px}.pagination strong{display:inline-block;padding:8px 16px;border:1px solid #ddd;margin:0 4px;border-radius:4px}.pagination strong{background:var(--primary);color:white;border-color:var(--primary)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000;justify-content:center;align-items:center}.modal-close:hover{color:#333}@keyframes slideIn{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}</style>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:8000/005/5-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>
|
||||
<div id=modal-confirm class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-alert class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-citation class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-advanced-search class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-myshelf class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div class=app-container>
|
||||
<div class=header>
|
||||
<div style=display:flex;justify-content:space-between;align-items:center>
|
||||
<h1>Central Library Digital Archive | Academic Resource Discovery System</h1>
|
||||
<p class=header-info>
|
||||
<span>Welcome, <strong>Student_2024</strong> (Card Status: <span style=color:#aeffae>Normal</span>)</span>
|
||||
<span>
|
||||
<a href=javascript:void(0)>My Shelf <span id=shelf-count style="background:#b3a369;color:black;padding:0 4px;border-radius:10px;font-size:10px">1</span></a> | <a href=#>Borrowing History</a> | <a href=#>Logout</a>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class=nav-bar>
|
||||
<nav>
|
||||
<a href=#>Home</a>
|
||||
<a href=#>Journals</a>
|
||||
<a href=#>Theses & Dissertations</a>
|
||||
<a href=#>Conference Papers</a>
|
||||
<a href=#>Multimedia</a>
|
||||
<a href=#>Off-campus VPN</a>
|
||||
</nav>
|
||||
</div>
|
||||
<div class=system-alert>
|
||||
<div>
|
||||
<p><strong>[System Notice]</strong> ProQuest database maintenance scheduled for this Saturday 00:00-04:00. Full text download will be unavailable.</p>
|
||||
<p style=opacity:0.6;font-size:12px><strong>[Promo]</strong> 2025 'Scholarly Campus' Essay Contest registration is open! Click for details.</p>
|
||||
</div>
|
||||
<button style=background:none;border:none;cursor:pointer>×</button>
|
||||
<p style=display:none> Please return overdue books to avoid affecting your final grade.</p>
|
||||
</div>
|
||||
<div class=main-layout style=grid-template-columns:1fr>
|
||||
<div class=sidebar style=display:none>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class=content-area>
|
||||
<form class=search-panel>
|
||||
<input type=text id=searchInput value="Residual Learning" placeholder="Enter keywords (e.g., Neural, History...)">
|
||||
<select id=searchField>
|
||||
<option value=all selected>All Fields</option>
|
||||
<option value=title>Title</option>
|
||||
<option value=author>Author</option>
|
||||
</select>
|
||||
<button type=submit>Search</button>
|
||||
<div style=margin-top:10px;font-size:14px;display:flex;justify-content:space-between>
|
||||
<div>
|
||||
<label><input type=checkbox id=chkFullText value=on> Full Text Only</label>
|
||||
<label style=margin-left:15px><input type=checkbox value=on> Peer Reviewed</label>
|
||||
<span id=loading-spinner style=display:none;margin-left:15px;color:var(--primary)>
|
||||
Searching...
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<a href=javascript:void(0) style=color:var(--primary);text-decoration:underline>Advanced Search</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<style class=sf-hidden>@keyframes spin{100%{transform:rotate(360deg)}}</style>
|
||||
<div style=display:flex;justify-content:space-between;align-items:center>
|
||||
<p id=result-status style=color:#666;font-size:13px;margin-bottom:15px>Found approx 1 results (Time: 0.50s)</p>
|
||||
<div style=font-size:13px>
|
||||
Sort:
|
||||
<select id=sortSelect style=padding:2px>
|
||||
<option value=relevance selected>Relevance</option>
|
||||
<option value=year_desc>Year (Newest)</option>
|
||||
<option value=year_asc>Year (Oldest)</option>
|
||||
<option value=cites>Citations</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id=app-view-list class=results-list style=display:none></div>
|
||||
|
||||
<div id=app-view-detail style=display:block>
|
||||
<button style="margin-bottom:20px;padding:5px 15px;cursor:pointer">← Back to Results</button>
|
||||
<div id=detail-content style="background:white;padding:30px;border:1px solid #ddd;border-radius:4px">
|
||||
<h2 style="color:var(--primary);border-bottom:1px solid #ddd;padding-bottom:15px;margin-top:0">Deep Residual Learning for Image Recognition</h2>
|
||||
<div style=background:#f9f9f9;padding:15px;border-radius:4px;margin-bottom:20px>
|
||||
<p><strong>Type:</strong> Conference Paper</p>
|
||||
<p><strong>Authors:</strong> He, K., Zhang, X., Ren, S., & Sun, J.</p>
|
||||
<p><strong>Source:</strong> CVPR 2016</p>
|
||||
<p><strong>Year:</strong> 2016</p>
|
||||
<p><strong>Citations:</strong> 150000</p>
|
||||
<p><strong>DOI:</strong> 10.1145/nmacgklsm</p>
|
||||
<p><strong>Language:</strong> English</p>
|
||||
</div>
|
||||
|
||||
<h3>Abstract</h3>
|
||||
<p style=text-align:justify;line-height:1.8;font-size:16px>We present a residual learning framework to ease the training of networks that are substantially deeper.</p>
|
||||
<p style=text-align:justify;line-height:1.8;color:#666>
|
||||
(Simulated Full Text Content)<br><br>
|
||||
1. <strong>Introduction</strong><br>
|
||||
The rapid development of Deep Residual Learning for Image Recognition has revolutionized the field. This paper explores the fundamental principles...<br><br>
|
||||
2. <strong>Methodology</strong><br>
|
||||
We employed a dataset consisting of over 50,000 samples... The algorithm was optimized using stochastic gradient descent...<br><br>
|
||||
3. <strong>Results</strong><br>
|
||||
Our experiments demonstrate a significant improvement over baseline models (see Table 1). The 2016 publication date marks a significant milestone in this domain.
|
||||
</p>
|
||||
<div style="margin-top:30px;display:flex;gap:15px;border-top:1px solid #ddd;padding-top:20px">
|
||||
<button style="background:var(--primary);color:white;border:none;padding:10px 25px;border-radius:4px;cursor:pointer">Download Full Text (PDF)</button>
|
||||
<button style="background:white;color:var(--text-main);border:1px solid #ccc;padding:10px 25px;border-radius:4px;cursor:pointer">Get Citation</button>
|
||||
<button style="background:white;color:var(--text-main);border:1px solid #ccc;padding:10px 25px;border-radius:4px;cursor:pointer">Add to Shelf</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=pagination id=pagination-controls style=display:block><span style="color:#ccc;padding:8px 16px;border:1px solid #eee;margin:0 4px">Previous</span><strong>1</strong><span style="color:#ccc;padding:8px 16px;border:1px solid #eee;margin:0 4px">Next</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=footer>
|
||||
<p>Copyright © 2025 Central University Library | Address: 88 Keji Road</p>
|
||||
<p>Support: Library IT Dept | <a href=#>Feedback</a> | <a href=#>Site Map</a></p>
|
||||
<p style=opacity:0.5;margin-top:10px>Server: LIB-WEB-02 | Session ID: 99281-AABB</p>
|
||||
</div>
|
||||
159
005/5-006.html
Normal file
159
005/5-006.html
Normal file
@@ -0,0 +1,159 @@
|
||||
<!DOCTYPE html> <html lang=en><!--
|
||||
--><meta charset=utf-8>
|
||||
<meta name=viewport content="width=device-width, initial-scale=1.0">
|
||||
<title>Central Library Digital Archive - Search Results</title>
|
||||
<style>:root{--primary:#002147;--accent:#b3a369;--bg-body:#f4f4f4;--bg-white:#ffffff;--text-main:#333;--text-meta:#666;--border:#ddd}body{font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-main);margin:0;line-height:1.6}a{text-decoration:none}a:hover{text-decoration:underline}.app-container{max-width:1400px;margin:0 auto;background:var(--bg-white);min-height:100vh;box-shadow:0 0 10px rgba(0,0,0,0.1)}.header{background-color:var(--primary);color:white;padding:15px 20px;display:flex;flex-direction:column}.header h1{margin:0;font-size:24px;font-weight:400;letter-spacing:1px}.header-info{font-size:13px;color:#ccc;margin-top:5px;display:flex;justify-content:space-between}.header-info a{color:white;margin-left:10px}.nav-bar{background:#00152e;padding:10px 20px;font-size:14px}.nav-bar a{color:#ddd;margin-right:20px;font-weight:500}.nav-bar a:hover{color:white}.system-alert{background:#fff3cd;color:#856404;font-size:13px;padding:10px 20px;border-bottom:1px solid #ffeeba;display:flex;justify-content:space-between;align-items:center}.system-alert p{margin:0 10px 0 0;display:inline-block}.main-layout{display:grid;gap:30px;padding:30px}.sidebar li a:hover{background:#eef;color:var(--primary)}.search-panel{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid var(--border)}.search-panel input[type="text"]{padding:10px;width:60%;border:1px solid #ccc;border-radius:4px;font-size:16px}.search-panel select{padding:10px;border:1px solid #ccc;border-radius:4px}.search-panel button{padding:10px 20px;background:var(--accent);color:white;border:none;border-radius:4px;cursor:pointer;font-weight:bold}.result-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);border-color:#bbb}.footer{background:#333;color:#aaa;padding:40px;text-align:center;font-size:13px;margin-top:40px}.footer a{color:#ccc}.pagination{text-align:center;margin-top:30px}.pagination strong{display:inline-block;padding:8px 16px;border:1px solid #ddd;margin:0 4px;border-radius:4px}.pagination strong{background:var(--primary);color:white;border-color:var(--primary)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000;justify-content:center;align-items:center}.modal-content{background:white;width:600px;max-width:90%;border-radius:8px;padding:30px;box-shadow:0 5px 20px rgba(0,0,0,0.2);position:relative;animation:slideIn 0.3s ease}.modal-header{font-size:20px;font-weight:bold;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee;display:flex;justify-content:space-between}.modal-close{cursor:pointer;font-size:24px;color:#999}.modal-close:hover{color:#333}@keyframes slideIn{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.citation-box{background:#f4f4f4;padding:15px;border:1px solid #ddd;margin:10px 0;font-family:monospace;font-size:13px;word-break:break-all}.copy-btn{background:var(--white);border:1px solid #ccc;padding:2px 8px;font-size:12px;cursor:pointer;float:right}</style>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:8000/005/5-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>
|
||||
<div id=modal-confirm class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-alert class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-citation class=modal-overlay style=display:flex>
|
||||
<div class=modal-content>
|
||||
<div class=modal-header>
|
||||
<span>Generate Citation</span>
|
||||
<span class=modal-close>×</span>
|
||||
</div>
|
||||
<div id=citation-body>
|
||||
<p><strong>APA 7th:</strong></p>
|
||||
<div class=citation-box>He, K., Zhang, X., Ren, S., & Sun, J. (2016). Deep Residual Learning for Image Recognition. <em>CVPR 2016</em>. <button class=copy-btn>Copy</button></div>
|
||||
|
||||
<p><strong>MLA 9th:</strong></p>
|
||||
<div class=citation-box>He, et al. "Deep Residual Learning for Image Recognition." CVPR 2016, 2016. <button class=copy-btn deep residual learning for image cvpr 2016,>Copy</button></div>
|
||||
|
||||
<p><strong>BibTeX:</strong></p>
|
||||
<div class=citation-box>@misc{key2016, title={Deep Residual Learning for Image Recognition}, author={He, K., Zhang, X., Ren, S., & Sun, J.}, year={2016}} <button class=copy-btn>Copy</button></div>
|
||||
</div>
|
||||
<div style=margin-top:20px;text-align:right>
|
||||
<button style="padding:8px 20px;cursor:pointer">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id=modal-advanced-search class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-myshelf class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div class=app-container>
|
||||
<div class=header>
|
||||
<div style=display:flex;justify-content:space-between;align-items:center>
|
||||
<h1>Central Library Digital Archive | Academic Resource Discovery System</h1>
|
||||
<p class=header-info>
|
||||
<span>Welcome, <strong>Student_2024</strong> (Card Status: <span style=color:#aeffae>Normal</span>)</span>
|
||||
<span>
|
||||
<a href=javascript:void(0)>My Shelf <span id=shelf-count style="background:#b3a369;color:black;padding:0 4px;border-radius:10px;font-size:10px">1</span></a> | <a href=#>Borrowing History</a> | <a href=#>Logout</a>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class=nav-bar>
|
||||
<nav>
|
||||
<a href=#>Home</a>
|
||||
<a href=#>Journals</a>
|
||||
<a href=#>Theses & Dissertations</a>
|
||||
<a href=#>Conference Papers</a>
|
||||
<a href=#>Multimedia</a>
|
||||
<a href=#>Off-campus VPN</a>
|
||||
</nav>
|
||||
</div>
|
||||
<div class=system-alert>
|
||||
<div>
|
||||
<p><strong>[System Notice]</strong> ProQuest database maintenance scheduled for this Saturday 00:00-04:00. Full text download will be unavailable.</p>
|
||||
<p style=opacity:0.6;font-size:12px><strong>[Promo]</strong> 2025 'Scholarly Campus' Essay Contest registration is open! Click for details.</p>
|
||||
</div>
|
||||
<button style=background:none;border:none;cursor:pointer>×</button>
|
||||
<p style=display:none> Please return overdue books to avoid affecting your final grade.</p>
|
||||
</div>
|
||||
<div class=main-layout style=grid-template-columns:1fr>
|
||||
<div class=sidebar style=display:none>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class=content-area>
|
||||
<form class=search-panel>
|
||||
<input type=text id=searchInput value="Residual Learning" placeholder="Enter keywords (e.g., Neural, History...)">
|
||||
<select id=searchField>
|
||||
<option value=all selected>All Fields</option>
|
||||
<option value=title>Title</option>
|
||||
<option value=author>Author</option>
|
||||
</select>
|
||||
<button type=submit>Search</button>
|
||||
<div style=margin-top:10px;font-size:14px;display:flex;justify-content:space-between>
|
||||
<div>
|
||||
<label><input type=checkbox id=chkFullText value=on> Full Text Only</label>
|
||||
<label style=margin-left:15px><input type=checkbox value=on> Peer Reviewed</label>
|
||||
<span id=loading-spinner style=display:none;margin-left:15px;color:var(--primary)>
|
||||
Searching...
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<a href=javascript:void(0) style=color:var(--primary);text-decoration:underline>Advanced Search</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<style class=sf-hidden>@keyframes spin{100%{transform:rotate(360deg)}}</style>
|
||||
<div style=display:flex;justify-content:space-between;align-items:center>
|
||||
<p id=result-status style=color:#666;font-size:13px;margin-bottom:15px>Found approx 1 results (Time: 0.50s)</p>
|
||||
<div style=font-size:13px>
|
||||
Sort:
|
||||
<select id=sortSelect style=padding:2px>
|
||||
<option value=relevance selected>Relevance</option>
|
||||
<option value=year_desc>Year (Newest)</option>
|
||||
<option value=year_asc>Year (Oldest)</option>
|
||||
<option value=cites>Citations</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id=app-view-list class=results-list style=display:none></div>
|
||||
|
||||
<div id=app-view-detail style=display:block>
|
||||
<button style="margin-bottom:20px;padding:5px 15px;cursor:pointer">← Back to Results</button>
|
||||
<div id=detail-content style="background:white;padding:30px;border:1px solid #ddd;border-radius:4px">
|
||||
<h2 style="color:var(--primary);border-bottom:1px solid #ddd;padding-bottom:15px;margin-top:0">Deep Residual Learning for Image Recognition</h2>
|
||||
<div style=background:#f9f9f9;padding:15px;border-radius:4px;margin-bottom:20px>
|
||||
<p><strong>Type:</strong> Conference Paper</p>
|
||||
<p><strong>Authors:</strong> He, K., Zhang, X., Ren, S., & Sun, J.</p>
|
||||
<p><strong>Source:</strong> CVPR 2016</p>
|
||||
<p><strong>Year:</strong> 2016</p>
|
||||
<p><strong>Citations:</strong> 150000</p>
|
||||
<p><strong>DOI:</strong> 10.1145/nmacgklsm</p>
|
||||
<p><strong>Language:</strong> English</p>
|
||||
</div>
|
||||
|
||||
<h3>Abstract</h3>
|
||||
<p style=text-align:justify;line-height:1.8;font-size:16px>We present a residual learning framework to ease the training of networks that are substantially deeper.</p>
|
||||
<p style=text-align:justify;line-height:1.8;color:#666>
|
||||
(Simulated Full Text Content)<br><br>
|
||||
1. <strong>Introduction</strong><br>
|
||||
The rapid development of Deep Residual Learning for Image Recognition has revolutionized the field. This paper explores the fundamental principles...<br><br>
|
||||
2. <strong>Methodology</strong><br>
|
||||
We employed a dataset consisting of over 50,000 samples... The algorithm was optimized using stochastic gradient descent...<br><br>
|
||||
3. <strong>Results</strong><br>
|
||||
Our experiments demonstrate a significant improvement over baseline models (see Table 1). The 2016 publication date marks a significant milestone in this domain.
|
||||
</p>
|
||||
<div style="margin-top:30px;display:flex;gap:15px;border-top:1px solid #ddd;padding-top:20px">
|
||||
<button style="background:var(--primary);color:white;border:none;padding:10px 25px;border-radius:4px;cursor:pointer">Download Full Text (PDF)</button>
|
||||
<button style="background:white;color:var(--text-main);border:1px solid #ccc;padding:10px 25px;border-radius:4px;cursor:pointer">Get Citation</button>
|
||||
<button style="background:white;color:var(--text-main);border:1px solid #ccc;padding:10px 25px;border-radius:4px;cursor:pointer">Add to Shelf</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=pagination id=pagination-controls style=display:block><span style="color:#ccc;padding:8px 16px;border:1px solid #eee;margin:0 4px">Previous</span><strong>1</strong><span style="color:#ccc;padding:8px 16px;border:1px solid #eee;margin:0 4px">Next</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=footer>
|
||||
<p>Copyright © 2025 Central University Library | Address: 88 Keji Road</p>
|
||||
<p>Support: Library IT Dept | <a href=#>Feedback</a> | <a href=#>Site Map</a></p>
|
||||
<p style=opacity:0.5;margin-top:10px>Server: LIB-WEB-02 | Session ID: 99281-AABB</p>
|
||||
</div>
|
||||
168
005/5-007.html
Normal file
168
005/5-007.html
Normal file
@@ -0,0 +1,168 @@
|
||||
<!DOCTYPE html> <html lang=en><!--
|
||||
--><meta charset=utf-8>
|
||||
<meta name=viewport content="width=device-width, initial-scale=1.0">
|
||||
<title>Central Library Digital Archive - Search Results</title>
|
||||
<style>:root{--primary:#002147;--accent:#b3a369;--bg-body:#f4f4f4;--bg-white:#ffffff;--text-main:#333;--text-meta:#666;--border:#ddd}body{font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-main);margin:0;line-height:1.6}a{text-decoration:none}a:hover{text-decoration:underline}.app-container{max-width:1400px;margin:0 auto;background:var(--bg-white);min-height:100vh;box-shadow:0 0 10px rgba(0,0,0,0.1)}.header{background-color:var(--primary);color:white;padding:15px 20px;display:flex;flex-direction:column}.header h1{margin:0;font-size:24px;font-weight:400;letter-spacing:1px}.header-info{font-size:13px;color:#ccc;margin-top:5px;display:flex;justify-content:space-between}.header-info a{color:white;margin-left:10px}.nav-bar{background:#00152e;padding:10px 20px;font-size:14px}.nav-bar a{color:#ddd;margin-right:20px;font-weight:500}.nav-bar a:hover{color:white}.system-alert{background:#fff3cd;color:#856404;font-size:13px;padding:10px 20px;border-bottom:1px solid #ffeeba;display:flex;justify-content:space-between;align-items:center}.system-alert p{margin:0 10px 0 0;display:inline-block}.main-layout{display:grid;gap:30px;padding:30px}.sidebar li a:hover{background:#eef;color:var(--primary)}.search-panel{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid var(--border)}.search-panel input[type="text"]{padding:10px;width:60%;border:1px solid #ccc;border-radius:4px;font-size:16px}.search-panel select{padding:10px;border:1px solid #ccc;border-radius:4px}.search-panel button{padding:10px 20px;background:var(--accent);color:white;border:none;border-radius:4px;cursor:pointer;font-weight:bold}.result-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);border-color:#bbb}.footer{background:#333;color:#aaa;padding:40px;text-align:center;font-size:13px;margin-top:40px}.footer a{color:#ccc}.pagination{text-align:center;margin-top:30px}.pagination strong{display:inline-block;padding:8px 16px;border:1px solid #ddd;margin:0 4px;border-radius:4px}.pagination strong{background:var(--primary);color:white;border-color:var(--primary)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000;justify-content:center;align-items:center}.modal-content{background:white;width:600px;max-width:90%;border-radius:8px;padding:30px;box-shadow:0 5px 20px rgba(0,0,0,0.2);position:relative;animation:slideIn 0.3s ease}.modal-header{font-size:20px;font-weight:bold;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee;display:flex;justify-content:space-between}.modal-close{cursor:pointer;font-size:24px;color:#999}.modal-close:hover{color:#333}@keyframes slideIn{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.citation-box{background:#f4f4f4;padding:15px;border:1px solid #ddd;margin:10px 0;font-family:monospace;font-size:13px;word-break:break-all}.copy-btn{background:var(--white);border:1px solid #ccc;padding:2px 8px;font-size:12px;cursor:pointer;float:right}</style>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:8000/005/5-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>
|
||||
<div id=modal-confirm class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-alert class=modal-overlay style=display:flex>
|
||||
<div class=modal-content style=width:400px;padding:20px>
|
||||
<div class=modal-header>
|
||||
<span>Notice</span>
|
||||
<span class=modal-close>×</span>
|
||||
</div>
|
||||
<div style=margin-bottom:20px id=alert-message>Copied to clipboard</div>
|
||||
<div style=text-align:right>
|
||||
<button style="background:var(--primary);color:white;border:none;padding:8px 20px;cursor:pointer;border-radius:4px">Got it</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id=modal-citation class=modal-overlay style=display:flex>
|
||||
<div class=modal-content>
|
||||
<div class=modal-header>
|
||||
<span>Generate Citation</span>
|
||||
<span class=modal-close>×</span>
|
||||
</div>
|
||||
<div id=citation-body>
|
||||
<p><strong>APA 7th:</strong></p>
|
||||
<div class=citation-box>He, K., Zhang, X., Ren, S., & Sun, J. (2016). Deep Residual Learning for Image Recognition. <em>CVPR 2016</em>. <button class=copy-btn>Copy</button></div>
|
||||
|
||||
<p><strong>MLA 9th:</strong></p>
|
||||
<div class=citation-box>He, et al. "Deep Residual Learning for Image Recognition." CVPR 2016, 2016. <button class=copy-btn deep residual learning for image cvpr 2016,>Copy</button></div>
|
||||
|
||||
<p><strong>BibTeX:</strong></p>
|
||||
<div class=citation-box>@misc{key2016, title={Deep Residual Learning for Image Recognition}, author={He, K., Zhang, X., Ren, S., & Sun, J.}, year={2016}} <button class=copy-btn>Copy</button></div>
|
||||
</div>
|
||||
<div style=margin-top:20px;text-align:right>
|
||||
<button style="padding:8px 20px;cursor:pointer">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id=modal-advanced-search class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div id=modal-myshelf class="modal-overlay sf-hidden">
|
||||
|
||||
</div>
|
||||
<div class=app-container>
|
||||
<div class=header>
|
||||
<div style=display:flex;justify-content:space-between;align-items:center>
|
||||
<h1>Central Library Digital Archive | Academic Resource Discovery System</h1>
|
||||
<p class=header-info>
|
||||
<span>Welcome, <strong>Student_2024</strong> (Card Status: <span style=color:#aeffae>Normal</span>)</span>
|
||||
<span>
|
||||
<a href=javascript:void(0)>My Shelf <span id=shelf-count style="background:#b3a369;color:black;padding:0 4px;border-radius:10px;font-size:10px">1</span></a> | <a href=#>Borrowing History</a> | <a href=#>Logout</a>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class=nav-bar>
|
||||
<nav>
|
||||
<a href=#>Home</a>
|
||||
<a href=#>Journals</a>
|
||||
<a href=#>Theses & Dissertations</a>
|
||||
<a href=#>Conference Papers</a>
|
||||
<a href=#>Multimedia</a>
|
||||
<a href=#>Off-campus VPN</a>
|
||||
</nav>
|
||||
</div>
|
||||
<div class=system-alert>
|
||||
<div>
|
||||
<p><strong>[System Notice]</strong> ProQuest database maintenance scheduled for this Saturday 00:00-04:00. Full text download will be unavailable.</p>
|
||||
<p style=opacity:0.6;font-size:12px><strong>[Promo]</strong> 2025 'Scholarly Campus' Essay Contest registration is open! Click for details.</p>
|
||||
</div>
|
||||
<button style=background:none;border:none;cursor:pointer>×</button>
|
||||
<p style=display:none> Please return overdue books to avoid affecting your final grade.</p>
|
||||
</div>
|
||||
<div class=main-layout style=grid-template-columns:1fr>
|
||||
<div class=sidebar style=display:none>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class=content-area>
|
||||
<form class=search-panel>
|
||||
<input type=text id=searchInput value="Residual Learning" placeholder="Enter keywords (e.g., Neural, History...)">
|
||||
<select id=searchField>
|
||||
<option value=all selected>All Fields</option>
|
||||
<option value=title>Title</option>
|
||||
<option value=author>Author</option>
|
||||
</select>
|
||||
<button type=submit>Search</button>
|
||||
<div style=margin-top:10px;font-size:14px;display:flex;justify-content:space-between>
|
||||
<div>
|
||||
<label><input type=checkbox id=chkFullText value=on> Full Text Only</label>
|
||||
<label style=margin-left:15px><input type=checkbox value=on> Peer Reviewed</label>
|
||||
<span id=loading-spinner style=display:none;margin-left:15px;color:var(--primary)>
|
||||
Searching...
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<a href=javascript:void(0) style=color:var(--primary);text-decoration:underline>Advanced Search</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<style class=sf-hidden>@keyframes spin{100%{transform:rotate(360deg)}}</style>
|
||||
<div style=display:flex;justify-content:space-between;align-items:center>
|
||||
<p id=result-status style=color:#666;font-size:13px;margin-bottom:15px>Found approx 1 results (Time: 0.50s)</p>
|
||||
<div style=font-size:13px>
|
||||
Sort:
|
||||
<select id=sortSelect style=padding:2px>
|
||||
<option value=relevance selected>Relevance</option>
|
||||
<option value=year_desc>Year (Newest)</option>
|
||||
<option value=year_asc>Year (Oldest)</option>
|
||||
<option value=cites>Citations</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id=app-view-list class=results-list style=display:none></div>
|
||||
|
||||
<div id=app-view-detail style=display:block>
|
||||
<button style="margin-bottom:20px;padding:5px 15px;cursor:pointer">← Back to Results</button>
|
||||
<div id=detail-content style="background:white;padding:30px;border:1px solid #ddd;border-radius:4px">
|
||||
<h2 style="color:var(--primary);border-bottom:1px solid #ddd;padding-bottom:15px;margin-top:0">Deep Residual Learning for Image Recognition</h2>
|
||||
<div style=background:#f9f9f9;padding:15px;border-radius:4px;margin-bottom:20px>
|
||||
<p><strong>Type:</strong> Conference Paper</p>
|
||||
<p><strong>Authors:</strong> He, K., Zhang, X., Ren, S., & Sun, J.</p>
|
||||
<p><strong>Source:</strong> CVPR 2016</p>
|
||||
<p><strong>Year:</strong> 2016</p>
|
||||
<p><strong>Citations:</strong> 150000</p>
|
||||
<p><strong>DOI:</strong> 10.1145/nmacgklsm</p>
|
||||
<p><strong>Language:</strong> English</p>
|
||||
</div>
|
||||
|
||||
<h3>Abstract</h3>
|
||||
<p style=text-align:justify;line-height:1.8;font-size:16px>We present a residual learning framework to ease the training of networks that are substantially deeper.</p>
|
||||
<p style=text-align:justify;line-height:1.8;color:#666>
|
||||
(Simulated Full Text Content)<br><br>
|
||||
1. <strong>Introduction</strong><br>
|
||||
The rapid development of Deep Residual Learning for Image Recognition has revolutionized the field. This paper explores the fundamental principles...<br><br>
|
||||
2. <strong>Methodology</strong><br>
|
||||
We employed a dataset consisting of over 50,000 samples... The algorithm was optimized using stochastic gradient descent...<br><br>
|
||||
3. <strong>Results</strong><br>
|
||||
Our experiments demonstrate a significant improvement over baseline models (see Table 1). The 2016 publication date marks a significant milestone in this domain.
|
||||
</p>
|
||||
<div style="margin-top:30px;display:flex;gap:15px;border-top:1px solid #ddd;padding-top:20px">
|
||||
<button style="background:var(--primary);color:white;border:none;padding:10px 25px;border-radius:4px;cursor:pointer">Download Full Text (PDF)</button>
|
||||
<button style="background:white;color:var(--text-main);border:1px solid #ccc;padding:10px 25px;border-radius:4px;cursor:pointer">Get Citation</button>
|
||||
<button style="background:white;color:var(--text-main);border:1px solid #ccc;padding:10px 25px;border-radius:4px;cursor:pointer">Add to Shelf</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=pagination id=pagination-controls style=display:block><span style="color:#ccc;padding:8px 16px;border:1px solid #eee;margin:0 4px">Previous</span><strong>1</strong><span style="color:#ccc;padding:8px 16px;border:1px solid #eee;margin:0 4px">Next</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=footer>
|
||||
<p>Copyright © 2025 Central University Library | Address: 88 Keji Road</p>
|
||||
<p>Support: Library IT Dept | <a href=#>Feedback</a> | <a href=#>Site Map</a></p>
|
||||
<p style=opacity:0.5;margin-top:10px>Server: LIB-WEB-02 | Session ID: 99281-AABB</p>
|
||||
</div>
|
||||
@@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
@@ -7,8 +7,8 @@
|
||||
<style>
|
||||
/* CSS Variables */
|
||||
:root {
|
||||
--primary: #002147; /* 学术蓝 */
|
||||
--accent: #b3a369; /* 金色 */
|
||||
--primary: #002147; /* Academic Blue */
|
||||
--accent: #b3a369; /* Gold */
|
||||
--bg-body: #f4f4f4;
|
||||
--bg-white: #ffffff;
|
||||
--text-main: #333;
|
||||
@@ -22,10 +22,10 @@
|
||||
ul { list-style: none; padding: 0; }
|
||||
hr { border: 0; border-top: 1px solid var(--border); margin: 15px 0; }
|
||||
|
||||
/* 容器 */
|
||||
/* Container */
|
||||
.app-container { max-width: 1400px; margin: 0 auto; background: var(--bg-white); min-height: 100vh; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
|
||||
|
||||
/* 顶部导航 */
|
||||
/* Top Navigation */
|
||||
.header { background-color: var(--primary); color: white; padding: 15px 20px; display: flex; flex-direction: column; }
|
||||
.header h1 { margin: 0; font-size: 24px; font-weight: 400; letter-spacing: 1px; }
|
||||
.header-info { font-size: 13px; color: #ccc; margin-top: 5px; display: flex; justify-content: space-between; }
|
||||
@@ -34,30 +34,30 @@
|
||||
.nav-bar a { color: #ddd; margin-right: 20px; font-weight: 500; }
|
||||
.nav-bar a:hover { color: white; }
|
||||
|
||||
/* 通告栏干扰处理 - 弱化显示 */
|
||||
/* Notification Bar Interference - Weakened Display */
|
||||
.system-alert { background: #fff3cd; color: #856404; font-size: 13px; padding: 10px 20px; border-bottom: 1px solid #ffeeba; display: flex; justify-content: space-between; align-items: center; }
|
||||
.system-alert p { margin: 0 10px 0 0; display: inline-block; }
|
||||
|
||||
/* 主布局 */
|
||||
/* Main Layout */
|
||||
.main-layout { display: grid; grid-template-columns: 280px 1fr; gap: 30px; padding: 30px; }
|
||||
|
||||
/* 侧边栏 */
|
||||
/* Sidebar */
|
||||
.sidebar h3 { font-size: 16px; border-bottom: 2px solid var(--accent); padding-bottom: 5px; margin-top: 0; color: var(--primary); }
|
||||
.sidebar li { margin-bottom: 8px; font-size: 14px; }
|
||||
.sidebar li a { color: var(--text-meta); display: block; padding: 4px 8px; border-radius: 4px; }
|
||||
.sidebar li a:hover { background: #eef; color: var(--primary); }
|
||||
|
||||
/* 侧边栏广告干扰 - 隐藏或弱化 */
|
||||
/* Sidebar Ad Interference - Hide or Weaken */
|
||||
.sidebar-ad { margin-top: 30px; padding: 15px; background: #f9f9f9; border: 1px dashed #ccc; font-size: 12px; border-radius: 4px; }
|
||||
.sidebar-ad p { margin: 5px 0; }
|
||||
|
||||
/* 搜索区域 */
|
||||
/* Search Area */
|
||||
.search-panel { background: #f8f9fa; padding: 20px; border-radius: 8px; margin-bottom: 20px; border: 1px solid var(--border); }
|
||||
.search-panel input[type="text"] { padding: 10px; width: 60%; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; }
|
||||
.search-panel select { padding: 10px; border: 1px solid #ccc; border-radius: 4px; }
|
||||
.search-panel button { padding: 10px 20px; background: var(--accent); color: white; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; }
|
||||
|
||||
/* 结果列表 */
|
||||
/* Result List */
|
||||
.result-item { padding: 20px; border: 1px solid var(--border); border-radius: 4px; margin-bottom: 15px; transition: box-shadow 0.2s; background: white; position: relative; }
|
||||
.result-item:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); border-color: #bbb; }
|
||||
|
||||
@@ -65,7 +65,7 @@
|
||||
.result-meta { font-size: 14px; color: var(--text-meta); margin-bottom: 10px; }
|
||||
.result-abstract { font-size: 14px; color: #444; margin-bottom: 15px; line-height: 1.5; }
|
||||
|
||||
/* 按钮组样式化 */
|
||||
/* Button Group Styling */
|
||||
.action-row { display: flex; gap: 10px; align-items: center; margin-top: 10px; }
|
||||
.action-row a {
|
||||
font-size: 13px;
|
||||
@@ -82,7 +82,7 @@
|
||||
}
|
||||
.action-row span { font-size: 13px; color: #999; margin-right: 10px; }
|
||||
|
||||
/* 干扰项处理 */
|
||||
/* Interference Handling */
|
||||
.promo-banner {
|
||||
background: linear-gradient(to right, #eef2f3, #8e9eab);
|
||||
padding: 15px;
|
||||
@@ -92,14 +92,14 @@
|
||||
}
|
||||
.promo-banner strong { color: var(--primary); font-size: 16px; }
|
||||
|
||||
/* 募捐广告 - 直接隐藏 */
|
||||
/* Donation Ad - Directly Hide */
|
||||
.donation-ad { display: none; }
|
||||
|
||||
/* 页脚 */
|
||||
/* Footer */
|
||||
.footer { background: #333; color: #aaa; padding: 40px; text-align: center; font-size: 13px; margin-top: 40px; }
|
||||
.footer a { color: #ccc; }
|
||||
|
||||
/* 分页 */
|
||||
/* Pagination */
|
||||
.pagination { text-align: center; margin-top: 30px; }
|
||||
.pagination a, .pagination strong { display: inline-block; padding: 8px 16px; border: 1px solid #ddd; margin: 0 4px; border-radius: 4px; color: var(--primary); }
|
||||
.pagination strong { background: var(--primary); color: white; border-color: var(--primary); }
|
||||
@@ -156,15 +156,15 @@
|
||||
<div id="modal-confirm" class="modal-overlay">
|
||||
<div class="modal-content" style="width: 400px; padding: 20px;">
|
||||
<div class="modal-header">
|
||||
<span>操作确认</span>
|
||||
<span>Confirmation</span>
|
||||
<span class="modal-close" onclick="closeModal('modal-confirm')">×</span>
|
||||
</div>
|
||||
<div style="margin-bottom: 20px;" id="confirm-message">
|
||||
确定执行此操作？
|
||||
Are you sure you want to perform this action?
|
||||
</div>
|
||||
<div style="text-align:right;">
|
||||
<button onclick="closeModal('modal-confirm')" style="padding:8px 20px; cursor:pointer;">取消</button>
|
||||
<button id="confirm-btn-action" style="background:var(--primary); color:white; border:none; padding:8px 20px; cursor:pointer; border-radius:4px; margin-left: 10px;">确定</button>
|
||||
<button onclick="closeModal('modal-confirm')" style="padding:8px 20px; cursor:pointer;">Cancel</button>
|
||||
<button id="confirm-btn-action" style="background:var(--primary); color:white; border:none; padding:8px 20px; cursor:pointer; border-radius:4px; margin-left: 10px;">Confirm</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -172,14 +172,14 @@
|
||||
<div id="modal-alert" class="modal-overlay">
|
||||
<div class="modal-content" style="width: 400px; padding: 20px;">
|
||||
<div class="modal-header">
|
||||
<span>提示</span>
|
||||
<span>Notice</span>
|
||||
<span class="modal-close" onclick="closeModal('modal-alert')">×</span>
|
||||
</div>
|
||||
<div style="margin-bottom: 20px;" id="alert-message">
|
||||
提示信息
|
||||
Information
|
||||
</div>
|
||||
<div style="text-align:right;">
|
||||
<button onclick="closeModal('modal-alert')" style="background:var(--primary); color:white; border:none; padding:8px 20px; cursor:pointer; border-radius:4px;">知道了</button>
|
||||
<button onclick="closeModal('modal-alert')" style="background:var(--primary); color:white; border:none; padding:8px 20px; cursor:pointer; border-radius:4px;">Got it</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -187,14 +187,14 @@
|
||||
<div id="modal-citation" class="modal-overlay">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<span>引用生成</span>
|
||||
<span>Generate Citation</span>
|
||||
<span class="modal-close" onclick="closeModal('modal-citation')">×</span>
|
||||
</div>
|
||||
<div id="citation-body">
|
||||
<!-- Dynamic Content -->
|
||||
</div>
|
||||
<div style="margin-top:20px; text-align:right;">
|
||||
<button onclick="closeModal('modal-citation')" style="padding:8px 20px; cursor:pointer;">关闭</button>
|
||||
<button onclick="closeModal('modal-citation')" style="padding:8px 20px; cursor:pointer;">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -202,12 +202,12 @@
|
||||
<div id="modal-advanced-search" class="modal-overlay">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<span>高级检索</span>
|
||||
<span>Advanced Search</span>
|
||||
<span class="modal-close" onclick="closeModal('modal-advanced-search')">×</span>
|
||||
</div>
|
||||
<div class="adv-search-row">
|
||||
<label>关键词</label>
|
||||
<input type="text" id="adv-kw" placeholder="输入关键词...">
|
||||
<label>Keywords</label>
|
||||
<input type="text" id="adv-kw" placeholder="Enter keywords...">
|
||||
<select style="max-width:100px;">
|
||||
<option>AND</option>
|
||||
<option>OR</option>
|
||||
@@ -215,21 +215,21 @@
|
||||
</select>
|
||||
</div>
|
||||
<div class="adv-search-row">
|
||||
<label>作者</label>
|
||||
<input type="text" id="adv-author" placeholder="输入作者姓名...">
|
||||
<label>Author</label>
|
||||
<input type="text" id="adv-author" placeholder="Enter author name...">
|
||||
</div>
|
||||
<div class="adv-search-row">
|
||||
<label>出版物</label>
|
||||
<input type="text" id="adv-pub" placeholder="期刊或会议名称...">
|
||||
<label>Publication</label>
|
||||
<input type="text" id="adv-pub" placeholder="Journal or Conference name...">
|
||||
</div>
|
||||
<div class="adv-search-row">
|
||||
<label>年份范围</label>
|
||||
<label>Year Range</label>
|
||||
<input type="number" id="adv-year-start" placeholder="1990" style="max-width:80px;">
|
||||
<span>-</span>
|
||||
<input type="number" id="adv-year-end" placeholder="2025" style="max-width:80px;">
|
||||
</div>
|
||||
<div style="margin-top:20px; text-align:right;">
|
||||
<button onclick="handleAdvancedSearch()" style="background:var(--primary); color:white; border:none; padding:10px 25px; cursor:pointer; border-radius:4px;">执行检索</button>
|
||||
<button onclick="handleAdvancedSearch()" style="background:var(--primary); color:white; border:none; padding:10px 25px; cursor:pointer; border-radius:4px;">Search</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -238,15 +238,15 @@
|
||||
<div id="modal-myshelf" class="modal-overlay">
|
||||
<div class="modal-content" style="width:800px;">
|
||||
<div class="modal-header">
|
||||
<span>我的书架 (My Shelf)</span>
|
||||
<span>My Shelf</span>
|
||||
<span class="modal-close" onclick="closeModal('modal-myshelf')">×</span>
|
||||
</div>
|
||||
<div id="shelf-body" class="shelf-grid">
|
||||
<!-- Dynamic Content -->
|
||||
</div>
|
||||
<div style="margin-top:20px; text-align:right;">
|
||||
<p style="float:left; font-size:12px; color:#666; margin-top:10px;">* 书架数据仅保存在当前会话中</p>
|
||||
<button onclick="closeModal('modal-myshelf')" style="padding:8px 20px; cursor:pointer;">关闭</button>
|
||||
<p style="float:left; font-size:12px; color:#666; margin-top:10px;">* Shelf data is saved in current session only</p>
|
||||
<button onclick="closeModal('modal-myshelf')" style="padding:8px 20px; cursor:pointer;">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -254,103 +254,103 @@
|
||||
<div class="app-container">
|
||||
<div class="header">
|
||||
<div style="display: flex; justify-content: space-between; align-items: center;">
|
||||
<h1>中央大学数字图书馆 | 学术资源发现系统</h1>
|
||||
<h1>Central Library Digital Archive | Academic Resource Discovery System</h1>
|
||||
<p class="header-info">
|
||||
<span>欢迎, <strong>Student_2024</strong> (借阅证状态: <span style="color:#aeffae">正常</span>)</span>
|
||||
<span>Welcome, <strong>Student_2024</strong> (Card Status: <span style="color:#aeffae">Normal</span>)</span>
|
||||
<span>
|
||||
<a href="javascript:void(0)" onclick="openShelf()">我的书架 <span id="shelf-count" style="background:#b3a369; color:black; padding:0 4px; border-radius:10px; font-size:10px;">0</span></a> | <a href="#">借阅历史</a> | <a href="#" onclick="showCustomAlert('注销成功')">注销</a>
|
||||
<a href="javascript:void(0)" onclick="openShelf()">My Shelf <span id="shelf-count" style="background:#b3a369; color:black; padding:0 4px; border-radius:10px; font-size:10px;">0</span></a> | <a href="#">Borrowing History</a> | <a href="#" onclick="showCustomAlert('Logout Successful')">Logout</a>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-bar">
|
||||
<nav>
|
||||
<a href="#">首页</a>
|
||||
<a href="#">期刊导航</a>
|
||||
<a href="#">学位论文</a>
|
||||
<a href="#">会议论文</a>
|
||||
<a href="#">多媒体资源</a>
|
||||
<a href="#">校外访问VPN</a>
|
||||
<a href="#">Home</a>
|
||||
<a href="#">Journals</a>
|
||||
<a href="#">Theses & Dissertations</a>
|
||||
<a href="#">Conference Papers</a>
|
||||
<a href="#">Multimedia</a>
|
||||
<a href="#">Off-campus VPN</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="system-alert">
|
||||
<div>
|
||||
<p><strong>[系统通知]</strong> ProQuest 数据库将于本周六 00:00-04:00 进行维护，期间无法下载全文。</p>
|
||||
<p style="opacity:0.6; font-size:12px;"><strong>[推广]</strong> 2025年“书香校园”征文比赛开始报名啦！点击查看详情。</p>
|
||||
<p><strong>[System Notice]</strong> ProQuest database maintenance scheduled for this Saturday 00:00-04:00. Full text download will be unavailable.</p>
|
||||
<p style="opacity:0.6; font-size:12px;"><strong>[Promo]</strong> 2025 'Scholarly Campus' Essay Contest registration is open! Click for details.</p>
|
||||
</div>
|
||||
<button style="background:none; border:none; cursor:pointer;">×</button>
|
||||
<p style="display:none;"><strong>[紧急]</strong> 请归还逾期图书，否则将影响期末成绩录入。</p>
|
||||
<p style="display:none;"><strong>[Urgent]</strong> Please return overdue books to avoid affecting your final grade.</p>
|
||||
</div>
|
||||
|
||||
<div class="main-layout">
|
||||
<div class="sidebar">
|
||||
<h3>资源类型</h3>
|
||||
<h3>Resource Type</h3>
|
||||
<ul id="filter-type">
|
||||
<li><a href="javascript:void(0)" onclick="setFilter('type', 'all')" class="active-filter" style="font-weight:bold;">全部资源</a></li>
|
||||
<li><a href="javascript:void(0)" onclick="setFilter('type', '会议论文')">会议论文</a></li>
|
||||
<li><a href="javascript:void(0)" onclick="setFilter('type', '图书')">图书</a></li>
|
||||
<li><a href="javascript:void(0)" onclick="setFilter('type', '期刊')">期刊文章</a></li>
|
||||
<li><a href="javascript:void(0)" onclick="setFilter('type', '图书章节')">图书章节</a></li>
|
||||
<li><a href="javascript:void(0)" onclick="setFilter('type', 'all')" class="active-filter" style="font-weight:bold;">All Resources</a></li>
|
||||
<li><a href="javascript:void(0)" onclick="setFilter('type', 'Conference Paper')">Conference Papers</a></li>
|
||||
<li><a href="javascript:void(0)" onclick="setFilter('type', 'Book')">Books</a></li>
|
||||
<li><a href="javascript:void(0)" onclick="setFilter('type', 'Journal Article')">Journal Articles</a></li>
|
||||
<li><a href="javascript:void(0)" onclick="setFilter('type', 'Book Chapter')">Book Chapters</a></li>
|
||||
</ul>
|
||||
|
||||
<h3 style="margin-top:20px;">出版年份</h3>
|
||||
<h3 style="margin-top:20px;">Publication Year</h3>
|
||||
<ul id="filter-year">
|
||||
<li><a href="javascript:void(0)" onclick="setFilter('year', 'all')" class="active-filter" style="font-weight:bold;">全部年份</a></li>
|
||||
<li><a href="javascript:void(0)" onclick="setFilter('year', 'all')" class="active-filter" style="font-weight:bold;">All Years</a></li>
|
||||
<li><a href="javascript:void(0)" onclick="setFilter('year', '2024')">2024</a></li>
|
||||
<li><a href="javascript:void(0)" onclick="setFilter('year', '2020+')">2020-2024</a></li>
|
||||
<li><a href="javascript:void(0)" onclick="setFilter('year', 'old')">2020 之前</a></li>
|
||||
<li><a href="javascript:void(0)" onclick="setFilter('year', 'old')">Before 2020</a></li>
|
||||
</ul>
|
||||
|
||||
<h3 style="margin-top:20px;">学科分类</h3>
|
||||
<h3 style="margin-top:20px;">Subject Categories</h3>
|
||||
<ul>
|
||||
<li><a href="#">计算机科学</a></li>
|
||||
<li><a href="#">人工智能</a></li>
|
||||
<li><a href="#">软件工程</a></li>
|
||||
<li><a href="#">信息系统</a></li>
|
||||
<li><a href="#">Computer Science</a></li>
|
||||
<li><a href="#">Artificial Intelligence</a></li>
|
||||
<li><a href="#">Software Engineering</a></li>
|
||||
<li><a href="#">Information Systems</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="sidebar-ad">
|
||||
<p><strong>[校园服务]</strong></p>
|
||||
<p>论文查重服务 - 图书馆一楼大厅</p>
|
||||
<p>打印复印 - 仅需 0.1元/页</p>
|
||||
<p>考研自习室预约</p>
|
||||
<p><strong>[Campus Services]</strong></p>
|
||||
<p>Thesis Plagiarism Check - Library 1st Floor</p>
|
||||
<p>Printing/Copying - Only 0.1 RMB/page</p>
|
||||
<p>Study Room Reservation</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content-area">
|
||||
<form class="search-panel" onsubmit="event.preventDefault(); handleSearch();">
|
||||
<input type="text" id="searchInput" value="" placeholder="输入关键词 (如: Neural, History...)">
|
||||
<input type="text" id="searchInput" value="" placeholder="Enter keywords (e.g., Neural, History...)">
|
||||
<select id="searchField">
|
||||
<option value="all">所有字段</option>
|
||||
<option value="title">题名</option>
|
||||
<option value="author">作者</option>
|
||||
<option value="all">All Fields</option>
|
||||
<option value="title">Title</option>
|
||||
<option value="author">Author</option>
|
||||
</select>
|
||||
<button type="submit">重新检索</button>
|
||||
<button type="submit">Search</button>
|
||||
<div style="margin-top:10px; font-size:14px; display:flex; justify-content:space-between;">
|
||||
<div>
|
||||
<label><input type="checkbox" id="chkFullText" onchange="handleSearch()"> 仅显示全文</label>
|
||||
<label style="margin-left:15px;"><input type="checkbox"> 同行评审期刊</label>
|
||||
<label><input type="checkbox" id="chkFullText" onchange="handleSearch()"> Full Text Only</label>
|
||||
<label style="margin-left:15px;"><input type="checkbox"> Peer Reviewed</label>
|
||||
<span id="loading-spinner" style="display:none; margin-left:15px; color:var(--primary);">
|
||||
<span style="display:inline-block; animation: spin 1s linear infinite;">↻</span> 搜索中...
|
||||
<span style="display:inline-block; animation: spin 1s linear infinite;">↻</span> Searching...
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<a href="javascript:void(0)" onclick="openModal('modal-advanced-search')" style="color:var(--primary); text-decoration:underline;">高级检索</a>
|
||||
<a href="javascript:void(0)" onclick="openModal('modal-advanced-search')" style="color:var(--primary); text-decoration:underline;">Advanced Search</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<style>@keyframes spin { 100% { transform: rotate(360deg); } }</style>
|
||||
|
||||
<div style="display:flex; justify-content:space-between; align-items:center;">
|
||||
<p id="result-status" style="color:#666; font-size:13px; margin-bottom:15px;">找到约 0 条结果 (耗时 0.35秒)</p>
|
||||
<p id="result-status" style="color:#666; font-size:13px; margin-bottom:15px;">Found approx 0 results (0.35s)</p>
|
||||
<div style="font-size:13px;">
|
||||
排序:
|
||||
Sort:
|
||||
<select id="sortSelect" onchange="handleSort(this.value)" style="padding:2px;">
|
||||
<option value="relevance">相关度</option>
|
||||
<option value="year_desc">年份 (新->旧)</option>
|
||||
<option value="year_asc">年份 (旧->新)</option>
|
||||
<option value="cites">被引频次</option>
|
||||
<option value="relevance">Relevance</option>
|
||||
<option value="year_desc">Year (Newest)</option>
|
||||
<option value="year_asc">Year (Oldest)</option>
|
||||
<option value="cites">Citations</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
@@ -360,7 +360,7 @@
|
||||
</div>
|
||||
|
||||
<div id="app-view-detail" style="display:none;">
|
||||
<button onclick="switchView('list')" style="margin-bottom:20px; padding:5px 15px; cursor:pointer;">← 返回搜索结果</button>
|
||||
<button onclick="switchView('list')" style="margin-bottom:20px; padding:5px 15px; cursor:pointer;">← Back to Results</button>
|
||||
<div id="detail-content" style="background:white; padding:30px; border:1px solid #ddd; border-radius:4px;">
|
||||
<!-- Detail content generated by JS -->
|
||||
</div>
|
||||
@@ -375,8 +375,8 @@
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<p>版权所有 © 2025 中央大学图书馆 | 地址: 科技路 88 号</p>
|
||||
<p>技术支持: 图书馆技术部 | <a href="#">意见反馈</a> | <a href="#">网站地图</a></p>
|
||||
<p>Copyright © 2025 Central University Library | Address: 88 Keji Road</p>
|
||||
<p>Support: Library IT Dept | <a href="#">Feedback</a> | <a href="#">Site Map</a></p>
|
||||
<p style="opacity:0.5; margin-top:10px;">Server: LIB-WEB-02 | Session ID: 99281-AABB</p>
|
||||
</div>
|
||||
|
||||
@@ -439,7 +439,7 @@
|
||||
authors: "Vaswani, A., Shazeer, N., et al.",
|
||||
source: "NeurIPS",
|
||||
year: 2017,
|
||||
type: "会议论文",
|
||||
type: "Conference Paper",
|
||||
abstract: "We propose a new simple network architecture, the Transformer, based solely on attention mechanisms.",
|
||||
cites: 85000,
|
||||
hasPdf: true,
|
||||
@@ -450,7 +450,7 @@
|
||||
authors: "He, K., Zhang, X., Ren, S., & Sun, J.",
|
||||
source: "CVPR 2016",
|
||||
year: 2016,
|
||||
type: "会议论文",
|
||||
type: "Conference Paper",
|
||||
abstract: "We present a residual learning framework to ease the training of networks that are substantially deeper.",
|
||||
cites: 150000,
|
||||
hasPdf: true,
|
||||
@@ -461,7 +461,7 @@
|
||||
authors: "Devlin, J., et al.",
|
||||
source: "NAACL-HLT 2019",
|
||||
year: 2019,
|
||||
type: "会议论文",
|
||||
type: "Conference Paper",
|
||||
abstract: "BERT is designed to pre-train deep bidirectional representations from unlabeled text.",
|
||||
cites: 92000,
|
||||
hasPdf: true,
|
||||
@@ -472,7 +472,7 @@
|
||||
authors: "Kahneman, D.",
|
||||
source: "Farrar, Straus and Giroux",
|
||||
year: 2011,
|
||||
type: "图书",
|
||||
type: "Book",
|
||||
abstract: "The central thesis is a dichotomy between two modes of thought: System 1 (fast) and System 2 (slow).",
|
||||
cites: 45000,
|
||||
hasPdf: false,
|
||||
@@ -483,7 +483,7 @@
|
||||
authors: "Kuhn, T. S.",
|
||||
source: "University of Chicago Press",
|
||||
year: 1962,
|
||||
type: "图书",
|
||||
type: "Book",
|
||||
abstract: "Kuhn challenges the established linear view of scientific progress.",
|
||||
cites: 120000,
|
||||
hasPdf: false,
|
||||
@@ -494,7 +494,7 @@
|
||||
authors: "Goodfellow, I., et al.",
|
||||
source: "NeurIPS 2014",
|
||||
year: 2014,
|
||||
type: "会议论文",
|
||||
type: "Conference Paper",
|
||||
abstract: "We propose a new framework for estimating generative models via an adversarial process.",
|
||||
cites: 60000,
|
||||
hasPdf: true,
|
||||
@@ -505,7 +505,7 @@
|
||||
authors: "Hawking, S.",
|
||||
source: "Bantam Books",
|
||||
year: 1988,
|
||||
type: "图书",
|
||||
type: "Book",
|
||||
abstract: "Hawking writes in non-technical terms about the structure, origin, and development of the universe.",
|
||||
cites: 30000,
|
||||
hasPdf: false,
|
||||
@@ -516,7 +516,7 @@
|
||||
authors: "Krizhevsky, A., et al.",
|
||||
source: "NeurIPS 2012",
|
||||
year: 2012,
|
||||
type: "会议论文",
|
||||
type: "Conference Paper",
|
||||
abstract: "We trained a large, deep convolutional neural network to classify 1.2 million high-res images.",
|
||||
cites: 110000,
|
||||
hasPdf: true,
|
||||
@@ -527,7 +527,7 @@
|
||||
authors: "Martin, R. C.",
|
||||
source: "Prentice Hall",
|
||||
year: 2008,
|
||||
type: "图书",
|
||||
type: "Book",
|
||||
abstract: "Even bad code can function. But if code isn't clean, it can bring a development organization to its knees.",
|
||||
cites: 8000,
|
||||
hasPdf: false,
|
||||
@@ -538,7 +538,7 @@
|
||||
authors: "Gamma, E., et al.",
|
||||
source: "Addison-Wesley",
|
||||
year: 1994,
|
||||
type: "图书",
|
||||
type: "Book",
|
||||
abstract: "Capturing a wealth of experience, presenting a catalog of simple and succinct solutions to design problems.",
|
||||
cites: 55000,
|
||||
hasPdf: false,
|
||||
@@ -549,7 +549,7 @@
|
||||
authors: "Sackett, D. L., et al.",
|
||||
source: "Churchill Livingstone",
|
||||
year: 2000,
|
||||
type: "图书章节",
|
||||
type: "Book Chapter",
|
||||
abstract: "Evidence-based medicine is the conscientious, explicit, and judicious use of current best evidence.",
|
||||
cites: 15000,
|
||||
hasPdf: true,
|
||||
@@ -560,7 +560,7 @@
|
||||
authors: "Nielsen, M. A. & Chuang, I. L.",
|
||||
source: "Cambridge University Press",
|
||||
year: 2010,
|
||||
type: "图书",
|
||||
type: "Book",
|
||||
abstract: "One of the most cited books in physics of all time.",
|
||||
cites: 42000,
|
||||
hasPdf: false,
|
||||
@@ -571,7 +571,7 @@
|
||||
authors: "Coulouris, G., et al.",
|
||||
source: "Addison-Wesley",
|
||||
year: 2011,
|
||||
type: "图书",
|
||||
type: "Book",
|
||||
abstract: "Broad and up-to-date coverage of the principles and practice in Distributed Systems.",
|
||||
cites: 5000,
|
||||
hasPdf: false,
|
||||
@@ -582,7 +582,7 @@
|
||||
authors: "Murphy, K. P.",
|
||||
source: "MIT Press",
|
||||
year: 2012,
|
||||
type: "图书",
|
||||
type: "Book",
|
||||
abstract: "A comprehensive introduction to machine learning that uses probabilistic models and inference as a unifying approach.",
|
||||
cites: 12000,
|
||||
hasPdf: false,
|
||||
@@ -593,7 +593,7 @@
|
||||
authors: "Bishop, C. M.",
|
||||
source: "Springer",
|
||||
year: 2006,
|
||||
type: "图书",
|
||||
type: "Book",
|
||||
abstract: "This is the first textbook on pattern recognition to present the Bayesian viewpoint.",
|
||||
cites: 48000,
|
||||
hasPdf: true,
|
||||
@@ -604,7 +604,7 @@
|
||||
authors: "Cormen, T. H., Leiserson, C. E., Rivest, R. L., & Stein, C.",
|
||||
source: "MIT Press",
|
||||
year: 2009,
|
||||
type: "图书",
|
||||
type: "Book",
|
||||
abstract: "This book provides a comprehensive introduction to the modern study of computer algorithms.",
|
||||
cites: 65000,
|
||||
hasPdf: false,
|
||||
@@ -615,7 +615,7 @@
|
||||
authors: "Aho, A. V., Lam, M. S., Sethi, R., & Ullman, J. D.",
|
||||
source: "Pearson",
|
||||
year: 2006,
|
||||
type: "图书",
|
||||
type: "Book",
|
||||
abstract: "Known as the Dragon Book, it covers the principles and techniques of compiler design.",
|
||||
cites: 30000,
|
||||
hasPdf: false,
|
||||
@@ -626,7 +626,7 @@
|
||||
authors: "Russell, S., & Norvig, P.",
|
||||
source: "Pearson",
|
||||
year: 2020,
|
||||
type: "图书",
|
||||
type: "Book",
|
||||
abstract: "The long-anticipated revision of this best-selling text offers the most comprehensive, up-to-date introduction to AI.",
|
||||
cites: 52000,
|
||||
hasPdf: false,
|
||||
@@ -637,7 +637,7 @@
|
||||
authors: "Kernighan, B. W., & Ritchie, D. M.",
|
||||
source: "Prentice Hall",
|
||||
year: 1988,
|
||||
type: "图书",
|
||||
type: "Book",
|
||||
abstract: "The authors present the complete guide to ANSI standard C language programming.",
|
||||
cites: 25000,
|
||||
hasPdf: false,
|
||||
@@ -648,7 +648,7 @@
|
||||
authors: "Fowler, M.",
|
||||
source: "Addison-Wesley",
|
||||
year: 1999,
|
||||
type: "图书",
|
||||
type: "Book",
|
||||
abstract: "Refactoring is a controlled technique for improving the design of an existing code base.",
|
||||
cites: 14000,
|
||||
hasPdf: false,
|
||||
@@ -659,7 +659,7 @@
|
||||
authors: "Evans, E.",
|
||||
source: "Addison-Wesley",
|
||||
year: 2003,
|
||||
type: "图书",
|
||||
type: "Book",
|
||||
abstract: "This book addresses the complexity of software by connecting the implementation to an evolving model.",
|
||||
cites: 9000,
|
||||
hasPdf: false,
|
||||
@@ -670,7 +670,7 @@
|
||||
authors: "Hunt, A., & Thomas, D.",
|
||||
source: "Addison-Wesley",
|
||||
year: 1999,
|
||||
type: "图书",
|
||||
type: "Book",
|
||||
abstract: "The Pragmatic Programmer cuts through the increasing specialization and technicalities of modern software development to examine the core process.",
|
||||
cites: 11000,
|
||||
hasPdf: false,
|
||||
@@ -681,7 +681,7 @@
|
||||
authors: "McConnell, S.",
|
||||
source: "Microsoft Press",
|
||||
year: 2004,
|
||||
type: "图书",
|
||||
type: "Book",
|
||||
abstract: "Widely considered one of the best practical guides to programming, Steve McConnell’s original CODE COMPLETE has been helping developers write better software for more than a decade.",
|
||||
cites: 13000,
|
||||
hasPdf: false,
|
||||
@@ -692,7 +692,7 @@
|
||||
authors: "Abelson, H., & Sussman, G. J.",
|
||||
source: "MIT Press",
|
||||
year: 1996,
|
||||
type: "图书",
|
||||
type: "Book",
|
||||
abstract: "This book is known as the Wizard Book in hacker culture.",
|
||||
cites: 8000,
|
||||
hasPdf: true,
|
||||
@@ -703,7 +703,7 @@
|
||||
authors: "Tanenbaum, A. S., & Wetherall, D. J.",
|
||||
source: "Pearson",
|
||||
year: 2010,
|
||||
type: "图书",
|
||||
type: "Book",
|
||||
abstract: "Appropriate for Computer Networking or Introduction to Networking courses at receiver.",
|
||||
cites: 18000,
|
||||
hasPdf: false,
|
||||
@@ -714,7 +714,7 @@
|
||||
authors: "Silberschatz, A., Galvin, P. B., & Gagne, G.",
|
||||
source: "Wiley",
|
||||
year: 2018,
|
||||
type: "图书",
|
||||
type: "Book",
|
||||
abstract: "The tenth edition of Operating System Concepts has been revised to keep it fresh and up-to-date with contemporary OS examples.",
|
||||
cites: 22000,
|
||||
hasPdf: false,
|
||||
@@ -725,7 +725,7 @@
|
||||
authors: "Silberschatz, A., Korth, H. F., & Sudarshan, S.",
|
||||
source: "McGraw-Hill",
|
||||
year: 2019,
|
||||
type: "图书",
|
||||
type: "Book",
|
||||
abstract: "Database System Concepts by Silberschatz, Korth and Sudarshan is now in its 7th edition.",
|
||||
cites: 16000,
|
||||
hasPdf: false,
|
||||
@@ -736,7 +736,7 @@
|
||||
authors: "Hennessy, J. L., & Patterson, D. A.",
|
||||
source: "Morgan Kaufmann",
|
||||
year: 2017,
|
||||
type: "图书",
|
||||
type: "Book",
|
||||
abstract: "The era of general-purpose computing brings new challenges and opportunities for computer architecture.",
|
||||
cites: 28000,
|
||||
hasPdf: false,
|
||||
@@ -747,7 +747,7 @@
|
||||
authors: "Brown, T., et al.",
|
||||
source: "NeurIPS 2020",
|
||||
year: 2020,
|
||||
type: "会议论文",
|
||||
type: "Conference Paper",
|
||||
abstract: "We demonstrate that scaling up language models greatly improves task-agnostic, few-shot performance.",
|
||||
cites: 45000,
|
||||
hasPdf: true,
|
||||
@@ -758,7 +758,7 @@
|
||||
authors: "LeCun, Y., Bengio, Y., & Hinton, G.",
|
||||
source: "Nature",
|
||||
year: 2015,
|
||||
type: "期刊文章",
|
||||
type: "Journal Article",
|
||||
abstract: "Deep learning allows computational models that are composed of multiple processing layers to learn representations of data with multiple levels of abstraction.",
|
||||
cites: 88000,
|
||||
hasPdf: true,
|
||||
@@ -769,7 +769,7 @@
|
||||
authors: "Chen, T., & Guestrin, C.",
|
||||
source: "KDD 2016",
|
||||
year: 2016,
|
||||
type: "会议论文",
|
||||
type: "Conference Paper",
|
||||
abstract: "We describe a scalable end-to-end tree boosting system called XGBoost, which is used widely by data scientists.",
|
||||
cites: 35000,
|
||||
hasPdf: true,
|
||||
@@ -780,7 +780,7 @@
|
||||
authors: "Srivastava, N., et al.",
|
||||
source: "JMLR",
|
||||
year: 2014,
|
||||
type: "期刊文章",
|
||||
type: "Journal Article",
|
||||
abstract: "The key idea is to randomly drop units (along with their connections) from the neural network during training.",
|
||||
cites: 50000,
|
||||
hasPdf: true,
|
||||
@@ -791,7 +791,7 @@
|
||||
authors: "Kingma, D. P., & Ba, J.",
|
||||
source: "ICLR 2015",
|
||||
year: 2015,
|
||||
type: "会议论文",
|
||||
type: "Conference Paper",
|
||||
abstract: "We introduce Adam, an algorithm for first-order gradient-based optimization of stochastic objective functions.",
|
||||
cites: 130000,
|
||||
hasPdf: true,
|
||||
@@ -802,7 +802,7 @@
|
||||
authors: "Ba, J. L., Kiros, J. R., & Hinton, G. E.",
|
||||
source: "ArXiv",
|
||||
year: 2016,
|
||||
type: "期刊文章",
|
||||
type: "Journal Article",
|
||||
abstract: "Layer normalization is a technique to normalize the activities of the neurons.",
|
||||
cites: 15000,
|
||||
hasPdf: true,
|
||||
@@ -813,7 +813,7 @@
|
||||
authors: "He, K., Gkioxari, G., Dollár, P., & Girshick, R.",
|
||||
source: "ICCV 2017",
|
||||
year: 2017,
|
||||
type: "会议论文",
|
||||
type: "Conference Paper",
|
||||
abstract: "We present a conceptually simple, flexible, and general framework for object instance segmentation.",
|
||||
cites: 35000,
|
||||
hasPdf: true,
|
||||
@@ -824,7 +824,7 @@
|
||||
authors: "Ronneberger, O., Fischer, P., & Brox, T.",
|
||||
source: "MICCAI 2015",
|
||||
year: 2015,
|
||||
type: "会议论文",
|
||||
type: "Conference Paper",
|
||||
abstract: "We present a network and training strategy that relies on the strong use of data augmentation.",
|
||||
cites: 60000,
|
||||
hasPdf: true,
|
||||
@@ -835,7 +835,7 @@
|
||||
authors: "Mnih, V., et al.",
|
||||
source: "NeurIPS Deep Learning Workshop",
|
||||
year: 2013,
|
||||
type: "会议论文",
|
||||
type: "Conference Paper",
|
||||
abstract: "We present the first deep learning model to successfully learn control policies directly from high-dimensional sensory input using reinforcement learning.",
|
||||
cites: 25000,
|
||||
hasPdf: true,
|
||||
@@ -846,7 +846,7 @@
|
||||
authors: "Mnih, V., et al.",
|
||||
source: "Nature",
|
||||
year: 2015,
|
||||
type: "期刊文章",
|
||||
type: "Journal Article",
|
||||
abstract: "We highlight the ability of the Deep Q-Network agent to derive successful policies.",
|
||||
cites: 40000,
|
||||
hasPdf: true,
|
||||
@@ -896,7 +896,7 @@
|
||||
});
|
||||
|
||||
STATE.pagination.total = STATE.filteredDb.length;
|
||||
document.getElementById('result-status').innerHTML = `<strong>高级检索:</strong> 找到 ${STATE.filteredDb.length} 条结果`;
|
||||
document.getElementById('result-status').innerHTML = `<strong>Advanced Search:</strong> Found ${STATE.filteredDb.length} results`;
|
||||
|
||||
renderList();
|
||||
renderPagination();
|
||||
@@ -912,13 +912,13 @@
|
||||
|
||||
const html = `
|
||||
<p><strong>APA 7th:</strong></p>
|
||||
<div class="citation-box">${apa} <button class="copy-btn" onclick="copyText('${apa.replace(/'/g, "\\'")}')">复制</button></div>
|
||||
<div class="citation-box">${apa} <button class="copy-btn" onclick="copyText('${apa.replace(/'/g, "\\'")}')">Copy</button></div>
|
||||
|
||||
<p><strong>MLA 9th:</strong></p>
|
||||
<div class="citation-box">${mla} <button class="copy-btn" onclick="copyText('${mla.replace(/'/g, "\\'")}')">复制</button></div>
|
||||
<div class="citation-box">${mla} <button class="copy-btn" onclick="copyText('${mla.replace(/'/g, "\\'")}')">Copy</button></div>
|
||||
|
||||
<p><strong>BibTeX:</strong></p>
|
||||
<div class="citation-box">${bib} <button class="copy-btn" onclick="copyText('${bib.replace(/'/g, "\\'")}')">复制</button></div>
|
||||
<div class="citation-box">${bib} <button class="copy-btn" onclick="copyText('${bib.replace(/'/g, "\\'")}')">Copy</button></div>
|
||||
`;
|
||||
|
||||
document.getElementById('citation-body').innerHTML = html;
|
||||
@@ -927,7 +927,7 @@
|
||||
|
||||
function copyText(text) {
|
||||
navigator.clipboard.writeText(text).then(() => {
|
||||
showCustomAlert('已复制到剪贴板');
|
||||
showCustomAlert('Copied to clipboard');
|
||||
});
|
||||
}
|
||||
|
||||
@@ -999,7 +999,7 @@
|
||||
|
||||
// Update status text
|
||||
const statusEl = document.getElementById('result-status');
|
||||
if(statusEl) statusEl.innerHTML = `找到约 ${res.length} 条结果 (耗时 ${Math.random().toFixed(2)}秒)`;
|
||||
if(statusEl) statusEl.innerHTML = `Found approx ${res.length} results (Time: ${Math.random().toFixed(2)}s)`;
|
||||
|
||||
renderList();
|
||||
renderPagination();
|
||||
@@ -1018,7 +1018,7 @@
|
||||
ids: new Set(),
|
||||
add: function(id) {
|
||||
if (this.ids.has(id)) {
|
||||
showCustomAlert('该资源已在书架中！');
|
||||
showCustomAlert('Resource already in shelf!');
|
||||
return;
|
||||
}
|
||||
this.ids.add(id);
|
||||
@@ -1027,7 +1027,7 @@
|
||||
// Visual feedback
|
||||
const btn = document.getElementById(`btn-shelf-${id}`);
|
||||
if(btn) {
|
||||
btn.innerText = "已收藏";
|
||||
btn.innerText = "Shelved";
|
||||
btn.style.color = "#aaa";
|
||||
}
|
||||
},
|
||||
@@ -1050,7 +1050,7 @@
|
||||
container.innerHTML = '';
|
||||
|
||||
if (SHELF.ids.size === 0) {
|
||||
container.innerHTML = '<div style="grid-column:1/-1; text-align:center; padding:50px; color:#999;">你的书架是空的。快去搜索结果中添加一些资源吧！</div>';
|
||||
container.innerHTML = '<div style="grid-column:1/-1; text-align:center; padding:50px; color:#999;">Your shelf is empty. Go add some resources!</div>';
|
||||
} else {
|
||||
SHELF.ids.forEach(id => {
|
||||
const item = STATE.db.find(d => d.id === parseInt(id));
|
||||
@@ -1062,9 +1062,9 @@
|
||||
<div style="font-weight:bold; font-size:14px; margin-bottom:5px; height:40px; overflow:hidden;">${item.title}</div>
|
||||
<div style="font-size:12px; color:#666;">${item.year}</div>
|
||||
<div style="margin-top:10px;">
|
||||
<a href="javascript:void(0)" onclick="closeModal('modal-myshelf'); openDetail(${item.id})" style="font-size:12px;">查看</a>
|
||||
<a href="javascript:void(0)" onclick="closeModal('modal-myshelf'); openDetail(${item.id})" style="font-size:12px;">View</a>
|
||||
<span style="color:#ccc;">|</span>
|
||||
<a href="javascript:void(0)" onclick="SHELF.remove(${item.id})" style="font-size:12px; color:red;">移除</a>
|
||||
<a href="javascript:void(0)" onclick="SHELF.remove(${item.id})" style="font-size:12px; color:red;">Remove</a>
|
||||
</div>
|
||||
`;
|
||||
container.appendChild(el);
|
||||
@@ -1086,7 +1086,7 @@
|
||||
const pageData = STATE.filteredDb.slice(start, end);
|
||||
|
||||
if (pageData.length === 0) {
|
||||
container.innerHTML = '<div style="padding:50px; text-align:center; color:#666;">没有找到相关资源，请尝试更换关键词。</div>';
|
||||
container.innerHTML = '<div style="padding:50px; text-align:center; color:#666;">No resources found. Please try different keywords.</div>';
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -1098,13 +1098,13 @@
|
||||
if (STATE.pagination.page === 1 && index === 2 && !promoInserted) {
|
||||
container.innerHTML += `
|
||||
<div class="promo-banner">
|
||||
<div><strong>[推荐资源] ACM Digital Library 试用开通</strong></div>
|
||||
<div><strong>[Recommended] ACM Digital Library Trial</strong></div>
|
||||
<div style="font-size:13px; color:#555; margin:5px 0;">
|
||||
<p>摘要: 图书馆已开通 ACM 数据库试用，包含最新的计算机领域会议论文...</p>
|
||||
<p>Abstract: The library has opened an ACM database trial, containing the latest computer science conference papers...</p>
|
||||
</div>
|
||||
<div class="action-row">
|
||||
<a href="javascript:void(0)" style="background:#0055a6; color:white; border:none;">点击进入数据库</a>
|
||||
<a href="javascript:void(0)" style="border:none; text-decoration:underline; background:none;">填写反馈意见</a>
|
||||
<a href="javascript:void(0)" style="background:#0055a6; color:white; border:none;">Enter Database</a>
|
||||
<a href="javascript:void(0)" style="border:none; text-decoration:underline; background:none;">Feedback</a>
|
||||
</div>
|
||||
</div>`;
|
||||
promoInserted = true;
|
||||
@@ -1119,14 +1119,14 @@
|
||||
<strong style="cursor:pointer;" onclick="openDetail(${item.id})">${start + index + 1}. ${item.title}</strong>
|
||||
</div>
|
||||
<div class="result-meta">
|
||||
<p>作者: ${item.authors} | ${item.year} | <span style="background:#eee; padding:2px 6px; border-radius:3px; font-size:12px;">${item.type}</span> | 引用: ${item.cites}</p>
|
||||
<p>来源: <em>${item.source}</em></p>
|
||||
<p class="result-abstract">摘要: ${item.abstract.substring(0, 150)}...</p>
|
||||
<p>Authors: ${item.authors} | ${item.year} | <span style="background:#eee; padding:2px 6px; border-radius:3px; font-size:12px;">${item.type}</span> | Citations: ${item.cites}</p>
|
||||
<p>Source: <em>${item.source}</em></p>
|
||||
<p class="result-abstract">Abstract: ${item.abstract.substring(0, 150)}...</p>
|
||||
</div>
|
||||
<div class="action-row">
|
||||
${item.hasPdf ? `<a href="javascript:void(0)">PDF 下载</a> <a href="javascript:void(0)">HTML 全文</a>` : `<span style="color:#999; font-size:12px; border:1px solid #eee; padding:4px;">[PDF 不可用]</span> <a href="javascript:void(0)" style="background:white; color:#333; border:1px solid #ccc;">文献传递</a>`}
|
||||
<a href="javascript:void(0)" onclick="showExportCitation(${item.id})">引用</a>
|
||||
<a href="javascript:void(0)" id="btn-shelf-${item.id}" onclick="addToShelf(${item.id})" style="${isShelved ? 'color:#aaa;' : ''}">${isShelved ? '已收藏' : '加入书架'}</a>
|
||||
${item.hasPdf ? `<a href="javascript:void(0)">PDF Download</a> <a href="javascript:void(0)">HTML Full Text</a>` : `<span style="color:#999; font-size:12px; border:1px solid #eee; padding:4px;">[PDF Unavailable]</span> <a href="javascript:void(0)" style="background:white; color:#333; border:1px solid #ccc;">Document Delivery</a>`}
|
||||
<a href="javascript:void(0)" onclick="showExportCitation(${item.id})">Cite</a>
|
||||
<a href="javascript:void(0)" id="btn-shelf-${item.id}" onclick="addToShelf(${item.id})" style="${isShelved ? 'color:#aaa;' : ''}">${isShelved ? 'Shelved' : 'Add to Shelf'}</a>
|
||||
</div>
|
||||
`;
|
||||
container.appendChild(div);
|
||||
@@ -1145,16 +1145,16 @@
|
||||
const curr = STATE.pagination.page;
|
||||
|
||||
let html = '';
|
||||
if (curr > 1) html += `<a href="javascript:void(0)" onclick="changePage(${curr-1})">上一页</a>`;
|
||||
else html += `<span style="color:#ccc; padding:8px 16px; border:1px solid #eee; margin:0 4px;">上一页</span>`;
|
||||
if (curr > 1) html += `<a href="javascript:void(0)" onclick="changePage(${curr-1})">Previous</a>`;
|
||||
else html += `<span style="color:#ccc; padding:8px 16px; border:1px solid #eee; margin:0 4px;">Previous</span>`;
|
||||
|
||||
for(let i=1; i<=totalPages; i++) {
|
||||
if (i === curr) html += `<strong>${i}</strong>`;
|
||||
else html += `<a href="javascript:void(0)" onclick="changePage(${i})">${i}</a>`;
|
||||
}
|
||||
|
||||
if (curr < totalPages) html += `<a href="javascript:void(0)" onclick="changePage(${curr+1})">下一页</a>`;
|
||||
else html += `<span style="color:#ccc; padding:8px 16px; border:1px solid #eee; margin:0 4px;">下一页</span>`;
|
||||
if (curr < totalPages) html += `<a href="javascript:void(0)" onclick="changePage(${curr+1})">Next</a>`;
|
||||
else html += `<span style="color:#ccc; padding:8px 16px; border:1px solid #eee; margin:0 4px;">Next</span>`;
|
||||
|
||||
container.innerHTML = html;
|
||||
}
|
||||
@@ -1170,16 +1170,16 @@
|
||||
container.innerHTML = `
|
||||
<h2 style="color:var(--primary); border-bottom:1px solid #ddd; padding-bottom:15px; margin-top:0;">${item.title}</h2>
|
||||
<div style="background:#f9f9f9; padding:15px; border-radius:4px; margin-bottom:20px;">
|
||||
<p><strong>类型:</strong> ${item.type}</p>
|
||||
<p><strong>作者:</strong> ${item.authors}</p>
|
||||
<p><strong>出版源:</strong> ${item.source}</p>
|
||||
<p><strong>年份:</strong> ${item.year}</p>
|
||||
<p><strong>被引次数:</strong> ${item.cites}</p>
|
||||
<p><strong>Type:</strong> ${item.type}</p>
|
||||
<p><strong>Authors:</strong> ${item.authors}</p>
|
||||
<p><strong>Source:</strong> ${item.source}</p>
|
||||
<p><strong>Year:</strong> ${item.year}</p>
|
||||
<p><strong>Citations:</strong> ${item.cites}</p>
|
||||
<p><strong>DOI:</strong> 10.1145/${Math.random().toString(36).substr(2, 9)}</p>
|
||||
<p><strong>语言:</strong> ${item.language || 'English'}</p>
|
||||
<p><strong>Language:</strong> ${item.language || 'English'}</p>
|
||||
</div>
|
||||
|
||||
<h3>Abstract / 摘要</h3>
|
||||
<h3>Abstract</h3>
|
||||
<p style="text-align:justify; line-height:1.8; font-size:16px;">${item.abstract}</p>
|
||||
<p style="text-align:justify; line-height:1.8; color:#666;">
|
||||
(Simulated Full Text Content)<br><br>
|
||||
@@ -1193,11 +1193,11 @@
|
||||
|
||||
<div style="margin-top:30px; display:flex; gap:15px; border-top:1px solid #ddd; padding-top:20px;">
|
||||
${item.hasPdf
|
||||
? `<button style="background:var(--primary); color:white; border:none; padding:10px 25px; border-radius:4px; cursor:pointer;" onclick="showCustomAlert('开始下载 ${item.title}.pdf')">下载全文 (PDF)</button>`
|
||||
: `<button style="background:#ccc; color:white; border:none; padding:10px 25px; border-radius:4px; cursor:not-allowed;">PDF 未授权</button> <button style="background:white; color:#333; border:1px solid #ccc; padding:10px 25px; border-radius:4px; cursor:pointer;" onclick="showCustomAlert('申请文献传递...')">申请文献传递</button>`
|
||||
? `<button style="background:var(--primary); color:white; border:none; padding:10px 25px; border-radius:4px; cursor:pointer;" onclick="showCustomAlert('Start downloading ${item.title}.pdf')">Download Full Text (PDF)</button>`
|
||||
: `<button style="background:#ccc; color:white; border:none; padding:10px 25px; border-radius:4px; cursor:not-allowed;">PDF Unauthorized</button> <button style="background:white; color:#333; border:1px solid #ccc; padding:10px 25px; border-radius:4px; cursor:pointer;" onclick="showCustomAlert('Request Document Delivery...')">Request Document Delivery</button>`
|
||||
}
|
||||
<button style="background:white; color:var(--text-main); border:1px solid #ccc; padding:10px 25px; border-radius:4px; cursor:pointer;" onclick="showExportCitation(${item.id})">获取引用格式</button>
|
||||
<button style="background:white; color:var(--text-main); border:1px solid #ccc; padding:10px 25px; border-radius:4px; cursor:pointer;" onclick="addToShelf(${item.id})">加入书架</button>
|
||||
<button style="background:white; color:var(--text-main); border:1px solid #ccc; padding:10px 25px; border-radius:4px; cursor:pointer;" onclick="showExportCitation(${item.id})">Get Citation</button>
|
||||
<button style="background:white; color:var(--text-main); border:1px solid #ccc; padding:10px 25px; border-radius:4px; cursor:pointer;" onclick="addToShelf(${item.id})">Add to Shelf</button>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
@@ -1224,7 +1224,7 @@
|
||||
const mla = `${title}. ${year}.`;
|
||||
const bibtex = `@article{cite_${year}, title={${title}}, year={${year}}}`;
|
||||
|
||||
showCustomAlert(`引用格式生成:\n\n[APA]: ${apa}\n[MLA]: ${mla}\n[BibTeX]: ${bibtex}`);
|
||||
showCustomAlert(`Citation Generated:\n\n[APA]: ${apa}\n[MLA]: ${mla}\n[BibTeX]: ${bibtex}`);
|
||||
}
|
||||
|
||||
// Initialize
|
||||
30
005/record.json
Normal file
30
005/record.json
Normal file
@@ -0,0 +1,30 @@
|
||||
{
|
||||
"step-1": {
|
||||
"query": "我需要查找关于深度学习架构的经典论文，请在检索框中输入“Residual Learning”",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-2": {
|
||||
"query": "请开始搜索",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-3": {
|
||||
"query": "在搜索结果中，找到那篇2016年发表的、引用量最高的关于图像识别的论文，并进入其详情页",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-4": {
|
||||
"query": "这篇论文非常重要，请把它加入到我的个人收藏架中，以便日后阅读",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-5": {
|
||||
"query": "我现在需要这篇论文的APA格式引用信息，请调出引用窗口",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-6": {
|
||||
"query": "把APA格式的引用文本复制一下",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-7": {
|
||||
"query": "引用信息已经获取完了，关闭这个引用窗口吧",
|
||||
"grounding_area": ""
|
||||
}
|
||||
}
|
||||
312
006/6-001.html
Normal file
312
006/6-001.html
Normal file
File diff suppressed because one or more lines are too long
311
006/6-002.html
Normal file
311
006/6-002.html
Normal file
File diff suppressed because one or more lines are too long
305
006/6-003.html
Normal file
305
006/6-003.html
Normal file
File diff suppressed because one or more lines are too long
305
006/6-004.html
Normal file
305
006/6-004.html
Normal file
File diff suppressed because one or more lines are too long
305
006/6-005.html
Normal file
305
006/6-005.html
Normal file
File diff suppressed because one or more lines are too long
305
006/6-006.html
Normal file
305
006/6-006.html
Normal file
File diff suppressed because one or more lines are too long
@@ -6,7 +6,7 @@
|
||||
<title>BitMatrix Pro Exchange - BTC/USDT</title>
|
||||
|
||||
<style>
|
||||
/* === 全局样式 === */
|
||||
/* === Global Styles === */
|
||||
:root {
|
||||
--bg-dark: #12161c;
|
||||
--bg-panel: #1e2329;
|
||||
@@ -24,7 +24,7 @@
|
||||
font-family: 'Binance Plex', Arial, sans-serif;
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
overflow: hidden; /* 防止原生那种长滚动 */
|
||||
overflow: hidden; /* Prevent native long scroll */
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -51,8 +51,8 @@
|
||||
#market-sidebar li, #order-book li { cursor: pointer; }
|
||||
#order-book li:hover { background-color: #2b3139; }
|
||||
|
||||
/* === 更多样式 (填充到900+行的内容) === */
|
||||
/* 高级设置面板 (New Section) */
|
||||
/* === More Styles (Filling up content) === */
|
||||
/* Advanced Settings Panel (New Section) */
|
||||
#advanced-panel {
|
||||
grid-column: 1 / -1;
|
||||
background: #181d24;
|
||||
@@ -67,16 +67,16 @@
|
||||
#advanced-panel ul li { margin-bottom: 5px; cursor: pointer; }
|
||||
#advanced-panel ul li:hover { color: var(--accent); text-decoration: underline; }
|
||||
|
||||
/* 页底免责声明扩展 */
|
||||
/* Footer Disclaimer Extension */
|
||||
.disclaimer-long {
|
||||
font-size: 10px; color: #444; margin-top: 20px; padding: 10px 0; border-top: 1px solid #222;
|
||||
}
|
||||
|
||||
/* 模态框动画 */
|
||||
/* Modal Animation */
|
||||
#modal-content { animation: dropDown 0.3s ease; }
|
||||
@keyframes dropDown { from { transform: translateY(-50px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
|
||||
|
||||
/* 滚动条美化 */
|
||||
/* Scrollbar Styling */
|
||||
::-webkit-scrollbar { width: 6px; }
|
||||
::-webkit-scrollbar-track { background: var(--bg-dark); }
|
||||
::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
|
||||
@@ -108,7 +108,7 @@
|
||||
height: 200px; /* Reduced for layout fit */
|
||||
}
|
||||
|
||||
/* 深度图视觉模拟 */
|
||||
/* Depth Chart Visual Simulation */
|
||||
.depth-visual {
|
||||
height: 50px;
|
||||
margin-top: 10px;
|
||||
@@ -127,7 +127,7 @@
|
||||
.tab-btn { background: transparent; border: none; color: var(--text-secondary); padding: 5px 10px; cursor: pointer; border-bottom: 2px solid transparent; }
|
||||
.tab-btn.active { color: var(--accent); border-bottom: 2px solid var(--accent); }
|
||||
|
||||
/* === 顶部通告 (干扰) === */
|
||||
/* === Top Notice (Interference) === */
|
||||
#top-banner {
|
||||
background: #2b3139;
|
||||
color: var(--text-secondary);
|
||||
@@ -138,10 +138,10 @@
|
||||
gap: 20px;
|
||||
}
|
||||
#top-banner p { margin: 0; }
|
||||
/* 隐藏掉纯广告 */
|
||||
/* Hide pure ads */
|
||||
#top-banner p:nth-child(3) { display: none; }
|
||||
|
||||
/* === 头部导航 === */
|
||||
/* === Header Navigation === */
|
||||
#header {
|
||||
background: var(--bg-panel);
|
||||
padding: 10px 20px;
|
||||
@@ -154,17 +154,17 @@
|
||||
#header h1 { font-size: 16px; color: var(--accent); }
|
||||
#header nav a { margin: 0 10px; font-weight: bold; }
|
||||
#header div span { margin-left: 15px; }
|
||||
#header strong { color: var(--down); } /* 价格跌了是红色 */
|
||||
#header strong { color: var(--down); } /* Red if price drops */
|
||||
|
||||
/* === 主布局 (Grid) === */
|
||||
/* === Main Layout (Grid) === */
|
||||
#main-layout {
|
||||
display: grid;
|
||||
grid-template-columns: 250px 1fr 300px; /* 左中右三栏 */
|
||||
grid-template-columns: 250px 1fr 300px; /* Left Middle Right 3 Columns */
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* === 左侧：市场列表 === */
|
||||
/* === Left: Market List === */
|
||||
#market-sidebar {
|
||||
background: var(--bg-dark);
|
||||
border-right: 1px solid var(--border);
|
||||
@@ -177,14 +177,14 @@
|
||||
#market-sidebar li a { display: block; padding: 8px 5px; border-radius: 2px; }
|
||||
#market-sidebar li a:hover { background: var(--bg-panel); }
|
||||
|
||||
/* === 中间：图表与盘口 === */
|
||||
/* === Middle: Chart & Orderbook === */
|
||||
#center-panel {
|
||||
display: grid;
|
||||
grid-template-rows: 60% 40%; /* 上图下盘口 */
|
||||
grid-template-rows: 60% 40%; /* Top Chart Bottom Orderbook */
|
||||
border-right: 1px solid var(--border);
|
||||
}
|
||||
|
||||
/* K线图占位优化 */
|
||||
/* K-Line Placeholder Optimization */
|
||||
#chart-area {
|
||||
background: var(--bg-panel);
|
||||
border-bottom: 1px solid var(--border);
|
||||
@@ -199,7 +199,7 @@
|
||||
align-items: center;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
/* 延迟警告美化 */
|
||||
/* Latency Warning Styling */
|
||||
#chart-area > div:last-child {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
@@ -211,7 +211,7 @@
|
||||
border: 1px solid var(--down);
|
||||
}
|
||||
|
||||
/* 订单簿 */
|
||||
/* Orderbook */
|
||||
#order-book {
|
||||
padding: 10px;
|
||||
display: grid;
|
||||
@@ -226,15 +226,15 @@
|
||||
.book-column ul { font-family: 'Courier New', monospace; }
|
||||
.book-column li { display: flex; justify-content: space-between; padding: 2px 0; }
|
||||
|
||||
/* 卖盘 (红) */
|
||||
/* Asks (Red) */
|
||||
.book-column:nth-child(2) li span:first-child { color: var(--down); }
|
||||
/* 买盘 (绿) */
|
||||
/* Bids (Green) */
|
||||
.book-column:nth-child(5) li span:first-child { color: var(--up); }
|
||||
|
||||
/* 广告行隐藏 */
|
||||
/* Ad Row Hidden */
|
||||
.book-ad { display: none; }
|
||||
|
||||
/* 当前价格居中 */
|
||||
/* Centered Current Price */
|
||||
.current-price {
|
||||
grid-column: 1 / -1;
|
||||
text-align: center;
|
||||
@@ -245,14 +245,14 @@
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
|
||||
/* === 右侧：交易与聊天 === */
|
||||
/* === Right: Trade & Chat === */
|
||||
#right-panel {
|
||||
background: var(--bg-panel);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
/* 交易表单 */
|
||||
/* Trade Form */
|
||||
#trade-form { padding: 15px; }
|
||||
#trade-form form > div { margin-bottom: 10px; }
|
||||
#trade-form label { display: block; color: var(--text-secondary); margin-bottom: 4px; }
|
||||
@@ -267,7 +267,7 @@
|
||||
.btn-group button:first-child { background: var(--up); }
|
||||
.btn-group button:last-child { background: var(--down); }
|
||||
|
||||
/* 杠杆警告美化 */
|
||||
/* Leverage Warning Styling */
|
||||
#trade-form > form > div:nth-last-child(2) {
|
||||
border: 1px solid var(--border) !important;
|
||||
background: #2b3139;
|
||||
@@ -275,13 +275,13 @@
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/* 实时成交 */
|
||||
/* Recent Trades */
|
||||
#recent-trades { padding: 10px; flex: 1; overflow-y: hidden; }
|
||||
#recent-trades li { display: flex; justify-content: space-between; color: var(--text-secondary); font-family: monospace; }
|
||||
#recent-trades li:nth-child(odd) { color: var(--up); }
|
||||
#recent-trades li:nth-child(even) { color: var(--down); }
|
||||
|
||||
/* 聊天室 */
|
||||
/* Chat Room */
|
||||
#chat-room {
|
||||
height: 200px;
|
||||
border-top: 1px solid var(--border);
|
||||
@@ -296,7 +296,7 @@
|
||||
#chat-room form { display: flex; border-top: 1px solid var(--border); }
|
||||
#chat-room input { flex: 1; background: transparent; border: none; color: white; padding: 8px; }
|
||||
|
||||
/* === 底部 === */
|
||||
/* === Footer === */
|
||||
#footer {
|
||||
background: var(--bg-panel);
|
||||
border-top: 1px solid var(--border);
|
||||
@@ -315,50 +315,50 @@
|
||||
<div id="app-root">
|
||||
|
||||
<div id="top-banner">
|
||||
<p><strong>[系统公告]</strong> 由于节点维护，ERC-20 代币提现将延迟 2 小时到账。</p>
|
||||
<p><strong>[风险提示]</strong> 加密货币价格波动剧烈，请理性投资。</p>
|
||||
<p><strong>[广告]</strong> 注册即送 5000 USDT 体验金！点击领取 >></p>
|
||||
<p><strong>[System Notice]</strong> Due to node maintenance, ERC-20 token withdrawals will be delayed by 2 hours.</p>
|
||||
<p><strong>[Risk Warning]</strong> Cryptocurrency prices are highly volatile. Please invest rationally.</p>
|
||||
<p><strong>[Ad]</strong> Register to get 5000 USDT trial funds! Click to claim >></p>
|
||||
</div>
|
||||
|
||||
<div id="header">
|
||||
<h1>BitMatrix Pro | 专业版交易终端</h1>
|
||||
<h1>BitMatrix Pro | Professional Trading Terminal</h1>
|
||||
<nav>
|
||||
<a href="#">法币交易</a> |
|
||||
<a href="#">币币交易</a> |
|
||||
<a href="#">合约交易 (100x)</a> |
|
||||
<a href="#">理财挖矿</a> |
|
||||
<a href="#">NFT 市场</a>
|
||||
<a href="#">Fiat Trading</a> |
|
||||
<a href="#">Spot Trading</a> |
|
||||
<a href="#">Futures (100x)</a> |
|
||||
<a href="#">Earn</a> |
|
||||
<a href="#">NFT Market</a>
|
||||
</nav>
|
||||
<div>
|
||||
<span>当前价格: <strong id="header-price">98,542.00</strong> USD</span>
|
||||
<span>24h 涨跌: -2.4%</span>
|
||||
<span>用户: User_888 (未认证)</span>
|
||||
<span>Price: <strong id="header-price">98,542.00</strong> USD</span>
|
||||
<span>24h Chg: -2.4%</span>
|
||||
<span>User: User_888 (Unverified)</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="main-layout">
|
||||
|
||||
<div id="market-sidebar">
|
||||
<h3>市场列表</h3>
|
||||
<h3>Market List</h3>
|
||||
<form>
|
||||
<input type="text" placeholder="搜索币种...">
|
||||
<button type="button" style="display:none;">搜</button>
|
||||
<input type="text" placeholder="Search coin...">
|
||||
<button type="button" style="display:none;">Search</button>
|
||||
</form>
|
||||
<ul>
|
||||
<li onclick="switchMarket('BTC/USDT', 98542.00)"><a href="javascript:void(0)">BTC/USDT - 98,542.00</a></li>
|
||||
<li onclick="switchMarket('ETH/USDT', 3850.00)"><a href="javascript:void(0)">ETH/USDT - 3,850.00</a></li>
|
||||
<li onclick="switchMarket('SOL/USDT', 145.20)"><a href="javascript:void(0)">SOL/USDT - 145.20</a></li>
|
||||
<li onclick="switchMarket('DOGE/USDT', 0.1205)"><a href="javascript:void(0)">DOGE/USDT - 0.1205</a></li>
|
||||
<li onclick="switchMarket('PEPE/USDT', 0.00001)"><a href="javascript:void(0)" style="color:#f6465d;">PEPE/USDT (热) - 0.00001</a></li>
|
||||
<li onclick="switchMarket('SCAM/USDT', 1.00)"><a href="javascript:void(0)" style="color:#f6465d;">SCAM/USDT (新) - 1.00</a></li>
|
||||
<li onclick="switchMarket('PEPE/USDT', 0.00001)"><a href="javascript:void(0)" style="color:#f6465d;">PEPE/USDT (Hot) - 0.00001</a></li>
|
||||
<li onclick="switchMarket('SCAM/USDT', 1.00)"><a href="javascript:void(0)" style="color:#f6465d;">SCAM/USDT (New) - 1.00</a></li>
|
||||
<li onclick="switchMarket('BNB/USDT', 600.00)"><a href="javascript:void(0)">BNB/USDT - 600.00</a></li>
|
||||
</ul>
|
||||
|
||||
<div style="margin-top:20px; color:#555; font-size:11px;">
|
||||
<h4>新手任务</h4>
|
||||
<p>1. 完成 KYC 认证 (未完成)</p>
|
||||
<p>2. 首次充值 $100 (未完成)</p>
|
||||
<p>3. 开启合约账户 (未完成)</p>
|
||||
<h4>Newcomer Tasks</h4>
|
||||
<p>1. Complete KYC (Incomplete)</p>
|
||||
<p>2. First Deposit $100 (Incomplete)</p>
|
||||
<p>3. Open Futures Account (Incomplete)</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -366,7 +366,7 @@
|
||||
|
||||
<div id="chart-area">
|
||||
<div style="height: 30px; background: var(--bg-dark); display: flex; align-items: center; padding: 0 10px; gap: 10px; border-bottom: 1px solid var(--border);">
|
||||
<span style="color:var(--text-secondary);">时间:</span>
|
||||
<span style="color:var(--text-secondary);">Time:</span>
|
||||
<button class="chart-time-btn active" onclick="switchChartTime(this, '15m')">15m</button>
|
||||
<button class="chart-time-btn" onclick="switchChartTime(this, '1H')">1H</button>
|
||||
<button class="chart-time-btn" onclick="switchChartTime(this, '4H')">4H</button>
|
||||
@@ -378,17 +378,17 @@
|
||||
<p>Loading scripts...</p>
|
||||
<p>Connecting to WebSocket wss://api.bitmatrix.com...</p>
|
||||
</div>
|
||||
<!-- Delay 警告 -->
|
||||
<!-- Delay Warning -->
|
||||
<div style="position: absolute; top: 40px; right: 10px; background: rgba(246, 70, 93, 0.2); color: var(--down); padding: 5px 10px; border-radius: 4px; border: 1px solid var(--down);">
|
||||
<small>Live Data Delay > 500ms</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="order-book">
|
||||
<h3>订单簿 (深度图)</h3>
|
||||
<h3>Order Book (Depth)</h3>
|
||||
|
||||
<div class="book-column">
|
||||
<h4>卖盘 (Asks)</h4>
|
||||
<h4>Asks</h4>
|
||||
<ul>
|
||||
<li onclick="fillForm(98545.00, 0.52)"><span>98,545.00</span> - <span>0.52 BTC</span></li>
|
||||
<li onclick="fillForm(98544.50, 0.11)"><span>98,544.50</span> - <span>0.11 BTC</span></li>
|
||||
@@ -400,7 +400,7 @@
|
||||
</div>
|
||||
|
||||
<div class="book-ad">
|
||||
<p>--- 广告：使用 BNB 抵扣手续费，享受 7.5 折优惠 ---</p>
|
||||
<p>--- Ad: Use BNB to deduct fees for a 25% discount ---</p>
|
||||
</div>
|
||||
|
||||
<div class="current-price">
|
||||
@@ -408,7 +408,7 @@
|
||||
</div>
|
||||
|
||||
<div class="book-column">
|
||||
<h4>买盘 (Bids)</h4>
|
||||
<h4>Bids</h4>
|
||||
<ul>
|
||||
<li onclick="fillForm(98541.50, 0.33)"><span>98,541.50</span> - <span>0.33 BTC</span></li>
|
||||
<li onclick="fillForm(98541.00, 5.00)"><span>98,541.00</span> - <span>5.00 BTC</span></li>
|
||||
@@ -421,44 +421,44 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 右侧：交易与聊天 -->
|
||||
<!-- Right: Trade & Chat -->
|
||||
<div id="right-panel">
|
||||
|
||||
<div id="trade-form">
|
||||
<h3>现货交易</h3>
|
||||
<h3>Spot Trading</h3>
|
||||
<form onsubmit="event.preventDefault();">
|
||||
<div>
|
||||
<label>类型:</label>
|
||||
<input type="radio" name="type" checked> 限价
|
||||
<input type="radio" name="type"> 市价
|
||||
<label>Type:</label>
|
||||
<input type="radio" name="type" checked> Limit
|
||||
<input type="radio" name="type"> Market
|
||||
</div>
|
||||
<div>
|
||||
<label>价格 (USDT):</label>
|
||||
<label>Price (USDT):</label>
|
||||
<input type="text" value="98542.00">
|
||||
</div>
|
||||
<div>
|
||||
<label>数量 (BTC):</label>
|
||||
<input type="text" placeholder="最小 0.0001">
|
||||
<label>Amount (BTC):</label>
|
||||
<input type="text" placeholder="Min 0.0001">
|
||||
</div>
|
||||
|
||||
<div style="border: 1px dashed red; margin: 5px; padding: 5px;">
|
||||
<input type="checkbox"> <strong>开启 100x 杠杆 (高风险)</strong>
|
||||
<br><small>借币利率 0.05%/天</small>
|
||||
<input type="checkbox"> <strong>Enable 100x Leverage (High Risk)</strong>
|
||||
<br><small>Borrow Rate 0.05%/day</small>
|
||||
</div>
|
||||
|
||||
<p style="margin-bottom: 10px; color:#aaa;">可用余额: Loading...</p>
|
||||
<p style="margin-bottom: 10px; color:#aaa;">Available Balance: Loading...</p>
|
||||
|
||||
<div class="btn-group">
|
||||
<button type="button" onclick="executeTrade('buy')">买入 BTC</button>
|
||||
<button type="button" onclick="executeTrade('sell')">卖出 BTC</button>
|
||||
<button type="button" onclick="executeTrade('buy')">Buy BTC</button>
|
||||
<button type="button" onclick="executeTrade('sell')">Sell BTC</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div id="recent-trades">
|
||||
<div style="padding:10px; border-bottom:1px solid #2b3139; display: flex; gap: 10px;">
|
||||
<button class="trade-tab active" id="tab-btn-recent" onclick="switchTradeTab('recent')">最新成交</button>
|
||||
<button class="trade-tab" id="tab-btn-orders" onclick="switchTradeTab('orders')">当前委托</button>
|
||||
<button class="trade-tab active" id="tab-btn-recent" onclick="switchTradeTab('recent')">Recent Trades</button>
|
||||
<button class="trade-tab" id="tab-btn-orders" onclick="switchTradeTab('orders')">Open Orders</button>
|
||||
</div>
|
||||
|
||||
<div id="trade-list-container">
|
||||
@@ -472,7 +472,7 @@
|
||||
</div>
|
||||
|
||||
<div id="my-orders-container" style="display: none; padding: 10px;">
|
||||
<p style="color: #666; font-size: 11px; text-align: center; margin-bottom: 5px;">- 仅显示当前未成交委托 -</p>
|
||||
<p style="color: #666; font-size: 11px; text-align: center; margin-bottom: 5px;">- Only showing open orders -</p>
|
||||
<ul id="my-orders-list">
|
||||
<!-- Orders will be injected here -->
|
||||
</ul>
|
||||
@@ -480,19 +480,19 @@
|
||||
</div>
|
||||
|
||||
<div id="chat-room">
|
||||
<h3>Trollbox 聊天室 (999+)</h3>
|
||||
<h3>Trollbox Chat (999+)</h3>
|
||||
<div class="chat-messages">
|
||||
<p><strong>Trader_A:</strong> BTC 要崩了，快跑！</p>
|
||||
<p><strong>MoonBoi:</strong> 楼上傻子，这是技术性回调。</p>
|
||||
<p style="color:#f6465d;"><strong>Admin_Bot:</strong> 请勿在聊天室发布广告。</p>
|
||||
<p style="opacity:0.5;"><strong>Scammer_01:</strong> 加我 V 信送内幕消息：SuperWin888</p>
|
||||
<p><strong>Whale_Watcher:</strong> 监测到 5000 BTC 转入交易所。</p>
|
||||
<p><strong>Noob:</strong> 为什么我的提现还没到？</p>
|
||||
<p style="color:#fcd535;"><strong>System:</strong> 用户 User_999 爆仓了。</p>
|
||||
<p><strong>Trader_A:</strong> BTC is crashing, run!</p>
|
||||
<p><strong>MoonBoi:</strong> Idiot above, it's a technical correction.</p>
|
||||
<p style="color:#f6465d;"><strong>Admin_Bot:</strong> Do not post ads in chat.</p>
|
||||
<p style="opacity:0.5;"><strong>Scammer_01:</strong> Add my WeChat for insider info: SuperWin888</p>
|
||||
<p><strong>Whale_Watcher:</strong> 5000 BTC inflow to exchange detected.</p>
|
||||
<p><strong>Noob:</strong> Why hasn't my withdrawal arrived?</p>
|
||||
<p style="color:#fcd535;"><strong>System:</strong> User User_999 liquidated.</p>
|
||||
</div>
|
||||
<form>
|
||||
<input type="text" placeholder="登录后发言..." disabled>
|
||||
<button disabled style="background:#2b3139; color:#aaa; border:none;">发送</button>
|
||||
<input type="text" placeholder="Log in to chat..." disabled>
|
||||
<button disabled style="background:#2b3139; color:#aaa; border:none;">Send</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@@ -504,23 +504,23 @@
|
||||
|
||||
<div id="layout-bottom">
|
||||
<div style="padding: 10px; border-right: 1px solid var(--border); overflow-y: auto;">
|
||||
<h3>资产概览</h3>
|
||||
<h3>Assets Overview</h3>
|
||||
<div style="margin: 10px 0;">
|
||||
<button class="tab-btn active" onclick="switchTab('assets')">资金账户</button>
|
||||
<button class="tab-btn" onclick="switchTab('contract')">合约账户</button>
|
||||
<button class="tab-btn" onclick="switchTab('finance')">理财账户</button>
|
||||
<button class="tab-btn active" onclick="switchTab('assets')">Fund Account</button>
|
||||
<button class="tab-btn" onclick="switchTab('contract')">Futures Account</button>
|
||||
<button class="tab-btn" onclick="switchTab('finance')">Earn Account</button>
|
||||
</div>
|
||||
|
||||
<!-- 资金账户表格 -->
|
||||
<!-- Fund Account Table -->
|
||||
<div id="tab-assets" class="asset-tab-content">
|
||||
<table class="asset-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>币种</th>
|
||||
<th>可用</th>
|
||||
<th>冻结</th>
|
||||
<th>BTC估值</th>
|
||||
<th>操作</th>
|
||||
<th>Coin</th>
|
||||
<th>Available</th>
|
||||
<th>Frozen</th>
|
||||
<th>BTC Value</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@@ -529,61 +529,61 @@
|
||||
<td id="asset-usdt-free">10,000.00</td>
|
||||
<td id="asset-usdt-lock">0.00</td>
|
||||
<td>0.1015</td>
|
||||
<td><a href="javascript:void(0)" onclick="showDeposit()">充值</a> <a href="javascript:void(0)" onclick="showAlert('提现维护中')">提现</a></td>
|
||||
<td><a href="javascript:void(0)" onclick="showDeposit()">Deposit</a> <a href="javascript:void(0)" onclick="showAlert('Withdrawal in maintenance')">Withdraw</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>BTC</td>
|
||||
<td id="asset-btc-free">0.5000</td>
|
||||
<td id="asset-btc-lock">0.00</td>
|
||||
<td>0.5000</td>
|
||||
<td><a href="javascript:void(0)" onclick="showDeposit()">充值</a> <a href="javascript:void(0)" onclick="showAlert('提现维护中')">提现</a></td>
|
||||
<td><a href="javascript:void(0)" onclick="showDeposit()">Deposit</a> <a href="javascript:void(0)" onclick="showAlert('Withdrawal in maintenance')">Withdraw</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ETH</td>
|
||||
<td>0.0000</td>
|
||||
<td>0.00</td>
|
||||
<td>0.0000</td>
|
||||
<td><a href="javascript:void(0)" onclick="showDeposit()">充值</a> <a href="javascript:void(0)" onclick="showAlert('提现维护中')">提现</a></td>
|
||||
<td><a href="javascript:void(0)" onclick="showDeposit()">Deposit</a> <a href="javascript:void(0)" onclick="showAlert('Withdrawal in maintenance')">Withdraw</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- 合约账户表格 (默认隐藏) -->
|
||||
<!-- Futures Account Table (Hidden by default) -->
|
||||
<div id="tab-contract" class="asset-tab-content" style="display: none;">
|
||||
<table class="asset-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>币种</th>
|
||||
<th>权益</th>
|
||||
<th>未实现盈亏</th>
|
||||
<th>保证金率</th>
|
||||
<th>操作</th>
|
||||
<th>Coin</th>
|
||||
<th>Equity</th>
|
||||
<th>Unrealized PNL</th>
|
||||
<th>Margin Ratio</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="5" style="text-align:center; padding: 20px; color:#666;">暂无合约资产，请划转资金</td>
|
||||
<td colspan="5" style="text-align:center; padding: 20px; color:#666;">No futures assets, please transfer funds</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- 理财账户表格 (默认隐藏) -->
|
||||
<!-- Earn Account Table (Hidden by default) -->
|
||||
<div id="tab-finance" class="asset-tab-content" style="display: none;">
|
||||
<table class="asset-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>项目</th>
|
||||
<th>总投入</th>
|
||||
<th>昨日收益</th>
|
||||
<th>累计收益</th>
|
||||
<th>操作</th>
|
||||
<th>Product</th>
|
||||
<th>Total Stake</th>
|
||||
<th>Yest. Yield</th>
|
||||
<th>Total Yield</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="5" style="text-align:center; padding: 20px; color:#666;">尚未参与任何理财项目</td>
|
||||
<td colspan="5" style="text-align:center; padding: 20px; color:#666;">No active earn products</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -593,8 +593,8 @@
|
||||
|
||||
<div style="padding: 10px; display:flex; flex-direction: column;">
|
||||
<div style="display:flex; justify-content: space-between; align-items: center;">
|
||||
<h3>系统日志 / API 状态</h3>
|
||||
<span style="color:#0ecb81; font-size:10px;">● 所有系统正常运行</span>
|
||||
<h3>System Log / API Status</h3>
|
||||
<span style="color:#0ecb81; font-size:10px;">● All systems operational</span>
|
||||
</div>
|
||||
<div id="api-status">
|
||||
> Initializing system check... [OK]<br>
|
||||
@@ -612,46 +612,46 @@
|
||||
|
||||
<div id="advanced-panel">
|
||||
<div>
|
||||
<h4>关于我们</h4>
|
||||
<h4>About Us</h4>
|
||||
<ul>
|
||||
<li><a href="#">关于 BitMatrix</a></li>
|
||||
<li><a href="#">商务合作</a></li>
|
||||
<li><a href="#">社区建设</a></li>
|
||||
<li><a href="#">招纳贤才 <span style="background:var(--accent); color:black; padding:0 2px; border-radius:2px; font-size:10px;">HOT</span></a></li>
|
||||
<li><a href="#">About BitMatrix</a></li>
|
||||
<li><a href="#">Business Contact</a></li>
|
||||
<li><a href="#">Community</a></li>
|
||||
<li><a href="#">Careers <span style="background:var(--accent); color:black; padding:0 2px; border-radius:2px; font-size:10px;">HOT</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>客户服务</h4>
|
||||
<h4>Customer Service</h4>
|
||||
<ul>
|
||||
<li><a href="#">帮助中心</a></li>
|
||||
<li><a href="#">提交工单</a></li>
|
||||
<li><a href="#">API 文档</a></li>
|
||||
<li><a href="#">费率标准</a></li>
|
||||
<li><a href="#">Help Center</a></li>
|
||||
<li><a href="#">Submit Ticket</a></li>
|
||||
<li><a href="#">API Documentation</a></li>
|
||||
<li><a href="#">Fee Structure</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>条款说明</h4>
|
||||
<h4>Terms & Conditions</h4>
|
||||
<ul>
|
||||
<li><a href="#">用户协议</a></li>
|
||||
<li><a href="#">隐私政策</a></li>
|
||||
<li><a href="#">法律声明</a></li>
|
||||
<li><a href="#">Cookies 设置</a></li>
|
||||
<li><a href="#">User Agreement</a></li>
|
||||
<li><a href="#">Privacy Policy</a></li>
|
||||
<li><a href="#">Legal Disclaimer</a></li>
|
||||
<li><a href="#">Cookie Settings</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>社区媒体</h4>
|
||||
<h4>Communities</h4>
|
||||
<div style="display:flex; gap:10px; font-size:20px;">
|
||||
<a href="#" class="tooltip">X<span class="tooltiptext">关注我们的 Twitter</span></a>
|
||||
<a href="#" class="tooltip">T<span class="tooltiptext">加入 Telegram 群组</span></a>
|
||||
<a href="#" class="tooltip">D<span class="tooltiptext">加入 Discord 社区</span></a>
|
||||
<a href="#" class="tooltip">R<span class="tooltiptext">浏览 Reddit 讨论区</span></a>
|
||||
<a href="#" class="tooltip">X<span class="tooltiptext">Follow on Twitter</span></a>
|
||||
<a href="#" class="tooltip">T<span class="tooltiptext">Join Telegram Group</span></a>
|
||||
<a href="#" class="tooltip">D<span class="tooltiptext">Join Discord</span></a>
|
||||
<a href="#" class="tooltip">R<span class="tooltiptext">Browse Reddit</span></a>
|
||||
</div>
|
||||
<p style="font-size:10px; color:#666; margin-top:10px;">扫描二维码下载 APP (iOS/Android)</p>
|
||||
<p style="font-size:10px; color:#666; margin-top:10px;">Scan QR to download APP (iOS/Android)</p>
|
||||
</div>
|
||||
|
||||
<div class="disclaimer-long" style="grid-column: 1 / -1;">
|
||||
<p><strong>风险提示：</strong> 数字资产交易具有极高的风险，可能导致部分或全部损失。请确保您充分了解涉及的风险，并在根据您的经验水平、投资目标选择交易产品之前寻求独立的财务建议。BitMatrix 不对您的任何交易损失负责。过往表现不代表未来收益。</p>
|
||||
<p>BitMatrix Pro 致力于遵守各运营地的法律法规。某些服务可能在特定司法管辖区不可用，包括但不限于美国、新加坡、伊朗、朝鲜等。</p>
|
||||
<p><strong>Risk Warning:</strong> Digital asset trading is highly risky and may result in partial or total loss. Please ensure you fully understand the risks involved and seek independent financial advice before choosing a trading product based on your experience level and investment objectives. BitMatrix is not responsible for any of your trading losses. Past performance is not indicative of future returns.</p>
|
||||
<p>BitMatrix Pro is committed to complying with the laws and regulations of each place of operation. Certain services may not be available in certain jurisdictions, including but not limited to the United States, Singapore, Iran, North Korea, etc.</p>
|
||||
<p>CopyRight © 2025 BitMatrix Technology Ltd. All Rights Reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -661,38 +661,38 @@
|
||||
<div id="modal-content" style="background-color: var(--bg-panel); margin: 15% auto; padding: 20px; border: 1px solid var(--border); width: 400px; color: var(--text-primary);">
|
||||
<p id="modal-message"></p>
|
||||
<div style="text-align: right; margin-top: 20px;">
|
||||
<button id="modal-cancel-btn" style="background-color: transparent; border: 1px solid var(--text-secondary); color: var(--text-primary); padding: 5px 15px; cursor: pointer; display: none;">取消</button>
|
||||
<button id="modal-ok-btn" style="background-color: var(--accent); border: none; color: black; padding: 5px 15px; cursor: pointer; margin-left: 10px;">确定</button>
|
||||
<button id="modal-cancel-btn" style="background-color: transparent; border: 1px solid var(--text-secondary); color: var(--text-primary); padding: 5px 15px; cursor: pointer; display: none;">Cancel</button>
|
||||
<button id="modal-ok-btn" style="background-color: var(--accent); border: none; color: black; padding: 5px 15px; cursor: pointer; margin-left: 10px;">Confirm</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 充值模态框 (New) -->
|
||||
<!-- Deposit Modal (New) -->
|
||||
<div id="deposit-modal" style="display: none; position: fixed; z-index: 1001; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.6);">
|
||||
<div style="background-color: var(--bg-panel); margin: 10% auto; padding: 25px; border: 1px solid var(--border); width: 350px; color: var(--text-primary); text-align: center; border-radius: 8px;">
|
||||
<h3 style="margin-bottom: 20px;">充值 USDT (ERC-20)</h3>
|
||||
<h3 style="margin-bottom: 20px;">Deposit USDT (ERC-20)</h3>
|
||||
|
||||
<div style="background: white; padding: 20px; width: 150px; height: 150px; margin: 0 auto; display: flex; justify-content: center; align-items: center;">
|
||||
<!-- Pseudo QR Code -->
|
||||
<div style="width: 100%; height: 100%; background-image: radial-gradient(black 40%, transparent 40%), radial-gradient(black 40%, transparent 40%); background-position: 0 0, 10px 10px; background-size: 20px 20px; opacity: 0.8;"></div>
|
||||
</div>
|
||||
|
||||
<p style="margin-top: 15px; color: var(--text-secondary); font-size: 11px;">充值地址</p>
|
||||
<p style="margin-top: 15px; color: var(--text-secondary); font-size: 11px;">Deposit Address</p>
|
||||
<div style="background: #111; padding: 10px; border-radius: 4px; font-family: monospace; word-break: break-all; border: 1px solid #333;">
|
||||
0x71C7656EC7ab88b098defB751B7401B5f6d8976F
|
||||
</div>
|
||||
|
||||
<p style="color: var(--down); font-size: 10px; margin-top: 20px;">*请勿向此地址充值任何非 USDT 资产，否则将无法找回。</p>
|
||||
<p style="color: var(--down); font-size: 10px; margin-top: 20px;">*Do not deposit non-USDT assets to this address, or they will be lost.</p>
|
||||
|
||||
<div style="margin-top: 20px; display: flex; gap: 10px; justify-content: center;">
|
||||
<button onclick="document.getElementById('deposit-modal').style.display='none'" style="background: #333; color: white; border: none; padding: 8px 20px; cursor: pointer; border-radius: 4px;">关闭</button>
|
||||
<button onclick="simulateDeposit()" style="background: var(--up); color: white; border: none; padding: 8px 20px; cursor: pointer; border-radius: 4px;">模拟到账</button>
|
||||
<button onclick="document.getElementById('deposit-modal').style.display='none'" style="background: #333; color: white; border: none; padding: 8px 20px; cursor: pointer; border-radius: 4px;">Close</button>
|
||||
<button onclick="simulateDeposit()" style="background: var(--up); color: white; border: none; padding: 8px 20px; cursor: pointer; border-radius: 4px;">Simulate Arrival</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer">
|
||||
<p>联系我们 | API 文档 | 费率标准 | 上币申请</p>
|
||||
<p>Contact Us | API | Fees | Listing Application</p>
|
||||
<p>© 2025 BitMatrix. All rights reserved.</p>
|
||||
<p>Disclaimer: Digital assets are highly volatile.</p>
|
||||
<p>Server Time: 2025-12-22 12:00:00 UTC</p>
|
||||
@@ -812,7 +812,7 @@
|
||||
list.className = 'my-order-list-style'; // Can add style later if needed
|
||||
list.innerHTML = '';
|
||||
if (SYSTEM_STATE.orders.length === 0) {
|
||||
list.innerHTML = '<li style="text-align: center; color: #555; padding: 20px;">暂无委托</li>';
|
||||
list.innerHTML = '<li style="text-align: center; color: #555; padding: 20px;">No Open Orders</li>';
|
||||
return;
|
||||
}
|
||||
SYSTEM_STATE.orders.forEach((order, index) => {
|
||||
@@ -824,14 +824,14 @@
|
||||
<span>${order.pair}</span><br>
|
||||
<small>Price: ${order.price}</small> <small>Amt: ${order.amount}</small>
|
||||
</div>
|
||||
<button onclick="cancelOrder(${index})" style="background: transparent; border: 1px solid #555; color: #888; cursor: pointer; padding: 2px 5px; font-size: 10px;">撤单</button>
|
||||
<button onclick="cancelOrder(${index})" style="background: transparent; border: 1px solid #555; color: #888; cursor: pointer; padding: 2px 5px; font-size: 10px;">Cancel</button>
|
||||
`;
|
||||
list.appendChild(li);
|
||||
});
|
||||
}
|
||||
|
||||
function cancelOrder(index) {
|
||||
showConfirm("确认撤销此委托单吗？", () => {
|
||||
showConfirm("Confirm to cancel this order?", () => {
|
||||
const order = SYSTEM_STATE.orders[index];
|
||||
// Return funds
|
||||
if (order.type === 'buy') {
|
||||
@@ -840,7 +840,7 @@
|
||||
SYSTEM_STATE.balance.btc += order.amount;
|
||||
}
|
||||
SYSTEM_STATE.orders.splice(index, 1);
|
||||
showAlert("撤单成功");
|
||||
showAlert("Order cancelled successfully");
|
||||
updateBalanceDisplay();
|
||||
updateMyOrders();
|
||||
updateAssetTables(); // Refresh assets
|
||||
@@ -867,7 +867,7 @@
|
||||
// Initial Render
|
||||
function updateBalanceDisplay() {
|
||||
const balanceEl = document.querySelector("#trade-form p");
|
||||
balanceEl.innerHTML = `可用余额: <strong>${SYSTEM_STATE.balance.usdt.toFixed(2)} USDT</strong> / <strong>${SYSTEM_STATE.balance.btc.toFixed(4)} BTC</strong> <a href="#" style="color:#fcd535;" onclick="showDeposit()">[充值]</a>`;
|
||||
balanceEl.innerHTML = `Available Balance: <strong>${SYSTEM_STATE.balance.usdt.toFixed(2)} USDT</strong> / <strong>${SYSTEM_STATE.balance.btc.toFixed(4)} BTC</strong> <a href="#" style="color:#fcd535;" onclick="showDeposit()">[Deposit]</a>`;
|
||||
updateAssetTables();
|
||||
}
|
||||
|
||||
@@ -877,7 +877,7 @@
|
||||
|
||||
function simulateDeposit() {
|
||||
document.getElementById('deposit-modal').style.display = 'none';
|
||||
showAlert("模拟充值成功！账户增加 10,000 USDT");
|
||||
showAlert("Simulate deposit success! Account added 10,000 USDT");
|
||||
SYSTEM_STATE.balance.usdt += 10000;
|
||||
updateBalanceDisplay();
|
||||
}
|
||||
@@ -894,14 +894,14 @@
|
||||
const isMarket = document.querySelectorAll('input[name="type"]')[1].checked; // Simple check
|
||||
|
||||
if (isNaN(price) || isNaN(amount) || amount <= 0) {
|
||||
showAlert("请输入有效的价格和数量");
|
||||
showAlert("Please enter valid price and amount");
|
||||
return;
|
||||
}
|
||||
|
||||
const total = price * amount;
|
||||
|
||||
if (isLeverage) {
|
||||
showConfirm(`警告：您开启了 100x 高倍杠杆。\n风险极高，是否继续？`, () => {
|
||||
showConfirm(`Warning: You have enabled 100x high leverage.\nThe risk is extremely high, continue?`, () => {
|
||||
processOrder(type, price, amount, total, true, isMarket);
|
||||
});
|
||||
} else {
|
||||
@@ -912,14 +912,14 @@
|
||||
function processOrder(type, price, amount, total, leverage, isMarket) {
|
||||
// Validation with local state
|
||||
if(type === 'buy') {
|
||||
if (SYSTEM_STATE.balance.usdt < total) { showAlert("错误：可用 USDT 余额不足。"); return; }
|
||||
if (SYSTEM_STATE.balance.usdt < total) { showAlert("Error: Insufficient USDT balance."); return; }
|
||||
} else {
|
||||
if (SYSTEM_STATE.balance.btc < amount) { showAlert("错误：可用 BTC 余额不足。"); return; }
|
||||
if (SYSTEM_STATE.balance.btc < amount) { showAlert("Error: Insufficient BTC balance."); return; }
|
||||
}
|
||||
|
||||
const confirmMsg = isMarket ?
|
||||
`确认以市价 ${type === 'buy' ? '买入' : '卖出'} ${amount} BTC?` :
|
||||
`确认限价挂单: ${type === 'buy' ? '买入' : '卖出'} ${amount} BTC @ ${price}?`;
|
||||
`Confirm Market ${type === 'buy' ? 'Buy' : 'Sell'} ${amount} BTC?` :
|
||||
`Confirm Limit Order: ${type === 'buy' ? 'Buy' : 'Sell'} ${amount} BTC @ ${price}?`;
|
||||
|
||||
showConfirm(confirmMsg, () => {
|
||||
// Deduct balance immediately (freeze)
|
||||
@@ -935,7 +935,7 @@
|
||||
if(type === 'buy') SYSTEM_STATE.balance.btc += amount;
|
||||
else SYSTEM_STATE.balance.usdt += total;
|
||||
|
||||
showAlert("市价单已立即成交！");
|
||||
showAlert("Market order filled immediately!");
|
||||
updateBalanceDisplay();
|
||||
} else {
|
||||
// Limit Order -> Add to Open Orders
|
||||
@@ -947,7 +947,7 @@
|
||||
total: total,
|
||||
time: new Date()
|
||||
});
|
||||
showAlert("限价单已提交至交易引擎。");
|
||||
showAlert("Limit order submitted to engine.");
|
||||
|
||||
// Switch to orders tab to show user
|
||||
switchTradeTab('orders');
|
||||
@@ -967,7 +967,7 @@
|
||||
if(list.children.length > 20) list.lastElementChild.remove();
|
||||
}
|
||||
|
||||
// 模拟盘口数据跳动
|
||||
// Simulate order book data updates
|
||||
function simulateOrderBook() {
|
||||
const bidList = document.querySelectorAll('.book-column:nth-child(5) ul li');
|
||||
if(bidList.length === 0) return; // safety
|
||||
@@ -985,10 +985,10 @@
|
||||
}
|
||||
}
|
||||
|
||||
// 聊天室逻辑
|
||||
// Chat room logic
|
||||
const chatInput = document.querySelector('#chat-room input');
|
||||
const chatBtn = document.querySelector('#chat-room button');
|
||||
chatInput.disabled = false; chatInput.placeholder = "输入消息..."; chatBtn.disabled = false;
|
||||
chatInput.disabled = false; chatInput.placeholder = "Enter message..."; chatBtn.disabled = false;
|
||||
chatBtn.style.color = "white"; chatBtn.style.cursor = "pointer";
|
||||
chatBtn.onclick = (e) => {
|
||||
e.preventDefault();
|
||||
22
006/record.json
Normal file
22
006/record.json
Normal file
@@ -0,0 +1,22 @@
|
||||
{
|
||||
"step-1": {
|
||||
"query": "最近Meme币很火，我想看看那个叫PEPE的热门币种现在的行情",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-2": {
|
||||
"query": "现在的15分钟线波动太剧烈了，切到1小时线看看长期趋势",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-3": {
|
||||
"query": "感觉价格合适，我想挂单买入。把买入价格设定为当前卖一价（Order Book红色区域最底下的那个价格）",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-4": {
|
||||
"query": "这次我想玩点大的，把杠杆拉满",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-5": {
|
||||
"query": "梭哈了，直接点击买入按钮开仓",
|
||||
"grounding_area": ""
|
||||
}
|
||||
}
|
||||
533
007/7-001.html
Normal file
533
007/7-001.html
Normal file
File diff suppressed because one or more lines are too long
562
007/7-002.html
Normal file
562
007/7-002.html
Normal file
File diff suppressed because one or more lines are too long
533
007/7-003.html
Normal file
533
007/7-003.html
Normal file
File diff suppressed because one or more lines are too long
556
007/7-004.html
Normal file
556
007/7-004.html
Normal file
File diff suppressed because one or more lines are too long
533
007/7-005.html
Normal file
533
007/7-005.html
Normal file
File diff suppressed because one or more lines are too long
533
007/7-006.html
Normal file
533
007/7-006.html
Normal file
File diff suppressed because one or more lines are too long
533
007/7-007.html
Normal file
533
007/7-007.html
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
30
007/record.json
Normal file
30
007/record.json
Normal file
@@ -0,0 +1,30 @@
|
||||
{
|
||||
"step-1": {
|
||||
"query": "最近全球气候问题好像很严重，我想了解一下那个在日内瓦闭幕的峰会到底达成了什么协议，请你打开该新闻详情",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-2": {
|
||||
"query": "请你关掉刚才的新闻详情",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-3": {
|
||||
"query": "听说世界杯要扩军了？我想确认一下这个消息是不是真的，找找有没有相关报道，有的话打开看看",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-4": {
|
||||
"query": "请你关掉刚才的新闻详情",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-5": {
|
||||
"query": "我想参与一下网站左边的那个每日调查，告诉他们我是通过社交媒体获取新闻的",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-6": {
|
||||
"query": "选好了，把我的投票提交上去吧",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-7": {
|
||||
"query": "现在的界面太亮了，有点刺眼，能不能切换成适合晚上阅读的深色模式？",
|
||||
"grounding_area": ""
|
||||
}
|
||||
}
|
||||
477
008/8-001.html
Normal file
477
008/8-001.html
Normal file
File diff suppressed because one or more lines are too long
233
008/8-002.html
Normal file
233
008/8-002.html
Normal file
@@ -0,0 +1,233 @@
|
||||
<!DOCTYPE html> <html lang=en style><!--
|
||||
--><meta charset=utf-8>
|
||||
<meta name=viewport content="width=device-width, initial-scale=1.0">
|
||||
<title>SIS 2026 - Advanced Registration Portal</title>
|
||||
<style>:root{--primary:#2c3e50;--primary-hover:#34495e;--accent:#3498db;--accent-hover:#2980b9;--success:#27ae60;--warning:#f1c40f;--danger:#e74c3c;--info:#1abc9c;--bg-body:#f4f6f9;--bg-card:#ffffff;--bg-sidebar:#ffffff;--text-main:#2c3e50;--text-secondary:#7f8c8d;--text-light:#bdc3c7;--border-color:#e0e6ed;--shadow-sm:0 1px 3px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.05);--header-height:70px;--sidebar-width:280px}*{box-sizing:border-box}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Microsoft YaHei",Helvetica,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-main);margin:0;line-height:1.6;font-size:14px;transition:background-color 0.3s,color 0.3s}a{text-decoration:none;transition:0.2s}a:hover{color:var(--accent-hover);text-decoration:underline}ul{list-style:none;padding:0;margin:0}table,tbody,tr,td{display:block;width:100%!important;border:none!important;background:transparent!important}font{color:inherit!important}.system-alert{background:linear-gradient(90deg,#c0392b,#e74c3c);color:white;padding:8px 0;text-align:center;font-size:13px;font-weight:500;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.1);display:flex;justify-content:center;align-items:center;gap:15px}.system-alert span{animation:blink 2s infinite;font-weight:bold;background:rgba(255,255,255,0.2);padding:2px 6px;border-radius:4px}@keyframes blink{0%,100%{opacity:1}50%{opacity:0.6}}.header-wrapper{background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:15px 0;position:sticky;top:36px;z-index:900}.header-content{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo-area h1{margin:0;font-size:24px;color:var(--primary);font-weight:700;display:flex;align-items:center;gap:10px}.logo-icon{background:var(--accent);color:white;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.user-profile{display:flex;align-items:center;gap:20px;font-size:13px}.user-info{text-align:right}.user-name{font-weight:bold;font-size:15px;color:var(--text-main)}.user-meta{color:var(--text-secondary);font-size:12px}.avatar{width:40px;height:40px;background:#ddd;border-radius:50%;overflow:hidden;border:2px solid var(--border-color)}.avatar img{width:100%;height:100%;object-fit:cover}.nav-bar{background:var(--primary);color:rgba(255,255,255,0.9);padding:0}.nav-menu{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;gap:5px}.nav-link{padding:15px 20px;color:rgba(255,255,255,0.8);font-weight:500;font-size:14px;border-bottom:3px solid transparent;transition:0.2s;text-decoration:none!important}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,0.1);color:white;border-bottom-color:var(--accent)}.nav-link.has-badge{position:relative}.badge{position:absolute;top:8px;right:8px;background:var(--danger);color:white;font-size:10px;padding:2px 5px;border-radius:10px;line-height:1}.grid-container{grid-template-columns:280px 1fr 340px;gap:25px;max-width:1400px;margin:30px auto;padding:0 20px;align-items:start}#view-schedule,#view-grades,#view-generic{grid-template-columns:1fr!important}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden}.card-header{padding:15px 20px;border-bottom:1px solid var(--border-color);font-weight:600;color:var(--primary);display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,0.02)}.card-body{padding:20px}.filter-option:hover{color:var(--accent)}.course-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent)}.btn{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;text-align:center;width:100%;transition:0.2s}.btn-primary:hover{background:var(--accent-hover)}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-danger:hover{background:var(--danger);color:white}.tag{display:inline-block;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:bold;margin-right:5px}.tag-blue{background:rgba(52,152,219,0.1);color:#3498db}.theme-float{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--primary);color:white;border-radius:50%;box-shadow:0 4px 15px rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;z-index:9999;transition:0.3s}.theme-float:hover{transform:scale(1.1) rotate(15deg)}</style>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:8000/008/8-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 bgcolor=#ffffff text=#000000>
|
||||
<div class=theme-float title="Toggle Dark Mode">🌓</div>
|
||||
<div class=system-alert>
|
||||
<span>⚠️ Warning</span><font _mstmutation=1> High traffic detected. Please do not refresh to maintain your queue position.
|
||||
</font></div>
|
||||
<div class=header-wrapper>
|
||||
<div class=header-content>
|
||||
<div class=logo-area>
|
||||
<h1><div class=logo-icon>S</div><font _mstmutation=1> SIS Registration </font><small style=font-size:12px;font-weight:normal;opacity:0.6;margin-left:10px>v5.2.0</small></h1>
|
||||
</div>
|
||||
<div class=user-profile>
|
||||
<div class=user-info>
|
||||
<div class=user-name>Alex Chen (ID: 9928122)</div>
|
||||
<div class=user-meta>Computer Science | Senior | GPA: 3.85</div>
|
||||
</div>
|
||||
<div class=avatar>
|
||||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzY0ZGQxNyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjMDAwMDAwOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjMDAwMDAwIj5BQzwvdGV4dD48L3N2Zz4=" alt=User _mstalt=46332>
|
||||
</div>
|
||||
<a href=javascript:void(0) class="btn btn-outline" style=width:auto>Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=nav-bar>
|
||||
<div class=nav-menu>
|
||||
<a href=javascript:void(0) class=nav-link>Registration</a>
|
||||
<a href=javascript:void(0) class=nav-link>My Schedule</a>
|
||||
<a href=javascript:void(0) class="nav-link has-badge active"><font _mstmutation=1>Grades </font><span class=badge>New</span></a>
|
||||
<a href=javascript:void(0) class=nav-link>Financial Aid</a>
|
||||
<a href=javascript:void(0) class=nav-link>Degree Audit</a>
|
||||
<a href=javascript:void(0) class=nav-link>Transcripts</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id=main-viewport>
|
||||
|
||||
<div id=view-registration class="grid-container view-section" style=display:none>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div id=view-schedule class=view-section style="display:none;max-width:1400px;margin:30px auto;padding:0 20px">
|
||||
<div class="card sf-hidden">
|
||||
|
||||
<div class="card-body sf-hidden">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id=view-grades class=view-section style="display:block;max-width:1400px;margin:30px auto;padding:0px 20px;opacity:1;transform:translateY(0px);transition:0.3s">
|
||||
<div style="display:grid;grid-template-columns:1fr 340px;gap:25px">
|
||||
<div class=card>
|
||||
<div class=card-header>
|
||||
<span>Grade Record</span>
|
||||
<button class="btn btn-outline" style="padding:4px 10px;font-size:12px">Download Unofficial Transcript</button>
|
||||
</div>
|
||||
<div class=card-body>
|
||||
<h4 style=margin-top:0;color:var(--text-secondary);text-transform:uppercase;font-size:12px;letter-spacing:1px>2025 Fall (Fall 2025)</h4>
|
||||
<table style=width:100%;border-collapse:collapse;margin-bottom:30px>
|
||||
<thead>
|
||||
<tr style="border-bottom:2px solid var(--border-color);text-align:left;color:var(--text-secondary);font-size:12px;text-transform:uppercase">
|
||||
<th style=padding:10px>Course Code</th>
|
||||
<th style=padding:10px>Course Title</th>
|
||||
<th style=padding:10px>Units</th>
|
||||
<th style=padding:10px>Grade</th>
|
||||
<th style=padding:10px>Points</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr style="border-bottom:1px solid var(--border-color)">
|
||||
<td style="padding:12px 10px;font-weight:bold">CS 201</td>
|
||||
<td style="padding:12px 10px">Intro to Programming II</td>
|
||||
<td style="padding:12px 10px">4.0</td>
|
||||
<td style="padding:12px 10px;color:var(--success);font-weight:bold">A</td>
|
||||
<td style="padding:12px 10px">16.0</td>
|
||||
</tr>
|
||||
<tr style="border-bottom:1px solid var(--border-color)">
|
||||
<td style="padding:12px 10px;font-weight:bold">MATH 101</td>
|
||||
<td style="padding:12px 10px">Calculus I</td>
|
||||
<td style="padding:12px 10px">4.0</td>
|
||||
<td style="padding:12px 10px;color:var(--success);font-weight:bold">A-</td>
|
||||
<td style="padding:12px 10px">14.8</td>
|
||||
</tr>
|
||||
<tr style="border-bottom:1px solid var(--border-color)">
|
||||
<td style="padding:12px 10px;font-weight:bold">ENG 105</td>
|
||||
<td style="padding:12px 10px">Academic Writing</td>
|
||||
<td style="padding:12px 10px">3.0</td>
|
||||
<td style="padding:12px 10px;color:var(--primary);font-weight:bold">B+</td>
|
||||
<td style="padding:12px 10px">9.9</td>
|
||||
</tr>
|
||||
<tr style="border-bottom:1px solid var(--border-color)">
|
||||
<td style="padding:12px 10px;font-weight:bold">HIST 100</td>
|
||||
<td style="padding:12px 10px">World History</td>
|
||||
<td style="padding:12px 10px">3.0</td>
|
||||
<td style="padding:12px 10px;color:var(--success);font-weight:bold">A</td>
|
||||
<td style="padding:12px 10px">12.0</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr style=background:var(--bg-body);font-weight:bold>
|
||||
<td colspan=2 style=padding:10px;text-align:right>Term GPA:</td>
|
||||
<td colspan=3 style=padding:10px>3.85</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
<h4 style=margin-top:0;color:var(--text-secondary);text-transform:uppercase;font-size:12px;letter-spacing:1px>2025 Spring (Spring 2025)</h4>
|
||||
<table style=width:100%;border-collapse:collapse>
|
||||
<thead>
|
||||
<tr style="border-bottom:2px solid var(--border-color);text-align:left;color:var(--text-secondary);font-size:12px;text-transform:uppercase">
|
||||
<th style=padding:10px>Course Code</th>
|
||||
<th style=padding:10px>Course Title</th>
|
||||
<th style=padding:10px>Units</th>
|
||||
<th style=padding:10px>Grade</th>
|
||||
<th style=padding:10px>Points</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr style="border-bottom:1px solid var(--border-color)">
|
||||
<td style="padding:12px 10px;font-weight:bold">CS 101</td>
|
||||
<td style="padding:12px 10px">Intro to Programming I</td>
|
||||
<td style="padding:12px 10px">4.0</td>
|
||||
<td style="padding:12px 10px;color:var(--success);font-weight:bold">A</td>
|
||||
<td style="padding:12px 10px">16.0</td>
|
||||
</tr>
|
||||
<tr style="border-bottom:1px solid var(--border-color)">
|
||||
<td style="padding:12px 10px;font-weight:bold">PSY 101</td>
|
||||
<td style="padding:12px 10px">Intro to Psychology</td>
|
||||
<td style="padding:12px 10px">3.0</td>
|
||||
<td style="padding:12px 10px;color:var(--primary);font-weight:bold">B</td>
|
||||
<td style="padding:12px 10px">9.0</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr style=background:var(--bg-body);font-weight:bold>
|
||||
<td colspan=2 style=padding:10px;text-align:right>Term GPA:</td>
|
||||
<td colspan=3 style=padding:10px>3.57</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class=card>
|
||||
<div class=card-header>GPA Summary</div>
|
||||
<div class=card-body>
|
||||
<div style="text-align:center;padding:20px 0;border-bottom:1px solid var(--border-color)">
|
||||
<div style=font-size:12px;color:var(--text-secondary);text-transform:uppercase>Cumulative GPA</div>
|
||||
<div style=font-size:3rem;font-weight:bold;color:var(--primary)>3.78</div>
|
||||
<div style=display:flex;justify-content:center;gap:5px;margin-top:5px>
|
||||
<span>⭐⭐⭐⭐</span><span style=opacity:0.3>⭐</span>
|
||||
</div>
|
||||
</div>
|
||||
<ul style=margin-top:20px;font-size:13px>
|
||||
<li style=display:flex;justify-content:space-between;margin-bottom:10px>
|
||||
<span>Total Attempted:</span>
|
||||
<strong>45.0</strong>
|
||||
</li>
|
||||
<li style=display:flex;justify-content:space-between;margin-bottom:10px>
|
||||
<span>Total Earned:</span>
|
||||
<strong>45.0</strong>
|
||||
</li>
|
||||
<li style=display:flex;justify-content:space-between;margin-bottom:10px>
|
||||
<span>Class Rank:</span>
|
||||
<strong>Top 15%</strong>
|
||||
</li>
|
||||
<li style=display:flex;justify-content:space-between;margin-bottom:10px>
|
||||
<span>Academic Status:</span>
|
||||
<span class="tag tag-blue">Good Standing</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id=view-generic class="grid-container view-section" style=display:none;grid-template-columns:1fr>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div style="background:var(--bg-card);border-top:1px solid var(--border-color);padding:40px 0;margin-top:50px">
|
||||
<div style="max-width:1400px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px">
|
||||
<div>
|
||||
<h4 style=margin-top:0>University Registrar</h4>
|
||||
<p style=font-size:13px;color:var(--text-secondary)>
|
||||
Bldg 42, Rm 100<br>
|
||||
1234 University Ave<br>
|
||||
College Town, ST 90210
|
||||
</p>
|
||||
<p style=font-size:13px;color:var(--text-secondary)>Phone: (555) 0199-8800</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4 style=margin-top:0>Registration Help</h4>
|
||||
<ul style=font-size:13px;line-height:2>
|
||||
<li><a href=# style=color:var(--text-secondary)>Registration Guide</a></li>
|
||||
<li><a href=# style=color:var(--text-secondary)>Waitlist Policy</a></li>
|
||||
<li><a href=# style=color:var(--text-secondary)>Permission Codes</a></li>
|
||||
<li><a href=# style=color:var(--text-secondary)>Drop Deadlines</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4 style=margin-top:0>Common Systems</h4>
|
||||
<ul style=font-size:13px;line-height:2>
|
||||
<li><a href=# style=color:var(--text-secondary)>Canvas LMS</a></li>
|
||||
<li><a href=# style=color:var(--text-secondary)>Student Email</a></li>
|
||||
<li><a href=# style=color:var(--text-secondary)>Library Databases</a></li>
|
||||
<li><a href=# style=color:var(--text-secondary)>IT Support Tickets</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4 style=margin-top:0>Legal Info</h4>
|
||||
<ul style=font-size:13px;line-height:2>
|
||||
<li><a href=# style=color:var(--text-secondary)>Privacy Policy</a></li>
|
||||
<li><a href=# style=color:var(--text-secondary)>Accessibility</a></li>
|
||||
<li><a href=# style=color:var(--text-secondary)>FERPA Rights</a></li>
|
||||
<li><a href=# style=color:var(--text-secondary)>Title IX Policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div style=text-align:center;margin-top:40px;font-size:12px;color:var(--text-light)>
|
||||
© 2026 Board of Trustees. All rights reserved. | Server Time: <span id=server-time>2/9/2026, 11:36:58 PM</span> | Node: REG-04
|
||||
</div>
|
||||
</div>
|
||||
477
008/8-003.html
Normal file
477
008/8-003.html
Normal file
File diff suppressed because one or more lines are too long
489
008/8-004.html
Normal file
489
008/8-004.html
Normal file
File diff suppressed because one or more lines are too long
486
008/8-005.html
Normal file
486
008/8-005.html
Normal file
File diff suppressed because one or more lines are too long
477
008/8-006.html
Normal file
477
008/8-006.html
Normal file
File diff suppressed because one or more lines are too long
@@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>SIS 2026 - Advanced Course Registration Portal</title>
|
||||
<title>SIS 2026 - Advanced Registration Portal</title>
|
||||
<style>
|
||||
/* === CSS Variables System === */
|
||||
:root {
|
||||
@@ -50,7 +50,7 @@
|
||||
/* === Reset & Base === */
|
||||
* { box-sizing: border-box; }
|
||||
body {
|
||||
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
|
||||
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Microsoft YaHei", Helvetica, Arial, sans-serif;
|
||||
background-color: var(--bg-body);
|
||||
color: var(--text-main);
|
||||
margin: 0;
|
||||
@@ -257,14 +257,14 @@
|
||||
|
||||
<!-- System Alert -->
|
||||
<div class="system-alert">
|
||||
<span>⚠️ ALERT</span> High traffic volume detected. Do not refresh the page to maintain your queue position.
|
||||
<span>⚠️ Warning</span> High traffic detected. Please do not refresh to maintain your queue position.
|
||||
</div>
|
||||
|
||||
<!-- Header -->
|
||||
<div class="header-wrapper">
|
||||
<div class="header-content">
|
||||
<div class="logo-area">
|
||||
<h1><div class="logo-icon">S</div> SIS Portal <small style="font-size:12px; font-weight:normal; opacity:0.6; margin-left:10px;">v5.2.0</small></h1>
|
||||
<h1><div class="logo-icon">S</div> SIS Registration <small style="font-size:12px; font-weight:normal; opacity:0.6; margin-left:10px;">v5.2.0</small></h1>
|
||||
</div>
|
||||
<div class="user-profile">
|
||||
<div class="user-info">
|
||||
@@ -282,9 +282,9 @@
|
||||
<!-- Navigation -->
|
||||
<div class="nav-bar">
|
||||
<div class="nav-menu">
|
||||
<a href="javascript:void(0)" class="nav-link active" onclick="switchView('registration', this)">Course Registration</a>
|
||||
<a href="javascript:void(0)" class="nav-link active" onclick="switchView('registration', this)">Registration</a>
|
||||
<a href="javascript:void(0)" class="nav-link" onclick="switchView('schedule', this)">My Schedule</a>
|
||||
<a href="javascript:void(0)" class="nav-link has-badge" onclick="switchView('grades', this)">Grades <span class="badge">NEW</span></a>
|
||||
<a href="javascript:void(0)" class="nav-link has-badge" onclick="switchView('grades', this)">Grades <span class="badge">New</span></a>
|
||||
<a href="javascript:void(0)" class="nav-link" onclick="switchView('generic', this)">Financial Aid</a>
|
||||
<a href="javascript:void(0)" class="nav-link" onclick="switchView('generic', this)">Degree Audit</a>
|
||||
<a href="javascript:void(0)" class="nav-link" onclick="switchView('generic', this)">Transcripts</a>
|
||||
@@ -325,16 +325,16 @@
|
||||
</div>
|
||||
|
||||
<div class="filter-group">
|
||||
<label class="filter-title">Schedule</label>
|
||||
<label class="filter-title">Class Time</label>
|
||||
<label class="filter-option"><input type="checkbox"> Mon / Wed / Fri</label>
|
||||
<label class="filter-option"><input type="checkbox"> Tue / Thu</label>
|
||||
<label class="filter-option"><input type="checkbox"> Evening / Weekend</label>
|
||||
</div>
|
||||
|
||||
<div class="filter-group">
|
||||
<label class="filter-title">Availability</label>
|
||||
<label class="filter-option"><input type="radio" name="status" checked> Open Classes Only</label>
|
||||
<label class="filter-option"><input type="radio" name="status"> Include Waitlist</label>
|
||||
<label class="filter-title">Course Status</label>
|
||||
<label class="filter-option"><input type="radio" name="status" checked> Show Open Only</label>
|
||||
<label class="filter-option"><input type="radio" name="status"> Include Waitlisted</label>
|
||||
</div>
|
||||
|
||||
<input type="submit" value="Apply Filters" class="btn btn-primary" style="margin-top:10px;">
|
||||
@@ -348,11 +348,11 @@
|
||||
<div class="card-body" style="font-size:13px;">
|
||||
<div style="margin-bottom:15px; border-left:3px solid var(--accent); padding-left:10px;">
|
||||
<strong>Financial Aid Disbursement</strong><br>
|
||||
<span style="color:var(--text-secondary)">Spring 2026 funds will be released on Jan 20th.</span>
|
||||
<span style="color:var(--text-secondary)">Spring 2026 funds disbursed on Jan 20.</span>
|
||||
</div>
|
||||
<div style="margin-bottom:15px; border-left:3px solid var(--danger); padding-left:10px;">
|
||||
<strong>System Maintenance</strong><br>
|
||||
<span style="color:var(--text-secondary)">SIS will be offline this Sunday from 2am-4am.</span>
|
||||
<span style="color:var(--text-secondary)">SIS offline this Sun 2:00-4:00 AM.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -362,8 +362,8 @@
|
||||
<div>
|
||||
<div style="margin-bottom: 20px; display:flex; justify-content:space-between; align-items:center;">
|
||||
<div>
|
||||
<h2 style="margin:0; font-size:20px; color:var(--primary);">Spring 2026 Course Schedule</h2>
|
||||
<div style="font-size:13px; color:var(--text-secondary); margin-top:5px;">Showing results for: <strong>Computer Science</strong> (25 found)</div>
|
||||
<h2 style="margin:0; font-size:20px; color:var(--primary);">Spring 2026 Schedule</h2>
|
||||
<div style="font-size:13px; color:var(--text-secondary); margin-top:5px;">Showing: <strong>Computer Science</strong> (25 found)</div>
|
||||
</div>
|
||||
<div style="display:flex; gap:10px;">
|
||||
<button class="btn btn-outline" style="width:auto;">Print View</button>
|
||||
@@ -383,7 +383,7 @@
|
||||
<span class="course-title">Algorithms & Data Structures</span>
|
||||
</div>
|
||||
</div>
|
||||
<span class="tag tag-blue">4.0 Credits</span>
|
||||
<span class="tag tag-blue">4.0 Units</span>
|
||||
</div>
|
||||
|
||||
<div class="course-details">
|
||||
@@ -393,14 +393,14 @@
|
||||
</div>
|
||||
<div class="course-meta">
|
||||
<span>📍 Bldg A, Rm 101</span>
|
||||
<span>🗓️ MWF 10:00 - 10:50 AM</span>
|
||||
<span>🗓️ MWF 10:00 - 10:50</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="course-stats" style="text-align:right; font-size:13px; color:var(--text-secondary);">
|
||||
<div>Capacity: 50</div>
|
||||
<div>Enrolled: 48</div>
|
||||
<div style="font-weight:bold; color:var(--success);">Remaining: 2</div>
|
||||
<div>Cap: 50</div>
|
||||
<div>Enr: 48</div>
|
||||
<div style="font-weight:bold; color:var(--success);">Rem: 2</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course-action">
|
||||
@@ -421,7 +421,7 @@
|
||||
<span class="course-title">Algorithms & Data Structures</span>
|
||||
</div>
|
||||
</div>
|
||||
<span class="tag tag-blue">4.0 Credits</span>
|
||||
<span class="tag tag-blue">4.0 Units</span>
|
||||
</div>
|
||||
|
||||
<div class="course-details">
|
||||
@@ -431,18 +431,18 @@
|
||||
</div>
|
||||
<div class="course-meta">
|
||||
<span>📍 Bldg A, Rm 101</span>
|
||||
<span>🗓️ MWF 11:00 - 11:50 AM</span>
|
||||
<span>🗓️ MWF 11:00 - 11:50</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="course-stats" style="text-align:right; font-size:13px; color:var(--text-secondary);">
|
||||
<div>Capacity: 50</div>
|
||||
<div>Enrolled: 50</div>
|
||||
<div>Cap: 50</div>
|
||||
<div>Enr: 50</div>
|
||||
<div style="font-weight:bold; color:var(--warning);">Waitlist: 5</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course-action">
|
||||
<button class="btn btn-primary" style="background:#f39c12; color:white; border:none;" onclick="showToast('Added to waitlist position #6', 'var(--warning)')">Waitlist</button>
|
||||
<button class="btn btn-primary" style="background:#f39c12; color:white; border:none;" onclick="showToast('Joined waitlist, position #6', 'var(--warning)')">Join Waitlist</button>
|
||||
<button class="btn btn-outline">Watch</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -451,7 +451,7 @@
|
||||
<div style="background:rgba(231, 76, 60, 0.1); border:1px solid var(--danger); color:var(--danger); padding:15px; border-radius:6px; margin-bottom:15px; display:flex; align-items:center; gap:10px;">
|
||||
<span style="font-size:20px;">👮</span>
|
||||
<div>
|
||||
<strong>Hold on Registration:</strong> You must complete the mandatory assignment "Sexual Harassment Prevention Training" before adding more than 12 credits.
|
||||
<strong>Registration Hold:</strong> Must complete mandatory "Sexual Harassment Prevention Training" before registering >12 units.
|
||||
<a href="#" style="text-decoration:underline; font-weight:bold;">[Complete Now]</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -468,7 +468,7 @@
|
||||
<span class="course-title">Operating Systems</span>
|
||||
</div>
|
||||
</div>
|
||||
<span class="tag tag-blue">4.0 Credits</span>
|
||||
<span class="tag tag-blue">4.0 Units</span>
|
||||
</div>
|
||||
|
||||
<div class="course-details">
|
||||
@@ -477,15 +477,15 @@
|
||||
<span>⭐ 4.9/5.0</span>
|
||||
</div>
|
||||
<div class="course-meta">
|
||||
<span>📍 Engr Hall, 300</span>
|
||||
<span>🗓️ MWF 13:00 - 13:50 PM</span>
|
||||
<span>📍 Engineering 300</span>
|
||||
<span>🗓️ MWF 13:00 - 13:50</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="course-stats" style="text-align:right; font-size:13px; color:var(--text-secondary);">
|
||||
<div>Capacity: 100</div>
|
||||
<div>Enrolled: 98</div>
|
||||
<div style="font-weight:bold; color:var(--success);">Remaining: 2</div>
|
||||
<div>Cap: 100</div>
|
||||
<div>Enr: 98</div>
|
||||
<div style="font-weight:bold; color:var(--success);">Rem: 2</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course-action">
|
||||
@@ -503,10 +503,10 @@
|
||||
<input type="checkbox" style="margin-right:15px; transform:scale(1.2);">
|
||||
<div>
|
||||
<span class="course-code">CS 420.01</span>
|
||||
<span class="course-title">Database Management Systems</span>
|
||||
<span class="course-title">Database Systems</span>
|
||||
</div>
|
||||
</div>
|
||||
<span class="tag tag-purple">3.0 Credits</span>
|
||||
<span class="tag tag-purple">3.0 Units</span>
|
||||
</div>
|
||||
|
||||
<div class="course-details">
|
||||
@@ -515,15 +515,15 @@
|
||||
<span>⭐ 4.2/5.0</span>
|
||||
</div>
|
||||
<div class="course-meta">
|
||||
<span>📍 Sci Center, 101</span>
|
||||
<span>🗓️ TR 11:00 - 12:15 PM</span>
|
||||
<span>📍 Science Ctr 101</span>
|
||||
<span>🗓️ TuTh 11:00 - 12:15</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="course-stats" style="text-align:right; font-size:13px; color:var(--text-secondary);">
|
||||
<div>Capacity: 40</div>
|
||||
<div>Enrolled: 35</div>
|
||||
<div style="font-weight:bold; color:var(--success);">Remaining: 5</div>
|
||||
<div>Cap: 40</div>
|
||||
<div>Enr: 35</div>
|
||||
<div style="font-weight:bold; color:var(--success);">Rem: 5</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course-action">
|
||||
@@ -544,7 +544,7 @@
|
||||
<span class="course-title">Software Engineering</span>
|
||||
</div>
|
||||
</div>
|
||||
<span class="tag tag-purple">3.0 Credits</span>
|
||||
<span class="tag tag-purple">3.0 Units</span>
|
||||
</div>
|
||||
|
||||
<div class="course-details">
|
||||
@@ -554,14 +554,14 @@
|
||||
</div>
|
||||
<div class="course-meta">
|
||||
<span>💻 Online / Remote</span>
|
||||
<span>🗓️ W 18:00 - 20:50 PM</span>
|
||||
<span>🗓️ Wed 18:00 - 20:50</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="course-stats" style="text-align:right; font-size:13px; color:var(--text-secondary);">
|
||||
<div>Capacity: 30</div>
|
||||
<div>Enrolled: 30</div>
|
||||
<div style="font-weight:bold; color:var(--danger);">CLOSED</div>
|
||||
<div>Cap: 30</div>
|
||||
<div>Enr: 30</div>
|
||||
<div style="font-weight:bold; color:var(--danger);">Closed</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course-action">
|
||||
@@ -581,7 +581,7 @@
|
||||
<span class="course-title">Linear Algebra</span>
|
||||
</div>
|
||||
</div>
|
||||
<span class="tag tag-purple">3.0 Credits</span>
|
||||
<span class="tag tag-purple">3.0 Units</span>
|
||||
</div>
|
||||
|
||||
<div class="course-details">
|
||||
@@ -590,15 +590,15 @@
|
||||
<span>⭐ 5.0/5.0</span>
|
||||
</div>
|
||||
<div class="course-meta">
|
||||
<span>📍 Math Hall, 2B</span>
|
||||
<span>🗓️ MWF 08:00 - 08:50 AM</span>
|
||||
<span>📍 Math Bldg 2B</span>
|
||||
<span>🗓️ MWF 08:00 - 08:50</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="course-stats" style="text-align:right; font-size:13px; color:var(--text-secondary);">
|
||||
<div>Capacity: 60</div>
|
||||
<div>Enrolled: 55</div>
|
||||
<div style="font-weight:bold; color:var(--success);">Remaining: 5</div>
|
||||
<div>Cap: 60</div>
|
||||
<div>Enr: 55</div>
|
||||
<div style="font-weight:bold; color:var(--success);">Rem: 5</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course-action">
|
||||
@@ -610,7 +610,7 @@
|
||||
|
||||
<!-- Pagination -->
|
||||
<div style="display:flex; justify-content:center; gap:10px; margin-top:30px;">
|
||||
<button class="btn btn-outline" disabled>Previous</button>
|
||||
<button class="btn btn-outline" disabled>Prev</button>
|
||||
<button class="btn btn-primary" style="width:auto;">1</button>
|
||||
<button class="btn btn-outline" style="width:auto;">2</button>
|
||||
<button class="btn btn-outline" style="width:auto;">3</button>
|
||||
@@ -633,7 +633,7 @@
|
||||
<strong>CS 301.01</strong>
|
||||
<a href="javascript:void(0)" onclick="removeFromCart('cart-item-CS301')" style="color:var(--danger); font-size:12px;">✕</a>
|
||||
</div>
|
||||
<div style="font-size:12px; opacity:0.8;">Alg & Data Struct</div>
|
||||
<div style="font-size:12px; opacity:0.8;">Algorithms & Data Structures</div>
|
||||
<div style="font-size:12px; margin-top:5px; color:var(--success);">MWF 10:00-10:50</div>
|
||||
</div>
|
||||
|
||||
@@ -653,7 +653,7 @@
|
||||
<a href="javascript:void(0)" onclick="removeFromCart('cart-item-CS350')" style="color:var(--danger); font-size:12px;">✕</a>
|
||||
</div>
|
||||
<div style="font-size:12px; opacity:0.8;">Operating Systems</div>
|
||||
<div style="font-size:12px; margin-top:5px; color:var(--warning); font-weight:bold;">Waitlist Position: #3</div>
|
||||
<div style="font-size:12px; margin-top:5px; color:var(--warning); font-weight:bold;">Waitlist Pos: #3</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -669,12 +669,12 @@
|
||||
<!-- Conflict Warning -->
|
||||
<div class="card" style="border-color:var(--danger);">
|
||||
<div class="card-header" style="background:rgba(231, 76, 60, 0.1); color:var(--danger);">
|
||||
<span>⚠️ Schedule Conflict</span>
|
||||
<span>⚠️ Time Conflict</span>
|
||||
</div>
|
||||
<div class="card-body" style="font-size:13px; color:#c0392b;">
|
||||
<strong>CS 301.01</strong> overlaps with <strong>PHYS 202.04</strong> on Mondays.
|
||||
<strong>CS 301.01</strong> and <strong>PHYS 202.04</strong> clash on Monday.
|
||||
<div style="margin-top:10px;">
|
||||
<a href="#">[Resolve Conflict]</a>
|
||||
<a href="#">[Resolve]</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -684,9 +684,9 @@
|
||||
<div class="card-header">Quick Links</div>
|
||||
<div class="card-body">
|
||||
<ul style="font-size:13px;">
|
||||
<li style="margin-bottom:10px;"><a href="#">📅 Academic Calendar</a></li>
|
||||
<li style="margin-bottom:10px;"><a href="#">💰 Pay Tuition Online</a></li>
|
||||
<li style="margin-bottom:10px;"><a href="#">🗺️ Campus Maps</a></li>
|
||||
<li style="margin-bottom:10px;"><a href="#">📅 Calendar</a></li>
|
||||
<li style="margin-bottom:10px;"><a href="#">💰 Pay Bill</a></li>
|
||||
<li style="margin-bottom:10px;"><a href="#">🗺️ Map</a></li>
|
||||
<li style="margin-bottom:10px;"><a href="#">📚 Bookstore</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -731,27 +731,27 @@
|
||||
<div class="sched-header">Fri</div>
|
||||
|
||||
<!-- 08:00 Block -->
|
||||
<div class="sched-time">08:00 AM</div>
|
||||
<div class="sched-time">08:00</div>
|
||||
<div class="sched-cell">
|
||||
<div class="sched-block block-green">
|
||||
<strong>MATH 330</strong><br>Math Hall 2B
|
||||
<strong>MATH 330</strong><br>Math Bldg 2B
|
||||
</div>
|
||||
</div>
|
||||
<div class="sched-cell"></div>
|
||||
<div class="sched-cell">
|
||||
<div class="sched-block block-green">
|
||||
<strong>MATH 330</strong><br>Math Hall 2B
|
||||
<strong>MATH 330</strong><br>Math Bldg 2B
|
||||
</div>
|
||||
</div>
|
||||
<div class="sched-cell"></div>
|
||||
<div class="sched-cell">
|
||||
<div class="sched-block block-green">
|
||||
<strong>MATH 330</strong><br>Math Hall 2B
|
||||
<strong>MATH 330</strong><br>Math Bldg 2B
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 09:00 Block -->
|
||||
<div class="sched-time">09:00 AM</div>
|
||||
<div class="sched-time">09:00</div>
|
||||
<div class="sched-cell"></div>
|
||||
<div class="sched-cell"></div>
|
||||
<div class="sched-cell"></div>
|
||||
@@ -759,7 +759,7 @@
|
||||
<div class="sched-cell"></div>
|
||||
|
||||
<!-- 10:00 Block -->
|
||||
<div class="sched-time">10:00 AM</div>
|
||||
<div class="sched-time">10:00</div>
|
||||
<div class="sched-cell">
|
||||
<div class="sched-block block-blue">
|
||||
<strong>CS 301</strong><br>Bldg A, 101
|
||||
@@ -779,23 +779,23 @@
|
||||
</div>
|
||||
|
||||
<!-- 11:00 Block -->
|
||||
<div class="sched-time">11:00 AM</div>
|
||||
<div class="sched-time">11:00</div>
|
||||
<div class="sched-cell"></div>
|
||||
<div class="sched-cell">
|
||||
<div class="sched-block block-orange" style="height:156px; z-index:10;">
|
||||
<strong>CS 420</strong><br>Sci Ctr 101<br>11:00-12:15
|
||||
<strong>CS 420</strong><br>Science Ctr 101<br>11:00-12:15
|
||||
</div>
|
||||
</div>
|
||||
<div class="sched-cell"></div>
|
||||
<div class="sched-cell">
|
||||
<div class="sched-block block-orange" style="height:156px; z-index:10;">
|
||||
<strong>CS 420</strong><br>Sci Ctr 101<br>11:00-12:15
|
||||
<strong>CS 420</strong><br>Science Ctr 101<br>11:00-12:15
|
||||
</div>
|
||||
</div>
|
||||
<div class="sched-cell"></div>
|
||||
|
||||
<!-- 12:00 Block -->
|
||||
<div class="sched-time">12:00 PM</div>
|
||||
<div class="sched-time">12:00</div>
|
||||
<div class="sched-cell"></div>
|
||||
<div class="sched-cell"></div> <!-- Skip for overlap -->
|
||||
<div class="sched-cell"></div>
|
||||
@@ -803,7 +803,7 @@
|
||||
<div class="sched-cell"></div>
|
||||
|
||||
<!-- 13:00 Block -->
|
||||
<div class="sched-time">01:00 PM</div>
|
||||
<div class="sched-time">13:00</div>
|
||||
<div class="sched-cell"></div>
|
||||
<div class="sched-cell"></div>
|
||||
<div class="sched-cell"></div>
|
||||
@@ -819,17 +819,17 @@
|
||||
<div style="display:grid; grid-template-columns: 1fr 340px; gap:25px;">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<span>Academic History</span>
|
||||
<span>Grade Record</span>
|
||||
<button class="btn btn-outline" style="padding:4px 10px; font-size:12px;">Download Unofficial Transcript</button>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h4 style="margin-top:0; color:var(--text-secondary); text-transform:uppercase; font-size:12px; letter-spacing:1px;">Fall 2025</h4>
|
||||
<h4 style="margin-top:0; color:var(--text-secondary); text-transform:uppercase; font-size:12px; letter-spacing:1px;">2025 Fall (Fall 2025)</h4>
|
||||
<table style="width:100%; border-collapse:collapse; margin-bottom:30px;">
|
||||
<thead>
|
||||
<tr style="border-bottom:2px solid var(--border-color); text-align:left; color:var(--text-secondary); font-size:12px; text-transform:uppercase;">
|
||||
<th style="padding:10px;">Course</th>
|
||||
<th style="padding:10px;">Title</th>
|
||||
<th style="padding:10px;">Credits</th>
|
||||
<th style="padding:10px;">Course Code</th>
|
||||
<th style="padding:10px;">Course Title</th>
|
||||
<th style="padding:10px;">Units</th>
|
||||
<th style="padding:10px;">Grade</th>
|
||||
<th style="padding:10px;">Points</th>
|
||||
</tr>
|
||||
@@ -872,13 +872,13 @@
|
||||
</tfoot>
|
||||
</table>
|
||||
|
||||
<h4 style="margin-top:0; color:var(--text-secondary); text-transform:uppercase; font-size:12px; letter-spacing:1px;">Spring 2025</h4>
|
||||
<h4 style="margin-top:0; color:var(--text-secondary); text-transform:uppercase; font-size:12px; letter-spacing:1px;">2025 Spring (Spring 2025)</h4>
|
||||
<table style="width:100%; border-collapse:collapse;">
|
||||
<thead>
|
||||
<tr style="border-bottom:2px solid var(--border-color); text-align:left; color:var(--text-secondary); font-size:12px; text-transform:uppercase;">
|
||||
<th style="padding:10px;">Course</th>
|
||||
<th style="padding:10px;">Title</th>
|
||||
<th style="padding:10px;">Credits</th>
|
||||
<th style="padding:10px;">Course Code</th>
|
||||
<th style="padding:10px;">Course Title</th>
|
||||
<th style="padding:10px;">Units</th>
|
||||
<th style="padding:10px;">Grade</th>
|
||||
<th style="padding:10px;">Points</th>
|
||||
</tr>
|
||||
@@ -893,7 +893,7 @@
|
||||
</tr>
|
||||
<tr style="border-bottom:1px solid var(--border-color);">
|
||||
<td style="padding:12px 10px; font-weight:bold;">PSY 101</td>
|
||||
<td style="padding:12px 10px;">Intro Psychology</td>
|
||||
<td style="padding:12px 10px;">Intro to Psychology</td>
|
||||
<td style="padding:12px 10px;">3.0</td>
|
||||
<td style="padding:12px 10px; color:var(--primary); font-weight:bold;">B</td>
|
||||
<td style="padding:12px 10px;">9.0</td>
|
||||
@@ -922,11 +922,11 @@
|
||||
</div>
|
||||
<ul style="margin-top:20px; font-size:13px;">
|
||||
<li style="display:flex; justify-content:space-between; margin-bottom:10px;">
|
||||
<span>Total Units Attempted:</span>
|
||||
<span>Total Attempted:</span>
|
||||
<strong>45.0</strong>
|
||||
</li>
|
||||
<li style="display:flex; justify-content:space-between; margin-bottom:10px;">
|
||||
<span>Total Units Earned:</span>
|
||||
<span>Total Earned:</span>
|
||||
<strong>45.0</strong>
|
||||
</li>
|
||||
<li style="display:flex; justify-content:space-between; margin-bottom:10px;">
|
||||
@@ -934,7 +934,7 @@
|
||||
<strong>Top 15%</strong>
|
||||
</li>
|
||||
<li style="display:flex; justify-content:space-between; margin-bottom:10px;">
|
||||
<span>Academic Standing:</span>
|
||||
<span>Academic Status:</span>
|
||||
<span class="tag tag-blue">Good Standing</span>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -948,7 +948,7 @@
|
||||
<div class="card">
|
||||
<div class="card-header">System Module</div>
|
||||
<div class="card-body">
|
||||
<p>This module is currently being updated for the Spring 2026 term. Please check back later or contact the registrar.</p>
|
||||
<p>This module is currently updating for Spring 2026. Please check back later or contact the Registrar.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -961,7 +961,7 @@
|
||||
<div>
|
||||
<h4 style="margin-top:0;">University Registrar</h4>
|
||||
<p style="font-size:13px; color:var(--text-secondary);">
|
||||
Building 42, Room 100<br>
|
||||
Bldg 42, Rm 100<br>
|
||||
1234 University Ave<br>
|
||||
College Town, ST 90210
|
||||
</p>
|
||||
@@ -970,33 +970,33 @@
|
||||
<div>
|
||||
<h4 style="margin-top:0;">Registration Help</h4>
|
||||
<ul style="font-size:13px; line-height:2;">
|
||||
<li><a href="#" style="color:var(--text-secondary);">How to Register</a></li>
|
||||
<li><a href="#" style="color:var(--text-secondary);">Registration Guide</a></li>
|
||||
<li><a href="#" style="color:var(--text-secondary);">Waitlist Policy</a></li>
|
||||
<li><a href="#" style="color:var(--text-secondary);">Permission Numbers</a></li>
|
||||
<li><a href="#" style="color:var(--text-secondary);">Withdrawal Deadlines</a></li>
|
||||
<li><a href="#" style="color:var(--text-secondary);">Permission Codes</a></li>
|
||||
<li><a href="#" style="color:var(--text-secondary);">Drop Deadlines</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4 style="margin-top:0;">Systems</h4>
|
||||
<h4 style="margin-top:0;">Common Systems</h4>
|
||||
<ul style="font-size:13px; line-height:2;">
|
||||
<li><a href="#" style="color:var(--text-secondary);">Canvas LMS</a></li>
|
||||
<li><a href="#" style="color:var(--text-secondary);">Student Email</a></li>
|
||||
<li><a href="#" style="color:var(--text-secondary);">Library Database</a></li>
|
||||
<li><a href="#" style="color:var(--text-secondary);">IT Support Ticket</a></li>
|
||||
<li><a href="#" style="color:var(--text-secondary);">Library Databases</a></li>
|
||||
<li><a href="#" style="color:var(--text-secondary);">IT Support Tickets</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4 style="margin-top:0;">Legal</h4>
|
||||
<h4 style="margin-top:0;">Legal Info</h4>
|
||||
<ul style="font-size:13px; line-height:2;">
|
||||
<li><a href="#" style="color:var(--text-secondary);">Privacy Policy</a></li>
|
||||
<li><a href="#" style="color:var(--text-secondary);">Accessibility</a></li>
|
||||
<li><a href="#" style="color:var(--text-secondary);">FERPA Rights</a></li>
|
||||
<li><a href="#" style="color:var(--text-secondary);">Title IX</a></li>
|
||||
<li><a href="#" style="color:var(--text-secondary);">Title IX Policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div style="text-align:center; margin-top:40px; font-size:12px; color:var(--text-light);">
|
||||
© 2026 Board of Regents. All Rights Reserved. | Server Time: <span id="server-time">Loading...</span> | Node: REG-04
|
||||
© 2026 Board of Trustees. All rights reserved. | Server Time: <span id="server-time">Loading...</span> | Node: REG-04
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1005,11 +1005,11 @@
|
||||
// Data & State
|
||||
// -------------------------------------------------------------------------
|
||||
const COURSE_DB = {
|
||||
'CS 301.01': { title: 'Algorithms & Data Structures', code: 'CS 301.01', time: 'MWF 10:00-10:50', units: 4.0 },
|
||||
'CS 301.02': { title: 'Algorithms & Data Structures', code: 'CS 301.02', time: 'MWF 11:00-11:50', units: 4.0 },
|
||||
'CS 350.01': { title: 'Operating Systems', code: 'CS 350.01', time: 'MWF 13:00-13:50', units: 4.0 },
|
||||
'CS 420.01': { title: 'Database Management Systems', code: 'CS 420.01', time: 'TR 11:00-12:15', units: 3.0 },
|
||||
'MATH 330.01': { title: 'Linear Algebra', code: 'MATH 330.01', time: 'MWF 08:00-08:50', units: 3.0 },
|
||||
'CS 301.01': { title: 'Algorithms & Data Structures', code: 'CS 301.01', time: 'Mon/Wed/Fri 10:00-10:50', units: 4.0 },
|
||||
'CS 301.02': { title: 'Algorithms & Data Structures', code: 'CS 301.02', time: 'Mon/Wed/Fri 11:00-11:50', units: 4.0 },
|
||||
'CS 350.01': { title: 'Operating Systems', code: 'CS 350.01', time: 'Mon/Wed/Fri 13:00-13:50', units: 4.0 },
|
||||
'CS 420.01': { title: 'Database Management Systems', code: 'CS 420.01', time: 'Tue/Thu 11:00-12:15', units: 3.0 },
|
||||
'MATH 330.01': { title: 'Linear Algebra', code: 'MATH 330.01', time: 'Mon/Wed/Fri 08:00-08:50', units: 3.0 },
|
||||
};
|
||||
|
||||
let cart = [
|
||||
@@ -1117,7 +1117,7 @@
|
||||
</div>
|
||||
<div style="font-size:12px; opacity:0.8;">${item.title}</div>
|
||||
<div style="font-size:12px; margin-top:5px; color:${item.waitlisted ? 'var(--warning)' : 'var(--success)'}; font-weight:${item.waitlisted ? 'bold' : 'normal'};">
|
||||
${item.waitlisted ? 'Waitlist Position: #' + item.position : item.time}
|
||||
${item.waitlisted ? 'Waitlist: #' + item.position : item.time}
|
||||
</div>
|
||||
`;
|
||||
container.appendChild(div);
|
||||
@@ -1155,7 +1155,7 @@
|
||||
setTimeout(() => {
|
||||
btn.style.background = 'var(--success)';
|
||||
btn.innerText = '✔ Registered!';
|
||||
showToast('Registration successful! Confirmation email sent.', 'var(--success)');
|
||||
showToast('Registration Successful! Confirmation email sent.', 'var(--success)');
|
||||
|
||||
setTimeout(() => {
|
||||
cart = []; // Clear cart
|
||||
@@ -1169,7 +1169,7 @@
|
||||
window.searchCourses = function() {
|
||||
showToast('🔍 Applying filters...', 'var(--secondary)');
|
||||
setTimeout(() => {
|
||||
showToast('Found 25 courses matching your criteria.', 'var(--primary)');
|
||||
showToast('Found 25 courses matching criteria.', 'var(--primary)');
|
||||
}, 800);
|
||||
}
|
||||
|
||||
@@ -1209,7 +1209,7 @@
|
||||
// Simulation Loops
|
||||
// -------------------------------------------------------------------------
|
||||
setInterval(() => {
|
||||
document.getElementById('server-time').innerText = new Date().toUTCString();
|
||||
document.getElementById('server-time').innerText = new Date().toLocaleString('en-US');
|
||||
}, 1000);
|
||||
|
||||
// Initial Render
|
||||
26
008/record.json
Normal file
26
008/record.json
Normal file
@@ -0,0 +1,26 @@
|
||||
{
|
||||
"step-1": {
|
||||
"query": "选课之前，我想先确认一下我上个学期的GPA和过往成绩，请切换到成绩单页面",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-2": {
|
||||
"query": "成绩看完了，回到选课的主界面准备添加新课程",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-3": {
|
||||
"query": "列表中有一门T. Linux教授讲授的操作系统课（Operating Systems），请把这门课加入我的选课车",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-4": {
|
||||
"query": "我想上的那个11点钟的算法课（CS 301.02）已经满员了，但我还是想争取一下，请帮我加入这门课的候补队列（Waitlist）",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-5": {
|
||||
"query": "购物车里提示有时间冲突，把那个产生冲突的 CS 301.01 课程从购物车里移除掉",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-6": {
|
||||
"query": "现在的选课方案没问题了，直接点击按钮提交注册，完成选课",
|
||||
"grounding_area": ""
|
||||
}
|
||||
}
|
||||
202
009/9-001.html
Normal file
202
009/9-001.html
Normal file
File diff suppressed because one or more lines are too long
202
009/9-002.html
Normal file
202
009/9-002.html
Normal file
File diff suppressed because one or more lines are too long
202
009/9-003.html
Normal file
202
009/9-003.html
Normal file
File diff suppressed because one or more lines are too long
219
009/9-004.html
Normal file
219
009/9-004.html
Normal file
File diff suppressed because one or more lines are too long
235
009/9-005.html
Normal file
235
009/9-005.html
Normal file
File diff suppressed because one or more lines are too long
219
009/9-006.html
Normal file
219
009/9-006.html
Normal file
File diff suppressed because one or more lines are too long
@@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>MyGlobalMail - Inbox (3 new)</title>
|
||||
<title>GlobalMail - Inbox (3 unread)</title>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
/* === CSS Variables System === */
|
||||
@@ -48,7 +48,7 @@
|
||||
/* === Reset & Base === */
|
||||
* { box-sizing: border-box; }
|
||||
body {
|
||||
font-family: 'Roboto', 'Segoe UI', -apple-system, sans-serif;
|
||||
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
|
||||
margin: 0;
|
||||
height: 100vh;
|
||||
background-color: var(--bg-body);
|
||||
@@ -269,14 +269,14 @@
|
||||
<!-- Header -->
|
||||
<header class="app-header">
|
||||
<div class="logo-area">
|
||||
<span class="logo-icon">📧</span> MyGlobalMail
|
||||
<span class="logo-icon">📧</span> GlobalMail (MyGlobalMail)
|
||||
</div>
|
||||
<div class="search-bar">
|
||||
<span>🔍</span>
|
||||
<input type="text" id="searchInput" placeholder="Search mail..." onkeyup="filterEmails()">
|
||||
</div>
|
||||
<div class="user-actions">
|
||||
<div class="theme-toggle" onclick="toggleTheme()" title="Toggle Dark/Light Theme">🌓</div>
|
||||
<div class="theme-toggle" onclick="toggleTheme()" title="Toggle Dark/Light Mode">🌓</div>
|
||||
<div title="Notifications">🔔</div>
|
||||
<div title="Settings">⚙️</div>
|
||||
<div class="user-avatar">JD</div>
|
||||
@@ -289,7 +289,7 @@
|
||||
<!-- Sidebar -->
|
||||
<aside class="sidebar">
|
||||
<div class="compose-btn-wrapper">
|
||||
<button class="btn-compose" onclick="openCompose()">+ New Message</button>
|
||||
<button class="btn-compose" onclick="openCompose()">+ New Mail</button>
|
||||
</div>
|
||||
|
||||
<ul id="nav-folder-list">
|
||||
@@ -301,7 +301,7 @@
|
||||
</li>
|
||||
<li class="nav-item" onclick="selectFolder('sent')">
|
||||
<div style="display:flex; align-items:center;">
|
||||
<span class="nav-icon">📤</span> Sent Items
|
||||
<span class="nav-icon">📤</span> Sent
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item" onclick="selectFolder('drafts')">
|
||||
@@ -312,7 +312,7 @@
|
||||
</li>
|
||||
<li class="nav-item" onclick="selectFolder('junk')">
|
||||
<div style="display:flex; align-items:center;">
|
||||
<span class="nav-icon">🚫</span> Junk Mail
|
||||
<span class="nav-icon">🚫</span> Junk
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item" onclick="selectFolder('trash')">
|
||||
@@ -322,7 +322,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="sidebar-section-title">Labels</div>
|
||||
<div class="sidebar-section-title">Tags</div>
|
||||
<ul>
|
||||
<li class="nav-item">
|
||||
<span style="width:10px; height:10px; border-radius:50%; background:#1565c0; margin-right:12px;"></span> Work
|
||||
@@ -344,10 +344,10 @@
|
||||
<div class="toolbar">
|
||||
<div class="tool-icon" title="Select All"><input type="checkbox" style="margin:0;" id="select-all-checkbox" onclick="toggleSelectAll()"></div>
|
||||
<div class="tool-icon" title="Refresh" onclick="refreshMail()">🔄</div>
|
||||
<div class="tool-icon" title="Mark Read" onclick="markSelectedAsRead()">✉️</div>
|
||||
<div class="tool-icon" title="Mark as Read" onclick="markSelectedAsRead()">✉️</div>
|
||||
<div class="tool-icon" title="Delete" onclick="deleteSelected()">🗑️</div>
|
||||
<div style="flex:1"></div>
|
||||
<div style="font-size:12px; color:var(--text-secondary);">Sort by: <b>Date</b></div>
|
||||
<div style="font-size:12px; color:var(--text-secondary);">Sort: <b>Date</b></div>
|
||||
</div>
|
||||
<div class="mail-items-container" id="mail-list-container">
|
||||
<!-- Emails will be injected here by JS -->
|
||||
@@ -358,8 +358,8 @@
|
||||
<section class="reading-pane" id="reading-pane">
|
||||
<div class="reading-empty-state">
|
||||
<div class="empty-icon">📧</div>
|
||||
<h3>Select an item to read</h3>
|
||||
<p>Click on an email on the left to view details.</p>
|
||||
<h3>Select an email to read</h3>
|
||||
<p>Click on an email from the list to view details.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -397,11 +397,11 @@
|
||||
{
|
||||
id: 1,
|
||||
folder: 'inbox',
|
||||
sender: 'HR Department',
|
||||
sender: 'Human Resources',
|
||||
senderEmail: 'hr@company.com',
|
||||
subject: 'Action Required: 2026 Benefits Enrollment Open',
|
||||
preview: 'The open enrollment period for 2026 benefits is now open. Please login to the portal to make your selections...',
|
||||
body: `<p>Dear Employee,</p><p>We are pleased to announce that <strong>Open Enrollment for 2026 Benefits</strong> is now live!</p><p>You have until <strong>Jan 31st</strong> to make changes to your medical, dental, and vision plans.</p><ul><li>Review new premiums in the attached PDF.</li><li>Update beneficiaries if needed.</li></ul><p>Regards,<br>HR Team</p>`,
|
||||
preview: '2026 Benefits Open Enrollment is now live. Please log in to the portal to make your selections...',
|
||||
body: `<p>Dear Employee,</p><p>We are pleased to announce that <strong>2026 Benefits Enrollment</strong> is now live!</p><p>You have until <strong>January 31st</strong> to make changes to your medical, dental, and vision plans.</p><ul><li>Please review the new premiums in the attached PDF.</li><li>Update your beneficiaries if necessary.</li></ul><p>Best regards,<br>The HR Team</p>`,
|
||||
date: '10:42 AM',
|
||||
unread: true,
|
||||
checked: false,
|
||||
@@ -414,8 +414,8 @@
|
||||
sender: 'Boss_Steve',
|
||||
senderEmail: 'steve.jobs@apple-mock.com',
|
||||
subject: 'URGENT: Project Beta Update Meeting',
|
||||
preview: 'Can we reschedule our 2pm sync to 3pm? Something came up with the client.',
|
||||
body: `<p>Hi,</p><p>Can we push the Beta review to <strong>3:00 PM</strong> today? The client just sent over some last-minute requirements we need to discuss first.</p><p>Thanks,<br>Steve</p>`,
|
||||
preview: 'Can we move the 2pm sync to 3pm? Client just had a fire drill.',
|
||||
body: `<p>Hi,</p><p>Can we push the Beta review to <strong>3:00 PM</strong> today? The client just sent over some last minute requirements we need to discuss first.</p><p>Thanks,<br>Steve</p>`,
|
||||
date: '09:15 AM',
|
||||
unread: true,
|
||||
checked: false,
|
||||
@@ -427,9 +427,9 @@
|
||||
folder: 'inbox',
|
||||
sender: 'Netflix',
|
||||
senderEmail: 'info@netflix.com',
|
||||
subject: 'New sign-in to your account',
|
||||
preview: 'We noticed a new sign-in to your Netflix account from a new device in Brazil.',
|
||||
body: `<p>Hi John,</p><p>We detected a new sign-in to your account.</p><p><strong>Device:</strong> Smart TV<br><strong>Location:</strong> São Paulo, Brazil</p><p>If this was you, you can ignore this email. If not, please change your password immediately.</p>`,
|
||||
subject: 'New login to your account',
|
||||
preview: 'We noticed a new login to your Netflix account from a new device in Brazil.',
|
||||
body: `<p>Hi John,</p><p>We detected a new login to your account.</p><p><strong>Device:</strong> Smart TV<br><strong>Location:</strong> Sao Paulo, Brazil</p><p>If this was you, please ignore this email. If not, please change your password immediately.</p>`,
|
||||
date: 'Yesterday',
|
||||
unread: false,
|
||||
checked: false,
|
||||
@@ -442,8 +442,8 @@
|
||||
sender: 'Amazon Orders',
|
||||
senderEmail: 'order-update@amazon.com',
|
||||
subject: 'Your package has been delivered!',
|
||||
preview: 'Your package containing "Wireless Headphones..." was delivered at front door.',
|
||||
body: `<p>Hello,</p><p>Your package has arrived!</p><p><strong>Tracking ID:</strong> TBA99881223<br><strong>Location:</strong> Front Porch</p><p><button style="background:#f9ab00; padding:10px; border-radius:4px; border:none; color:black; font-weight:bold;">View Order</button></p>`,
|
||||
preview: 'Your package containing "Wireless Headphones..." was delivered to your front porch.',
|
||||
body: `<p>Hello,</p><p>Your package has arrived!</p><p><strong>Tracking #:</strong> TBA99881223<br><strong>Location:</strong> Front Porch</p><p><button style="background:#f9ab00; padding:10px; border-radius:4px; border:none; color:black; font-weight:bold;">View Order</button></p>`,
|
||||
date: 'Yesterday',
|
||||
unread: true,
|
||||
checked: false,
|
||||
@@ -455,9 +455,9 @@
|
||||
folder: 'inbox',
|
||||
sender: 'Mom',
|
||||
senderEmail: 'mom@family.com',
|
||||
subject: 'Dinner on Sunday?',
|
||||
preview: 'Are you free this Sunday for roast chicken? Dad wants to know.',
|
||||
body: `<p>Hi honey,</p><p>Are you coming over this Sunday? I'm making your favorite roast chicken. Let me know so I can buy enough potatoes.</p><p>Love,<br>Mom</p>`,
|
||||
subject: 'Sunday Dinner?',
|
||||
preview: 'Are you free for roast chicken this Sunday? Dad wants to know.',
|
||||
body: `<p>Honey,</p><p>Are you coming over this Sunday? I am making your favorite roast chicken. Let me know so I can buy enough potatoes.</p><p>Love,<br>Mom</p>`,
|
||||
date: 'Jan 15',
|
||||
unread: false,
|
||||
checked: false,
|
||||
@@ -470,9 +470,9 @@
|
||||
folder: 'inbox',
|
||||
sender: 'IT Support',
|
||||
senderEmail: 'support@company.com',
|
||||
subject: 'Planned Maintenance: This Saturday',
|
||||
preview: 'System maintenance scheduled for Sat 10:00 PM - 2:00 AM. Services unavailable.',
|
||||
body: `<p>Attention Team,</p><p>We will be performing upgrading server maintenance this Saturday.</p><p><strong>Impact:</strong> Email and File Servers will be down for approx 4 hours.</p>`,
|
||||
subject: 'Scheduled Maintenance: This Saturday',
|
||||
preview: 'System maintenance scheduled for Sat 10:00 PM - 2:00 AM. Services will be unavailable.',
|
||||
body: `<p>Attention Team,</p><p>We will be performing server upgrades this Saturday.</p><p><strong>Impact:</strong> Email and file servers will be down for approx 4 hours.</p>`,
|
||||
date: 'Jan 14',
|
||||
unread: false,
|
||||
checked: false,
|
||||
@@ -499,7 +499,7 @@
|
||||
sender: 'Spotify',
|
||||
senderEmail: 'no-reply@spotify.com',
|
||||
subject: 'Your 2025 Wrapped is here! 🎵',
|
||||
preview: 'See your top songs, artists, and podcasts for the year.',
|
||||
preview: 'Check out your top songs, artists, and podcasts for the year.',
|
||||
body: `<p>It's that time of year!</p><h1>Your 2025 Wrapped</h1><p>Top Genre: Lo-Fi Beats<br>Top Artist: Unknown</p>`,
|
||||
date: 'Jan 10',
|
||||
unread: false,
|
||||
@@ -513,7 +513,7 @@
|
||||
sender: 'Spam Bot',
|
||||
senderEmail: 'winner@lottery.com',
|
||||
subject: 'YOU WON $1,000,000!!',
|
||||
preview: 'Click here to claim your prize immediately before it expires.',
|
||||
preview: 'Click here to claim your prize now before it expires.',
|
||||
body: `<p>CLICK HERE NOW!!!</p>`,
|
||||
date: 'Jan 01',
|
||||
unread: true,
|
||||
@@ -529,7 +529,7 @@
|
||||
senderEmail: 'john.doe@globalmail.com',
|
||||
subject: 'Re: Project Beta Update Meeting',
|
||||
preview: 'Sure, 3pm works for me. See you then.',
|
||||
body: `<p>Hi Steve,</p><p>3 PM is fine. I'll update the calendar invite.</p><p>Best,<br>John</p>`,
|
||||
body: `<p>Hi Steve,</p><p>3 PM is fine. I will update the calendar invite.</p><p>Best,<br>John</p>`,
|
||||
date: '09:20 AM',
|
||||
unread: false,
|
||||
checked: false,
|
||||
@@ -542,7 +542,7 @@
|
||||
sender: 'Me',
|
||||
senderEmail: 'john.doe@globalmail.com',
|
||||
subject: 'Draft Proposal V2',
|
||||
preview: 'Attached is the revised proposal. Let me know what you think.',
|
||||
preview: 'Attached is the revised proposal. Let me know your thoughts.',
|
||||
body: `<p>Hi All,</p><p>Please find attached.</p>`,
|
||||
date: 'Yesterday',
|
||||
unread: false,
|
||||
@@ -574,7 +574,8 @@
|
||||
}
|
||||
|
||||
if (filtered.length === 0) {
|
||||
container.innerHTML = `<div style="padding:40px; text-align:center; color:var(--text-secondary);">No mail in ${currentFolder}</div>`;
|
||||
const folderNameCN = { 'inbox': 'Inbox', 'sent': 'Sent', 'drafts': 'Drafts', 'junk': 'Junk', 'trash': 'Trash' }[currentFolder] || currentFolder;
|
||||
container.innerHTML = `<div style="padding:40px; text-align:center; color:var(--text-secondary);">${folderNameCN} is empty</div>`;
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -586,7 +587,7 @@
|
||||
// Generate Tags HTML
|
||||
let tagHtml = '';
|
||||
if (email.tag === 'work') tagHtml = '<span class="tag tag-work">Work</span>';
|
||||
if (email.tag === 'finance') tagHtml = '<span class="tag tag-finance">Order</span>';
|
||||
if (email.tag === 'finance') tagHtml = '<span class="tag tag-finance">Finance</span>';
|
||||
if (email.tag === 'urgent') tagHtml = '<span class="tag tag-urgent">Urgent</span>';
|
||||
|
||||
// Insert Checkbox in HTML
|
||||
@@ -664,7 +665,7 @@
|
||||
}
|
||||
});
|
||||
|
||||
showToast(`${count} item(s) deleted`);
|
||||
showToast(`Deleted ${count} emails`);
|
||||
selectedEmailId = null;
|
||||
document.getElementById('reading-pane').innerHTML = `<div class="reading-empty-state"><div class="empty-icon">🗑️</div><h3>Moved to Trash</h3></div>`;
|
||||
renderMailList();
|
||||
@@ -682,7 +683,7 @@
|
||||
e.checked = false; // Optional: uncheck after action
|
||||
});
|
||||
|
||||
showToast('Marked as Read', 'var(--primary)');
|
||||
showToast('Marked as read', 'var(--primary)');
|
||||
renderMailList();
|
||||
}
|
||||
|
||||
@@ -736,12 +737,15 @@
|
||||
const clicked = event.currentTarget;
|
||||
if(clicked) clicked.classList.add('active');
|
||||
|
||||
const folderMap = { 'inbox': 'Inbox', 'sent': 'Sent', 'drafts': 'Drafts', 'junk': 'Junk', 'trash': 'Trash' };
|
||||
const displayName = folderMap[folderName] || folderName;
|
||||
|
||||
// Clear reading pane
|
||||
document.getElementById('reading-pane').innerHTML = `
|
||||
<div class="reading-empty-state">
|
||||
<div class="empty-icon">📂</div>
|
||||
<h3>${folderName.charAt(0).toUpperCase() + folderName.slice(1)}</h3>
|
||||
<p>Select an item to view.</p>
|
||||
<h3>${displayName}</h3>
|
||||
<p>Select an email to view.</p>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@@ -760,10 +764,10 @@
|
||||
showToast('Moved to Trash');
|
||||
} else {
|
||||
EMAILS.splice(index, 1);
|
||||
showToast('Deleted permanently');
|
||||
showToast('Permanently Deleted');
|
||||
}
|
||||
selectedEmailId = null;
|
||||
document.getElementById('reading-pane').innerHTML = '<div class="reading-empty-state">Item deleted</div>';
|
||||
document.getElementById('reading-pane').innerHTML = '<div class="reading-empty-state">Email Deleted</div>';
|
||||
renderMailList();
|
||||
}
|
||||
}
|
||||
@@ -801,20 +805,20 @@
|
||||
folder: 'inbox',
|
||||
sender: 'News Bot',
|
||||
senderEmail: 'news@daily.com',
|
||||
subject: 'Breaking News: Tech market rally',
|
||||
preview: 'Global markets are seeing a significant uptrend today...',
|
||||
subject: 'Breaking: Tech Market Rebounds',
|
||||
preview: 'Global markets are showing significant upward trends today...',
|
||||
body: '<p>Markets are up 2% today.</p>',
|
||||
date: 'Just Now',
|
||||
date: 'Just now',
|
||||
unread: true,
|
||||
checked: false,
|
||||
tag: null,
|
||||
avatar: 'NB'
|
||||
};
|
||||
EMAILS.unshift(newMail);
|
||||
showToast('1 New Email Arrived');
|
||||
showToast('1 New Email Received');
|
||||
renderMailList();
|
||||
} else {
|
||||
showToast('All up to date');
|
||||
showToast('Up to date');
|
||||
}
|
||||
}, 600);
|
||||
}
|
||||
@@ -843,7 +847,7 @@
|
||||
|
||||
showToast('Sending...', 'var(--primary)');
|
||||
setTimeout(() => {
|
||||
showToast('Message sent!', 'var(--success)');
|
||||
showToast('Email Sent!', 'var(--success)');
|
||||
closeCompose();
|
||||
// Add to Sent
|
||||
EMAILS.unshift({
|
||||
@@ -854,7 +858,7 @@
|
||||
subject: subj || '(No Subject)',
|
||||
preview: 'You sent a message...',
|
||||
body: `<p>${document.getElementById('compose-body').value}</p>`,
|
||||
date: 'Just Now',
|
||||
date: 'Just now',
|
||||
unread: false,
|
||||
tag: null,
|
||||
avatar: 'JD'
|
||||
@@ -909,7 +913,7 @@
|
||||
el.innerHTML = `
|
||||
<div class="mail-header-row"><span class="mail-sender">${email.sender}</span></div>
|
||||
<div class="mail-subject">${email.subject}</div>
|
||||
<div class="mail-preview">Found in search</div>
|
||||
<div class="mail-preview">Search Result</div>
|
||||
`;
|
||||
container.appendChild(el);
|
||||
});
|
||||
26
009/record.json
Normal file
26
009/record.json
Normal file
@@ -0,0 +1,26 @@
|
||||
{
|
||||
"step-1": {
|
||||
"query": "最近网购的快递好像到了，列表里有个亚马逊（Amazon）发来的通知，帮我把那封邮件前面的复选框勾选上",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-2": {
|
||||
"query": "这封邮件不用特意点进去看了，直接在列表上方的工具栏里，点击那个“信封”图标把它标记为已读",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-3": {
|
||||
"query": "老板（Boss_Steve）好像发了个关于Beta项目会议的紧急邮件，赶紧点开这封邮件看看详情",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-4": {
|
||||
"query": "内容看完了，需要给老板回个话，点击回复按钮准备写邮件",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-5": {
|
||||
"query": "在弹出的发送窗口里不用改内容了，直接把邮件发出去",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-6": {
|
||||
"query": "最后确认一下邮件发没发成功，通过左侧侧边栏去查看",
|
||||
"grounding_area": ""
|
||||
}
|
||||
}
|
||||
160
010/010_b.html
160
010/010_b.html
@@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>City General Hospital - HIS System V2.0</title>
|
||||
@@ -9,9 +9,9 @@
|
||||
<table width="100%" border="1" bgcolor="#ffcccc" cellpadding="5">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<font color="red"><b>全院广播：</b> 请各科室注意，下午 3 点在行政楼会议室召开医保控费紧急会议。</font>
|
||||
<font color="red"><b>Hospital Broadcast:</b> Attention all departments, an emergency meeting on insurance cost control will be held at 3 PM in the Admin Building conference room.</font>
|
||||
<br>
|
||||
<font size="2">发布时间：2025-12-22 08:30</font>
|
||||
<font size="2">Posted: 2025-12-22 08:30</font>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@@ -20,12 +20,12 @@
|
||||
<table width="100%" border="0" bgcolor="#008080" cellpadding="10">
|
||||
<tr>
|
||||
<td width="50%">
|
||||
<font color="white" size="5"><b>市中心医院 - 医生工作站</b></font>
|
||||
<font color="white" size="5"><b>City General Hospital - Doctor Station</b></font>
|
||||
</td>
|
||||
<td width="50%" align="right">
|
||||
<font color="white">
|
||||
当前用户：<b>李医生 (主治医师)</b> | 科室：心内科<br>
|
||||
<a href="#" style="color:yellow">[修改密码]</a> | <a href="#" style="color:white">[注销登录]</a>
|
||||
User: <b>Dr. Li (Attending)</b> | Dept: Cardiology<br>
|
||||
<a href="#" style="color:yellow">[Change Password]</a> | <a href="#" style="color:white">[Logout]</a>
|
||||
</font>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -34,12 +34,12 @@
|
||||
<table width="100%" border="1" cellpadding="5" cellspacing="0" bgcolor="#dddddd">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<a href="#">门诊工作台</a> |
|
||||
<a href="#">住院部管理</a> |
|
||||
<a href="#">手术排期</a> |
|
||||
<a href="#">检验报告查询</a> |
|
||||
<a href="#">药房库存</a> |
|
||||
<a href="#">医嘱管理</a>
|
||||
<a href="#">Outpatient Workbench</a> |
|
||||
<a href="#">Inpatient Management</a> |
|
||||
<a href="#">Surgery Schedule</a> |
|
||||
<a href="#">Lab Reports</a> |
|
||||
<a href="#">Pharmacy Stock</a> |
|
||||
<a href="#">Order Management</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@@ -50,33 +50,33 @@
|
||||
<td width="250" valign="top" bgcolor="#f0f0f0">
|
||||
<br>
|
||||
<table width="100%" border="1" cellpadding="3">
|
||||
<tr><td bgcolor="#008080"><font color="white"><b>待诊患者列表 (12)</b></font></td></tr>
|
||||
<tr><td bgcolor="#008080"><font color="white"><b>Waiting List (12)</b></font></td></tr>
|
||||
<tr>
|
||||
<td>
|
||||
<b>01. 张三 (男, 45岁)</b><br>
|
||||
<font size="2">主诉：胸闷气短三天</font><br>
|
||||
<a href="#">[接诊]</a> <a href="#">[过号]</a>
|
||||
<b>01. Zhang San (M, 45y)</b><br>
|
||||
<font size="2">C/C: Chest tightness for 3 days</font><br>
|
||||
<a href="#">[Admit]</a> <a href="#">[Skip]</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<b>02. 李四 (女, 62岁)</b><br>
|
||||
<font size="2">主诉：高血压复诊</font><br>
|
||||
<a href="#">[接诊]</a> <a href="#">[过号]</a>
|
||||
<b>02. Li Si (F, 62y)</b><br>
|
||||
<font size="2">C/C: Hypertension follow-up</font><br>
|
||||
<a href="#">[Admit]</a> <a href="#">[Skip]</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr bgcolor="#ffffcc">
|
||||
<td>
|
||||
<font color="red"><b>VIP. 王总 (男, 50岁)</b></font><br>
|
||||
<font size="2">备注：院长安排，优先处理</font><br>
|
||||
<a href="#">[优先接诊]</a>
|
||||
<font color="red"><b>VIP. Mr. Wang (M, 50y)</b></font><br>
|
||||
<font size="2">Note: Dean's request, handle with priority</font><br>
|
||||
<a href="#">[Priority Admit]</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<b>03. 赵六 (男, 28岁)</b><br>
|
||||
<font size="2">主诉：心悸，心率110</font><br>
|
||||
<a href="#">[接诊]</a> <a href="#">[过号]</a>
|
||||
<b>03. Zhao Liu (M, 28y)</b><br>
|
||||
<font size="2">C/C: Palpitations, HR 110</font><br>
|
||||
<a href="#">[Admit]</a> <a href="#">[Skip]</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@@ -85,7 +85,7 @@
|
||||
<table width="100%" border="1" bgcolor="#e0ffff">
|
||||
<tr>
|
||||
<td>
|
||||
<font size="2"><b>[学术推广]</b><br>辉瑞新药介绍会<br>赠送精美礼品一份<br><a href="#">[查看详情]</a></font>
|
||||
<font size="2"><b>[Academic Promo]</b><br>Pfizer New Drug Intro<br>Free gift included<br><a href="#">[View Details]</a></font>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@@ -93,7 +93,7 @@
|
||||
<table width="100%" border="1" bgcolor="#ffe4e1">
|
||||
<tr>
|
||||
<td>
|
||||
<font size="2"><b>[后勤通知]</b><br>今日食堂特供：<br>红烧排骨、清蒸鲈鱼</font>
|
||||
<font size="2"><b>[Logistics Notice]</b><br>Today's Special:<br>Braised Pork Ribs, Steamed Bass</font>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@@ -103,16 +103,16 @@
|
||||
|
||||
<table width="100%" border="1" cellpadding="5" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td colspan="4" bgcolor="#cccccc"><b>当前患者：张三 (ID: 2025001)</b></td>
|
||||
<td colspan="4" bgcolor="#cccccc"><b>Current Patient: Zhang San (ID: 2025001)</b></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="15%"><b>过敏史:</b></td>
|
||||
<td width="35%"><font color="red">青霉素</font></td>
|
||||
<td width="15%"><b>费别:</b></td>
|
||||
<td width="35%">省医保</td>
|
||||
<td width="15%"><b>Allergies:</b></td>
|
||||
<td width="35%"><font color="red">Penicillin</font></td>
|
||||
<td width="15%"><b>Insurance:</b></td>
|
||||
<td width="35%">Provincial Insurance</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>生命体征:</b></td>
|
||||
<td><b>Vitals:</b></td>
|
||||
<td colspan="3">BP: 140/90 mmHg, HR: 88, T: 36.5°C</td>
|
||||
</tr>
|
||||
</table>
|
||||
@@ -120,62 +120,62 @@
|
||||
|
||||
<form>
|
||||
<table width="100%" border="1" cellpadding="3" cellspacing="0">
|
||||
<tr><td colspan="5" bgcolor="#dddddd"><b>长期医嘱录入</b></td></tr>
|
||||
<tr><td colspan="5" bgcolor="#dddddd"><b>Long-term Order Entry</b></td></tr>
|
||||
<tr>
|
||||
<th>选择</th>
|
||||
<th>药品名称</th>
|
||||
<th>规格</th>
|
||||
<th>用法用量</th>
|
||||
<th>操作</th>
|
||||
<th>Select</th>
|
||||
<th>Drug Name</th>
|
||||
<th>Spec</th>
|
||||
<th>Dosage / Freq</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="center"><input type="checkbox"></td>
|
||||
<td>阿司匹林肠溶片</td>
|
||||
<td>100mg*30片</td>
|
||||
<td>Aspirin Enteric-coated Tablets</td>
|
||||
<td>100mg*30 tabs</td>
|
||||
<td>
|
||||
<input type="text" value="100mg" size="5">
|
||||
<select><option>qd (每日一次)</option><option>bid (每日两次)</option></select>
|
||||
口服
|
||||
<select><option>qd (Once Daily)</option><option>bid (Twice Daily)</option></select>
|
||||
PO (Oral)
|
||||
</td>
|
||||
<td><a href="#">停药</a></td>
|
||||
<td><a href="#">Stop</a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="center"><input type="checkbox"></td>
|
||||
<td>阿托伐他汀钙片</td>
|
||||
<td>20mg*7片</td>
|
||||
<td>Atorvastatin Calcium Tablets</td>
|
||||
<td>20mg*7 tabs</td>
|
||||
<td>
|
||||
<input type="text" value="20mg" size="5">
|
||||
<select><option>qn (每晚一次)</option></select>
|
||||
口服
|
||||
<select><option>qn (Every Night)</option></select>
|
||||
PO (Oral)
|
||||
</td>
|
||||
<td><a href="#">停药</a></td>
|
||||
<td><a href="#">Stop</a></td>
|
||||
</tr>
|
||||
|
||||
<tr bgcolor="#ffebcd">
|
||||
<td colspan="5" align="center">
|
||||
<font color="#8b4500" size="2">警告：本月科室药占比已超标 5%，请优先开具集采药品。</font>
|
||||
<font color="#8b4500" size="2">Warning: Department drug ratio exceeded 5%, please prioritize volume-based procurement drugs.</font>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="center"><input type="checkbox"></td>
|
||||
<td>美托洛尔缓释片</td>
|
||||
<td>47.5mg*7片</td>
|
||||
<td>Metoprolol Succinate</td>
|
||||
<td>47.5mg*7 tabs</td>
|
||||
<td>
|
||||
<input type="text" value="47.5mg" size="5">
|
||||
<select><option>qd (每日一次)</option></select>
|
||||
口服
|
||||
<select><option>qd (Once Daily)</option></select>
|
||||
PO (Oral)
|
||||
</td>
|
||||
<td><a href="#">停药</a></td>
|
||||
<td><a href="#">Stop</a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="5" align="right">
|
||||
<input type="button" value="新增药品">
|
||||
<input type="button" value="签署医嘱">
|
||||
<input type="button" value="作废医嘱">
|
||||
<input type="button" value="Add Drug">
|
||||
<input type="button" value="Sign Orders">
|
||||
<input type="button" value="Void Orders">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@@ -183,13 +183,13 @@
|
||||
<br>
|
||||
|
||||
<table width="100%" border="1" cellpadding="3">
|
||||
<tr><td bgcolor="#dddddd"><b>最近检查报告</b></td></tr>
|
||||
<tr><td bgcolor="#dddddd"><b>Recent Lab Reports</b></td></tr>
|
||||
<tr>
|
||||
<td>
|
||||
<ul>
|
||||
<li>2025-12-20: 心电图 - 窦性心律，ST段轻度压低 <a href="#">[查看图像]</a></li>
|
||||
<li>2025-12-20: 心脏彩超 - 左室舒张功能减低 <a href="#">[查看图像]</a></li>
|
||||
<li>2025-12-19: 血常规 - 正常 <a href="#">[查看数据]</a></li>
|
||||
<li>2025-12-20: ECG - Sinus rhythm, slight ST depression <a href="#">[View Image]</a></li>
|
||||
<li>2025-12-20: Echo - Left ventricular diastolic dysfunction <a href="#">[View Image]</a></li>
|
||||
<li>2025-12-19: CBC - Normal <a href="#">[View Data]</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -197,7 +197,7 @@
|
||||
|
||||
<br>
|
||||
<div align="center" style="border: 1px dashed red; padding: 5px;">
|
||||
<p><b>IT 部门通知：</b><br>今晚 22:00 进行服务器升级，期间可能出现卡顿。</p>
|
||||
<p><b>IT Dept Notice:</b><br>Server upgrade tonight at 22:00, system may be slow.</p>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
@@ -205,29 +205,29 @@
|
||||
<td width="200" valign="top" bgcolor="#f0f0f0">
|
||||
<br>
|
||||
<table width="100%" border="1" cellpadding="3">
|
||||
<tr><td bgcolor="#008080"><font color="white"><b>临床路径</b></font></td></tr>
|
||||
<tr><td><input type="checkbox"> 入院宣教</td></tr>
|
||||
<tr><td><input type="checkbox"> 签署知情同意书</td></tr>
|
||||
<tr><td><input type="checkbox"> 上级医师查房</td></tr>
|
||||
<tr><td><input type="checkbox"> 术前讨论</td></tr>
|
||||
<tr><td bgcolor="#008080"><font color="white"><b>Clinical Pathway</b></font></td></tr>
|
||||
<tr><td><input type="checkbox"> Admission Education</td></tr>
|
||||
<tr><td><input type="checkbox"> Sign Consent Form</td></tr>
|
||||
<tr><td><input type="checkbox"> Physician Ward Round</td></tr>
|
||||
<tr><td><input type="checkbox"> Pre-op Discussion</td></tr>
|
||||
</table>
|
||||
<br>
|
||||
|
||||
<table width="100%" border="1" cellpadding="3">
|
||||
<tr><td bgcolor="#008080"><font color="white"><b>值班排班</b></font></td></tr>
|
||||
<tr><td>周一：张医生 (白)</td></tr>
|
||||
<tr><td>周一：王医生 (夜)</td></tr>
|
||||
<tr><td>周二：李医生 (白)</td></tr>
|
||||
<tr><td>周二：赵医生 (夜)</td></tr>
|
||||
<tr><td bgcolor="#008080"><font color="white"><b>Shift Roster</b></font></td></tr>
|
||||
<tr><td>Mon: Dr. Zhang (Day)</td></tr>
|
||||
<tr><td>Mon: Dr. Wang (Night)</td></tr>
|
||||
<tr><td>Tue: Dr. Li (Day)</td></tr>
|
||||
<tr><td>Tue: Dr. Zhao (Night)</td></tr>
|
||||
</table>
|
||||
<br>
|
||||
|
||||
<p><b>常用链接：</b></p>
|
||||
<p><b>Quick Links:</b></p>
|
||||
<ul>
|
||||
<li><a href="#">OA系统</a></li>
|
||||
<li><a href="#">图书馆</a></li>
|
||||
<li><a href="#">医学论坛</a></li>
|
||||
<li><a href="#">订餐平台</a></li>
|
||||
<li><a href="#">OA System</a></li>
|
||||
<li><a href="#">Library</a></li>
|
||||
<li><a href="#">Medical Forum</a></li>
|
||||
<li><a href="#">Food Ordering</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -237,8 +237,8 @@
|
||||
|
||||
<center>
|
||||
<font size="1">
|
||||
技术支持：市卫生信息中心 | 电话：8888-1234<br>
|
||||
版权所有 © 2025 City General Hospital
|
||||
Tech Support: City Health Info Center | Tel: 8888-1234<br>
|
||||
Copyright © 2025 City General Hospital
|
||||
</font>
|
||||
</center>
|
||||
|
||||
|
||||
245
010/10-001.html
Normal file
245
010/10-001.html
Normal file
File diff suppressed because one or more lines are too long
126
010/10-002.html
Normal file
126
010/10-002.html
Normal file
@@ -0,0 +1,126 @@
|
||||
<!DOCTYPE html> <html lang=en><!--
|
||||
--><meta charset=utf-8>
|
||||
<title>City General Hospital - HIS System V2.0</title>
|
||||
<style>:root{--primary:#007bff;--secondary:#6c757d;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--info:#17a2b8;--light:#f8f9fa;--dark:#343a40;--border-color:#dee2e6}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:#f4f6f9;color:#212529;margin:0;font-size:14px;line-height:1.5}a{text-decoration:none;color:var(--primary)}a:hover{text-decoration:underline}table,tbody,tr,td{display:block;width:100%!important;border:none!important;background:transparent!important;padding:0!important}body>table:first-of-type{background:#fff3cd!important;color:#856404;padding:10px 20px!important;border-bottom:1px solid #ffeeba!important}body>table:first-of-type font{color:#856404!important;font-weight:bold}body>table:first-of-type font[size="2"]{font-size:12px;font-weight:normal;margin-left:10px}body>table:nth-of-type(2){background:white!important;padding:10px 20px!important;border-bottom:1px solid var(--border-color)!important;box-shadow:0 1px 3px rgba(0,0,0,0.05)}body>table:nth-of-type(2) tr{display:flex;justify-content:space-between;align-items:center}body>table:nth-of-type(2) td{width:auto!important}body>table:nth-of-type(2) font[size="5"] b{font-size:20px;color:var(--primary)}body>table:nth-of-type(2) td:last-child font{color:#666!important;font-size:13px}body>table:nth-of-type(2) a{color:var(--secondary)!important;margin-left:10px;font-size:12px}body>table:nth-of-type(3){background:#343a40!important;padding:0!important}body>table:nth-of-type(3) td{gap:0;padding:0!important}.nav-item{color:rgba(255,255,255,0.7)!important;padding:12px 20px;border-right:1px solid rgba(255,255,255,0.1);cursor:pointer}.nav-item:hover{background:rgba(255,255,255,0.1);color:white!important;text-decoration:none}.nav-item.active{background:var(--primary)!important;color:white!important;font-weight:bold}.layout-table>tbody>tr>td:first-child table tr:not(:first-child) td:hover{background:#f1f7ff!important}center:last-of-type{margin-top:40px;border-top:1px solid var(--border-color);padding:20px;color:#999;font-size:12px}.patient-row:hover{background-color:#f1f7ff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:0.2s}.modal-box{background:white;padding:20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.2);width:450px;transform:translateY(-20px);transition:0.3s}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:bold;color:#333}.form-group input,.form-group select{width:100%;padding:8px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;font-size:14px}</style>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:8000/010/10-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 bgcolor=#e6e6e6 text=#000000 link=#000080 vlink=#800080 alink=#FF0000>
|
||||
<div id=drug-modal class=modal-overlay>
|
||||
<div class=modal-box>
|
||||
<h3 style="margin-top:0;color:var(--primary);border-bottom:1px solid #eee;padding-bottom:10px">New Order</h3>
|
||||
<div class=form-group>
|
||||
<label>Drug Name</label>
|
||||
<select id=modal-drug-name>
|
||||
<option value selected>-- Select --</option>
|
||||
<option value=Aspirin>Aspirin Enteric-coated Tablets</option>
|
||||
<option value=Atorvastatin>Atorvastatin Calcium Tablets</option>
|
||||
<option value=Metoprolol>Metoprolol Succinate</option>
|
||||
<option value=Cefradine>Cefradine Capsules</option>
|
||||
<option value=Ibuprofen>Ibuprofen Sustained Release</option>
|
||||
<option value=Insulin>Human Insulin Injection</option>
|
||||
<option value=Omeprazole>Omeprazole Capsules</option>
|
||||
<option value=Metformin>Metformin Hydrochloride</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class=form-group>
|
||||
<label>Spec & Package</label>
|
||||
<input type=text id=modal-drug-spec readonly style=background:#f5f5f5;color:#666 value>
|
||||
</div>
|
||||
<div class=form-group>
|
||||
<label>Dosage</label>
|
||||
<div style=display:flex;gap:10px>
|
||||
<input type=text id=modal-drug-dose placeholder="Dose (e.g. 100mg)" value>
|
||||
<select id=modal-drug-freq style=width:140px>
|
||||
<option value=qd selected>qd (once daily)</option>
|
||||
<option value=bid>bid (twice daily)</option>
|
||||
<option value=tid>tid (3 times daily)</option>
|
||||
<option value=qid>qid (4 times daily)</option>
|
||||
<option value=qn>qn (once nightly)</option>
|
||||
<option value=prn>prn (as needed)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class=form-group>
|
||||
<label>Route</label>
|
||||
<select id=modal-drug-route>
|
||||
<option value=PO selected>PO (Oral)</option>
|
||||
<option value=IV>IV (Intravenous)</option>
|
||||
<option value=IH>IH (Hypodermic)</option>
|
||||
<option value=Inhale>Inhale (Inhalation)</option>
|
||||
</select>
|
||||
</div>
|
||||
<div style="text-align:right;margin-top:20px;padding-top:10px;border-top:1px solid #eee">
|
||||
<button type=button style="padding:8px 15px;margin-right:10px;background:white;border:1px solid #ccc;border-radius:4px;cursor:pointer">Cancel</button>
|
||||
<button type=button style="padding:8px 15px;background:var(--primary);color:white;border:none;border-radius:4px;cursor:pointer">Confirm</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id=toast-container></div>
|
||||
<table width=100% border=1 bgcolor=#ffcccc cellpadding=5>
|
||||
<tbody><tr>
|
||||
<td align=center>
|
||||
<font color=red><b>Broadcast:</b> Attention all departments, emergency meeting on insurance cost control at 3 PM in the Admin Building.</font>
|
||||
<br>
|
||||
<font size=2>Posted: 2025-12-22 08:30</font>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<table width=100% border=0 bgcolor=#008080 cellpadding=10>
|
||||
<tbody><tr>
|
||||
<td width=50%>
|
||||
<font color=white size=5><b>City General Hospital - Doctor Station</b></font>
|
||||
</td>
|
||||
<td width=50% align=right>
|
||||
<font color=white>
|
||||
User: <b>Dr. Li (Attending)</b> | Dept: Cardiology<br>
|
||||
<a href=javascript:void(0) style=color:yellow>[Change Pwd]</a>
|
||||
<a href=javascript:void(0) style=color:white>[Logout]</a>
|
||||
</font>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width=100% border=1 cellpadding=0 cellspacing=0 bgcolor=#343a40>
|
||||
<tbody><tr>
|
||||
<td style=display:flex;padding:0>
|
||||
<div class=nav-item>Outpatient</div>
|
||||
<div class=nav-item>Inpatient</div>
|
||||
<div class=nav-item>Surgery</div>
|
||||
<div class=nav-item>Lab Results</div>
|
||||
<div class="nav-item active">Pharmacy</div>
|
||||
<div class=nav-item>Order Admin</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<div id=module-clinic class=main-module style=display:none>
|
||||
</div>
|
||||
<div id=module-inpatient class=main-module style=display:none;padding:20px>
|
||||
|
||||
</div>
|
||||
<div id=module-surgery class=main-module style=display:none;padding:20px>
|
||||
|
||||
</div>
|
||||
<div id=module-lab class=main-module style=display:none;padding:20px>
|
||||
|
||||
</div>
|
||||
<div id=module-pharmacy class=main-module style=display:block;padding:20px>
|
||||
<div style="background:white;padding:30px;border-radius:8px;border:1px solid #ddd">
|
||||
<h2 style=color:#28a745>Pharmacy Stock Alert</h2>
|
||||
<table width=100% border=0 cellpadding=8>
|
||||
<tbody><tr style="border-bottom:2px solid #eee"><td>Drug Name<td>Stock<td>Status<td>Action</tr>
|
||||
<tr><td>Aspirin<td>12,000<td style=color:green>Sufficient<td>-</tr>
|
||||
<tr><td>Insulin Inj<td>50<td style=color:red;font-weight:bold>Low Stock<td><a href=javascript:void(0)>Request Restock</a></tr>
|
||||
<tr><td>Cefradine<td>340<td style=color:orange>Normal<td>-</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div id=module-admin class=main-module style=display:none;padding:20px>
|
||||
|
||||
</div>
|
||||
<hr class=sf-hidden>
|
||||
<center>
|
||||
<font size=1>
|
||||
Tech Support: Health Info Center | Tel: 8888-1234<br>
|
||||
Copyright © 2025 City General Hospital
|
||||
</font>
|
||||
</center>
|
||||
126
010/10-003.html
Normal file
126
010/10-003.html
Normal file
@@ -0,0 +1,126 @@
|
||||
<!DOCTYPE html> <html lang=en><!--
|
||||
--><meta charset=utf-8>
|
||||
<title>City General Hospital - HIS System V2.0</title>
|
||||
<style>:root{--primary:#007bff;--secondary:#6c757d;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--info:#17a2b8;--light:#f8f9fa;--dark:#343a40;--border-color:#dee2e6}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:#f4f6f9;color:#212529;margin:0;font-size:14px;line-height:1.5}a{text-decoration:none;color:var(--primary)}a:hover{text-decoration:underline}table,tbody,tr,td{display:block;width:100%!important;border:none!important;background:transparent!important;padding:0!important}body>table:first-of-type{background:#fff3cd!important;color:#856404;padding:10px 20px!important;border-bottom:1px solid #ffeeba!important}body>table:first-of-type font{color:#856404!important;font-weight:bold}body>table:first-of-type font[size="2"]{font-size:12px;font-weight:normal;margin-left:10px}body>table:nth-of-type(2){background:white!important;padding:10px 20px!important;border-bottom:1px solid var(--border-color)!important;box-shadow:0 1px 3px rgba(0,0,0,0.05)}body>table:nth-of-type(2) tr{display:flex;justify-content:space-between;align-items:center}body>table:nth-of-type(2) td{width:auto!important}body>table:nth-of-type(2) font[size="5"] b{font-size:20px;color:var(--primary)}body>table:nth-of-type(2) td:last-child font{color:#666!important;font-size:13px}body>table:nth-of-type(2) a{color:var(--secondary)!important;margin-left:10px;font-size:12px}body>table:nth-of-type(3){background:#343a40!important;padding:0!important}body>table:nth-of-type(3) td{gap:0;padding:0!important}.nav-item{color:rgba(255,255,255,0.7)!important;padding:12px 20px;border-right:1px solid rgba(255,255,255,0.1);cursor:pointer}.nav-item:hover{background:rgba(255,255,255,0.1);color:white!important;text-decoration:none}.nav-item.active{background:var(--primary)!important;color:white!important;font-weight:bold}.layout-table>tbody>tr>td:first-child table tr:not(:first-child) td:hover{background:#f1f7ff!important}center:last-of-type{margin-top:40px;border-top:1px solid var(--border-color);padding:20px;color:#999;font-size:12px}.patient-row:hover{background-color:#f1f7ff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:0.2s}.modal-box{background:white;padding:20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.2);width:450px;transform:translateY(-20px);transition:0.3s}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:bold;color:#333}.form-group input,.form-group select{width:100%;padding:8px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;font-size:14px}</style>
|
||||
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:8000/010/10-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 bgcolor=#e6e6e6 text=#000000 link=#000080 vlink=#800080 alink=#FF0000>
|
||||
<div id=drug-modal class=modal-overlay>
|
||||
<div class=modal-box>
|
||||
<h3 style="margin-top:0;color:var(--primary);border-bottom:1px solid #eee;padding-bottom:10px">New Order</h3>
|
||||
<div class=form-group>
|
||||
<label>Drug Name</label>
|
||||
<select id=modal-drug-name>
|
||||
<option value selected>-- Select --</option>
|
||||
<option value=Aspirin>Aspirin Enteric-coated Tablets</option>
|
||||
<option value=Atorvastatin>Atorvastatin Calcium Tablets</option>
|
||||
<option value=Metoprolol>Metoprolol Succinate</option>
|
||||
<option value=Cefradine>Cefradine Capsules</option>
|
||||
<option value=Ibuprofen>Ibuprofen Sustained Release</option>
|
||||
<option value=Insulin>Human Insulin Injection</option>
|
||||
<option value=Omeprazole>Omeprazole Capsules</option>
|
||||
<option value=Metformin>Metformin Hydrochloride</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class=form-group>
|
||||
<label>Spec & Package</label>
|
||||
<input type=text id=modal-drug-spec readonly style=background:#f5f5f5;color:#666 value>
|
||||
</div>
|
||||
<div class=form-group>
|
||||
<label>Dosage</label>
|
||||
<div style=display:flex;gap:10px>
|
||||
<input type=text id=modal-drug-dose placeholder="Dose (e.g. 100mg)" value>
|
||||
<select id=modal-drug-freq style=width:140px>
|
||||
<option value=qd selected>qd (once daily)</option>
|
||||
<option value=bid>bid (twice daily)</option>
|
||||
<option value=tid>tid (3 times daily)</option>
|
||||
<option value=qid>qid (4 times daily)</option>
|
||||
<option value=qn>qn (once nightly)</option>
|
||||
<option value=prn>prn (as needed)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class=form-group>
|
||||
<label>Route</label>
|
||||
<select id=modal-drug-route>
|
||||
<option value=PO selected>PO (Oral)</option>
|
||||
<option value=IV>IV (Intravenous)</option>
|
||||
<option value=IH>IH (Hypodermic)</option>
|
||||
<option value=Inhale>Inhale (Inhalation)</option>
|
||||
</select>
|
||||
</div>
|
||||
<div style="text-align:right;margin-top:20px;padding-top:10px;border-top:1px solid #eee">
|
||||
<button type=button style="padding:8px 15px;margin-right:10px;background:white;border:1px solid #ccc;border-radius:4px;cursor:pointer">Cancel</button>
|
||||
<button type=button style="padding:8px 15px;background:var(--primary);color:white;border:none;border-radius:4px;cursor:pointer">Confirm</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id=toast-container></div>
|
||||
<table width=100% border=1 bgcolor=#ffcccc cellpadding=5>
|
||||
<tbody><tr>
|
||||
<td align=center>
|
||||
<font color=red><b>Broadcast:</b> Attention all departments, emergency meeting on insurance cost control at 3 PM in the Admin Building.</font>
|
||||
<br>
|
||||
<font size=2>Posted: 2025-12-22 08:30</font>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<table width=100% border=0 bgcolor=#008080 cellpadding=10>
|
||||
<tbody><tr>
|
||||
<td width=50%>
|
||||
<font color=white size=5><b>City General Hospital - Doctor Station</b></font>
|
||||
</td>
|
||||
<td width=50% align=right>
|
||||
<font color=white>
|
||||
User: <b>Dr. Li (Attending)</b> | Dept: Cardiology<br>
|
||||
<a href=javascript:void(0) style=color:yellow>[Change Pwd]</a>
|
||||
<a href=javascript:void(0) style=color:white>[Logout]</a>
|
||||
</font>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width=100% border=1 cellpadding=0 cellspacing=0 bgcolor=#343a40>
|
||||
<tbody><tr>
|
||||
<td style=display:flex;padding:0>
|
||||
<div class=nav-item>Outpatient</div>
|
||||
<div class=nav-item>Inpatient</div>
|
||||
<div class=nav-item>Surgery</div>
|
||||
<div class=nav-item>Lab Results</div>
|
||||
<div class="nav-item active">Pharmacy</div>
|
||||
<div class=nav-item>Order Admin</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<div id=module-clinic class=main-module style=display:none>
|
||||
</div>
|
||||
<div id=module-inpatient class=main-module style=display:none;padding:20px>
|
||||
|
||||
</div>
|
||||
<div id=module-surgery class=main-module style=display:none;padding:20px>
|
||||
|
||||
</div>
|
||||
<div id=module-lab class=main-module style=display:none;padding:20px>
|
||||
|
||||
</div>
|
||||
<div id=module-pharmacy class=main-module style=display:block;padding:20px>
|
||||
<div style="background:white;padding:30px;border-radius:8px;border:1px solid #ddd">
|
||||
<h2 style=color:#28a745>Pharmacy Stock Alert</h2>
|
||||
<table width=100% border=0 cellpadding=8>
|
||||
<tbody><tr style="border-bottom:2px solid #eee"><td>Drug Name<td>Stock<td>Status<td>Action</tr>
|
||||
<tr><td>Aspirin<td>12,000<td style=color:green>Sufficient<td>-</tr>
|
||||
<tr><td>Insulin Inj<td>50<td style=color:red;font-weight:bold>Low Stock<td><a href=javascript:void(0)>Request Restock</a></tr>
|
||||
<tr><td>Cefradine<td>340<td style=color:orange>Normal<td>-</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div id=module-admin class=main-module style=display:none;padding:20px>
|
||||
|
||||
</div>
|
||||
<hr class=sf-hidden>
|
||||
<center>
|
||||
<font size=1>
|
||||
Tech Support: Health Info Center | Tel: 8888-1234<br>
|
||||
Copyright © 2025 City General Hospital
|
||||
</font>
|
||||
</center>
|
||||
245
010/10-004.html
Normal file
245
010/10-004.html
Normal file
File diff suppressed because one or more lines are too long
225
010/10-005.html
Normal file
225
010/10-005.html
Normal file
File diff suppressed because one or more lines are too long
@@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>City General Hospital - HIS System V2.0</title>
|
||||
<style>
|
||||
/* === CSS Variables & Reset === */
|
||||
:root {
|
||||
--primary: #007bff; /* 医疗蓝 */
|
||||
--primary: #007bff; /* Medical Blue */
|
||||
--secondary: #6c757d;
|
||||
--success: #28a745;
|
||||
--danger: #dc3545;
|
||||
@@ -29,17 +29,17 @@
|
||||
a { text-decoration: none; color: var(--primary); }
|
||||
a:hover { text-decoration: underline; }
|
||||
|
||||
/* === 布局重构：强制覆盖 Table 样式 === */
|
||||
/* === Layout Refactor: Override Table Styles === */
|
||||
table, tbody, tr, td { display: block; width: 100% !important; border: none !important; background: transparent !important; padding: 0 !important; }
|
||||
|
||||
/* 顶部广播 - 改为顶部通知条 */
|
||||
/* Top Broadcast - Notification Bar */
|
||||
body > table:first-of-type {
|
||||
background: #fff3cd !important; color: #856404; padding: 10px 20px !important; border-bottom: 1px solid #ffeeba !important;
|
||||
}
|
||||
body > table:first-of-type font { color: #856404 !important; font-weight: bold; }
|
||||
body > table:first-of-type font[size="2"] { font-size: 12px; font-weight: normal; margin-left: 10px; }
|
||||
|
||||
/* Header 区域 */
|
||||
/* Header Area */
|
||||
body > table:nth-of-type(2) { background: white !important; padding: 10px 20px !important; border-bottom: 1px solid var(--border-color) !important; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
|
||||
body > table:nth-of-type(2) tr { display: flex; justify-content: space-between; align-items: center; }
|
||||
body > table:nth-of-type(2) td { width: auto !important; }
|
||||
@@ -47,7 +47,7 @@
|
||||
body > table:nth-of-type(2) td:last-child font { color: #666 !important; font-size: 13px; }
|
||||
body > table:nth-of-type(2) a { color: var(--secondary) !important; margin-left: 10px; font-size: 12px; }
|
||||
|
||||
/* 导航菜单 */
|
||||
/* Nav Menu */
|
||||
body > table:nth-of-type(3) { background: #343a40 !important; padding: 0 !important; }
|
||||
body > table:nth-of-type(3) td { display: flex; gap: 0; padding: 0 !important; }
|
||||
|
||||
@@ -61,75 +61,75 @@
|
||||
.nav-item.active { background: var(--primary) !important; color: white !important; font-weight: bold; }
|
||||
|
||||
|
||||
/* === 主体三栏布局 (Grid) === */
|
||||
/* === 3-Column Grid Layout === */
|
||||
.layout-table > tbody > tr {
|
||||
display: grid; grid-template-columns: 240px 1fr 240px; gap: 20px; padding: 20px; max-width: 1600px; margin: 0 auto; align-items: start;
|
||||
}
|
||||
|
||||
/* 左侧：患者列表 */
|
||||
/* Left: Patient List */
|
||||
.layout-table > tbody > tr > td:first-child {
|
||||
background: white !important; border-radius: 4px; border: 1px solid var(--border-color) !important; overflow: hidden;
|
||||
}
|
||||
|
||||
/* 患者列表标题 */
|
||||
/* List Header */
|
||||
.layout-table > tbody > tr > td:first-child table tr:first-child td {
|
||||
background: #f8f9fa !important; padding: 10px 15px !important; border-bottom: 1px solid var(--border-color) !important;
|
||||
}
|
||||
.layout-table > tbody > tr > td:first-child table tr:first-child font { color: #333 !important; font-weight: bold; }
|
||||
|
||||
/* 患者项 */
|
||||
/* List Item */
|
||||
.layout-table > tbody > tr > td:first-child table tr:not(:first-child) td {
|
||||
padding: 15px !important; border-bottom: 1px solid #eee !important; cursor: pointer; transition: background 0.2s;
|
||||
}
|
||||
.layout-table > tbody > tr > td:first-child table tr:not(:first-child) td:hover { background: #f1f7ff !important; }
|
||||
|
||||
/* VIP 样式处理 */
|
||||
/* VIP Style */
|
||||
.layout-table > tbody > tr > td:first-child table tr[bgcolor="#ffffcc"] td {
|
||||
background: #fffbe6 !important; border-left: 3px solid var(--warning) !important;
|
||||
}
|
||||
|
||||
/* 隐藏左侧栏的广告 (医药代表, 食堂) */
|
||||
/* Hide Ads */
|
||||
.layout-table > tbody > tr > td:first-child table[bgcolor="#e0ffff"],
|
||||
.layout-table > tbody > tr > td:first-child table[bgcolor="#ffe4e1"] { display: none !important; }
|
||||
|
||||
/* 中间：工作区 */
|
||||
/* Center: Workspace */
|
||||
.layout-table > tbody > tr > td:nth-child(2) {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
/* 患者信息卡片 */
|
||||
/* Patient Info Card */
|
||||
.layout-table > tbody > tr > td:nth-child(2) > table:first-child {
|
||||
background: white !important; padding: 20px !important; border-radius: 4px; border: 1px solid var(--border-color) !important; margin-bottom: 20px;
|
||||
display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px;
|
||||
}
|
||||
/* 标题行跨列 */
|
||||
/* Title spans full width */
|
||||
.layout-table > tbody > tr > td:nth-child(2) > table:first-child tr:first-child {
|
||||
grid-column: 1 / -1; background: transparent !important; border-bottom: 1px solid #eee !important; padding-bottom: 10px !important; margin-bottom: 10px; font-size: 16px;
|
||||
}
|
||||
/* 信息行 Grid 化 */
|
||||
/* Info rows grid */
|
||||
.layout-table > tbody > tr > td:nth-child(2) > table:first-child tr:not(:first-child) {
|
||||
display: flex; gap: 10px; align-items: baseline;
|
||||
}
|
||||
|
||||
/* 医嘱表单 */
|
||||
/* Order Form */
|
||||
.layout-table > tbody > tr > td:nth-child(2) form table {
|
||||
background: white !important; border-radius: 4px; border: 1px solid var(--border-color) !important; overflow: hidden;
|
||||
}
|
||||
/* 表头 */
|
||||
/* Form Header */
|
||||
.layout-table > tbody > tr > td:nth-child(2) form table tr:first-child {
|
||||
background: #f8f9fa !important; padding: 10px 15px !important; border-bottom: 1px solid var(--border-color) !important;
|
||||
}
|
||||
.layout-table > tbody > tr > td:nth-child(2) form table tr:nth-child(2) {
|
||||
display: grid; grid-template-columns: 40px 1.5fr 1fr 2fr 80px; background: #fafafa; border-bottom: 1px solid var(--border-color); padding: 10px !important; font-weight: bold; font-size: 12px; color: #666;
|
||||
}
|
||||
/* 药品行 */
|
||||
/* Drug Row */
|
||||
.layout-table > tbody > tr > td:nth-child(2) form table tr:not(:first-child):not(:nth-child(2)):not(:last-child) {
|
||||
display: grid; grid-template-columns: 40px 1.5fr 1fr 2fr 80px; padding: 10px !important; border-bottom: 1px solid #eee; align-items: center;
|
||||
}
|
||||
/* 隐藏干扰行 (库存警告) */
|
||||
/* Hide distraction rows */
|
||||
.layout-table > tbody > tr > td:nth-child(2) form table tr[bgcolor="#ffebcd"] { display: none !important; }
|
||||
|
||||
/* 底部按钮组 - 覆盖旧样式 */
|
||||
/* Footer Buttons */
|
||||
.layout-table > tbody > tr > td:nth-child(2) form table tr:last-child td {
|
||||
padding: 15px !important; display: flex; gap: 10px; justify-content: flex-end; background: #f8f9fa !important;
|
||||
}
|
||||
@@ -143,33 +143,33 @@
|
||||
.toast.show { opacity: 1; }
|
||||
|
||||
|
||||
/* 检查报告 */
|
||||
/* Lab Reports */
|
||||
.layout-table > tbody > tr > td:nth-child(2) > table:last-of-type {
|
||||
background: white !important; margin-top: 20px; border: 1px solid var(--border-color) !important; border-radius: 4px; padding: 15px !important;
|
||||
}
|
||||
|
||||
/* 隐藏系统升级通知 Div */
|
||||
/* Hide upgrade notice */
|
||||
.layout-table > tbody > tr > td:nth-child(2) > div { display: none !important; }
|
||||
|
||||
/* 右侧：辅助工具 */
|
||||
/* Right: Utilities */
|
||||
.layout-table > tbody > tr > td:last-child {
|
||||
background: white !important; padding: 20px !important; border-radius: 4px; border: 1px solid var(--border-color) !important;
|
||||
}
|
||||
|
||||
/* 临床路径/值班表 标题美化 */
|
||||
/* Right Panel Headers */
|
||||
.layout-table > tbody > tr > td:last-child table tr:first-child td {
|
||||
background: transparent !important; color: #333 !important; font-weight: bold; border-bottom: 2px solid var(--primary) !important; padding-bottom: 5px !important; margin-bottom: 10px;
|
||||
}
|
||||
.layout-table > tbody > tr > td:last-child table tr:first-child font { color: #333 !important; }
|
||||
|
||||
/* 复选框行间距 */
|
||||
/* Checkbox Spacing */
|
||||
.layout-table > tbody > tr > td:last-child table tr:not(:first-child) td { padding: 5px 0 !important; }
|
||||
|
||||
/* 隐藏右侧的“常用链接”和下面的无序列表 */
|
||||
/* Hide legacy links */
|
||||
.layout-table > tbody > tr > td:last-child > p { display: none; }
|
||||
.layout-table > tbody > tr > td:last-child > ul { display: none; }
|
||||
|
||||
/* 页脚 */
|
||||
/* Footer */
|
||||
center:last-of-type {
|
||||
margin-top: 40px; border-top: 1px solid var(--border-color); padding: 20px; color: #999; font-size: 12px;
|
||||
}
|
||||
@@ -209,63 +209,63 @@
|
||||
<!-- Add Drug Modal -->
|
||||
<div id="drug-modal" class="modal-overlay">
|
||||
<div class="modal-box">
|
||||
<h3 style="margin-top:0; color:var(--primary); border-bottom:1px solid #eee; padding-bottom:10px;">新增长嘱</h3>
|
||||
<h3 style="margin-top:0; color:var(--primary); border-bottom:1px solid #eee; padding-bottom:10px;">New Order</h3>
|
||||
<div class="form-group">
|
||||
<label>药品名称</label>
|
||||
<label>Drug Name</label>
|
||||
<select id="modal-drug-name" onchange="updateDrugSpecs()">
|
||||
<option value="">-- 请选择 --</option>
|
||||
<option value="Aspirin">阿司匹林肠溶片</option>
|
||||
<option value="Atorvastatin">阿托伐他汀钙片</option>
|
||||
<option value="Metoprolol">美托洛尔缓释片</option>
|
||||
<option value="Cefradine">头孢拉定胶囊</option>
|
||||
<option value="Ibuprofen">布洛芬缓释胶囊</option>
|
||||
<option value="Insulin">人胰岛素注射液</option>
|
||||
<option value="Omeprazole">奥美拉唑肠溶胶囊</option>
|
||||
<option value="Metformin">二甲双胍片</option>
|
||||
<option value="">-- Select --</option>
|
||||
<option value="Aspirin">Aspirin Enteric-coated Tablets</option>
|
||||
<option value="Atorvastatin">Atorvastatin Calcium Tablets</option>
|
||||
<option value="Metoprolol">Metoprolol Succinate</option>
|
||||
<option value="Cefradine">Cefradine Capsules</option>
|
||||
<option value="Ibuprofen">Ibuprofen Sustained Release</option>
|
||||
<option value="Insulin">Human Insulin Injection</option>
|
||||
<option value="Omeprazole">Omeprazole Capsules</option>
|
||||
<option value="Metformin">Metformin Hydrochloride</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>规格 & 包装</label>
|
||||
<label>Spec & Package</label>
|
||||
<input type="text" id="modal-drug-spec" readonly style="background:#f5f5f5; color:#666;">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>用法用量</label>
|
||||
<label>Dosage</label>
|
||||
<div style="display:flex; gap:10px;">
|
||||
<input type="text" id="modal-drug-dose" placeholder="剂量 (如 100mg)">
|
||||
<input type="text" id="modal-drug-dose" placeholder="Dose (e.g. 100mg)">
|
||||
<select id="modal-drug-freq" style="width:140px;">
|
||||
<option value="qd">qd (每日一次)</option>
|
||||
<option value="bid">bid (每日两次)</option>
|
||||
<option value="tid">tid (每日三次)</option>
|
||||
<option value="qid">qid (每日四次)</option>
|
||||
<option value="qn">qn (每晚一次)</option>
|
||||
<option value="prn">prn (必要时)</option>
|
||||
<option value="qd">qd (once daily)</option>
|
||||
<option value="bid">bid (twice daily)</option>
|
||||
<option value="tid">tid (3 times daily)</option>
|
||||
<option value="qid">qid (4 times daily)</option>
|
||||
<option value="qn">qn (once nightly)</option>
|
||||
<option value="prn">prn (as needed)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>给药途径</label>
|
||||
<label>Route</label>
|
||||
<select id="modal-drug-route">
|
||||
<option value="口服">PO (口服)</option>
|
||||
<option value="静脉注射">IV (静脉注射)</option>
|
||||
<option value="皮下注射">IH (皮下注射)</option>
|
||||
<option value="雾化吸入">Inhale (雾化吸入)</option>
|
||||
<option value="PO">PO (Oral)</option>
|
||||
<option value="IV">IV (Intravenous)</option>
|
||||
<option value="IH">IH (Hypodermic)</option>
|
||||
<option value="Inhale">Inhale (Inhalation)</option>
|
||||
</select>
|
||||
</div>
|
||||
<div style="text-align:right; margin-top:20px; padding-top:10px; border-top:1px solid #eee;">
|
||||
<button type="button" onclick="closeModal()" style="padding:8px 15px; margin-right:10px; background:white; border:1px solid #ccc; border-radius:4px; cursor:pointer;">取消</button>
|
||||
<button type="button" onclick="confirmAddDrug()" style="padding:8px 15px; background:var(--primary); color:white; border:none; border-radius:4px; cursor:pointer;">确认开立</button>
|
||||
<button type="button" onclick="closeModal()" style="padding:8px 15px; margin-right:10px; background:white; border:1px solid #ccc; border-radius:4px; cursor:pointer;">Cancel</button>
|
||||
<button type="button" onclick="confirmAddDrug()" style="padding:8px 15px; background:var(--primary); color:white; border:none; border-radius:4px; cursor:pointer;">Confirm</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="toast" class="toast">操作成功</div>
|
||||
<div id="toast-container"></div>
|
||||
|
||||
<table width="100%" border="1" bgcolor="#ffcccc" cellpadding="5">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<font color="red"><b>全院广播：</b> 请各科室注意，下午 3 点在行政楼会议室召开医保控费紧急会议。</font>
|
||||
<font color="red"><b>Broadcast:</b> Attention all departments, emergency meeting on insurance cost control at 3 PM in the Admin Building.</font>
|
||||
<br>
|
||||
<font size="2">发布时间：2025-12-22 08:30</font>
|
||||
<font size="2">Posted: 2025-12-22 08:30</font>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@@ -274,13 +274,13 @@
|
||||
<table width="100%" border="0" bgcolor="#008080" cellpadding="10">
|
||||
<tr>
|
||||
<td width="50%">
|
||||
<font color="white" size="5"><b>市中心医院 - 医生工作站</b></font>
|
||||
<font color="white" size="5"><b>City General Hospital - Doctor Station</b></font>
|
||||
</td>
|
||||
<td width="50%" align="right">
|
||||
<font color="white">
|
||||
当前用户：<b>李医生 (主治医师)</b> | 科室：心内科<br>
|
||||
<a href="javascript:void(0)" onclick="modifyPassword()" style="color:yellow">[修改密码]</a>
|
||||
<a href="javascript:void(0)" onclick="logout()" style="color:white">[注销登录]</a>
|
||||
User: <b>Dr. Li (Attending)</b> | Dept: Cardiology<br>
|
||||
<a href="javascript:void(0)" onclick="modifyPassword()" style="color:yellow">[Change Pwd]</a>
|
||||
<a href="javascript:void(0)" onclick="logout()" style="color:white">[Logout]</a>
|
||||
</font>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -289,12 +289,12 @@
|
||||
<table width="100%" border="1" cellpadding="0" cellspacing="0" bgcolor="#343a40">
|
||||
<tr>
|
||||
<td style="display:flex; padding:0;">
|
||||
<div class="nav-item active" onclick="switchModule(this, 'clinic')">门诊工作台</div>
|
||||
<div class="nav-item" onclick="switchModule(this, 'inpatient')">住院部管理</div>
|
||||
<div class="nav-item" onclick="switchModule(this, 'surgery')">手术排期</div>
|
||||
<div class="nav-item" onclick="switchModule(this, 'lab')">检验报告查询</div>
|
||||
<div class="nav-item" onclick="switchModule(this, 'pharmacy')">药房库存</div>
|
||||
<div class="nav-item" onclick="switchModule(this, 'admin')">医嘱管理</div>
|
||||
<div class="nav-item active" onclick="switchModule(this, 'clinic')">Outpatient</div>
|
||||
<div class="nav-item" onclick="switchModule(this, 'inpatient')">Inpatient</div>
|
||||
<div class="nav-item" onclick="switchModule(this, 'surgery')">Surgery</div>
|
||||
<div class="nav-item" onclick="switchModule(this, 'lab')">Lab Results</div>
|
||||
<div class="nav-item" onclick="switchModule(this, 'pharmacy')">Pharmacy</div>
|
||||
<div class="nav-item" onclick="switchModule(this, 'admin')">Order Admin</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@@ -307,15 +307,15 @@
|
||||
<td width="250" valign="top" bgcolor="#f0f0f0" style="height: 100%;">
|
||||
<br>
|
||||
<table width="100%" border="1" cellpadding="0" style="background:white; border-radius:4px; overflow:hidden; border-collapse:collapse;">
|
||||
<tr><td bgcolor="#008080" style="padding:10px;"><font color="white"><b>待诊患者列表 (<span id="patient-count">0</span>)</b></font></td></tr>
|
||||
<tr><td bgcolor="#008080" style="padding:10px;"><font color="white"><b>Waiting List (<span id="patient-count">0</span>)</b></font></td></tr>
|
||||
<tbody id="patient-list-container">
|
||||
<!-- Dynamic Content -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div style="margin-top:20px; padding:15px; background:#fff3cd; border:1px solid #ffeeba; border-radius:4px; color:#856404; font-size:12px;">
|
||||
<b>值班提示:</b><br>
|
||||
今晚急诊科留观床位已满，请协调转运。
|
||||
<b>Shift Note:</b><br>
|
||||
Emergency observation beds are full, please coordinate transfers.
|
||||
</div>
|
||||
</td>
|
||||
|
||||
@@ -323,7 +323,7 @@
|
||||
|
||||
<!-- Patient Info Header -->
|
||||
<table width="100%" border="1" cellpadding="5" bgcolor="#ffffff" id="patient-info-card" style="margin-bottom:20px;">
|
||||
<tr><td align="center" style="padding:40px; color:#999;">正在加载患者信息...</td></tr>
|
||||
<tr><td align="center" style="padding:40px; color:#999;">Loading patient info...</td></tr>
|
||||
</table>
|
||||
|
||||
<!-- Order Entry Form -->
|
||||
@@ -332,18 +332,18 @@
|
||||
<table width="100%" border="1" cellpadding="3" cellspacing="0">
|
||||
<tr>
|
||||
<td colspan="6" bgcolor="#dddddd" style="display:flex; justify-content:space-between; align-items:center;">
|
||||
<b>长期医嘱录入</b>
|
||||
<span style="font-size:12px; color:#666;">上次刷新: <span id="last-sync-time">Just now</span></span>
|
||||
<b>Long-term Order Entry</b>
|
||||
<span style="font-size:12px; color:#666;">Last refresh: <span id="last-sync-time">Just now</span></span>
|
||||
</td>
|
||||
</tr>
|
||||
<thead style="background:#fafafa; color:#666; font-size:12px; font-weight:bold;">
|
||||
<tr style="display:grid; grid-template-columns: 40px 1.5fr 1fr 2fr 100px 80px; padding:10px; border-bottom:1px solid #eee;">
|
||||
<td>选</td>
|
||||
<td>药品名称</td>
|
||||
<td>规格</td>
|
||||
<td>用法用量</td>
|
||||
<td>状态</td>
|
||||
<td>操作</td>
|
||||
<td>Sel</td>
|
||||
<td>Drug Name</td>
|
||||
<td>Spec</td>
|
||||
<td>Dosage</td>
|
||||
<td>Status</td>
|
||||
<td>Action</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="order-list-body">
|
||||
@@ -352,9 +352,9 @@
|
||||
|
||||
<tr>
|
||||
<td colspan="6" align="right" style="padding:15px; border-top:1px solid #eee; background:#f8f9fa;">
|
||||
<button type="button" onclick="openAddDrugModal()" style="padding:8px 16px; background:white; border:1px solid #ced4da; color:var(--primary); border-radius:4px; cursor:pointer; font-weight:500;">+ 新增药品</button>
|
||||
<button type="button" onclick="signOrder()" style="padding:8px 16px; background:var(--primary); color:white; border:none; border-radius:4px; cursor:pointer; margin-left:10px; font-weight:500;">签署医嘱</button>
|
||||
<button type="button" onclick="voidOrder()" style="padding:8px 16px; background:var(--danger); color:white; border:none; border-radius:4px; cursor:pointer; margin-left:5px; font-weight:500;">作废条目</button>
|
||||
<button type="button" onclick="openAddDrugModal()" style="padding:8px 16px; background:white; border:1px solid #ced4da; color:var(--primary); border-radius:4px; cursor:pointer; font-weight:500;">+ Add Drug</button>
|
||||
<button type="button" onclick="signOrder()" style="padding:8px 16px; background:var(--primary); color:white; border:none; border-radius:4px; cursor:pointer; margin-left:10px; font-weight:500;">Sign Orders</button>
|
||||
<button type="button" onclick="voidOrder()" style="padding:8px 16px; background:var(--danger); color:white; border:none; border-radius:4px; cursor:pointer; margin-left:5px; font-weight:500;">Void Item</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@@ -364,7 +364,7 @@
|
||||
|
||||
<!-- Labs -->
|
||||
<table width="100%" border="1" cellpadding="3" id="lab-panel" style="display:none; background:white; border-radius:4px;">
|
||||
<tr><td bgcolor="#dddddd"><b>检查报告 / 检验结果</b></td></tr>
|
||||
<tr><td bgcolor="#dddddd"><b>Lab / Exam Reports</b></td></tr>
|
||||
<tr>
|
||||
<td>
|
||||
<ul style="padding-left:20px; margin:10px 0;" id="lab-list">
|
||||
@@ -378,7 +378,7 @@
|
||||
<td width="200" valign="top" bgcolor="#f0f0f0">
|
||||
<br>
|
||||
<table width="100%" border="1" cellpadding="3">
|
||||
<tr><td bgcolor="#008080"><font color="white"><b>临床路径</b></font></td></tr>
|
||||
<tr><td bgcolor="#008080"><font color="white"><b>Clinical Pathway</b></font></td></tr>
|
||||
<tbody id="clinical-path-list">
|
||||
<!-- Dynamic -->
|
||||
</tbody>
|
||||
@@ -386,18 +386,18 @@
|
||||
<br>
|
||||
|
||||
<table width="100%" border="1" cellpadding="3">
|
||||
<tr><td bgcolor="#008080"><font color="white"><b>值班排班</b></font></td></tr>
|
||||
<tr><td>周一：张医生 (白)</td></tr>
|
||||
<tr><td>周一：王医生 (夜)</td></tr>
|
||||
<tr><td>周二：李医生 (白)</td></tr>
|
||||
<tr><td>周二：赵医生 (夜)</td></tr>
|
||||
<tr><td bgcolor="#008080"><font color="white"><b>Shift Roster</b></font></td></tr>
|
||||
<tr><td>Mon: Dr. Zhang (Day)</td></tr>
|
||||
<tr><td>Mon: Dr. Wang (Night)</td></tr>
|
||||
<tr><td>Tue: Dr. Li (Day)</td></tr>
|
||||
<tr><td>Tue: Dr. Zhao (Night)</td></tr>
|
||||
</table>
|
||||
<br>
|
||||
|
||||
<p><b>常用链接：</b></p>
|
||||
<p><b>Quick Links:</b></p>
|
||||
<ul>
|
||||
<li><a href="javascript:void(0)" onclick="openOA()">OA系统</a></li>
|
||||
<li><a href="javascript:void(0)" onclick="openLibrary()">医学文献库</a></li>
|
||||
<li><a href="javascript:void(0)" onclick="openOA()">OA System</a></li>
|
||||
<li><a href="javascript:void(0)" onclick="openLibrary()">Medical Library</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -407,14 +407,14 @@
|
||||
<!-- Module: Inpatient -->
|
||||
<div id="module-inpatient" class="main-module" style="display:none; padding:20px;">
|
||||
<div style="background:white; padding:30px; border-radius:8px; text-align:center; border:1px solid #ddd;">
|
||||
<h2 style="color:#007bff;">住院部床位管理系统</h2>
|
||||
<p style="color:#666;">当前空闲床位: 12 张 | 重症监护室: 满员</p>
|
||||
<h2 style="color:#007bff;">Inpatient Bed Management</h2>
|
||||
<p style="color:#666;">Free Beds: 12 | ICU: Full</p>
|
||||
<div style="margin-top:20px; display:grid; grid-template-columns:repeat(auto-fill, minmax(100px, 1fr)); gap:10px;">
|
||||
<div style="background:#d4edda; padding:10px; border-radius:4px; color:#155724;">01床 (空)</div>
|
||||
<div style="background:#f8d7da; padding:10px; border-radius:4px; color:#721c24;">02床 (占用)</div>
|
||||
<div style="background:#f8d7da; padding:10px; border-radius:4px; color:#721c24;">03床 (占用)</div>
|
||||
<div style="background:#d4edda; padding:10px; border-radius:4px; color:#155724;">04床 (空)</div>
|
||||
<div style="background:#fff3cd; padding:10px; border-radius:4px; color:#856404;">05床 (预留)</div>
|
||||
<div style="background:#d4edda; padding:10px; border-radius:4px; color:#155724;">Bed 01 (Free)</div>
|
||||
<div style="background:#f8d7da; padding:10px; border-radius:4px; color:#721c24;">Bed 02 (Occupied)</div>
|
||||
<div style="background:#f8d7da; padding:10px; border-radius:4px; color:#721c24;">Bed 03 (Occupied)</div>
|
||||
<div style="background:#d4edda; padding:10px; border-radius:4px; color:#155724;">Bed 04 (Free)</div>
|
||||
<div style="background:#fff3cd; padding:10px; border-radius:4px; color:#856404;">Bed 05 (Reserved)</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -422,12 +422,12 @@
|
||||
<!-- Module: Surgery -->
|
||||
<div id="module-surgery" class="main-module" style="display:none; padding:20px;">
|
||||
<div style="background:white; padding:30px; border-radius:8px; border:1px solid #ddd;">
|
||||
<h2 style="color:#007bff; border-bottom:1px solid #eee; padding-bottom:10px;">手术排期表 (2025-12-23)</h2>
|
||||
<h2 style="color:#007bff; border-bottom:1px solid #eee; padding-bottom:10px;">Surgery Schedule (2025-12-23)</h2>
|
||||
<table width="100%" border="0" cellpadding="10">
|
||||
<tr bgcolor="#f8f9fa" style="font-weight:bold;"><td>时间</td><td>手术室</td><td>患者</td><td>手术名称</td><td>主刀</td></tr>
|
||||
<tr><td>08:00</td><td>OR-01</td><td>张三</td><td>冠状动脉搭桥术</td><td>Dr. Liu</td></tr>
|
||||
<tr><td>09:30</td><td>OR-03</td><td>Unknown</td><td>急诊阑尾切除</td><td>Dr. Wang</td></tr>
|
||||
<tr><td>13:00</td><td>OR-02</td><td>李四</td><td>白内障超声乳化</td><td>Dr. Zhang</td></tr>
|
||||
<tr bgcolor="#f8f9fa" style="font-weight:bold;"><td>Time</td><td>OR</td><td>Patient</td><td>Procedure</td><td>Surgeon</td></tr>
|
||||
<tr><td>08:00</td><td>OR-01</td><td>Zhang San</td><td>CABG</td><td>Dr. Liu</td></tr>
|
||||
<tr><td>09:30</td><td>OR-03</td><td>Unknown</td><td>Appendectomy</td><td>Dr. Wang</td></tr>
|
||||
<tr><td>13:00</td><td>OR-02</td><td>Li Si</td><td>Cataract Phaco</td><td>Dr. Zhang</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@@ -435,21 +435,21 @@
|
||||
<!-- Module: Lab -->
|
||||
<div id="module-lab" class="main-module" style="display:none; padding:20px;">
|
||||
<div style="background:white; padding:40px; border-radius:8px; text-align:center; border:1px solid #ddd;">
|
||||
<h2 style="color:#17a2b8;">LIS 检验报告查询</h2>
|
||||
<input id="lab-search-input" type="text" placeholder="输入住院号/姓名搜索..." style="padding:10px; width:300px; border:1px solid #ccc; border-radius:4px;">
|
||||
<button onclick="searchLabReport()" style="padding:10px 20px; background:#17a2b8; color:white; border:none; border-radius:4px; cursor:pointer;">查询</button>
|
||||
<h2 style="color:#17a2b8;">LIS Report Search</h2>
|
||||
<input id="lab-search-input" type="text" placeholder="Enter Patient ID/Name..." style="padding:10px; width:300px; border:1px solid #ccc; border-radius:4px;">
|
||||
<button onclick="searchLabReport()" style="padding:10px 20px; background:#17a2b8; color:white; border:none; border-radius:4px; cursor:pointer;">Search</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Module: Pharmacy -->
|
||||
<div id="module-pharmacy" class="main-module" style="display:none; padding:20px;">
|
||||
<div style="background:white; padding:30px; border-radius:8px; border:1px solid #ddd;">
|
||||
<h2 style="color:#28a745;">药房库存预警</h2>
|
||||
<h2 style="color:#28a745;">Pharmacy Stock Alert</h2>
|
||||
<table width="100%" border="0" cellpadding="8">
|
||||
<tr style="border-bottom:2px solid #eee;"><td>药品名</td><td>库存量</td><td>状态</td><td>操作</td></tr>
|
||||
<tr><td>阿司匹林</td><td>12,000</td><td style="color:green">充足</td><td>-</td></tr>
|
||||
<tr><td>胰岛素注射液</td><td>50</td><td style="color:red; font-weight:bold;">缺货预警</td><td><a href="javascript:void(0)" onclick="restockDrug('胰岛素注射液')">申请补货</a></td></tr>
|
||||
<tr><td>头孢拉定</td><td>340</td><td style="color:orange">一般</td><td>-</td></tr>
|
||||
<tr style="border-bottom:2px solid #eee;"><td>Drug Name</td><td>Stock</td><td>Status</td><td>Action</td></tr>
|
||||
<tr><td>Aspirin</td><td>12,000</td><td style="color:green">Sufficient</td><td>-</td></tr>
|
||||
<tr><td>Insulin Inj</td><td>50</td><td style="color:red; font-weight:bold;">Low Stock</td><td><a href="javascript:void(0)" onclick="restockDrug('Insulin')">Request Restock</a></td></tr>
|
||||
<tr><td>Cefradine</td><td>340</td><td style="color:orange">Normal</td><td>-</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@@ -457,11 +457,11 @@
|
||||
<!-- Module: Admin -->
|
||||
<div id="module-admin" class="main-module" style="display:none; padding:20px;">
|
||||
<div style="background:white; padding:30px; border-radius:8px; border:1px solid #ddd;">
|
||||
<h2 style="color:#6c757d;">系统管理 & 医嘱审核</h2>
|
||||
<h2 style="color:#6c757d;">System Admin & Order Audit</h2>
|
||||
<div id="admin-task-area">
|
||||
<p>当前共有 <b>3</b> 条医嘱待主任审核。</p>
|
||||
<button onclick="batchApproveOrders()" style="padding:8px 15px; background:#007bff; color:white; border:none; border-radius:4px; cursor:pointer;">批量通过</button>
|
||||
<button onclick="batchRejectOrders()" style="padding:8px 15px; background:#dc3545; color:white; border:none; border-radius:4px; cursor:pointer;">批量驳回</button>
|
||||
<p>You have <b>3</b> orders waiting for approval.</p>
|
||||
<button onclick="batchApproveOrders()" style="padding:8px 15px; background:#007bff; color:white; border:none; border-radius:4px; cursor:pointer;">Batch Approve</button>
|
||||
<button onclick="batchRejectOrders()" style="padding:8px 15px; background:#dc3545; color:white; border:none; border-radius:4px; cursor:pointer;">Batch Reject</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -470,8 +470,8 @@
|
||||
|
||||
<center>
|
||||
<font size="1">
|
||||
技术支持：市卫生信息中心 | 电话：8888-1234<br>
|
||||
版权所有 © 2025 City General Hospital
|
||||
Tech Support: Health Info Center | Tel: 8888-1234<br>
|
||||
Copyright © 2025 City General Hospital
|
||||
</font>
|
||||
</center>
|
||||
|
||||
@@ -480,86 +480,86 @@
|
||||
// Mock Data
|
||||
// -------------------------------------------------------------------------
|
||||
const DRUG_DICT = {
|
||||
'Aspirin': { name: '阿司匹林肠溶片', spec: '100mg*30片' },
|
||||
'Atorvastatin': { name: '阿托伐他汀钙片', spec: '20mg*7片' },
|
||||
'Metoprolol': { name: '美托洛尔缓释片', spec: '47.5mg*7片' },
|
||||
'Cefradine': { name: '头孢拉定胶囊', spec: '0.25g*24粒' },
|
||||
'Ibuprofen': { name: '布洛芬缓释胶囊', spec: '0.3g*10粒' },
|
||||
'Insulin': { name: '人胰岛素注射液', spec: '3ml:300IU' },
|
||||
'Omeprazole': { name: '奥美拉唑肠溶胶囊', spec: '20mg*14粒' },
|
||||
'Metformin': { name: '二甲双胍片', spec: '0.5g*20片' }
|
||||
'Aspirin': { name: 'Aspirin Enteric-coated Tablets', spec: '100mg*30 tabs' },
|
||||
'Atorvastatin': { name: 'Atorvastatin Calcium Tablets', spec: '20mg*7 tabs' },
|
||||
'Metoprolol': { name: 'Metoprolol Succinate', spec: '47.5mg*7 tabs' },
|
||||
'Cefradine': { name: 'Cefradine Capsules', spec: '0.25g*24 caps' },
|
||||
'Ibuprofen': { name: 'Ibuprofen Sustained Release', spec: '0.3g*10 caps' },
|
||||
'Insulin': { name: 'Human Insulin Injection', spec: '3ml:300IU' },
|
||||
'Omeprazole': { name: 'Omeprazole Capsules', spec: '20mg*14 caps' },
|
||||
'Metformin': { name: 'Metformin Hydrochloride', spec: '0.5g*20 tabs' }
|
||||
};
|
||||
|
||||
let PATIENTS = [
|
||||
{
|
||||
id: 101, name: "张三", gender: "男", age: 45, type: "common",
|
||||
complaint: "胸闷气短三天",
|
||||
diagnosis: "冠心病; 心绞痛",
|
||||
tags: ["胸痛", "高血压"],
|
||||
allergies: ["青霉素"],
|
||||
insurance: "省医保",
|
||||
id: 101, name: "Zhang San", gender: "M", age: 45, type: "common",
|
||||
complaint: "Chest tightness for 3 days",
|
||||
diagnosis: "Coronary Heart Disease; Angina",
|
||||
tags: ["Chest Pain", "Hypertension"],
|
||||
allergies: ["Penicillin"],
|
||||
insurance: "Provincial Insurance",
|
||||
vitals: { bp: "140/90", hr: 88, t: 36.5 },
|
||||
orders: [
|
||||
{ id: 1, drug: "Aspirin", dose: "100mg", freq: "qd", route: "口服", status: "signed" },
|
||||
{ id: 2, drug: "Atorvastatin", dose: "20mg", freq: "qn", route: "口服", status: "signed" }
|
||||
{ id: 1, drug: "Aspirin", dose: "100mg", freq: "qd", route: "PO", status: "signed" },
|
||||
{ id: 2, drug: "Atorvastatin", dose: "20mg", freq: "qn", route: "PO", status: "signed" }
|
||||
],
|
||||
labs: [
|
||||
{ date: "2025-12-20", name: "心电图", result: "窦性心律，ST段轻度压低", link: true},
|
||||
{ date: "2025-12-20", name: "心脏彩超", result: "左室舒张功能减低，EF 55%", link: true},
|
||||
{ date: "2025-12-19", name: "血常规", result: "WBC 6.5, Hb 135, PLT 210", link: false}
|
||||
{ date: "2025-12-20", name: "ECG", result: "Sinus rhythm, slight ST depression", link: true},
|
||||
{ date: "2025-12-20", name: "Echo", result: "Diastolic dysfunction, EF 55%", link: true},
|
||||
{ date: "2025-12-19", name: "CBC", result: "WBC 6.5, Hb 135, PLT 210", link: false}
|
||||
],
|
||||
pathways: [
|
||||
{ name: "入院宣教", checked: true },
|
||||
{ name: "签署知情同意书", checked: true },
|
||||
{ name: "上级医师查房", checked: false },
|
||||
{ name: "术前讨论", checked: false }
|
||||
{ name: "Admission Education", checked: true },
|
||||
{ name: "Sign Consent Form", checked: true },
|
||||
{ name: "Physician Ward Round", checked: false },
|
||||
{ name: "Pre-op Discussion", checked: false }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: 102, name: "李四", gender: "女", age: 62, type: "common",
|
||||
complaint: "头晕伴恶心一周",
|
||||
diagnosis: "高血压病(3级); 颈椎病",
|
||||
tags: ["头晕"],
|
||||
allergies: ["无"],
|
||||
insurance: "新农合",
|
||||
id: 102, name: "Li Si", gender: "F", age: 62, type: "common",
|
||||
complaint: "Dizziness and nausea for 1 week",
|
||||
diagnosis: "Hypertension (Grade 3); Cervical Spondylosis",
|
||||
tags: ["Dizziness"],
|
||||
allergies: ["None"],
|
||||
insurance: "Rural Cooperative Medical Scheme",
|
||||
vitals: { bp: "160/100", hr: 76, t: 36.8 },
|
||||
orders: [
|
||||
{ id: 3, drug: "Metoprolol", dose: "23.75mg", freq: "qd", route: "口服", status: "draft" }
|
||||
{ id: 3, drug: "Metoprolol", dose: "23.75mg", freq: "qd", route: "PO", status: "draft" }
|
||||
],
|
||||
labs: [
|
||||
{ date: "2025-12-21", name: "头颅CT", result: "未见明显异常", link: true},
|
||||
{ date: "2025-12-21", name: "生化全套", result: "TG 2.3mmol/L (偏高)", link: false}
|
||||
{ date: "2025-12-21", name: "Head CT", result: "No significant abnormality", link: true},
|
||||
{ date: "2025-12-21", name: "Biochemistry", result: "TG 2.3mmol/L (High)", link: false}
|
||||
],
|
||||
pathways: [
|
||||
{ name: "入院宣教", checked: true },
|
||||
{ name: "血压监测 (Q4H)", checked: true },
|
||||
{ name: "眼底检查", checked: false }
|
||||
{ name: "Admission Education", checked: true },
|
||||
{ name: "BP Monitoring (Q4H)", checked: true },
|
||||
{ name: "Fundus Exam", checked: false }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: 103, name: "王总", gender: "男", age: 50, type: "vip",
|
||||
complaint: "年度体检报告咨询",
|
||||
diagnosis: "脂肪肝; 高尿酸血症",
|
||||
tags: ["VIP", "体检"],
|
||||
allergies: ["磺胺类"],
|
||||
insurance: "自费",
|
||||
id: 103, name: "Mr. Wang", gender: "M", age: 50, type: "vip",
|
||||
complaint: "Consultation on annual checkup report",
|
||||
diagnosis: "Fatty Liver; Hyperuricemia",
|
||||
tags: ["VIP", "Checkup"],
|
||||
allergies: ["Sulfonamides"],
|
||||
insurance: "Self-pay",
|
||||
vitals: { bp: "130/85", hr: 80, t: 36.6 },
|
||||
orders: [], // Empty initially
|
||||
labs: [
|
||||
{ date: "2025-12-22", name: "肝功能", result: "ALT 55, AST 40", link: false},
|
||||
{ date: "2025-12-22", name: "腹部B超", result: "中度脂肪肝", link: true}
|
||||
{ date: "2025-12-22", name: "Liver Function", result: "ALT 55, AST 40", link: false},
|
||||
{ date: "2025-12-22", name: "Abdominal Ultrasound", result: "Moderate fatty liver", link: true}
|
||||
]
|
||||
},
|
||||
{
|
||||
id: 104, name: "赵六", gender: "男", age: 28, type: "common",
|
||||
complaint: "急性胃痛2小时",
|
||||
diagnosis: "急性胃炎",
|
||||
tags: ["急诊"],
|
||||
allergies: ["无"],
|
||||
insurance: "市医保",
|
||||
id: 104, name: "Zhao Liu", gender: "M", age: 28, type: "common",
|
||||
complaint: "Acute stomach pain for 2 hours",
|
||||
diagnosis: "Acute Gastritis",
|
||||
tags: ["Emergency"],
|
||||
allergies: ["None"],
|
||||
insurance: "City Insurance",
|
||||
vitals: { bp: "120/75", hr: 92, t: 37.2 },
|
||||
orders: [
|
||||
{ id: 4, drug: "Omeprazole", dose: "20mg", freq: "qd", route: "口服", status: "signed" }
|
||||
{ id: 4, drug: "Omeprazole", dose: "20mg", freq: "qd", route: "PO", status: "signed" }
|
||||
],
|
||||
labs: []
|
||||
}
|
||||
@@ -602,28 +602,28 @@
|
||||
const target = document.getElementById(`module-${moduleName}`);
|
||||
if(target) {
|
||||
target.style.display = 'block';
|
||||
showToast(`已切换至 [${moduleName === 'clinic' ? '门诊工作台' :
|
||||
moduleName === 'inpatient' ? '住院部管理' :
|
||||
moduleName === 'surgery' ? '手术排期' :
|
||||
moduleName === 'lab' ? '检验报告' :
|
||||
moduleName === 'pharmacy' ? '药房库存' : '医嘱管理'}]`);
|
||||
showToast(`Switched to [${moduleName === 'clinic' ? 'Outpatient' :
|
||||
moduleName === 'inpatient' ? 'Inpatient' :
|
||||
moduleName === 'surgery' ? 'Surgery' :
|
||||
moduleName === 'lab' ? 'Lab Results' :
|
||||
moduleName === 'pharmacy' ? 'Pharmacy' : 'Order Admin'}]`);
|
||||
} else {
|
||||
// Fallback
|
||||
document.getElementById('module-clinic').style.display = 'block';
|
||||
showToast(`模块 [${moduleName}] 正在维护中`, "warning");
|
||||
showToast(`Module [${moduleName}] is under maintenance`, "warning");
|
||||
}
|
||||
}
|
||||
|
||||
function logout() {
|
||||
if(confirm("确定要退出当前用户 (Dr. Zhang) 吗?")) {
|
||||
showToast("正在注销...", "info");
|
||||
if(confirm("Are you sure you want to logout Current User (Dr. Zhang)?")) {
|
||||
showToast("Logging out...", "info");
|
||||
setTimeout(() => location.reload(), 1000);
|
||||
}
|
||||
}
|
||||
|
||||
function openOA() { showToast("正在打开OA办公系统..."); }
|
||||
function openLibrary() { showToast("正在连接医院知识库..."); }
|
||||
function modifyPassword() { showToast("请联系信息科重置密码"); }
|
||||
function openOA() { showToast("Opening OA System..."); }
|
||||
function openLibrary() { showToast("Connecting to Medical Knowledge Base..."); }
|
||||
function modifyPassword() { showToast("Please contact IT dept to reset password"); }
|
||||
|
||||
// -------------------------------------------------------------------------
|
||||
// Core Logic
|
||||
@@ -656,18 +656,18 @@
|
||||
if (p.type === 'vip') rowStyle = 'background-color:#fffbe6;';
|
||||
|
||||
// Name display formatting
|
||||
let nameHtml = `<b>${p.id}. ${p.name} (${p.gender}, ${p.age}岁)</b>`;
|
||||
if (p.type === 'vip') nameHtml = `<font color="red"><b>VIP. ${p.name} (${p.gender}, ${p.age}岁)</b></font>`;
|
||||
let nameHtml = `<b>${p.id}. ${p.name} (${p.gender}, ${p.age}y)</b>`;
|
||||
if (p.type === 'vip') nameHtml = `<font color="red"><b>VIP. ${p.name} (${p.gender}, ${p.age}y)</b></font>`;
|
||||
|
||||
const actionsHtml = `<div style="margin-top:5px;">
|
||||
<a href="javascript:void(0)" style="font-size:12px;">[接诊]</a>
|
||||
<a href="javascript:void(0)" style="font-size:12px; color:#999; margin-left:5px;">[过号]</a>
|
||||
<a href="javascript:void(0)" style="font-size:12px;">[Consult]</a>
|
||||
<a href="javascript:void(0)" style="font-size:12px; color:#999; margin-left:5px;">[Skip]</a>
|
||||
</div>`;
|
||||
|
||||
tr.innerHTML = `
|
||||
<td style="padding:15px; border-bottom:1px solid #eee; ${rowStyle}">
|
||||
${nameHtml}<br>
|
||||
<font size="2" color="#666">主诉：${p.complaint}</font><br>
|
||||
<font size="2" color="#666">C/C: ${p.complaint}</font><br>
|
||||
${actionsHtml}
|
||||
</td>
|
||||
`;
|
||||
@@ -684,20 +684,20 @@
|
||||
|
||||
// Render Top Info
|
||||
const infoCard = document.getElementById('patient-info-card');
|
||||
const allergyHtml = p.allergies.includes("无") ? '无' : `<font color="red" style="background:#ffe3e3; padding:2px 5px; border-radius:3px;">${p.allergies.join(',')}</font>`;
|
||||
const allergyHtml = p.allergies.includes("None") ? 'None' : `<font color="red" style="background:#ffe3e3; padding:2px 5px; border-radius:3px;">${p.allergies.join(',')}</font>`;
|
||||
|
||||
infoCard.innerHTML = `
|
||||
<tr>
|
||||
<td colspan="4" bgcolor="#cccccc"><b>当前患者：${p.name} (ID: 2025${p.id})</b> - <font color="#333">${p.diagnosis}</font></td>
|
||||
<td colspan="4" bgcolor="#cccccc"><b>Patient: ${p.name} (ID: 2025${p.id})</b> - <font color="#333">${p.diagnosis}</font></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="15%"><b>过敏史:</b></td>
|
||||
<td width="15%"><b>Allergies:</b></td>
|
||||
<td width="35%">${allergyHtml}</td>
|
||||
<td width="15%"><b>费别:</b></td>
|
||||
<td width="15%"><b>Insurance:</b></td>
|
||||
<td width="35%">${p.insurance}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>生命体征:</b></td>
|
||||
<td><b>Vitals:</b></td>
|
||||
<td colspan="3">BP: ${p.vitals.bp} mmHg, HR: ${p.vitals.hr}, T: ${p.vitals.t}°C</td>
|
||||
</tr>
|
||||
`;
|
||||
@@ -706,10 +706,10 @@
|
||||
const labList = document.getElementById('lab-list');
|
||||
labList.innerHTML = '';
|
||||
if (p.labs.length === 0) {
|
||||
labList.innerHTML = '<li style="color:#999;font-style:italic;">暂无检查结果</li>';
|
||||
labList.innerHTML = '<li style="color:#999;font-style:italic;">No lab results</li>';
|
||||
} else {
|
||||
p.labs.forEach(lab => {
|
||||
const linkPart = lab.link ? ` <a href="javascript:void(0)" onclick="viewLabImage('${lab.name}')">[查看图像]</a>` : '';
|
||||
const linkPart = lab.link ? ` <a href="javascript:void(0)" onclick="viewLabImage('${lab.name}')">[View Image]</a>` : '';
|
||||
const li = document.createElement('li');
|
||||
li.style.marginBottom = '5px';
|
||||
li.innerHTML = `${lab.date}: ${lab.name} - ${lab.result} ${linkPart}`;
|
||||
@@ -732,7 +732,7 @@
|
||||
|
||||
container.innerHTML = '';
|
||||
if(!p.pathways || p.pathways.length === 0) {
|
||||
container.innerHTML = '<tr><td colspan="2" style="color:#999; text-align:center;">暂无临床路径任务</td></tr>';
|
||||
container.innerHTML = '<tr><td colspan="2" style="color:#999; text-align:center;">No clinical pathway tasks</td></tr>';
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -757,22 +757,22 @@
|
||||
tbody.innerHTML = '';
|
||||
|
||||
if(p.orders.length === 0) {
|
||||
tbody.innerHTML = '<tr><td colspan="6" align="center" style="padding:20px; color:#999;">暂无医嘱，请点击“新增药品”开立</td></tr>';
|
||||
tbody.innerHTML = '<tr><td colspan="6" align="center" style="padding:20px; color:#999;">No orders yet. Click "Add Drug" to start.</td></tr>';
|
||||
return;
|
||||
}
|
||||
|
||||
p.orders.forEach(order => {
|
||||
const drugInfo = DRUG_DICT[order.drug] || { name: order.drug, spec: '未知' };
|
||||
const drugInfo = DRUG_DICT[order.drug] || { name: order.drug, spec: 'Unknown' };
|
||||
|
||||
let statusBadge = '';
|
||||
let actionHtml = '';
|
||||
|
||||
if (order.status === 'signed') {
|
||||
statusBadge = '<span class="status-badge badge-signed">已签署</span>';
|
||||
actionHtml = '<span style="color:#ccc; font-size:12px;">不可撤</span>'; // Simplify logic
|
||||
statusBadge = '<span class="status-badge badge-signed">Signed</span>';
|
||||
actionHtml = '<span style="color:#ccc; font-size:12px;">Locked</span>'; // Simplify logic
|
||||
} else {
|
||||
statusBadge = '<span class="status-badge badge-draft">草稿</span>';
|
||||
actionHtml = `<a href="javascript:void(0)" style="color:#dc3545;" onclick="removeOrder(${order.id})">删除</a>`;
|
||||
statusBadge = '<span class="status-badge badge-draft">Draft</span>';
|
||||
actionHtml = `<a href="javascript:void(0)" style="color:#dc3545;" onclick="removeOrder(${order.id})">Delete</a>`;
|
||||
}
|
||||
|
||||
const tr = document.createElement('tr');
|
||||
@@ -830,7 +830,7 @@
|
||||
const dose = document.getElementById('modal-drug-dose').value;
|
||||
|
||||
if(!key || !dose) {
|
||||
showToast("请完善药品和剂量信息", "error");
|
||||
showToast("Please complete drug and dosage info", "error");
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -851,15 +851,15 @@
|
||||
|
||||
closeModal();
|
||||
renderOrders();
|
||||
showToast("医嘱已开立 (草稿)", "success");
|
||||
showToast("Order Created (Draft)", "success");
|
||||
}
|
||||
|
||||
function removeOrder(orderId) {
|
||||
if(!confirm("确定要删除这条医嘱吗?")) return;
|
||||
if(!confirm("Are you sure you want to delete this order?")) return;
|
||||
const p = PATIENTS.find(x => x.id === currentPatientId);
|
||||
p.orders = p.orders.filter(o => o.id !== orderId);
|
||||
renderOrders();
|
||||
showToast("医嘱已删除");
|
||||
showToast("Order Deleted");
|
||||
}
|
||||
|
||||
function signOrder() {
|
||||
@@ -867,24 +867,24 @@
|
||||
const drafts = p.orders.filter(o => o.status === 'draft');
|
||||
|
||||
if (drafts.length === 0) {
|
||||
showToast("当前没有需要签署的草稿医嘱。", "warning");
|
||||
showToast("No draft orders to sign.", "warning");
|
||||
return;
|
||||
}
|
||||
|
||||
const pin = prompt(`正在为患者 [${p.name}] 签署 ${drafts.length} 条医嘱。\n\n请输入电子签名密码 (随意输入):`);
|
||||
const pin = prompt(`Signing ${drafts.length} orders for patient [${p.name}].\n\nPlease enter E-Signature PIN (any input):`);
|
||||
if(pin) {
|
||||
drafts.forEach(o => o.status = 'signed');
|
||||
showToast("医嘱已签署，并发送至药房系统。", "success");
|
||||
showToast("Orders Signed & Sent to Pharmacy.", "success");
|
||||
renderOrders();
|
||||
}
|
||||
}
|
||||
|
||||
function voidOrder() {
|
||||
showToast("请先选择要作废的已签署医嘱，然后提交医务科审核。", "warning");
|
||||
showToast("Select signed orders to void, then submit for Medical Director approval.", "warning");
|
||||
}
|
||||
|
||||
function viewLabImage(name) {
|
||||
showToast(`正在调取 PACS 系统图像: ${name}...`, "info");
|
||||
showToast(`Retrieving PACS Image: ${name}...`, "info");
|
||||
}
|
||||
|
||||
// -------------------------------------------------------------------------
|
||||
@@ -893,33 +893,33 @@
|
||||
function searchLabReport() {
|
||||
const val = document.getElementById('lab-search-input').value;
|
||||
if(!val) {
|
||||
showToast("请输入查询关键字", "warning");
|
||||
showToast("Please enter search keywords", "warning");
|
||||
return;
|
||||
}
|
||||
showToast(`正在 LIS 系统中检索 [${val}] 的报告...`, "info");
|
||||
showToast(`Searching LIS for [${val}]...`, "info");
|
||||
setTimeout(() => {
|
||||
showToast("未查询到相关记录 (模拟)", "error");
|
||||
showToast("No records found (Mock)", "error");
|
||||
}, 1500);
|
||||
}
|
||||
|
||||
function restockDrug(drugName) {
|
||||
if(confirm(`确定要向药库发送 [${drugName}] 的补货申请吗?`)) {
|
||||
showToast("补货申请已提交至物资科", "success");
|
||||
if(confirm(`Send restock request for [${drugName}]?`)) {
|
||||
showToast("Restock request sent to Supply Chain", "success");
|
||||
}
|
||||
}
|
||||
|
||||
function batchApproveOrders() {
|
||||
if(confirm("确定要批量审核通过这 3 条医嘱吗?")) {
|
||||
showToast("已完成批量审核", "success");
|
||||
document.getElementById('admin-task-area').innerHTML = '<p style="color:green;">所有待办任务已处理完毕。</p>';
|
||||
if(confirm("Batch approve these 3 orders?")) {
|
||||
showToast("Batch Approval Complete", "success");
|
||||
document.getElementById('admin-task-area').innerHTML = '<p style="color:green;">All pending tasks completed.</p>';
|
||||
}
|
||||
}
|
||||
|
||||
function batchRejectOrders() {
|
||||
const reason = prompt("请输入驳回原因:");
|
||||
const reason = prompt("Enter Rejection Reason:");
|
||||
if(reason) {
|
||||
showToast(`已驳回 3 条医嘱，原因: ${reason}`, "info");
|
||||
document.getElementById('admin-task-area').innerHTML = '<p style="color:green;">所有待办任务已处理完毕。</p>';
|
||||
showToast(`3 Orders Rejected. Reason: ${reason}`, "info");
|
||||
document.getElementById('admin-task-area').innerHTML = '<p style="color:green;">All pending tasks completed.</p>';
|
||||
}
|
||||
}
|
||||
|
||||
22
010/record.json
Normal file
22
010/record.json
Normal file
@@ -0,0 +1,22 @@
|
||||
{
|
||||
"step-1": {
|
||||
"query": "进入药房管理页面",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-2": {
|
||||
"query": "为胰岛素申请补货",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-3": {
|
||||
"query": "返回门诊医生工作站",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-4": {
|
||||
"query": "在左侧的候诊列表中，找到并点击选择 VIP 患者 Mr. Wang",
|
||||
"grounding_area": ""
|
||||
},
|
||||
"step-5": {
|
||||
"query": "看一下其超声图片",
|
||||
"grounding_area": ""
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user