.tsph { --h-bg:#e9edf2; --h-panel:#f6f8fa; --h-in:#ffffff; --h-line:#d5dbe3; --h-line2:#e5eaf0; --h-tx:#0f172a; --h-tx2:#334155; --h-mu:#64748b; --h-mu2:#94a3b8; --h-acc:#2f6fd6; --h-pri:#1e2a44;
    color:var(--h-tx); font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; font-size:13.5px; line-height:1.5; }
  .tsph * { box-sizing:border-box; }
  .tsph .h-head h2 { margin:0; font-size:20px; font-weight:800; color:#1e2a44; }
  .tsph .h-head p { margin:4px 0 14px; font-size:12.5px; color:var(--h-mu); font-weight:600; }
  .tsph .h-sec { border:1px solid var(--h-line); border-radius:14px; margin-bottom:16px; background:var(--h-panel); }
  .tsph .h-sec-h { display:flex; align-items:flex-start; gap:12px; padding:16px 16px 12px; flex-wrap:wrap; }
  .tsph .h-sec-h .grow { flex:1; min-width:200px; }
  .tsph .h-sec-h h3 { margin:0; display:inline-block; font-size:11.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#1e2a44; padding-bottom:6px; border-bottom:2px solid #1e2a44; }
  .tsph .h-sec-h .sub { margin:6px 0 0; font-size:12.5px; color:var(--h-mu); font-weight:600; }
  .tsph .h-sec-b { padding:0 16px 16px; }
  .tsph .h-btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; height:36px; padding:0 14px; border-radius:999px; border:0; background:#e8edf3; color:#0f172a; font-weight:700; font-size:13px; line-height:1; font-family:inherit; cursor:pointer; white-space:nowrap; -webkit-tap-highlight-color:transparent; }
  .tsph .h-btn:hover { background:#dde4ec; }
  .tsph .h-btn.pri { background:var(--h-pri); color:#fff; }
  .tsph .h-btn.pri:hover { background:#283552; }
  .tsph .h-btn:disabled { opacity:.5; cursor:default; }
  .tsph .h-in { width:100%; height:40px; padding:0 12px; border-radius:10px; border:1px solid #dbe2ea; background:var(--h-in); color:var(--h-tx); font:inherit; font-size:14px; outline:none; }
  .tsph .h-in:focus, .tsph .h-ta:focus { border-color:var(--h-acc); box-shadow:0 0 0 3px rgba(47,111,214,.15); }
  .tsph .h-ta { width:100%; min-height:90px; padding:10px 12px; border-radius:10px; border:1px solid #dbe2ea; background:var(--h-in); color:var(--h-tx); font:inherit; font-size:14px; resize:vertical; outline:none; }
  .tsph .h-pill { display:inline-flex; align-items:center; height:22px; padding:0 9px; border-radius:11px; font-size:10.5px; font-weight:800; white-space:nowrap; background:#eef1f4; color:var(--h-mu); }
  .tsph .h-pill.ok { background:#dcfce7; color:#166534; } .tsph .h-pill.wait { background:#fef3c7; color:#92400e; } .tsph .h-pill.blue { background:#dbeafe; color:#1e40af; } .tsph .h-pill.ai { background:#ede9fe; color:#5b21b6; }
  .tsph .h-empty { padding:10px 0; color:var(--h-mu); font-weight:600; }
  .tsph .h-err { padding:10px 12px; border-radius:10px; background:#fee2e2; color:#991b1b; font-weight:700; margin-bottom:10px; }
  .tsph .h-tabs { display:flex; gap:6px; margin:0 0 14px; }
  .tsph .h-tabs button { height:34px; padding:0 14px; border-radius:999px; border:1px solid var(--h-line); background:var(--h-in); color:var(--h-tx2); font-weight:700; font-size:13px; line-height:1; font-family:inherit; cursor:pointer; }
  .tsph .h-tabs button.on { background:#1e2a44; color:#fff; border-color:#1e2a44; }
  .tsph .h-tabs .dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:#e11d48; margin-left:6px; vertical-align:middle; }
  .tsph .m-search { position:relative; margin-bottom:14px; }
  .tsph .m-search .h-in { padding-left:36px; }
  .tsph .m-search svg { position:absolute; left:11px; top:11px; width:18px; height:18px; fill:var(--h-mu2); }
  .tsph .m-row { display:flex; align-items:center; gap:10px; width:100%; padding:11px 0; border:0; border-top:1px solid #eef2f6; background:none; text-align:left; color:var(--h-tx); font-weight:600; font-size:13.5px; line-height:1.35; font-family:inherit; cursor:pointer; }
  .tsph .m-row:first-child { border-top:0; }
  .tsph .m-row b { flex:1; font-weight:700; }
  .tsph .m-row .car { width:18px; height:18px; fill:var(--h-mu2); transition:transform .15s; flex:none; }
  .tsph .m-row.open .car { transform:rotate(180deg); }
  .tsph .m-body { padding:2px 0 14px; color:var(--h-tx2); font-size:13.5px; line-height:1.6; }
  .tsph .m-body p { margin:0 0 8px; }
  .tsph .m-body ol, .tsph .m-body ul { margin:0 0 8px; padding-left:22px; }
  .tsph .m-body li { margin:2px 0; }
  .tsph .m-body b { color:var(--h-tx); }
  .tsph .m-who { font-size:10.5px; font-weight:800; color:#1e40af; background:#dbeafe; border-radius:9px; padding:1px 7px; }
  .tsph mark { background:#fef08a; color:inherit; border-radius:3px; padding:0 1px; }
  .tsph .m-ask { display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:14px 16px; border-radius:14px; background:#f3f7fe; border:1px solid #dbe6fb; margin-bottom:16px; }
  .tsph .m-ask span { flex:1; min-width:180px; font-weight:700; color:#1e2a44; }
  .tsph .fx { margin-top:10px; padding:10px 12px; border-radius:12px; background:var(--h-in); box-shadow:0 0 0 1px var(--h-line2); }
  .tsph .fx-st { display:flex; gap:10px; align-items:flex-start; margin:6px 0; }
  .tsph .fx-st i { width:22px; height:22px; border-radius:50%; display:grid; place-items:center; font-style:normal; font-size:11.5px; font-weight:800; background:#dcfce7; color:#047857; flex:none; }
  .tsph .fx-st.undone i { background:#e2e8f0; color:#475569; }
  .tsph .fx-st b { display:block; font-size:13px; } .tsph .fx-st small { display:block; color:var(--h-mu); font-size:12px; font-weight:600; }
  .tsph .fx-chips { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:8px; }
  .tsph .fx-chips span { display:inline-flex; align-items:center; height:22px; padding:0 9px; border-radius:11px; font-size:11px; font-weight:800; white-space:nowrap; background:#e2e8f0; color:#334155; }
  .tsph .fx-chips span.m { background:#dcfce7; color:#047857; } .tsph .fx-chips span.u { background:#dbeafe; color:#1e40af; }
  .tsph .fx-chk { display:flex; align-items:center; gap:8px; margin-top:10px; font-size:13px; font-weight:700; cursor:pointer; white-space:nowrap; }
  .tsph .fx-chk input { width:16px; height:16px; margin:0; }
  .tsph .fx-btns { display:flex; justify-content:space-between; gap:8px; margin-top:10px; }
  .tsph .fx-btns .h-btn.ok { background:#047857; color:#fff; }
  .tsph .fx-note { margin-top:8px; font-size:12px; font-weight:700; color:var(--h-mu); }
  .tsph .s-topics { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
  .tsph .s-tp { display:flex; flex-direction:column; align-items:flex-start; gap:1px; padding:9px 12px; border-radius:12px; background:var(--h-in); border:0; box-shadow:0 0 0 1px var(--h-line2); color:var(--h-tx2); font-weight:700; font-size:13px; line-height:1.3; font-family:inherit; cursor:pointer; text-align:left; }
  .tsph .s-tp small { font-size:11px; color:var(--h-mu2); font-weight:600; }
  .tsph .s-tp.on { box-shadow:0 0 0 2px var(--h-acc); color:var(--h-tx); background:#f3f7fe; }
  .tsph .s-row { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:10px; }
  .tsph .s-shot { position:relative; width:72px; height:52px; border-radius:8px; overflow:hidden; box-shadow:0 0 0 1px #dbe2ea; background:#f1f5f9; flex:none; }
  .tsph .s-shot img { width:100%; height:100%; object-fit:cover; display:block; }
  .tsph .s-shot button { position:absolute; top:2px; right:2px; width:20px; height:20px; border-radius:50%; border:0; background:rgba(15,23,42,.7); color:#fff; font-size:12px; line-height:20px; padding:0; cursor:pointer; }
  .tsph .s-auto { flex:1; min-width:180px; font-size:11.5px; color:var(--h-mu); font-weight:600; }
  .tsph .s-th { display:grid; gap:10px; }
  .tsph .s-m { max-width:86%; padding:10px 12px; border-radius:12px; font-size:13.5px; line-height:1.55; color:var(--h-tx); white-space:pre-wrap; word-break:break-word; }
  .tsph .s-m.user { justify-self:end; background:#e8f0fd; }
  .tsph .s-m.ai, .tsph .s-m.staff { background:var(--h-in); box-shadow:0 0 0 1px var(--h-line2); }
  .tsph .s-m.sys { max-width:none; justify-self:center; background:none; color:var(--h-mu); font-size:12px; text-align:center; padding:2px 8px; }
  .tsph .s-m .who { display:block; font-size:11px; font-weight:800; color:var(--h-mu); margin-bottom:3px; white-space:normal; }
  .tsph .s-m img { display:block; max-width:100%; max-height:260px; border-radius:8px; margin-top:8px; }
  .tsph .s-fix { margin-top:8px; padding:8px 10px; border-radius:9px; background:#f0fdf4; color:#166534; font-size:12px; font-weight:700; white-space:normal; }
  .tsph .s-steps { display:flex; align-items:center; gap:6px; margin:6px 0 4px; flex-wrap:nowrap; overflow-x:auto; }
  .tsph .s-steps span { display:inline-flex; align-items:center; gap:6px; height:28px; padding:0 11px; border-radius:999px; font-size:12px; font-weight:800; white-space:nowrap; background:#eef1f4; color:var(--h-mu2); }
  .tsph .s-steps span.done { background:#dcfce7; color:#166534; } .tsph .s-steps span.on { background:#1e2a44; color:#fff; }
  .tsph .s-steps i { width:14px; height:2px; background:#d5dbe3; flex:none; }
  .tsph .s-wait { display:flex; align-items:center; gap:10px; color:var(--h-mu); font-weight:700; font-size:13px; padding:4px 2px; }
  .tsph .s-wait i { width:16px; height:16px; border-radius:50%; border:2px solid #cbd5e1; border-top-color:var(--h-acc); animation:tsphSpin .8s linear infinite; }
  @keyframes tsphSpin { to { transform:rotate(360deg); } }
  .tsph .s-q { display:flex; align-items:center; gap:12px; width:100%; padding:11px 0; border:0; border-top:1px solid #eef2f6; background:none; text-align:left; cursor:pointer; font-family:inherit; color:inherit; }
  .tsph .s-q:first-child { border-top:0; }
  .tsph .s-q .t { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
  .tsph .s-q .t b { font-size:13.5px; color:var(--h-tx); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .tsph .s-q .t small { font-size:12px; color:var(--h-mu); }
  .tsph .s-q .nd { width:8px; height:8px; border-radius:50%; background:#e11d48; flex:none; }
  .tsph .s-back { display:inline-flex; align-items:center; gap:4px; border:0; background:none; color:var(--h-acc); font-weight:700; font-size:13px; line-height:1; font-family:inherit; cursor:pointer; padding:0; margin:0 0 10px; }
  #tsp-help { display:none; position:fixed; inset:0; z-index:90500; }
  #tsp-help.on { display:block; }
  #tsp-help .hd-dim { position:absolute; inset:0; background:rgba(2,6,23,.62); }
  #tsp-help .hd-box { position:absolute; left:0; top:0; bottom:0; width:min(860px, 100vw); background:var(--h-bg); display:flex; flex-direction:column; box-shadow:24px 0 60px rgba(15,23,42,.35); border-radius:0 18px 18px 0; overflow:hidden; }
  #tsp-help .hd-top { display:flex; align-items:center; gap:12px; padding:14px 16px 12px 18px; background:#f6f8fa; border-bottom:1px solid var(--h-line); }
  #tsp-help .hd-top .ic { width:36px; height:36px; border-radius:10px; background:#1e2a44; display:flex; align-items:center; justify-content:center; flex:none; }
  #tsp-help .hd-top .ic svg { width:20px; height:20px; fill:#fff; }
  #tsp-help .hd-top .tt { flex:1; min-width:0; } #tsp-help .hd-top .tt b { display:block; font-size:18px; font-weight:800; color:#1e2a44; } #tsp-help .hd-top .tt small { font-size:12px; color:var(--h-mu); font-weight:600; }
  #tsp-help .hd-x { width:40px; height:40px; border-radius:50%; border:0; background:#e11d48; color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; flex:none; box-shadow:0 0 0 3px rgba(225,29,72,.2); }
  #tsp-help .hd-x svg { width:20px; height:20px; fill:#fff; }
  #tsp-help .hd-main { flex:1; min-height:0; overflow-y:auto; padding:16px 18px 30px; -webkit-overflow-scrolling:touch; }
  @media (max-width:640px) { #tsp-help .hd-box { width:100vw; border-radius:0; } #tsp-help .hd-main { padding:14px 12px 30px; } .tsph .s-m { max-width:94%; } }
  #menu-help .h-nd { display:none; width:8px; height:8px; border-radius:50%; background:#e11d48; margin-left:8px; }
  #menu-help.has-new .h-nd { display:inline-block; }