.sr-wrap{min-height:calc(100vh - var(--nav-h));padding:2rem 0 4rem;padding-top:calc(var(--nav-h) + 2rem)}.sr-container{max-width:720px;margin:0 auto;padding:0 1.5rem}.sr-search-hero{margin-bottom:2rem}.sr-form{width:100%}.sr-input-wrap{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius);transition:border-color var(--transition), box-shadow var(--transition);align-items:stretch;gap:0;display:flex;overflow:hidden}.sr-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-border)}.sr-input{color:var(--text-1);font-size:var(--text-md);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.75rem .5rem .75rem 1rem}.sr-input::placeholder{color:var(--text-3)}.sr-input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") 50% no-repeat;width:20px;height:20px}.sr-input::-webkit-search-cancel-button:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E")}.sr-input-hint{font-size:var(--text-sm);color:var(--accent);white-space:nowrap;pointer-events:none;flex-shrink:0;align-items:center;padding:0 .5rem;display:flex}.sr-btn{background:var(--accent);color:var(--white);border:none;border-left:1.5px solid var(--accent);font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:var(--font-sans);cursor:pointer;transition:background var(--transition);white-space:nowrap;align-items:center;gap:.4rem;padding:0 1.25rem;display:flex}.sr-btn:hover{background:var(--accent-hover)}.sr-type-select{background:var(--surface-muted);color:var(--text-2);font-size:var(--text-sm);font-family:var(--font-sans);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:4.5rem;transition:color var(--transition), background-color var(--transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");background-position:calc(100% - .5rem);background-repeat:no-repeat;border:none;outline:none;flex-shrink:0;padding:0 1.75rem 0 .875rem}.sr-type-select:hover,.sr-type-select:focus{color:var(--text-1)}.sr-divider{background:var(--border);flex-shrink:0;width:1px;margin:.5rem 0}.sr-welcome{margin-top:.5rem}.sr-welcome-desc{font-size:var(--text-base);color:var(--text-2);margin:0 0 1.75rem}.sr-tips{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.sr-tip-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem}.sr-tip-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.sr-tip-list{font-size:var(--text-sm);color:var(--text-2);line-height:var(--leading-normal);flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.sr-tip-link{color:var(--accent);font-weight:var(--weight-medium);text-decoration:none}.sr-tip-link:hover{text-decoration:underline}.sr-empty-suggestions{margin-top:1.5rem}@media (max-width:540px){.sr-tips{grid-template-columns:1fr}}.sr-summary{margin-bottom:1.25rem}.sr-summary-text{font-size:var(--text-base);color:var(--text-2);margin:0}.sr-summary-text strong{color:var(--text-1);font-weight:var(--weight-semibold)}.sr-mode-tag{font-size:.75rem;font-weight:var(--weight-medium);color:var(--accent);background:var(--accent-light);border:1px solid var(--accent-border);border-radius:var(--radius);vertical-align:middle;margin-left:.5rem;padding:.1em .5em;display:inline-block}.sr-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.sr-item{border-bottom:1px solid var(--border)}.sr-item:last-child{border-bottom:none}.sr-item-link{color:var(--text-1);transition:background var(--transition);align-items:center;gap:.75rem;padding:.85rem 1.25rem;text-decoration:none;display:flex}.sr-item-link:hover{background:var(--fill-faint)}.sr-item-link--tworow{flex-direction:column;align-items:stretch;gap:.3rem}.sr-item-row1{align-items:center;gap:.75rem;display:flex}.sr-item-row2{padding-left:calc(2em + .75rem)}.sr-type-badge{font-size:.7rem;font-weight:var(--weight-semibold);font-family:var(--font-sans);border-radius:var(--radius);text-align:center;flex-shrink:0;justify-content:center;align-items:center;min-width:2em;padding:.15em .45em;line-height:1.4;display:inline-flex}.sr-type-hanzi{color:var(--accent);background:var(--accent-light);border:1px solid var(--accent-border)}.sr-type-ciyu{color:var(--text-2);background:var(--fill-faint);border:1px solid var(--border-strong)}.sr-type-chengyu{color:var(--hover);background:var(--hover-light);border:1px solid #c41e3a33}.sr-main-badge{font-size:.7rem;font-weight:var(--weight-bold);font-family:var(--font-sans);color:var(--white);background:var(--accent);text-align:center;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:1.5em;height:1.5em;margin-left:.25rem;padding:0;line-height:1;display:inline-flex}.sr-name{font-size:var(--text-lg);font-family:var(--font-content);font-weight:var(--weight-normal);color:var(--text-1);line-height:var(--leading-tight);word-break:break-all;flex:none}.sr-type-hanzi~.sr-name{font-size:var(--text-lg)}.sr-item-row1 .sr-name{flex:none}.sr-item-spacer{flex:1}.sr-reading{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.15rem;display:flex}.sr-zhuyin{font-size:var(--text-sm);color:var(--text-2);font-family:var(--font-sans);letter-spacing:.05em}.sr-pinyin{color:var(--text-3);font-size:.8rem;font-family:var(--font-sans)}.sr-reading-combined{font-size:var(--text-sm);color:var(--text-3);font-family:var(--font-sans);line-height:var(--leading-relaxed);word-break:break-all}.sr-pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding-top:1.5rem;display:flex}.sr-page-btn{width:36px;height:36px;font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:var(--font-sans);color:var(--accent);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:background var(--transition), border-color var(--transition);cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.sr-page-btn:hover:not(.sr-page-disabled){background:var(--fill-faint);border-color:var(--accent-border)}.sr-page-disabled{color:var(--text-3);border-color:var(--border);cursor:default;pointer-events:none;opacity:.5}.sr-page-numbers{align-items:center;gap:.25rem;display:flex}.sr-page-num{min-width:36px;height:36px;font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:var(--font-sans);color:var(--accent);border-radius:var(--radius);transition:background var(--transition), border-color var(--transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0 .5rem;text-decoration:none;display:inline-flex}.sr-page-num:hover{background:var(--fill-faint);border-color:var(--border)}.sr-page-num-current{color:var(--white);background:var(--accent);border-color:var(--accent);cursor:default}.sr-empty{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem 2rem;display:flex}.sr-empty-icon{color:var(--text-3);opacity:.6}.sr-empty-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-2);margin:0}.sr-empty-tips{color:var(--text-3);font-size:var(--text-sm);line-height:var(--leading-relaxed);text-align:left;margin:.25rem 0 0;padding:0;list-style:none}.sr-empty-tips li:before{content:"· "}.sr-empty-tips code{background:var(--fill-faint);border:1px solid var(--border);color:var(--text-2);border-radius:3px;padding:.1em .35em;font-family:monospace;font-size:.9em}@media (max-width:600px){.sr-container{padding:0 1rem}.sr-wrap{padding:1.25rem 0 3rem;padding-top:calc(var(--nav-h) + 1.25rem)}.sr-btn span{display:none}.sr-btn{padding:0 1rem}.sr-item-link{gap:.6rem;padding:.75rem 1rem}.sr-name{font-size:var(--text-md)}.sr-reading{display:none}.sr-pagination{gap:.5rem}.sr-page-info{font-size:.75rem}}