PF 瀹樻柟涓嬭浇绔?/title> <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='16' fill='%23fff1f7'/%3E%3Cpath d='M17 42V18h18c7 0 12 4 12 11s-5 11-12 11H27v2z' fill='none' stroke='%23ff77a9' stroke-width='5' stroke-linejoin='round'/%3E%3Ccircle cx='46' cy='16' r='5' fill='%23ffd166'/%3E%3C/svg%3E"> <style> :root{ --bg:#fff8fb; --ink:#382632; --muted:#806a78; --soft:#a48b9c; --panel:#ffffff; --panel-pink:#fff0f6; --line:rgba(255,119,169,.28); --line-strong:rgba(255,119,169,.58); --pink:#ff77a9; --pink-2:#ff9bc4; --rose:#ff5f93; --cream:#fffaf1; --mint:#8ee6c9; --sky:#98d8ff; --lemon:#ffd166; --shadow:0 22px 70px rgba(255,119,169,.18); } *{box-sizing:border-box} html{scroll-behavior:smooth} body{ margin:0; min-height:100vh; color:var(--ink); background: radial-gradient(circle at 12% 12%,rgba(255,209,102,.24),transparent 18%), radial-gradient(circle at 86% 8%,rgba(152,216,255,.24),transparent 20%), radial-gradient(circle at 80% 76%,rgba(142,230,201,.18),transparent 22%), linear-gradient(180deg,#fff8fb 0%,#fff1f7 48%,#fffaf1 100%); font-family:"Inter","Segoe UI","Microsoft YaHei",Arial,sans-serif; overflow-x:hidden; letter-spacing:0; } body:before{ content:""; position:fixed; inset:0; z-index:-2; pointer-events:none; background-image: radial-gradient(circle,rgba(255,119,169,.22) 0 2px,transparent 2px), radial-gradient(circle,rgba(152,216,255,.22) 0 2px,transparent 2px); background-size:34px 34px,46px 46px; background-position:0 0,18px 22px; mask-image:linear-gradient(#000,transparent 78%); opacity:.72; } a{color:inherit;text-decoration:none} button,input{font:inherit} .page{ width:min(1120px,calc(100% - 34px)); margin:0 auto; padding:24px 0 34px; } .topbar{ position:sticky; top:0; z-index:10; backdrop-filter:blur(18px); background:rgba(255,248,251,.78); border-bottom:1px solid rgba(255,119,169,.16); } .nav{ width:min(1120px,calc(100% - 34px)); height:68px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:16px; } .brand-mini{ display:inline-flex; align-items:center; gap:10px; font-weight:950; color:#5b3147; } .logo{ width:42px; height:42px; display:grid; place-items:center; border:2px solid rgba(255,119,169,.42); border-radius:8px; background:linear-gradient(145deg,#fff,#ffe0ec); color:var(--rose); box-shadow:0 10px 28px rgba(255,119,169,.16); } .nav-actions{ display:flex; align-items:center; gap:10px; } .btn{ min-height:42px; display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid var(--line); border-radius:8px; padding:10px 14px; background:#fff; color:#5b3147; font-weight:900; cursor:pointer; box-shadow:0 10px 28px rgba(255,119,169,.10); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease; white-space:nowrap; } .btn:hover{ transform:translateY(-2px); border-color:var(--line-strong); box-shadow:0 14px 34px rgba(255,119,169,.18); } .btn.primary{ border-color:rgba(255,95,147,.66); background:linear-gradient(135deg,#ff77a9,#ffb3d0); color:#fff; text-shadow:0 1px 0 rgba(120,32,70,.14); } .hero{ position:relative; min-height:420px; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr); gap:26px; align-items:center; padding:34px; margin-top:22px; border:1px solid rgba(255,119,169,.22); border-radius:8px; background: linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,240,246,.86)), var(--panel); box-shadow:var(--shadow); overflow:hidden; } .hero:before{ content:""; position:absolute; inset:18px; border:1px dashed rgba(255,119,169,.22); border-radius:8px; pointer-events:none; } .hero-copy{ position:relative; display:grid; gap:18px; min-width:0; } .kicker{ width:max-content; max-width:100%; display:inline-flex; align-items:center; gap:8px; min-height:34px; border:1px solid rgba(255,119,169,.32); border-radius:8px; padding:8px 11px; background:#fff; color:#d64d82; font-size:13px; font-weight:950; } .kicker:before{ content:""; width:9px; height:9px; border-radius:50%; background:var(--mint); box-shadow:0 0 0 5px rgba(142,230,201,.24); } h1{ margin:0; color:#4b2840; font-size:clamp(50px,10vw,116px); line-height:.9; font-weight:1000; } .hero-title-small{ display:block; margin-top:8px; color:#ff5f93; font-size:clamp(25px,4vw,44px); line-height:1.05; } .hero-text{ max-width:600px; margin:0; color:#795d70; font-size:18px; line-height:1.7; font-weight:700; } .hero-actions{ display:flex; flex-wrap:wrap; gap:10px; } .mascot-panel{ position:relative; min-height:310px; border:1px solid rgba(255,119,169,.24); border-radius:8px; background: linear-gradient(180deg,#fff,#fff1f7), var(--panel-pink); box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 18px 54px rgba(255,119,169,.16); overflow:hidden; } .mascot-panel:before{ content:"PF"; position:absolute; left:50%; top:46%; transform:translate(-50%,-50%) rotate(-7deg); color:#ff77a9; font-size:112px; line-height:1; font-weight:1000; text-shadow:8px 8px 0 rgba(255,209,102,.36); } .mascot-panel:after{ content:""; position:absolute; inset:24px; border-radius:8px; background: radial-gradient(circle at 20% 26%,#ffd166 0 10px,transparent 11px), radial-gradient(circle at 82% 22%,#98d8ff 0 12px,transparent 13px), radial-gradient(circle at 74% 78%,#8ee6c9 0 11px,transparent 12px), radial-gradient(circle at 26% 74%,#ffb3d0 0 13px,transparent 14px); border:1px dashed rgba(255,119,169,.26); } .sticker{ position:absolute; z-index:1; display:inline-flex; align-items:center; justify-content:center; min-height:34px; border:1px solid rgba(255,119,169,.28); border-radius:8px; padding:8px 10px; background:#fff; color:#d64d82; font-size:13px; font-weight:950; box-shadow:0 12px 30px rgba(255,119,169,.15); } .sticker.one{left:22px;top:22px;transform:rotate(-5deg)} .sticker.two{right:18px;bottom:22px;transform:rotate(4deg)} .nav-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:14px; } .nav-card{ min-height:132px; display:grid; align-content:space-between; gap:14px; border:1px solid rgba(255,119,169,.22); border-radius:8px; padding:16px; background:#fff; box-shadow:0 16px 42px rgba(255,119,169,.11); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; overflow:hidden; } .nav-card:hover{ transform:translateY(-5px); border-color:rgba(255,119,169,.58); box-shadow:0 22px 56px rgba(255,119,169,.18); } .card-icon{ width:42px; height:42px; display:grid; place-items:center; border-radius:8px; background:#fff0f6; color:#ff5f93; font-size:22px; font-weight:950; } .card-title-cn{ display:block; color:#4b2840; font-size:17px; font-weight:950; } .card-title-en{ display:block; margin-top:5px; color:var(--soft); font-size:11px; font-weight:900; text-transform:uppercase; } .notice{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; align-items:center; margin-top:14px; border:1px solid rgba(255,119,169,.24); border-radius:8px; padding:18px; background:linear-gradient(135deg,#fff,#fff6fa); box-shadow:0 16px 44px rgba(255,119,169,.10); } .notice-title{ color:#d64d82; font-weight:950; } .notice-text{ margin-top:6px; color:#795d70; line-height:1.6; font-weight:700; } .notice-badge{ min-height:36px; display:inline-flex; align-items:center; border:1px solid rgba(142,230,201,.55); border-radius:8px; padding:8px 12px; background:#f2fffa; color:#238c6c; font-weight:950; white-space:nowrap; } .download-panel{ margin-top:14px; border:1px solid rgba(255,119,169,.24); border-radius:8px; background:#fff; box-shadow:var(--shadow); overflow:hidden; } .panel-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:14px; padding:20px; background:linear-gradient(135deg,#fff7fb,#fff); border-bottom:1px solid rgba(255,119,169,.18); } .panel-head h2{ margin:0; color:#4b2840; font-size:24px; font-weight:950; } .panel-note{ margin:6px 0 0; color:#806a78; font-weight:700; } .status{ min-height:34px; display:inline-flex; align-items:center; border:1px solid rgba(255,119,169,.32); border-radius:8px; padding:8px 11px; background:#fff; color:#d64d82; font-size:13px; font-weight:950; white-space:nowrap; } .download-auth{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; padding:16px; background:#fffafd; border-bottom:1px solid rgba(255,119,169,.16); } .download-auth input{ width:100%; min-height:44px; border:1px solid rgba(255,119,169,.28); border-radius:8px; padding:11px 13px; background:#fff; color:#4b2840; font-weight:800; outline:none; } .download-auth input:focus{ border-color:rgba(255,95,147,.78); box-shadow:0 0 0 4px rgba(255,119,169,.14); } .list{ display:grid; gap:12px; padding:16px; } .file-card{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:center; min-height:92px; border:1px solid rgba(255,119,169,.18); border-radius:8px; padding:16px; background:linear-gradient(135deg,#fff,#fff7fb); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; } .file-card:hover{ transform:translateX(4px); border-color:rgba(255,119,169,.54); box-shadow:0 16px 40px rgba(255,119,169,.14); } .file-name{ color:#4b2840; font-size:17px; font-weight:950; overflow-wrap:anywhere; } .meta{ display:flex; flex-wrap:wrap; gap:8px; margin-top:9px; color:#806a78; font-size:12px; font-weight:800; } .pill{ min-height:26px; display:inline-flex; align-items:center; border:1px solid rgba(255,119,169,.18); border-radius:8px; padding:5px 8px; background:#fff; overflow-wrap:anywhere; } .mono{font-family:Consolas,"SFMono-Regular",monospace} .empty,.skeleton{ min-height:108px; display:grid; place-items:center; border:1px dashed rgba(255,119,169,.32); border-radius:8px; color:#806a78; background:#fff7fb; text-align:center; padding:18px; font-weight:800; } .skeleton{ background: linear-gradient(90deg,transparent,rgba(255,255,255,.88),transparent), linear-gradient(135deg,#fff2f8,#fff); background-size:220px 100%,100% 100%; animation:sweep 1.25s linear infinite; } [hidden]{display:none!important} .guide-panel{ margin-top:14px; border:1px solid rgba(255,119,169,.24); border-radius:8px; background:#fff; box-shadow:var(--shadow); overflow:hidden; } .guide-actions{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; } .guide-frame-wrap{ padding:16px; background:#fffafd; } .guide-frame{ width:100%; height:min(72vh,820px); min-height:520px; border:1px solid rgba(255,119,169,.22); border-radius:8px; background:#fff; } .guide-fallback{ margin:10px 0 0; color:#806a78; font-size:13px; font-weight:800; } .footer{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:16px; color:#806a78; font-size:13px; font-weight:800; } .modal-backdrop{ position:fixed; inset:0; z-index:30; display:none; place-items:center; padding:18px; background:rgba(92,45,68,.34); backdrop-filter:blur(10px); } .modal-backdrop.active{display:grid} .dev-modal{ width:min(440px,100%); border:1px solid rgba(255,119,169,.38); border-radius:8px; padding:22px; background:#fff; box-shadow:0 28px 90px rgba(92,45,68,.24); transform:translateY(8px) scale(.98); opacity:0; transition:transform .18s ease,opacity .18s ease; } .modal-backdrop.active .dev-modal{ transform:translateY(0) scale(1); opacity:1; } .modal-content{display:grid;gap:16px} .modal-top{ display:flex; justify-content:space-between; align-items:center; gap:12px; } .modal-kicker{ color:#d64d82; font-size:12px; font-weight:950; text-transform:uppercase; } .modal-close{ width:36px; height:36px; border:1px solid rgba(255,119,169,.28); border-radius:8px; background:#fff0f6; color:#d64d82; font-size:22px; line-height:1; cursor:pointer; } .modal-title{ margin:0; color:#4b2840; font-size:25px; line-height:1.2; font-weight:950; } .modal-text{ margin:0; color:#806a78; line-height:1.7; font-weight:700; } .modal-actions{ display:flex; justify-content:flex-end; gap:10px; } @keyframes sweep{ from{background-position:-220px 0,0 0} to{background-position:calc(100% + 220px) 0,0 0} } @media(max-width:900px){ .hero{grid-template-columns:1fr} .nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .mascot-panel{min-height:230px} } @media(max-width:620px){ body{overflow-x:hidden} .page,.nav{width:calc(100% - 24px);max-width:1120px} .nav{height:auto;min-height:64px;padding:10px 0} .brand-mini span:not(.logo){display:none} .nav-actions{margin-left:auto} .nav-actions .btn{min-height:38px;padding:8px 10px} .hero{padding:20px;min-height:auto} .hero:before{inset:10px} .hero-actions .btn{width:100%} .nav-grid{grid-template-columns:1fr} .notice{grid-template-columns:1fr} .panel-head{display:grid} .download-auth{grid-template-columns:1fr} .download-auth .btn{width:100%} .file-card{grid-template-columns:1fr} .file-card .btn{width:100%} .guide-actions{justify-content:flex-start} .guide-actions .btn{width:100%} .guide-frame{height:68vh;min-height:420px} .footer{display:grid} .footer .btn{width:100%} } @media(prefers-reduced-motion:reduce){ *,*:before,*:after{animation:none!important;transition:none!important} } </style> </head> <body> <header class="topbar"> <nav class="nav" aria-label="涓诲鑸?> <a class="brand-mini" href="#top" aria-label="PF 瀹樻柟涓嬭浇绔?> <span class="logo">PF</span> <span>PF 瀹樻柟涓嬭浇绔?/span> </a> <div class="nav-actions"> <button class="btn js-dev-card" type="button">鑱旂郴</button> <a class="btn primary" href="#download">涓嬭浇</a> </div> </nav> </header> <div class="modal-backdrop" id="devModal" aria-hidden="true"> <div class="dev-modal" role="dialog" aria-modal="true" aria-labelledby="devModalTitle"> <div class="modal-content"> <div class="modal-top"> <span class="modal-kicker">Coming Soon</span> <button class="modal-close" id="devModalClose" type="button" aria-label="鍏抽棴">脳</button> </div> <h2 class="modal-title" id="devModalTitle">鐩稿叧鍔熻兘姝ｅ湪寮€鍙戜腑</h2> <p class="modal-text">杩欎釜鍏ュ彛姝ｅ湪鎺ュ叆瀹樼綉绯荤粺锛岀◢鍚庝細寮€鏀句娇鐢ㄣ€傝鍏堥€氳繃涓嬭浇鍖哄煙瀹屾垚鍗″瘑楠岃瘉鍜屾枃浠惰幏鍙栥€?/p> <div class="modal-actions"> <button class="btn primary" id="devModalOk" type="button">鐭ラ亾浜?/button> </div> </div> </div> </div> <main class="page" id="top"> <section class="hero" aria-labelledby="mainTitle"> <div class="hero-copy"> <span class="kicker">Sweet secure download</span> <h1 id="mainTitle">PF<span class="hero-title-small">瀹樻柟涓嬭浇绔?/span></h1> <p class="hero-text">杈撳叆鍗″瘑楠岃瘉鍚庡嵆鍙幏鍙栨渶鏂板鎴风鏂囦欢銆備笅杞介摼鎺ョ敱鏈嶅姟鍣ㄥ疄鏃剁敓鎴愶紝鍒楄〃浠ユ湰椤甸潰灞曠ず涓哄噯銆?/p> <div class="hero-actions"> <a class="btn primary" href="#download">楠岃瘉鍗″瘑</a> <button class="btn js-dev-card" type="button">鏌ョ湅鍏憡</button> </div> </div> <div class="mascot-panel" aria-hidden="true"> <span class="sticker one">Ready</span> <span class="sticker two">Soft Pink</span> </div> </section> <section class="nav-grid" aria-label="瀹樼綉瀵艰埅"> <a class="nav-card js-dev-card" href="#features"> <span class="card-icon">鈾?/span> <span><span class="card-title-cn">鍔熻兘灞曠ず</span><span class="card-title-en">Feature Showcase</span></span> </a> <a class="nav-card js-dev-card" href="#docs"> <span class="card-icon">?</span> <span><span class="card-title-cn">浣跨敤鏂囨。</span><span class="card-title-en">User Documentation</span></span> </a> <a class="nav-card" href="#download"> <span class="card-icon">鈫?/span> <span><span class="card-title-cn">涓嬭浇瀹㈡埛绔?/span><span class="card-title-en">Download Latest Version</span></span> </a> <a class="nav-card js-dev-card" href="#feedback"> <span class="card-icon">鉁?/span> <span><span class="card-title-cn">鐣欒█寤鸿</span><span class="card-title-en">Feedback & Suggestions</span></span> </a> </section> <section class="notice" aria-label="瀹樼綉閫氱煡"> <div> <div class="notice-title">PF 瀹樻柟閫氱煡</div> <div class="notice-text">鐗堟湰鏂囦欢鐢卞悗鍙扮粺涓€缁存姢銆傝鍏堝畬鎴愬崱瀵嗛獙璇侊紝鍐嶈幏鍙栧彲鐢ㄤ笅杞藉垪琛ㄥ拰瀹炴椂涓嬭浇閾炬帴銆?/div> </div> <span class="notice-badge">鏈嶅姟鍦ㄧ嚎</span> </section> <section class="download-panel" id="download" aria-labelledby="downloadTitle"> <div class="panel-head"> <div> <h2 id="downloadTitle">涓嬭浇瀹㈡埛绔?/h2> <p class="panel-note">鍗″瘑楠岃瘉閫氳繃鍚庯紝鏂囦欢鍒楄〃浼氬湪杩欓噷鍑虹幇銆?/p> </div> <span class="status" id="status">绛夊緟楠岃瘉</span> </div> <form class="download-auth" id="downloadAuth"> <input id="cardKey" name="card_key" type="password" autocomplete="off" placeholder="杈撳叆鍗″瘑" required> <button class="btn primary" id="verifyCard" type="submit">楠岃瘉骞惰幏鍙栦笅杞?/button> </form> <div class="list" id="list"> <div class="empty">璇疯緭鍏ュ崱瀵嗗悗鑾峰彇涓嬭浇鏂囦欢</div> </div> </section> <section class="guide-panel" id="guidePanel" aria-labelledby="guideTitle" hidden> <div class="panel-head"> <div> <h2 id="guideTitle">浣跨敤璇存槑</h2> <p class="panel-note">鍗″瘑楠岃瘉閫氳繃鍚庯紝鍙湪杩欓噷鏌ョ湅 PF 鍥炬枃鏁欑▼銆?/p> </div> <div class="guide-actions"> <a class="btn" href="./docs/guide.pdf" target="_blank" rel="noopener">鎵撳紑 PDF</a> <a class="btn primary" href="./docs/guide.pdf" download>涓嬭浇璇存槑</a> </div> </div> <div class="guide-frame-wrap"> <iframe class="guide-frame" src="./docs/guide.pdf" title="PF鍥炬枃鏁欑▼" loading="lazy"></iframe> <p class="guide-fallback">濡傛灉褰撳墠娴忚鍣ㄦ棤娉曢瑙?PDF锛岃鐐瑰嚮鈥滄墦寮€ PDF鈥濇垨鈥滀笅杞借鏄庘€濄€?/p> </div> </section> <footer class="footer"> <span>漏 2026 PF. All rights reserved.</span> <button class="btn" id="refresh" type="button">鍒锋柊鍒楄〃</button> </footer> </main> <script> const API_BASE = ""; const statusEl = document.getElementById("status"); const listEl = document.getElementById("list"); const authForm = document.getElementById("downloadAuth"); const cardKeyInput = document.getElementById("cardKey"); const verifyCardBtn = document.getElementById("verifyCard"); const guidePanel = document.getElementById("guidePanel"); const devModal = document.getElementById("devModal"); const devModalClose = document.getElementById("devModalClose"); const devModalOk = document.getElementById("devModalOk"); let downloadToken = ""; function esc(value) { return String(value || "").replace(/[&<>"']/g, c => ({"&":"&","<":"<",">":">",'"':""","'":"'"}[c])); } function fmtSize(n) { n = Number(n || 0); if (n >= 1073741824) return (n / 1073741824).toFixed(2) + " GB"; if (n >= 1048576) return (n / 1048576).toFixed(2) + " MB"; if (n >= 1024) return (n / 1024).toFixed(2) + " KB"; return n + " B"; } function renderWaiting() { statusEl.textContent = "等待验证"; listEl.innerHTML = '<div class="empty">请输入卡密后获取下载文件</div>'; guidePanel.hidden = true; } async function loadFiles() { if (!downloadToken) { renderWaiting(); return; } statusEl.textContent = "加载中"; listEl.innerHTML = '<div class="skeleton"></div>'; try { const response = await fetch(API_BASE + "/api/p/2f6a91c0d8b4?token=" + encodeURIComponent(downloadToken), { cache: "no-store" }); if (!response.ok) throw new Error("HTTP " + response.status); const data = await response.json(); const files = Array.isArray(data.files) ? data.files : []; statusEl.textContent = files.length ? `${files.length} 个文件` : "暂无文件"; if (!files.length) { listEl.innerHTML = '<div class="empty">暂无可下载文件</div>'; return; } listEl.innerHTML = files.map(file => { const url = `${API_BASE}/api/p/3a8f0b6d2c1e?id=${encodeURIComponent(file.id)}&token=${encodeURIComponent(downloadToken)}`; return `<article class="file-card"> <div> <div class="file-name">${esc(file.file_name || "download.bin")}</div> <div class="meta"> <span class="pill">${esc(fmtSize(file.file_size))}</span> <span class="pill mono">MD5 ${esc(file.file_md5 || "-")}</span> <span class="pill">更新 ${esc(file.update_date || "-")}</span> </div> </div> <a class="btn primary" href="${url}" rel="noopener">下载</a> </article>`; }).join(""); } catch (_err) { downloadToken = ""; statusEl.textContent = "加载失败"; listEl.innerHTML = '<div class="empty">下载凭证已过期，请重新验证卡密</div>'; guidePanel.hidden = true; } } async function showGuideIfAvailable() { try { const response = await fetch("./docs/guide.pdf", { method: "HEAD", cache: "no-store" }); guidePanel.hidden = !response.ok; } catch (_err) { guidePanel.hidden = true; } } async function verifyCard(event) { if (event) event.preventDefault(); const cardKey = cardKeyInput.value.trim(); if (!cardKey) { renderWaiting(); cardKeyInput.focus(); return; } statusEl.textContent = "验证中"; listEl.innerHTML = '<div class="skeleton"></div>'; verifyCardBtn.disabled = true; try { const response = await fetch(API_BASE + "/api/p/7c91e2d4a6b0", { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify({ card_key: cardKey }), cache: "no-store" }); if (!response.ok) throw new Error("HTTP " + response.status); const data = await response.json(); if (!data || data.code !== 0 || !data.token) throw new Error("invalid token"); downloadToken = data.token; cardKeyInput.value = ""; statusEl.textContent = "验证通过"; await showGuideIfAvailable(); await loadFiles(); } catch (_err) { downloadToken = ""; statusEl.textContent = "验证失败"; listEl.innerHTML = '<div class="empty">卡密无效或服务器暂不可用</div>'; guidePanel.hidden = true; } finally { verifyCardBtn.disabled = false; } } function showDevModal() { devModal.classList.add("active"); devModal.setAttribute("aria-hidden", "false"); devModalOk.focus(); } function hideDevModal() { devModal.classList.remove("active"); devModal.setAttribute("aria-hidden", "true"); } document.querySelectorAll(".js-dev-card").forEach(card => { card.addEventListener("click", event => { event.preventDefault(); showDevModal(); }); }); devModalClose.addEventListener("click", hideDevModal); devModalOk.addEventListener("click", hideDevModal); devModal.addEventListener("click", event => { if (event.target === devModal) hideDevModal(); }); document.addEventListener("keydown", event => { if (event.key === "Escape" && devModal.classList.contains("active")) hideDevModal(); }); listEl.addEventListener("click", async event => { const link = event.target.closest("a"); if (!link || !link.href.includes("/api/p/3a8f0b6d2c1e")) return; event.preventDefault(); try { const response = await fetch(link.href, { cache: "no-store" }); if (!response.ok) throw new Error("HTTP " + response.status); const data = await response.json(); if (!data || !data.pages_worker_url) throw new Error("missing url"); window.location.href = data.pages_worker_url; } catch (_err) { statusEl.textContent = "涓嬭浇閾炬帴鑾峰彇澶辫触"; } }); authForm.addEventListener("submit", verifyCard); document.getElementById("refresh").addEventListener("click", loadFiles); renderWaiting(); </script> </body> </html>