.seo4 .recent-page{box-sizing:border-box;max-width:1040px;margin:0 auto;padding:24px 16px 48px}.seo4 .recent-page h1{margin:10px 0 8px;font-size:28px;line-height:1.4}@media (max-width:640px){.seo4 .recent-page h1{font-size:23px}}.seo4 .recent-lead{color:var(--ink-2);margin:8px 0 24px;font-size:14px;line-height:1.6}.seo4 .recent-filter{background:var(--bg-soft,#f7f8fa);border:1px solid var(--line);border-radius:14px;margin-bottom:28px;padding:16px}.seo4 .recent-filter-grid{grid-template-columns:1fr 1fr auto;align-items:flex-end;gap:12px;display:grid}@media (max-width:640px){.seo4 .recent-filter-grid{grid-template-columns:1fr;gap:10px}}.seo4 .recent-field{flex-direction:column;gap:4px;display:flex}.seo4 .recent-field label{color:var(--ink-2);font-size:12px;font-weight:700}.seo4 .recent-field select{border:1px solid var(--line);width:100%;color:var(--ink);box-sizing:border-box;background:#fff;border-radius:8px;padding:10px 12px;font-size:14px}.seo4 .recent-submit-btn{background:var(--brand);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:700;transition:opacity .15s}.seo4 .recent-submit-btn:hover{opacity:.9}.seo4 .recent-count-wrap{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-bottom:20px;padding-bottom:10px;display:flex}.seo4 .recent-count{color:var(--ink-2);font-size:15px}.seo4 .recent-count b{color:var(--ink);margin-right:2px;font-size:20px}.seo4 .recent-empty{text-align:center;color:var(--ink-3);border:1px solid var(--line);background:#fff;border-radius:12px;padding:40px 16px;font-size:15px}.seo4 .recent-date-group{margin-bottom:32px}.seo4 .recent-date-title{color:var(--ink);border-left:4px solid var(--brand);margin:0 0 12px;padding-left:10px;font-size:18px;font-weight:800}.seo4 .recent-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.seo4 .recent-card{border:1px solid var(--line);box-sizing:border-box;overflow-wrap:break-word;word-break:break-word;background:#fff;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;display:flex}@media (max-width:640px){.seo4 .recent-card{flex-direction:column;gap:14px}}.seo4 .recent-card-main{flex:1;min-width:0}.seo4 .recent-meta-badges{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.seo4 .recent-badge-area{color:var(--ink-2);background:#f1f3f5;border-radius:6px;padding:3px 8px;font-size:12px;display:inline-block}.seo4 .recent-card-title{margin:0 0 8px;font-size:16px;line-height:1.4}.seo4 .recent-card-title a{color:var(--ink);font-weight:700;text-decoration:none}.seo4 .recent-card-title a:hover{color:var(--brand);text-decoration:underline}.seo4 .recent-howto-badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.seo4 .recent-card-action{flex-shrink:0}@media (max-width:640px){.seo4 .recent-card-action{width:100%}.seo4 .recent-card-action button{justify-content:center;width:100%}}.seo4 .recent-pagination{justify-content:center;align-items:center;gap:16px;margin-top:36px;display:flex}.seo4 .recent-page-link{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.seo4 .recent-page-link:hover{border-color:var(--brand);color:var(--brand)}.seo4 .recent-page-disabled{background:var(--bg-soft,#f7f8fa);border:1px solid var(--line);color:var(--ink-3);pointer-events:none;border-radius:8px;padding:8px 16px;font-size:14px;display:inline-block}.seo4 .recent-page-info{color:var(--ink-2);font-size:14px}.seo4 .recent-roster-list{border:1px solid var(--line);background:#fff;border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.seo4 .recent-roster-row{border-bottom:1px solid var(--line);box-sizing:border-box;overflow-wrap:break-word;word-break:break-word;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;font-size:15px;display:flex}.seo4 .recent-roster-row:last-child{border-bottom:none}.seo4 .recent-roster-name{flex:1;min-width:0}.seo4 .recent-roster-name a{color:var(--ink);font-weight:700;text-decoration:none}.seo4 .recent-roster-name a:hover{color:var(--brand);text-decoration:underline}.seo4 .recent-roster-count{color:var(--ink-2);white-space:nowrap;flex-shrink:0;font-size:14px}@media (max-width:480px){.seo4 .recent-roster-row{flex-direction:column;align-items:flex-start;gap:6px}}