*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);min-height:100vh;color:#1a1a1a;line-height:1.6}.app{max-width:800px;margin:0 auto;padding:24px 16px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:20px 24px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014}.header-content h1{font-size:28px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:14px;color:#888;margin-top:4px}.date-nav{display:flex;align-items:center;gap:8px}.nav-btn{width:36px;height:36px;border:none;background:#f0f2f5;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease}.nav-btn:hover{background:#e4e6e9;color:#333}.date-input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;color:#333;background:#f8f9fa;cursor:pointer}.date-input:focus{outline:none;border-color:#667eea;background:#fff}.main{min-height:400px}.feed-info{color:#666;font-size:14px;margin-bottom:20px;padding-left:4px}.feed-info strong{color:#333}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#888;gap:16px}.spinner{width:32px;height:32px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{text-align:center;padding:40px;color:#dc2626;background:#fef2f2;border-radius:12px;border:1px solid #fecaca}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999;gap:12px}.empty p{font-size:15px}.feed-list{display:flex;flex-direction:column;gap:16px}.feed-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 12px #0000000f;transition:all .2s ease;border:1px solid transparent}.feed-card:hover{box-shadow:0 4px 20px #0000001a;border-color:#e8e8e8}.feed-card-error{border-left:4px solid #dc2626}.card-top{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.score-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.score-badge.score-high{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.score-badge.score-medium{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.score-badge.score-ok{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.score-badge.score-low{background:#f3f4f6;color:#6b7280}.score-badge.score-unknown{background:#f3f4f6;color:#9ca3af}.source{display:flex;align-items:center;gap:6px;font-size:13px;color:#666}.source-dot{width:8px;height:8px;background:#f97316;border-radius:50%}.domain{margin-left:auto;font-size:13px;color:#9ca3af}.card-title{font-size:18px;font-weight:600;line-height:1.4;margin-bottom:14px}.card-title a{color:#1a1a1a;text-decoration:none;transition:color .2s ease}.card-title a:hover{color:#667eea}.tldr{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 14px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-radius:10px;border:1px solid #d1fae5}.tldr-label{flex-shrink:0;padding:2px 8px;background:#10b981;color:#fff;font-size:11px;font-weight:700;border-radius:4px;letter-spacing:.5px}.tldr-text{font-size:14px;color:#065f46;line-height:1.5}.summary-long{font-size:14px;color:#4b5563;line-height:1.7;margin-bottom:14px}.expand-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:13px;padding:0;margin-left:6px;font-weight:500}.expand-btn:hover{text-decoration:underline}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.tag{padding:4px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;font-size:12px;color:#6b7280;transition:all .2s ease}.tag:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid #f3f4f6}.hn-link{display:flex;align-items:center;gap:6px;font-size:13px;color:#9ca3af;text-decoration:none;transition:color .2s ease}.hn-link:hover{color:#667eea}.hn-link svg{opacity:.7}.feed-error{margin-top:12px;padding:10px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px}@media(max-width:640px){.app{padding:16px 12px}.header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.date-nav{width:100%;justify-content:space-between}.date-input{flex:1}.feed-card{padding:16px;border-radius:12px}.card-title{font-size:16px}.domain{display:none}.tldr{flex-direction:column;gap:8px}}