:root{--pk: #ff7a59;--pk2: #ffb199;--ink: #1f2430;--muted: #6b7280;--line: #e9ecf1;--bg: #f6f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:14px 22px;background:#fff;border-bottom:1px solid var(--line)}.nav .brand{font-weight:800;color:var(--pk)}.nav a{color:var(--muted);font-size:15px}.nav a:hover{color:var(--pk)}.main{max-width:1080px;margin:0 auto;padding:26px 18px 60px}.hero{text-align:center;padding:40px 12px 26px}.hero h1{font-size:clamp(26px,4.5vw,40px);margin:0 0 12px}.hero p{color:var(--muted);max-width:720px;margin:0 auto 18px}.hero .cta{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}.tbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:15px;cursor:pointer;transition:.18s;font-weight:600}.tbtn:hover{border-color:var(--pk2);color:var(--pk);transform:translateY(-1px)}.tbtn.pk{background:var(--pk);color:#fff;border-color:var(--pk)}.tbtn.pk:hover{background:#ff6542;color:#fff}.tbtn.sm{padding:6px 12px;font-size:13px;border-radius:9px}.tgrid{display:grid;gap:14px}.tgrid.cols2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tgrid.cols3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tgrid.cols4{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.tcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 6px 20px #1f24300a}.tcard+.tcard{margin-top:16px}.tile{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;transition:.18s}.tile:hover{border-color:var(--pk2);box-shadow:0 12px 26px #ff7a5924;transform:translateY(-3px)}.tile .ico{font-size:26px}.tile h3{margin:10px 0 6px;font-size:17px}.tile p{margin:0;color:var(--muted);font-size:13.5px}.tools-cat{font-size:13px;font-weight:700;color:var(--muted);letter-spacing:.04em;margin:26px 0 12px}.tools-search{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 4px}.tools-search input{flex:1;min-width:220px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:15px;outline:none}.tools-search input:focus{border-color:var(--pk2)}.tchip{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:14px;color:var(--muted)}.tchip.on{background:var(--pk);border-color:var(--pk);color:#fff}.tpage h1{font-size:clamp(22px,3.4vw,30px);margin:6px 0 10px}.lead{color:var(--muted);max-width:800px}.tnote{color:var(--muted);font-size:13.5px}.thint{color:var(--muted);font-size:13px}h2{font-size:18px}.trow{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}.tcol{display:flex;flex-direction:column;gap:6px;flex:1;min-width:150px}.tlabel{font-size:13px;color:var(--muted)}.tinput,.tselect,.tarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:12px;font-size:15px;background:#fff;outline:none;font-family:inherit}.tarea{min-height:130px;resize:vertical;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13.5px}.tinput:focus,.tselect:focus,.tarea:focus{border-color:var(--pk2);box-shadow:0 0 0 3px #ff7a591f}.trange{width:100%;accent-color:var(--pk)}.tchk{display:flex;align-items:center;gap:8px;font-size:14px}.tchk input{accent-color:var(--pk);width:16px;height:16px}.tout{background:#fbfbfd;border:1px dashed var(--line);border-radius:14px;padding:14px;word-break:break-word}.big{font-size:clamp(20px,3vw,30px);font-weight:800;letter-spacing:.4px}.tmetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.tmetric{background:#fbfbfd;border:1px solid var(--line);border-radius:14px;padding:12px 14px}.tmetric .k{font-size:12.5px;color:var(--muted)}.tmetric .v{font-size:22px;font-weight:800}.tlist{list-style:none;margin:0;padding:0}.titem{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:8px;font-size:14px}.titem .grow{flex:1;word-break:break-all}.tfaq{margin-top:26px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:6px 18px 14px}.tfaq details{border-top:1px solid var(--line);padding:12px 0}.tfaq details:first-of-type{border-top:0}.tfaq summary{cursor:pointer;font-weight:700}.tfaq p{color:var(--muted);margin:8px 0 0;font-size:14px}.footer{text-align:center;color:var(--muted);font-size:13px;padding:26px 14px 40px}.footer a{color:var(--muted);text-decoration:underline}@media (max-width: 640px){.main{padding:18px 14px 48px}.big{font-size:22px!important}}.tile{position:relative}.tile-fav{position:absolute;top:8px;right:8px;z-index:2;width:30px;height:30px;border-radius:50%;border:1px solid rgba(0,0,0,.08);background:#fff;color:#c9ced6;font-size:15px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 1px 4px #0000000f;transition:color .15s,transform .15s}.tile-fav:hover{color:#f5a623;transform:scale(1.08)}.tile-fav.on{color:#f5a623;border-color:#f5a62380;background:#fff8ec}