意见反馈**** <html lang**="zh-CN" ><meta http-equiv=**"Content-T

****

<html lang**="zh-CN" ><meta http-equiv=**"Content-Type" content="text/html; charset=UTF-8" >****

<meta name**=**"viewport" content="width=device-width, initial-scale=1" >****

意见反馈｜加入社群｜去商店评价 ****

<meta name**=**"color-scheme" content="light dark" >****

****

:root{

--bg: #0b0c0f;

--panel: #11131a;

--card: #151823;

--text: #e6e6eb;

--muted:#9aa0aa;

--brand:#6aa4ff;

--ok:#2ecc71;

--warn:#f39c12;

--danger:#e74c3c;

--border: #232737;

--shadow: 0 8px 24px rgba(0,0,0,.35);

}

@media (prefers-color-scheme: light){

:root{ --bg:#f6f7fb; --panel:#ffffff; --card:#ffffff; --text:#11131a; --muted:#6b7280; --border:#e5e7eb; --shadow:0 10px 30px rgba(17,24,39,.06); }

}

*{ box-sizing:border-box; }

body{ margin:0; font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji"; background:var(--bg); color:var(--text); }

.wrap{ max-width:960px; margin:32px auto; padding:0 16px; }

header{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }

.brand{ display:flex; align-items:center; gap:12px; }

.logo{ width:36px; height:36px; border-radius:12px; background:linear-gradient(135deg, var(--brand), #9d7dff); box-shadow: var(--shadow); }

h1{ font-size:20px; margin:0; }

.tabs{ display:flex; gap:8px; background:var(--panel); border:1px solid var(--border); padding:6px; border-radius:14px; box-shadow: var(--shadow); position:sticky; top:8px; z-index:5; }

.tab{ flex:1; text-align:center; padding:10px 12px; border-radius:10px; cursor:pointer; user-select:none; border:1px solid transparent; }

.tab[aria-selected="true"]{ background:var(--card); border-color:var(--border); }

.tab:focus-visible{ outline:2px solid var(--brand); outline-offset:2px; }

.card{ background:var(--card); border:1px solid var(--border); border-radius:16px; padding:18px; margin-top:16px; box-shadow: var(--shadow); }

.row{ display:grid; grid-template-columns:150px 1fr; gap:12px; align-items:center; margin:12px 0; }

.row textarea{ min-height:120px; }

label{ color:var(--muted); font-size:14px; }

input[type="text"], input[type="email"], select, textarea{ width:100%; padding:10px 12px; border-radius:12px; border:1px solid var(--border); background:transparent; color:var(--text); }

textarea{ resize:vertical; }

.btns{ display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }

button, .btn{ border:1px solid var(--border); background:var(--panel); color:var(--text); padding:10px 14px; border-radius:12px; cursor:pointer; box-shadow: var(--shadow); text-decoration:none; display:inline-flex; align-items:center; gap:8px; }

button.primary, .btn.primary{ background:linear-gradient(135deg, var(--brand), #9d7dff); border:none; color:white; }

.btn.success{ background:linear-gradient(135deg, #2ecc71, #27ae60); border:none; color:white; }

.btn.warn{ background:linear-gradient(135deg, #f39c12, #e67e22); border:none; color:white; }

.btn.disabled{ opacity:.55; cursor:not-allowed; pointer-events:none; }

.muted{ color:var(--muted); font-size:13px; }

.grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap:16px; }

.kvs{ display:grid; grid-template-columns: 1fr auto; gap:8px; }

.mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

.stars{ display:flex; gap:6px; }

.star{ width:28px; height:28px; border-radius:50%; display:grid; place-items:center; border:1px solid var(--border); cursor:pointer; }

.star[aria-checked="true"]{ background:gold; color:#111; }

.badge{ display:inline-flex; align-items:center; gap:6px; padding:2px 8px; border-radius:999px; font-size:12px; border:1px solid var(--border); }

.badge.full{ background:linear-gradient(135deg, var(--warn), #e67e22); color:white; border:none; }

footer{ margin:22px 4px; text-align:center; color:var(--muted); font-size:12px; }

@media (max-width:640px){ .row{ grid-template-columns:1fr; } .tabs{ position:static; } }

****

****

****

<div class**=**"wrap" >****

****

<div class**=**"brand" >****

<div class**=**"logo" aria-hidden="true" >****

****

****

意见反馈 / 加入社群 / 去商店评价
****

****

****

<a class**=**"btn" id="ghLink" target="_blank" rel="noopener" href="github.com/timetrails-…" > 仓库主页 ****

****

<nav class**=**"tabs" role="tablist" aria-label="主选项卡" >****

<div class**=**"tab" role="tab" id="tab-appstore" aria-controls="panel-appstore" aria-selected="true" tabindex="0" data-tab="appstore" > 去商店评价 ****

<div class**=**"tab" role="tab" id="tab-feedback" aria-controls="panel-feedback" aria-selected="false" tabindex="-1" data-tab="feedback" > 提交反馈 ****

<div class**=**"tab" role="tab" id="tab-community" aria-controls="panel-community" aria-selected="false" tabindex="-1" data-tab="community" > 加入交流群 ****

****

<section class**=**"card" id="panel-feedback" role="tabpanel" aria-labelledby="tab-feedback" aria-hidden="true" hidden="" >****

<div class**=**"row" >****

<label for**=**"fb-title" > 标题 ****

<input id**=**"fb-title" type="text" placeholder="简要描述你的问题或建议" >****

****

<div class**=**"row" >****

<label for**=**"fb-type" > 类型 ****

<select id**=**"fb-type" >****

<option value**=**"bug" > 缺陷/报错 ****

<option value**=**"feature" > 功能建议 ****

<option value**=**"uiux" > 交互/体验 ****

<option value**=**"other" > 其他 ****

****

****

<div class**=**"row" >****

<label for**=**"fb-content" > 详细描述 ****

<textarea id**=**"fb-content" placeholder="复现步骤 / 期望行为 / 实际结果 / 截图链接 …" >****

****

<div class**=**"row" >****

体验评分 ****

<div class**=**"stars" id="stars" aria-label="评分 1-5 星" >****

<div class**=**"star" role="radio" data-v="1" > 1 ****

<div class**=**"star" role="radio" data-v="2" > 2 ****

<div class**=**"star" role="radio" data-v="3" > 3 ****

<div class**=**"star" role="radio" data-v="4" > 4 ****

<div class**=**"star" role="radio" data-v="5" > 5 ****

****

****

<div class**=**"row" >****

<label for**=**"contact" > 可选联系方式 ****

<input id**=**"contact" type="text" placeholder="邮箱 / QQ" >****

****

<div class**=**"row" >****

****

****

<label class**="muted" ><input id=**"sysinfo" type="checkbox" checked="" > 附带浏览器与系统信息（便于排查） ****

****

****

<div class**=**"btns" >****

<a class**=**"btn primary" id="btn-issue" target="_blank" rel="noopener" > 通过 GitHub Issue 提交 ****

<a class**=**"btn" id="btn-mail" > 通过邮件提交 ****

<button id**=**"btn-copy-template" > 复制模板 ****

****

<p class**=**"muted" > 提示：若 GitHub 需要登录，你也可以切到“去商店评价”或通过邮件反馈。
****

****

<section class**=**"card" id="panel-community" role="tabpanel" aria-labelledby="tab-community" hidden="" aria-hidden="true" >****

<div class**=**"grid" >****

****

QQ 群 1
****

<div class**=**"kvs" >****

<input id**=**"qq1-number" class="mono" type="text" readonly="" >****

<button data-copy**=**"#qq1-number" > 复制群号 ****

****

<div class**=**"btns" style="margin-top:10px;" >****

<a class**=**"btn success" id="btn-qq1-join" target="_blank" rel="noopener" href="qm.qq.com/q/WmKwcZcZW" > 一键加群 ****

<a class**=**"btn" id="btn-qq1-url-copy" > 复制加群链接 ****

****

****

****

QQ 群 2 <span class**=**"badge full" > 已满
****

<div class**=**"kvs" >****

<input id**=**"qq2-number" class="mono" type="text" readonly="" >****

<button data-copy**=**"#qq2-number" > 复制群号 ****

****

<div class**=**"btns" style="margin-top:10px;" >****

<a class**=**"btn success disabled" id="btn-qq2-join" aria-disabled="true" tabindex="-1" title="该群已满" > 一键加群（已满） ****

<a class**=**"btn" id="btn-qq2-url-copy" > 复制加群链接 ****

****

****

****

****

<section class**=**"card" id="panel-appstore" role="tabpanel" aria-labelledby="tab-appstore" aria-hidden="false" >****

<div class**=**"row" >****

App Store ****

<div class**=**"btns" >****

<a class**=**"btn warn" id="btn-appstore-review" > 去 App Store 评价 ****

<a class**=**"btn" id="btn-appstore-copy" > 复制评价链接 ****

<a class**=**"btn" id="btn-appstore-open" > 打开 App 详情页 ****

<a class**=**"btn" id="btn-appstore-copy-detail" > 复制详情页链接 ****

****

<p class**=**"muted" style="margin-top:8px;" > 在 iPhone/iPad 上会尝试直接拉起 App Store；其他平台将打开网页版。
****

****

****

****

本页为静态页面，不收集任何敏感数据。提交内容将跳转到你配置的 Issue/邮箱处理。

****

****

****

// ======== 配置 ========

const CONFIG = {

GH_OWNER: "timetrails-org",

GH_REPO: "timetrails-org.github.io",

MAIL_TO: "flywithbug@163.com",

QQ1_NUMBER: "574966492",

QQ1_INVITE_URL: "qm.qq.com/q/WmKwcZcZW",

QQ2_NUMBER: "185198503",

QQ2_INVITE_URL: "qm.qq.com/q/J1eYFA7i4…",

QQ2_IS_FULL: true,

IOS_APP_ID: "1634761411",

IOS_APP_COUNTRY: "cn",

GH_HOMEPAGE: "github.com/timetrails-…"

};

// ======== 工具 ========

const $ = (sel, root=document) => root.querySelector(sel);

const $$ = (sel, root=document) => Array.from(root.querySelectorAll(sel));

function copyTextFrom(selector){

const el = $(selector);

if(!el) return;

el.select?.();

navigator.clipboard.writeText(el.value || el.textContent || '')

.then(()=> alert('已复制到剪贴板'))

.catch(()=> alert('复制失败，请手动复制'));

}

function getAppStoreURLs(appId, country="cn"){

if(!appId) return { review:{web:"#",ios:"#"}, detail:{web:"#",ios:"#"} };

const webDetail = https://apps.apple.com/${encodeURIComponent(country)}/app/id${encodeURIComponent(appId)};

const iosDetail = itms-apps://itunes.apple.com/app/id${encodeURIComponent(appId)};

const webReview = ${webDetail}?action=write-review;

const iosReview = ${iosDetail}?action=write-review;

return { review:{ web:webReview, ios:iosReview }, detail:{ web:webDetail, ios:iosDetail } };

}

function isIOSDevice(){

const ua = navigator.userAgent || navigator.vendor || window.opera || "";

return /iPad|iPhone|iPod/.test(ua) || (navigator.platform && /iP(hone|od|ad)/.test(navigator.platform));

}

// ======== Tabs（无障碍 + 键盘 + URL 同步；默认 feedback） ========

const tablist = document.querySelector('.tabs[role="tablist"]');

const tabs = Array.from(tablist.querySelectorAll('[role="tab"]'));

const panels = tabs.map(t => document.getElementById(t.getAttribute('aria-controls')));

function setSelected(index, { focus = false } = {}) {

tabs.forEach((t, i) => {

const selected = i === index;

t.setAttribute('aria-selected', String(selected));

t.tabIndex = selected ? 0 : -1;

panels[i].hidden = !selected;

panels[i].setAttribute('aria-hidden', String(!selected));

});

if (focus) tabs[index].focus();

const key = tabs[index].dataset.tab;

try{

const url = new URL(location.href);

url.searchParams.set('tab', key);

history.replaceState(null, '', url.toString());

}catch{}

}

function selectByKey(key, opts){ const idx = tabs.findIndex(t => t.dataset.tab === key); setSelected(idx >= 0 ? idx : 0, opts); }

tabs.forEach((t, i) => t.addEventListener('click', () => setSelected(i, { focus:true })));

tablist.addEventListener('keydown', (e) => {

const current = tabs.findIndex(t => t === document.activeElement);

if (current < 0) return;

let next = null;

switch (e.key) {

case 'ArrowRight': next = (current + 1) % tabs.length; break;

case 'ArrowLeft': next = (current - 1 + tabs.length) % tabs.length; break;

case 'Home': next = 0; break;

case 'End': next = tabs.length - 1; break;

case 'Enter':

case ' ':

setSelected(current, { focus:true });

e.preventDefault();

return;

default: return;

}

tabs[next].focus();

e.preventDefault();

});

// 默认“提交反馈”；仅当 ?tab=community|appstore 时切换

(function initTabs(){

const url = new URL(location.href);

const q = (url.searchParams.get('tab') || '').toLowerCase();

const key = (q === 'community' || q === 'appstore') ? q : 'appstore';

selectByKey(key, { focus:false });

})();

// ======== 初始化按钮/链接 ========

// 仓库

$('#ghLink').href = CONFIG.GH_HOMEPAGE;

// 复制群号按钮

意见反馈

意见反馈 / 加入社群 / 去商店评价

QQ 群 1

QQ 群 2 <span class**=**"badge full" > 已满

QQ 群 2 <span class="badge full" > 已满