/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V4 */
/* Hallmark · existing-site alignment · tone: restrained product utility · anchor: brand purple */
html,body{overflow-x:clip}
.tieba-page{margin:0;background:var(--color-canvas);color:var(--color-body);font-family:var(--font-body)}
.tieba-page *{box-sizing:border-box}
.tieba-shell{width:min(1100px,calc(100% - 48px));margin:0 auto;padding:56px 0 80px}
.tool-hero{max-width:720px;margin:0 0 28px;text-align:left}
.eyebrow{margin:0 0 var(--space-sm);color:var(--color-accent);font-size:13px;font-weight:700;letter-spacing:.04em}
.tool-hero h1{margin:0;color:var(--color-ink);font-size:clamp(34px,4vw,46px);font-style:normal;line-height:1.2;letter-spacing:-.03em;overflow-wrap:anywhere}
.tool-hero>p:last-child{margin:var(--space-md) 0 0;color:var(--color-muted);font-size:16px;line-height:1.8}
.query-card,.profile-card,.summary-card,.posts-card{border:var(--rule-thin) solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-paper);box-shadow:0 12px 34px var(--color-shadow)}
.query-card{padding:var(--space-lg);margin-bottom:var(--space-lg)}
.query-card label{display:block;margin-bottom:var(--space-sm);color:var(--color-ink);font-size:14px;font-weight:700}
.query-row{display:flex;gap:12px}
.query-row input,.section-head input{border:var(--rule-thin) solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-paper);color:var(--color-ink);font:inherit;outline:0;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}
.query-row input{flex:1;min-width:0;height:48px;padding:0 var(--space-md)}
.query-row input:hover,.section-head input:hover{border-color:var(--color-focus)}
.query-row input:focus-visible,.section-head input:focus-visible{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-soft)}
.query-row button,.pagination button{border:var(--rule-thin) solid var(--color-brand);border-radius:var(--radius-md);font:600 14px var(--font-body);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}
.query-row button{min-width:132px;height:48px;padding:0 var(--space-lg);background:var(--color-brand);color:var(--color-paper)}
.query-row button:hover{background:var(--color-brand-strong)}
.query-row button:active,.pagination button:active{transform:translateY(1px)}
.query-row button:focus-visible,.pagination button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}
.query-row button:disabled,.pagination button:disabled{cursor:not-allowed;opacity:.45;transform:none}
#query-message{min-height:21px;margin:10px 0 0;color:var(--color-muted);font-size:13px}
.result{display:grid;gap:var(--space-lg)}
.result[hidden]{display:none!important}
.profile-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg)}
.profile-card img{flex:0 0 88px;width:88px;height:88px;border:var(--rule-thin) solid var(--color-line);border-radius:50%;background:var(--color-surface);object-fit:cover}
.profile-copy{flex:1;min-width:0}
.profile-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.profile-heading h2{min-width:0;margin:0;color:var(--color-ink);font-size:26px;font-style:normal;line-height:1.3;overflow-wrap:anywhere}
.profile-heading span{padding:3px 8px;border-radius:999px;background:var(--color-brand-soft);color:var(--color-brand-strong);font-size:12px;font-weight:700}
.profile-copy>p{margin:8px 0 14px;color:var(--color-muted);font-size:14px}
.profile-metrics{display:flex;gap:var(--space-xl);flex-wrap:wrap}
.profile-metrics span{color:var(--color-muted);font-size:13px}
.profile-metrics strong{margin-right:6px;color:var(--color-ink);font-size:20px}
.summary-card{padding:var(--space-lg)}
.summary-title{display:flex;align-items:baseline;gap:var(--space-md);flex-wrap:wrap}
.summary-title>strong{color:var(--color-brand);font-size:20px}
.summary-title>strong b{font-size:30px}
.summary-title>span{color:var(--color-muted);font-size:14px}
.summary-card h3{margin:var(--space-lg) 0 12px;color:var(--color-ink);font-size:15px}
.forum-list{display:flex;gap:var(--space-sm);flex-wrap:wrap}
.forum-chip{padding:7px 11px;border:var(--rule-thin) solid var(--color-line);border-radius:999px;background:var(--color-surface);color:var(--color-body);font-size:13px}
.forum-chip span{color:var(--color-muted)}
.posts-card{padding:var(--space-lg)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-md)}
.section-head h2{margin:0 0 4px;color:var(--color-ink);font-size:22px;font-style:normal}
.section-head p{margin:0;color:var(--color-muted);font-size:13px}
.section-head input{width:min(300px,100%);height:42px;padding:0 12px}
.table-wrap{overflow:auto}
table{width:100%;min-width:760px;border-collapse:collapse}
th,td{padding:13px 12px;border-bottom:var(--rule-thin) solid var(--color-line);text-align:left}
th{color:var(--color-muted);font-size:12px;font-weight:600}
td{color:var(--color-body);font-size:14px}
td a{display:block;max-width:520px;color:var(--color-ink);font-weight:400;text-decoration:none}
td a:hover{color:var(--color-brand)}
td a:focus-visible{border-radius:var(--radius-sm);outline:3px solid var(--color-focus);outline-offset:2px}
.views{color:var(--color-brand);font-weight:700}
.empty{text-align:center;color:var(--color-muted);padding:var(--space-lg)}
.pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:var(--space-md)}
.pagination[hidden]{display:none}
.pagination span{min-width:130px;color:var(--color-muted);font-size:13px;text-align:center}
.pagination button{min-height:36px;padding:0 13px;background:var(--color-paper);color:var(--color-brand)}
.pagination button:hover:not(:disabled){background:var(--color-brand-soft)}
.error{color:var(--color-danger)!important}.loading{color:var(--color-brand)!important}
@media(max-width:720px){.tieba-shell{width:min(100% - 28px,1100px);padding:36px 0 60px}.tool-hero h1{font-size:34px}.query-card,.profile-card,.summary-card,.posts-card{padding:var(--space-md)}.query-row{flex-direction:column}.query-row button{width:100%}.profile-card{align-items:flex-start;gap:var(--space-md)}.profile-card img{flex-basis:68px;width:68px;height:68px}.profile-heading h2{font-size:21px}.profile-metrics{gap:14px}.profile-metrics strong{font-size:17px}.section-head{align-items:stretch;flex-direction:column}.section-head input{width:100%}.pagination{justify-content:space-between}.pagination span{min-width:0}.pagination button{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.query-row input,.section-head input,.query-row button,.pagination button{transition:none}}

/* Reference blue sampled from the user's original UI: #4058DC. */
.tieba-page{--tieba-blue:#4058dc;--tieba-blue-hover:#354bc7;--tieba-blue-strong:#4058dc;--tieba-blue-soft:#f1f3ff;--tieba-blue-line:#d9dffd;--tieba-on-blue:#fff}
.tieba-page .query-card,.tieba-page .batch-card,.tieba-page .profile-card,.tieba-page .summary-card,.tieba-page .posts-card{border-color:var(--tieba-blue-line);box-shadow:0 10px 28px var(--color-shadow)}
.tieba-page .eyebrow{color:var(--tieba-blue)}
.tieba-page .site-nav-link.active{background:var(--tieba-blue-soft);color:var(--tieba-blue)}
.tieba-page .query-row button{border-color:var(--tieba-blue);background:var(--tieba-blue);color:var(--tieba-on-blue)}
.tieba-page .query-row button:hover{border-color:var(--tieba-blue-hover);background:var(--tieba-blue-hover)}
.tieba-page .summary-title>strong,.tieba-page .views{color:var(--tieba-blue-strong)}
.batch-card{margin-bottom:var(--space-lg);padding:var(--space-lg)}.batch-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.batch-head h2{margin:0;color:var(--color-ink);font-size:22px}.batch-head p{margin:5px 0 0;color:var(--color-muted);font-size:13px}.batch-head button,.batch-submit,.task-actions button{min-height:38px;padding:0 14px;border:var(--rule-thin) solid var(--tieba-blue-line);border-radius:var(--radius-md);background:var(--tieba-blue-soft);color:var(--tieba-blue-strong);font:600 13px var(--font-body);white-space:nowrap;cursor:pointer}.batch-form{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:var(--space-md);margin-top:var(--space-lg)}.batch-mode{grid-column:1/-1;display:flex;gap:8px}.batch-mode label{cursor:pointer}.batch-mode input{position:absolute;width:0;height:0;opacity:0}.batch-mode span{display:block;padding:8px 14px;border:var(--rule-thin) solid var(--tieba-blue-line);border-radius:999px;color:var(--color-muted)}.batch-mode input:checked+span{background:var(--tieba-blue-soft);color:var(--tieba-blue-strong)}.batch-targets{display:grid;gap:7px}.batch-targets span,.batch-pages span{color:var(--color-body);font-size:13px;font-weight:600}.batch-targets textarea,.batch-pages input{width:100%;border:var(--rule-thin) solid var(--tieba-blue-line);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);font:inherit;outline:2px solid transparent;outline-offset:1px}.batch-targets textarea{padding:12px;resize:vertical}.batch-pages{display:grid;align-content:start;gap:7px}.batch-pages input{height:42px;padding:0 12px}.batch-targets textarea:focus-visible,.batch-pages input:focus-visible{outline-color:var(--color-focus)}.batch-submit{grid-column:1/-1;justify-self:start}.batch-submit:hover,.batch-head button:hover,.task-actions button:hover{background:var(--tieba-blue-line)}.batch-submit:active,.batch-head button:active,.task-actions button:active{transform:translateY(1px)}.batch-submit:focus-visible,.batch-head button:focus-visible,.task-actions button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.batch-submit:disabled,.batch-head button:disabled,.task-actions button:disabled{cursor:not-allowed;opacity:.55}#batch-message{grid-column:1/-1;min-height:20px;margin:0;color:var(--color-muted);font-size:13px}.batch-tasks{display:grid;gap:10px;margin-top:var(--space-md)}.batch-empty{margin:0;color:var(--color-muted);font-size:13px}.batch-task{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px;border:var(--rule-thin) solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}.batch-task h3{margin:0;color:var(--color-ink);font-size:15px}.batch-task p{margin:5px 0 0;color:var(--color-muted);font-size:12px}.task-progress{height:6px;margin-top:10px;overflow:hidden;border-radius:999px;background:var(--tieba-blue-soft)}.task-progress i{display:block;height:100%;border-radius:inherit;background:var(--tieba-blue)}.task-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.task-actions a{color:var(--tieba-blue-strong);font-size:12px;text-decoration:none}
.tieba-page .batch-head button,.tieba-page .task-actions button{background:var(--color-paper);color:var(--tieba-blue)}
.tieba-page .batch-head button:hover,.tieba-page .task-actions button:hover{background:var(--tieba-blue-soft)}
.tieba-page .batch-submit{border-color:var(--tieba-blue);background:var(--tieba-blue);color:var(--tieba-on-blue)}
.tieba-page .batch-submit:hover{border-color:var(--tieba-blue-hover);background:var(--tieba-blue-hover)}
@media(max-width:720px){.batch-card{padding:var(--space-md)}.batch-head{align-items:flex-start;flex-direction:column}.batch-form{grid-template-columns:1fr}.batch-mode,.batch-submit,#batch-message{grid-column:1}.batch-task{grid-template-columns:1fr}.task-actions{justify-content:flex-start}}