:root{--paper: #f4f1ec;--ink: #17222a;--muted: #66747d;--signal: #d95d39;--focus: #2b6f6a;--rule: #d5d0c7;--card: #fffdf9}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.55}.page{min-height:100vh;display:flex;flex-direction:column;width:min(1120px,100% - 2rem);margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--rule)}.brand{display:flex;align-items:center;gap:.8rem;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:999px;background:var(--ink);color:var(--paper);font-weight:700;letter-spacing:.05em}.brand small{display:block;color:var(--muted);font-size:.8rem}.site-header nav{display:flex;align-items:center;gap:1rem}.site-header nav a{color:inherit;text-decoration:none;font-size:.95rem}.site-header nav a:hover{color:var(--signal)}button{font:inherit;border:0;cursor:pointer}.report-open{padding:.45rem .8rem;border-radius:999px;background:transparent;color:var(--ink);border:1px solid var(--rule)}.report-open:hover{border-color:var(--signal);color:var(--signal)}.hero{padding:3rem 0 2rem}.hero h1{font-size:clamp(2.4rem,6vw,4.5rem);line-height:1.05;margin:0;max-width:22ch}.hero p{color:var(--muted);max-width:48ch;margin-top:1rem}.section{padding:2rem 0;border-top:1px solid var(--rule)}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.5rem}.section-head h2{font-size:1.3rem;margin:0}.section-head span{color:var(--muted);font-size:.85rem}.top-five{display:grid;gap:1rem}.signal-card{display:grid;grid-template-columns:4rem 1fr;gap:1rem;padding:1rem;background:var(--card);border:1px solid var(--rule);border-radius:.7rem}.signal-rank{font-size:2rem;font-weight:700;color:var(--signal)}.signal-card h3{margin:0 0 .3rem;font-size:1.05rem}.signal-card a{color:inherit;text-decoration:none}.signal-card a:hover{color:var(--signal)}.news-list{display:grid;gap:.8rem}.category-filter{display:flex;flex-wrap:wrap;gap:.4rem}.category-button{padding:.25rem .65rem;border:1px solid var(--rule);border-radius:999px;background:var(--card);color:var(--muted)}.category-button.active{border-color:var(--signal);color:var(--signal)}.item-meta{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.8rem;margin-bottom:.3rem}.category-tag{color:var(--focus)}.source-tag{color:var(--muted)}.item-summary{margin:.35rem 0 0;color:var(--muted);font-size:.9rem}.item-detail{margin:.5rem 0 0;color:var(--muted);font-size:.86rem;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.news-card{display:grid;gap:.2rem;padding:1rem;border:1px solid var(--rule);border-radius:.6rem;background:var(--card)}.news-card h3{margin:0;font-size:1rem}.news-card a{color:inherit;text-decoration:none}.news-card a:hover{color:var(--signal)}.news-card p{margin:0;color:var(--muted);font-size:.9rem}.title-translation{display:block;color:var(--muted);font-size:.78rem;line-height:1.35;margin-top:.15rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}.skill-card{padding:1rem;border:1px solid var(--rule);border-radius:.6rem;background:var(--card);color:inherit;text-decoration:none}.skill-card:hover{border-color:var(--signal)}.skill-card strong{display:block}.skill-card span{color:var(--muted);font-size:.85rem}.empty{padding:2rem;border:1px dashed var(--rule);border-radius:.6rem;color:var(--muted)}.site-footer{margin-top:auto;padding:2rem 0;border-top:1px solid var(--rule);color:var(--muted);font-size:.85rem}.report-dialog{border:1px solid var(--rule);border-radius:.8rem;padding:1.5rem;background:var(--card);max-width:24rem}.report-dialog::backdrop{background:#17222a66}.report-form{display:grid;gap:.8rem}.report-form h2{margin:0;font-size:1.2rem}.report-form p{margin:0;color:var(--muted)}.report-form label{display:grid;gap:.3rem}.report-form input,.report-form textarea{font:inherit;padding:.6rem;border:1px solid var(--rule);border-radius:.4rem}.report-actions{display:flex;justify-content:flex-end;gap:.6rem}.report-output{color:var(--muted)}:where(a,button,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media(max-width:640px){.site-header{align-items:flex-start;flex-direction:column}.site-header nav{width:100%;justify-content:space-between}}