:root{--ink:#000;--text-med:#212121;--muted:#666;--canvas:#f4f4f4;--surface:#fff;--line:#e0e0e0;--border-input:rgba(0,0,0,.34);--accent:#015ef7;--accent-strong:#084ac5;--c-company:linear-gradient(78.51deg,#0775ff 3.02%,#084ac5 93.31%);--c-product:linear-gradient(74.89deg,#a557ff 3.93%,#7600ff 93.04%);--sans:'Segoe UI',-apple-system,system-ui,ui-sans-serif,'PingFang TC','Noto Sans TC','Microsoft JhengHei',微軟正黑體,Roboto,Helvetica,Arial,sans-serif;--mono:var(--sans);--radius:20px;--shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.06);--maxw:1440px;--gutter:24px}.feed-section .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}.feed-section{background:#fff;padding-bottom:26px}.controls{position:sticky;top:0;z-index:20;background:#fff}.controls .wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px var(--gutter)}.filter{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.divider{width:1px;height:24px;background:var(--line);flex-shrink:0}.chips{display:flex;gap:12px;flex-wrap:wrap}.chip{font-family:var(--sans);font-size:14px;font-weight:400;cursor:pointer;border:1px solid var(--border-input);background:var(--surface);color:var(--text-med);padding:12px 16px;border-radius:999px;transition:.15s;display:inline-flex;align-items:center;gap:8px;min-width:60px;justify-content:center}.chip:hover{border-color:#999}.chip[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:700}.spacer{flex:1 1 40px}.search{position:relative;display:flex;align-items:center}.search input{font-family:var(--sans);font-size:14px;border:1px solid var(--border-input);background:var(--surface);border-radius:100px;padding:10px 34px 10px 38px;width:240px;color:var(--ink);transition:.15s}.search input::placeholder{color:rgba(0,0,0,.44)}.search input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(1,94,247,.15)}.search .si{position:absolute;left:13px;width:16px;height:16px;stroke:var(--muted);fill:none;pointer-events:none}.search .clear{position:absolute;right:8px;width:20px;height:20px;border:0;background:0;cursor:pointer;color:var(--muted);display:none;align-items:center;justify-content:center;border-radius:50%}.search .clear:hover{background:var(--canvas);color:var(--ink)}.search.has-value .clear{display:inline-flex}.year-filter{position:relative;flex-shrink:0}.year-trigger{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border:1px solid var(--border-input);border-radius:999px;background:var(--surface);color:var(--text-med);font-family:var(--sans);font-size:14px;cursor:pointer}.year-trigger:focus{outline:0;border-color:var(--accent)}.year-trigger svg{width:16px;height:16px;flex-shrink:0;transition:transform .15s}.year-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}.year-dropdown{position:absolute;left:0;top:calc(100%+8px);z-index:15;min-width:120px;max-height:280px;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 4px 10px rgba(0,0,0,.15);padding:10px;display:flex;flex-direction:column;gap:4px}.year-dropdown.is-collapsed{display:none}.year-dropdown button{width:100%;text-align:left;border:0;background:0;border-radius:8px;padding:8px 16px 8px 12px;font-family:var(--sans);font-size:14px;font-weight:400;color:var(--text-med);cursor:pointer}.year-dropdown button:hover{background:rgba(0,0,0,.08)}.year-dropdown button[aria-selected="true"]{background:#d6eeff}main .wrap{padding:34px var(--gutter) 10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,342px),1fr));gap:24px}.grid.is-empty{display:block}.post{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s;display:flex;flex-direction:column}.post:hover{transform:translateY(-3px);box-shadow:0 4px 8px rgba(16,27,45,.06),0 18px 40px rgba(16,27,45,.10);border-color:#cfd6e0}.thumb{position:relative;aspect-ratio:40/21;overflow:hidden;display:block;background:var(--canvas)}.thumb .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.post .content{padding:24px 20px 16px;display:flex;flex-direction:column;flex:1;gap:24px}.post h3{font-weight:700;font-size:18px;line-height:28px;margin:0;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-family:var(--sans);font-size:14px;color:rgba(0,0,0,.6);padding-top:14px;border-top:1px solid var(--line)}.post .foot time{font-family:var(--sans);letter-spacing:0;font-size:14px}.empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--muted)}.empty strong{display:block;color:var(--ink);font-size:18px;margin-bottom:8px;font-family:var(--sans)}.empty p{margin:0;font-size:13px}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin:36px 0 8px;flex-wrap:wrap}.pagination button{font-family:var(--sans);font-size:16px;font-weight:400;width:28px;height:28px;min-width:28px;padding:0;border:0;background:0;color:#292929;border-radius:999px;cursor:pointer;transition:background-color .15s;display:inline-flex;align-items:center;justify-content:center}.pagination button:hover:not(:disabled):not([aria-current="true"]){background:var(--canvas)}.pagination button[aria-current="true"]{background:var(--canvas)}.pagination button:disabled{opacity:.3;cursor:default}.pagination button:disabled:hover{background:0}.pagination button.nav svg{width:24px;height:24px;stroke:#292929;fill:none}.pagination .ellipsis{font-family:var(--sans);font-size:16px;color:#292929;padding:0 2px;min-width:16px;text-align:center}.pg-desktop{display:flex;align-items:center;gap:10px}.pg-mobile{display:none;position:relative}.pg-trigger{display:inline-flex;align-items:center;gap:8px;height:32px;padding:4px 14px 4px 18px;border:2px solid var(--line);border-radius:999px;background:var(--canvas);color:#292929;font-family:var(--sans);font-size:14px;font-weight:600;cursor:pointer}.pg-trigger svg{width:12px;height:8px;fill:#292929;transition:transform .15s}.pg-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}.pg-dropdown{position:absolute;left:0;top:calc(100%+8px);z-index:10;min-width:100%;max-height:200px;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 4px 10px rgba(0,0,0,.25);padding:10px 4px 10px 10px;display:flex;flex-direction:column;gap:10px}.pg-dropdown.is-collapsed{display:none}.pg-dropdown button{width:auto;height:auto;min-width:0;border-radius:7px;padding:10px 20px;font-size:14px;font-weight:500;justify-content:center}.pg-dropdown button:hover{background:var(--canvas)}.pg-dropdown button[aria-current="true"]{background:var(--canvas);font-weight:700}.to-top{position:fixed;right:24px;bottom:24px;width:46px;height:46px;border-radius:50%;background:#2b2b2b;color:#fff;display:grid;place-items:center;cursor:pointer;border:0;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:60;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s,background .15s}.to-top.show{opacity:1;visibility:visible}@media(hover:hover){.to-top:hover{background:#000}}.to-top svg{width:20px;height:20px;stroke:#fff;fill:none}@media(min-width:576px){:root{--gutter:40px}}@media(min-width:1024px){:root{--gutter:48px}.grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:767px){.controls{position:static}.controls .wrap{gap:12px}.spacer{display:none}.filter{flex:1 1 100%}.chips{flex:1 1 auto}.year-filter{flex:0 0 auto}.search{flex:1 1 auto}.search input{width:100%}.pg-desktop{display:none}.pg-mobile{display:block}}@media(max-width:575px){main .wrap{padding:24px var(--gutter) 6px}.meta-row{font-size:11px}.post .content{padding:16px 18px}.post h3{font-size:15.5px}.to-top{right:16px;bottom:16px;width:42px;height:42px}}@media(max-width:480px){.filter .divider{display:none}}@media(prefers-reduced-motion:reduce){.post{transition:none}.post:hover{transform:none}}