:root{color:#17130f;background:#f7f2eb;font-family:Noto Sans TC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17130f;--paper: #f7f2eb;--panel: #fffaf2;--line: #d7c9b6;--muted: #766c61;--orange: #e8590c;--teal: #087f8c;--blue: #2f5f98;--red: #ba2d2d;--shadow: 0 18px 50px rgba(44, 33, 22, .1)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,rgba(23,19,15,.045) 1px,transparent 1px) 0 0 / 34px 34px,linear-gradient(rgba(23,19,15,.035) 1px,transparent 1px) 0 0 / 34px 34px,var(--paper)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.shell{width:min(1440px,calc(100% - 32px));margin:0 auto;padding:28px 0 64px}.modeSwitch{display:inline-flex;gap:0;border:1px solid var(--line);background:#fffaf2eb}.modeSwitch button{min-height:42px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink);padding:0 18px;cursor:pointer;font-weight:700}.modeSwitch button:last-child{border-right:0}.modeSwitch button.active{background:var(--ink);color:#fffaf2}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);gap:28px;align-items:end;min-height:340px;border-bottom:2px solid var(--ink);padding:36px 0 30px}.heroCopy{max-width:860px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--orange);font-family:DM Mono,monospace;font-size:12px;letter-spacing:0;text-transform:uppercase;border:1px solid var(--line);background:#fffaf2cc;padding:8px 10px}h1{margin:20px 0 16px;font-family:Playfair Display,serif;font-size:clamp(48px,9vw,126px);line-height:.88;letter-spacing:0}.hero p{margin:0;max-width:680px;color:var(--muted);font-size:clamp(17px,2vw,22px);line-height:1.75}.heroPanel,.summaryBand,.toolbar,.clusterSummaries,.postList{background:#fffaf2eb;border:1px solid var(--line);box-shadow:var(--shadow)}.heroPanel{display:grid;gap:18px;padding:22px}.metric{display:grid;gap:6px;min-width:0}.metric span,.sectionHeader span,.listHeader span{color:var(--muted);font-family:DM Mono,monospace;font-size:12px;letter-spacing:0;text-transform:uppercase}.metric strong{color:var(--ink);font-family:DM Mono,monospace;font-size:clamp(22px,3vw,38px);font-weight:500;overflow-wrap:anywhere}.summaryBand{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:22px 0;padding:20px;gap:18px}.toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 190px 180px;gap:12px;padding:12px;margin-bottom:16px}.searchBox,.selectControl{min-height:44px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fffdf8;padding:0 12px}.searchBox input,.selectControl select{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.selectControl select{appearance:none}.clusterRail{display:flex;gap:8px;overflow-x:auto;padding:0 0 16px}.clusterPill{flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fffdf8;color:var(--ink);min-height:38px;padding:0 12px;cursor:pointer}.clusterPill span{color:var(--orange);font-family:DM Mono,monospace;font-size:12px}.clusterPill.active{border-color:var(--ink);background:var(--ink);color:#fffaf2}.contentGrid{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:18px;align-items:start}.clusterSummaries,.postList{padding:16px}.clusterSummaries{position:sticky;top:16px;display:grid;gap:10px;max-height:calc(100vh - 32px);overflow:auto}.sectionHeader,.listHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.listHeader>div{display:flex;align-items:baseline;gap:8px}.sectionHeader strong,.listHeader strong{font-family:DM Mono,monospace;font-size:18px;font-weight:500}.summaryItem{display:grid;gap:8px;text-align:left;border:1px solid transparent;background:transparent;padding:12px;cursor:pointer}.summaryItem:hover,.summaryItem.active{border-color:var(--line);background:#fffdf8}.summaryItem span{font-weight:700}.summaryItem p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.postList{display:grid;gap:14px}.sourceLink{display:inline-flex;align-items:center;gap:6px;color:var(--orange);text-decoration:none;font-weight:700}.postCard{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;border-bottom:1px solid var(--line);padding:18px 0}.postCard:last-child{border-bottom:0}.rank{font-family:DM Mono,monospace;color:var(--orange);font-size:22px}.postBody{min-width:0}.postMeta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--muted);font-size:13px}.postMeta strong{color:var(--ink);font-size:15px}.badge{display:inline-flex;align-items:center;gap:5px;border:1px solid currentColor;padding:2px 7px;font-family:DM Mono,monospace;font-size:11px}.badge.video{color:var(--red)}.badge.image{color:var(--blue)}.badge.text{color:var(--teal)}.postContent{margin:12px 0 10px;font-size:17px;line-height:1.75;overflow-wrap:anywhere}.mediaSummary{margin:0 0 12px;color:var(--muted);line-height:1.7;border-left:3px solid var(--orange);padding-left:12px}.postImage{width:min(460px,100%);max-height:340px;object-fit:cover;display:block;border:1px solid var(--line);margin:12px 0}.postActions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.postActions span,.postActions button,.postActions a{min-height:34px;display:inline-flex;align-items:center;gap:6px;color:var(--ink);border:1px solid var(--line);background:#fffdf8;padding:0 9px;text-decoration:none;font-family:DM Mono,monospace;font-size:12px}.postActions button{cursor:pointer}.comments{margin:14px 0 0;padding:14px 14px 14px 34px;background:#087f8c0f;border:1px solid rgba(8,127,140,.18);color:#203438;line-height:1.6}.comments li+li{margin-top:8px}.trafficStats .metric strong{font-size:clamp(20px,2.6vw,34px)}.trafficIntro{display:grid;grid-template-columns:minmax(220px,420px) minmax(0,1fr);gap:24px;align-items:start;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:28px 0;margin-bottom:18px}.trafficIntro span,.trafficCategory{color:var(--orange);font-family:DM Mono,monospace;font-size:12px;letter-spacing:0;text-transform:uppercase}.trafficIntro h2{margin:8px 0 0;font-family:Playfair Display,serif;font-size:clamp(30px,4vw,56px);line-height:1;letter-spacing:0}.trafficIntro p{margin:0;color:var(--muted);font-size:18px;line-height:1.75}.trafficList{display:grid;gap:18px}.trafficCard{background:#fffaf2eb;border:1px solid var(--line);box-shadow:var(--shadow);padding:18px}.trafficTopline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:16px}.trafficTopline h2{margin:8px 0 10px;font-family:Playfair Display,serif;font-size:clamp(30px,4vw,52px);line-height:1.05;letter-spacing:0}.trafficTopline p,.playbookBlock p,.templateStrip p{margin:0;line-height:1.72}.trafficTopline p,.quiet{color:var(--muted)}.trafficMetaGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border-bottom:1px solid var(--line);padding:16px 0}.trafficMetaGrid .metric{border-right:1px solid var(--line);padding-right:12px}.trafficMetaGrid .metric:last-child{border-right:0}.trafficMetaGrid .metric strong{font-size:clamp(18px,2.1vw,28px)}.playbookGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 0}.playbookBlock{border:1px solid var(--line);background:#fffdf8;padding:14px;min-height:160px}.playbookBlock.emphasis{border-color:#e8590c73;background:#e8590c0f}.playbookTitle{display:flex;align-items:center;gap:7px;color:var(--ink);font-weight:700;margin-bottom:10px}.playbookBlock ul{margin:0;padding-left:18px;line-height:1.65}.playbookBlock li+li{margin-top:8px}.formulaLine{color:var(--orange);font-weight:700;margin-top:10px!important}.templateStrip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.templates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.templates p{border-left:3px solid var(--orange);background:#fffdf8;padding:10px 12px}.trafficFooter{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-top:16px}.tagCloud{display:flex;flex-wrap:wrap;gap:8px}.tagCloud span{border:1px solid var(--line);background:#fffdf8;padding:6px 9px;font-family:DM Mono,monospace;font-size:12px}.riskBox{max-width:440px;display:flex;gap:8px;align-items:flex-start;color:var(--red);line-height:1.55}@media(max-width:980px){.hero,.contentGrid,.trafficIntro,.trafficTopline,.playbookGrid{grid-template-columns:1fr}.clusterSummaries{position:static;max-height:none}.summaryBand,.toolbar,.trafficMetaGrid,.templates{grid-template-columns:repeat(2,minmax(0,1fr))}.trafficMetaGrid .metric{border-right:0;border-bottom:1px solid var(--line);padding-bottom:12px}.trafficFooter{display:grid}}@media(max-width:620px){.shell{width:min(100% - 20px,1440px);padding-top:14px}.hero{min-height:0;padding-top:18px}.summaryBand,.toolbar,.trafficMetaGrid,.templates,.postCard{grid-template-columns:1fr}.rank{font-size:15px}.modeSwitch{display:grid;grid-template-columns:1fr 1fr;width:100%}.modeSwitch button{padding:0 8px}}