.radar{margin:0;display:grid;justify-items:center;gap:10px}.radar figcaption{font-size:12px;color:var(--faint)}.radar-disc{position:relative;width:260px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ece6d8 0,#e6dfcf 70%,#ded6c4);border:1.5px solid var(--ink);overflow:hidden}.ring{position:absolute;inset:0;margin:auto;border:1px solid #1b1a1733;border-radius:50%}.r1{width:33%;height:33%}.r2{width:63%;height:63%}.r3{width:92%;height:92%;border-style:dashed}.axis{position:absolute;background:#1b1a1726}.ax-h{left:4%;right:4%;top:50%;height:1px}.ax-v{top:4%;bottom:4%;left:50%;width:1px}.sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#b8321e40 0deg,#b8321e00 60deg,transparent 360deg);animation:sweep 7s linear infinite}.core{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:50%;background:var(--stamp)}@keyframes sweep{to{transform:rotate(360deg)}}.blip{position:absolute;width:11px;height:11px;margin:-5.5px;padding:0;border:0;border-radius:50%;background:var(--c);transition:transform .15s}.blip:hover,.blip:focus-visible{transform:scale(1.4);z-index:2}.blip.hot{width:30px;height:30px;margin:-15px;display:grid;place-items:center;font-size:15px;background:var(--sheet);border:2px solid var(--c)}.blip-amber{--c: var(--amber)}.blip-teal{--c: var(--teal)}.blip-coral{--c: var(--coral)}.blip-violet{--c: var(--violet)}.blip-sky{--c: var(--sky)}@media(max-width:960px){.radar-disc{width:200px}}@media(prefers-reduced-motion:reduce){.sweep{animation:none}}.intro{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:36px 0 8px}.kicker{margin:0 0 10px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--muted)}.intro h1{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.2;font-weight:800;letter-spacing:-.01em}.h1-sep{color:var(--faint);font-weight:400;margin:0 .3em}.facts{display:flex;flex-wrap:wrap;gap:4px 18px;margin:14px 0 0;font-size:14px;color:var(--muted)}.facts b{font-family:var(--mono);color:var(--ink);font-size:15px}.stamp{display:inline-block;margin:18px 0 0;padding:6px 12px;border:2px solid var(--stamp);border-radius:4px;color:var(--stamp);font-size:13px;font-weight:800;letter-spacing:.03em;line-height:1.5;transform:rotate(-.8deg);background:color-mix(in srgb,var(--stamp) 5%,transparent)}.stamp-error{transform:none}@media(max-width:640px){.intro{grid-template-columns:1fr;padding-top:22px}.intro .radar{display:none}.facts{font-size:13px;gap:2px 14px}.stamp{font-size:12.5px}}.meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--faint)}.tag{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 11%,transparent)}.tag-amber,.dot-amber{--c: var(--amber)}.tag-teal,.dot-teal{--c: var(--teal)}.tag-coral,.dot-coral{--c: var(--coral)}.tag-violet,.dot-violet{--c: var(--violet)}.tag-sky,.dot-sky{--c: var(--sky)}.flag{font-size:11.5px;font-weight:800;padding:1px 7px;border-radius:4px;border:1.5px solid}.flag-ok{color:var(--ok)}.flag-low{color:var(--stamp)}.score{font-family:var(--mono);font-size:22px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap}.score small{font-size:11px;color:var(--faint);font-weight:500;margin-left:1px}.strengths{display:inline-flex;flex-wrap:wrap;gap:2px 12px;font-size:12.5px;color:var(--muted)}.strengths b{font-family:var(--mono);color:var(--ink-2);font-weight:700}.meters{flex:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:end}.meter{display:flex;flex-direction:column;gap:6px}.meter small{display:flex;justify-content:space-between;gap:4px;font-size:12px;color:var(--muted)}.meter small b{color:var(--ink);font-family:var(--mono)}.track{height:5px;border-radius:3px;background:var(--rule-soft);overflow:hidden}.track i{display:block;height:100%;border-radius:3px;background:var(--ink)}@media(max-width:640px){.meters{grid-template-columns:1fr;gap:8px}.meter{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:10px}}.top-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature{position:relative;text-align:left;display:flex;flex-direction:column;gap:10px;background:var(--sheet);border:1px solid var(--rule);border-radius:var(--radius);padding:18px 20px 16px;transition:border-color .15s,box-shadow .15s}.feature:hover{border-color:var(--ink);box-shadow:0 2px 0 var(--ink)}.feature-rank{font-family:var(--mono);font-size:30px;font-weight:800;line-height:1;color:var(--stamp);letter-spacing:-.02em}.feature h3{margin:0;font-size:19px;line-height:1.45;font-weight:800}.hook-line{font-size:16px;line-height:1.75;font-weight:600;color:var(--ink-2);flex:1}mark{background:linear-gradient(transparent 52%,var(--mark) 52%,var(--mark) 92%,transparent 92%);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 2px}.feature-foot{display:flex;align-items:end;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px dashed var(--rule)}.row{width:100%;text-align:left;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:start;padding:16px 8px;border:0;border-bottom:1px solid var(--rule);background:none}.row:hover{background:var(--sheet)}.row-rank{font-family:var(--mono);font-size:18px;font-weight:800;color:var(--faint);padding-top:1px}.row-main{display:flex;flex-direction:column;gap:5px;min-width:0}.row h3{margin:0;font-size:17px;line-height:1.45;font-weight:800}.row-hook{color:var(--muted);font-size:14px;line-height:1.65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.row-score{display:flex;flex-direction:column;align-items:end;gap:4px;text-align:right}.row-score .score{font-size:20px}.row-score .strengths{justify-content:flex-end;max-width:150px;font-size:12px}.skeleton{min-height:220px;border-radius:var(--radius);background:linear-gradient(100deg,var(--sheet) 30%,var(--rule-soft) 50%,var(--sheet) 70%) 0 0 / 300% 100%;animation:shimmer 1.4s infinite linear}@keyframes shimmer{to{background-position:-150% 0}}@media(max-width:960px){.top-list{grid-template-columns:1fr;gap:10px}.feature{display:grid;grid-template-columns:44px 1fr;gap:6px 12px}.feature-rank{grid-row:span 4;font-size:26px}.feature>:not(.feature-rank){grid-column:2}}@media(max-width:640px){.feature{padding:16px 16px 14px;grid-template-columns:36px 1fr}.feature-rank{font-size:22px}.feature h3{font-size:17px}.hook-line{font-size:15px}.row{grid-template-columns:30px minmax(0,1fr) auto;gap:10px;padding:14px 2px}.row-rank{font-size:15px}.row h3{font-size:16px}.row-hook{font-size:13.5px}.row-score .strengths{display:none}.row-score .score{font-size:18px}.skeleton{min-height:150px}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.toolbar{display:flex;gap:14px;margin-bottom:6px;align-items:center}.search{flex:0 1 320px;display:flex;align-items:center;gap:8px;background:var(--sheet);border:1px solid var(--rule);border-radius:6px;padding:0 12px}.search:focus-within{border-color:var(--ink)}.search svg{width:17px;height:17px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;flex:none}.search input{width:100%;background:none;border:0;padding:11px 0;outline:none;font-size:15px}.search input::placeholder{color:var(--faint)}.chips-wrap{position:relative;flex:1;min-width:0}.chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--rule);background:var(--sheet);color:var(--ink-2);padding:7px 12px;border-radius:999px;font-size:13.5px;white-space:nowrap}.chip:hover{border-color:var(--ink)}.chip.active{background:var(--ink);color:var(--sheet);border-color:var(--ink);font-weight:700}.dot{width:7px;height:7px;border-radius:50%;background:var(--c)}.chip.active .dot{box-shadow:0 0 0 1.5px var(--sheet)}.rows{border-top:1px solid var(--rule)}.empty{padding:40px 20px;text-align:center;color:var(--muted);border:1px dashed var(--rule);border-radius:var(--radius);margin-top:12px}@media(max-width:960px){.toolbar{flex-direction:column;align-items:stretch}.search{flex-basis:auto}.chips{justify-content:flex-start}}@media(max-width:640px){.chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:2px 44px 2px 20px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips-wrap:after{content:"";position:absolute;top:0;bottom:0;right:-20px;width:48px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--paper) 80%)}}:root{--paper: #f3efe6;--sheet: #fbf9f4;--ink: #1b1a17;--ink-2: #3f3c35;--muted: #6b655a;--faint: #8f887a;--rule: #d6cfbf;--rule-soft: #e6e0d3;--stamp: #b8321e;--mark: #ffe27a;--ok: #23705f;--amber: #9a6410;--teal: #23705f;--coral: #b44a30;--violet: #5d4fa8;--sky: #2c66a0;--radius: 8px;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;font-family:-apple-system,BlinkMacSystemFont,PingFang HK,Noto Sans HK,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:weight;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;min-height:100vh;background:var(--paper)}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--sky);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:var(--sheet);padding:10px 14px;border-radius:6px;z-index:50;font-weight:700}.skip:focus{top:12px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.layout{max-width:1120px;margin:0 auto;padding:0 32px}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}.topbar-inner{max-width:1120px;margin:0 auto;padding:0 32px;height:62px;display:flex;align-items:center;gap:24px}.logo{display:flex;align-items:center;gap:10px}.logo-mark{width:34px;height:34px;flex:none}.logo-copy{display:flex;flex-direction:column;line-height:1.15}.logo-copy strong{font-size:16px;letter-spacing:.06em;font-weight:800}.logo-copy small{font-size:10.5px;color:var(--muted);letter-spacing:.08em;font-family:var(--mono)}.topbar nav{display:flex;gap:2px;margin-left:auto}.topbar nav a{font-size:14px;color:var(--muted);padding:8px 12px;border-radius:6px}.topbar nav a:hover{color:var(--ink);background:var(--rule-soft)}.picker select,.picker-static{font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums}.picker select{appearance:none;-webkit-appearance:none;background:var(--sheet) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b655a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 8px center / 15px no-repeat;border:1px solid var(--rule);border-radius:6px;padding:7px 30px 7px 10px}.picker-static{color:var(--muted);border:1px solid var(--rule);border-radius:6px;padding:7px 10px}.section{padding-top:44px}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--ink)}.section-head h2{font-size:24px;font-weight:800;letter-spacing:.01em;margin:0}.section-head p{color:var(--muted);margin:0;font-size:13px;text-align:right}.about{margin-top:64px;padding:28px 0 36px;border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 1.4fr;gap:12px 48px}.about h2{font-size:20px;margin:0;font-weight:800}.about p{margin:0;color:var(--muted);line-height:1.85;font-size:14px}.weights{grid-column:2;list-style:none;padding:0;margin:6px 0 0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--muted)}.weights b{font-family:var(--mono);color:var(--ink);margin-left:4px}.footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--faint);border-top:1px solid var(--rule);padding-top:20px;padding-bottom:calc(28px + env(safe-area-inset-bottom));font-size:12.5px}.footer strong{color:var(--muted)}.boot{min-height:60vh;display:grid;place-content:center;gap:8px;text-align:center;color:var(--muted);font-size:14px}.boot strong{color:var(--ink);font-size:22px;letter-spacing:.06em}@media(max-width:960px){.layout,.topbar-inner{padding-left:20px;padding-right:20px}.topbar nav{display:none}.topbar-inner>:last-child{margin-left:auto}.about{grid-template-columns:1fr}.weights{grid-column:1}}@media(max-width:640px){html{scroll-padding-top:64px}.topbar-inner{height:56px;gap:12px}.logo-mark{width:30px;height:30px}.logo-copy strong{font-size:15px}.section{padding-top:32px}.section-head{flex-direction:column;align-items:start;gap:4px}.section-head h2{font-size:21px}.section-head p{font-size:12.5px;text-align:left}.footer{flex-direction:column;gap:4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}