*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary:#2563eb;--color-primary-light:#eff6ff;--color-primary-light-hover:#dbeafe;--color-primary-gradient:linear-gradient(135deg,#2563eb,#06b6d4);--color-success:#10b981;--color-success-light:#ecfdf5;--color-warning:#f59e0b;--color-warning-light:#fffbeb;--color-danger:#ef4444;--color-danger-light:#fef2f2;--color-gray-100:#f5f7fa;--color-gray-200:#e4e7ed;--color-gray-400:#c0c4cc;--color-gray-500:#909399;--color-gray-600:#606266;--color-gray-700:#303133;--color-gray-900:#141414;--color-bg:#f5f7fa;--color-bg-card:#fff;--color-text:#1a1a1a;--color-text-secondary:#666;--color-text-muted:#999;--color-border:#e4e7ed;--font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:32px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 24px rgba(0,0,0,.12);--shadow-xl:0 16px 48px rgba(0,0,0,.16);--transition-fast:150ms;--transition-normal:250ms;--ease-out:cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--color-bg:#121212;--color-bg-card:#1e1e1e;--color-text:#f0f0f0;--color-text-secondary:#a0a0a0;--color-text-muted:#707070;--color-border:#333;--color-gray-100:#1e1e1e;--color-gray-200:#333;--color-gray-400:#555;--color-gray-500:#707070;--color-gray-600:#a0a0a0;--color-gray-700:#d0d0d0;--color-gray-900:#f0f0f0;--color-primary-light:rgba(37,99,235,.15);--color-success-light:rgba(16,185,129,.15);--color-warning-light:rgba(245,158,11,.15);--color-danger-light:rgba(239,68,68,.15);--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.3);--shadow-lg:0 8px 24px rgba(0,0,0,.35);--shadow-xl:0 16px 48px rgba(0,0,0,.4)}body{font-family:var(--font-family);color:var(--color-text);line-height:1.6;background:var(--color-bg)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:hsla(0,0%,100%,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:var(--spacing-3) 0;transition:box-shadow var(--transition-fast) var(--ease-out)}[data-theme=dark] .nav{background:hsla(0,0%,7%,.8)}.nav.is-scrolled{box-shadow:var(--shadow-sm)}.nav__inner{gap:var(--spacing-4)}.nav__inner,.nav__logo{display:flex;align-items:center}.nav__logo{font-size:17px;font-weight:800;color:var(--color-text);text-decoration:none;letter-spacing:-.3px;gap:6px;flex-shrink:0}.nav__logo:hover{text-decoration:none;opacity:.85}.nav__links{display:flex;align-items:center;gap:var(--spacing-4);flex-shrink:0;flex-wrap:nowrap}.nav__link{font-size:14px;font-weight:500;color:var(--color-text-secondary);text-decoration:none;position:relative;padding:var(--spacing-1) 0;transition:color var(--transition-fast) var(--ease-out)}.nav__link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-normal) var(--ease-out)}.nav__link.is-active:after,.nav__link:hover:after{width:100%}.nav__link:hover{text-decoration:none;color:var(--color-primary)}.nav__link.is-active{color:var(--color-primary);font-weight:600}.nav__hamburger{display:none;background:none;border:none;font-size:20px;cursor:pointer;color:var(--color-text);padding:var(--spacing-2);min-height:44px;min-width:44px;align-items:center;justify-content:center}.nav__mobile-menu{display:none;flex-direction:column;gap:var(--spacing-2);max-height:0;overflow:hidden;transition:max-height var(--transition-normal) var(--ease-out);padding:0 var(--spacing-4)}.nav__mobile-menu.is-open{max-height:400px;padding-top:var(--spacing-3)}.nav__mobile-menu .nav__link{padding:var(--spacing-2) 0;min-height:44px;display:flex;align-items:center}.theme-toggle{margin-left:auto;background:none;border:1px solid var(--color-border);border-radius:50%;width:36px;height:36px;padding:0;cursor:pointer;font-size:var(--font-size-base);line-height:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.theme-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);transform:rotate(15deg)}.theme-toggle:active{transform:rotate(0) scale(.92)}.theme-icon-dark,[data-theme=dark] .theme-icon-light{display:none}[data-theme=dark] .theme-icon-dark{display:inline}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal) var(--ease-out),transform var(--transition-normal) var(--ease-out),border-color var(--transition-normal) var(--ease-out);color:inherit;display:block;cursor:pointer}.card,.card:hover{text-decoration:none}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--color-primary);border-left:3px solid var(--color-primary)}.card:active{transform:translateY(-1px);box-shadow:var(--shadow-md)}.card__title{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-1);color:var(--color-text)}.card__desc{font-size:var(--font-size-base);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__desc,.card__status{margin-bottom:var(--spacing-2)}.card__status{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);flex-wrap:wrap}.card__installs{margin-left:auto;color:var(--color-text-muted);font-size:var(--font-size-xs)}.card__tags{display:flex;gap:var(--spacing-1);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast) var(--ease-out);text-decoration:none;border:none;min-height:44px}.btn:active{transform:translateY(0)!important;box-shadow:none!important}.btn--primary{background:var(--color-primary-gradient);color:#fff}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(37,99,235,.3);text-decoration:none;color:#fff}.btn--secondary{background:var(--color-bg-card);color:var(--color-primary);border:1px solid var(--color-primary)}.btn--secondary:hover{background:var(--color-primary-light);transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.12)}.btn--ghost{background:transparent;color:var(--color-primary)}.btn--ghost:hover{background:var(--color-primary-light);transform:translateY(-1px)}.badge{padding:2px var(--spacing-2);font-size:var(--font-size-xs);white-space:nowrap}.badge--success{background:var(--color-success-light);color:var(--color-success)}.badge--warning{background:var(--color-warning-light);color:var(--color-warning)}.badge--danger{background:var(--color-danger-light);color:var(--color-danger)}.badge--neutral{background:var(--color-gray-100);color:var(--color-gray-500)}.tag{background:var(--color-primary-light);color:var(--color-primary);padding:2px var(--spacing-2);font-size:var(--font-size-xs);margin:2px}.tag--auto{cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast) var(--ease-out)}.tag--auto:hover{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.btn-cta{padding:10px 24px;border-radius:var(--radius-md);font-size:var(--font-size-sm);white-space:nowrap}.btn-cta:active{transform:translateY(0);box-shadow:none}[data-theme=dark] .btn-cta{background:#e0e0e0;color:#1a1a1a}[data-theme=dark] .btn-cta:hover{background:#ccc;box-shadow:0 4px 12px hsla(0,0%,100%,.08)}h1{font-size:var(--font-size-xl);margin-bottom:var(--spacing-4)}h2{font-size:var(--font-size-lg);margin:var(--spacing-6) 0 var(--spacing-3)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--spacing-5);gap:var(--spacing-5);margin:var(--spacing-4) 0}.breadcrumb{font-size:var(--font-size-sm);margin-bottom:var(--spacing-3)}.breadcrumb,.breadcrumb a{color:var(--color-text-muted)}.breadcrumb a:hover{color:var(--color-primary)}.hero{background:var(--color-primary-gradient);color:#fff;padding:var(--spacing-10) var(--spacing-4);border-radius:var(--radius-lg);text-align:center;margin-bottom:var(--spacing-6)}.hero__title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-2)}.hero__subtitle{font-size:var(--font-size-md);opacity:.9;margin-bottom:var(--spacing-6)}.search-input{width:100%;max-width:600px;margin:0 auto;display:block;min-height:48px;padding:var(--spacing-3) var(--spacing-4) var(--spacing-3) 40px;border:2px solid hsla(0,0%,100%,.3);border-radius:var(--radius-xl);font-size:var(--font-size-md);outline:none;background:hsla(0,0%,100%,.15);color:#fff;box-shadow:inset 0 2px 4px rgba(0,0,0,.1);transition:border-color var(--transition-fast) var(--ease-out)}.search-input::placeholder{color:hsla(0,0%,100%,.7)}.search-input:focus{border-color:#fff;background:hsla(0,0%,100%,.25)}.search-box-outer{max-width:600px;margin:0 auto var(--spacing-6);position:relative}.search-box-input{width:100%;min-height:48px;padding:var(--spacing-3) var(--spacing-4) var(--spacing-3) 40px;border:2px solid var(--color-border);border-radius:var(--radius-xl);font-size:var(--font-size-md);outline:none;background:var(--color-bg-card);color:var(--color-text);transition:border-color var(--transition-fast) var(--ease-out)}.search-box-input:focus{border-color:var(--color-primary)}.section{margin-bottom:var(--spacing-8)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.banner{background:var(--color-primary-gradient);color:#fff;padding:var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);text-align:center}.banner a{color:#fff;font-weight:600;text-decoration:none}.footer{background:var(--color-gray-100);padding:var(--spacing-8) 0;margin-top:var(--spacing-10);font-size:var(--font-size-sm);color:var(--color-text-muted)}.footer__row{text-align:center;margin-bottom:var(--spacing-2)}.footer a{color:var(--color-text-muted);text-decoration:none;margin:0 var(--spacing-2);transition:color var(--transition-fast)}.footer a:hover{color:var(--color-primary);text-decoration:none}.detail-header{margin-bottom:var(--spacing-6)}.detail-header h1{font-size:28px;margin-bottom:var(--spacing-2)}.detail-meta{align-items:center;margin-bottom:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.detail-actions,.detail-meta{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.detail-actions{margin:var(--spacing-4) 0}.detail-content{line-height:1.8;font-size:var(--font-size-base)}.detail-content h2{font-size:var(--font-size-lg);margin:var(--spacing-6) 0 var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border)}.detail-content h3{font-size:var(--font-size-md);margin:var(--spacing-4) 0 var(--spacing-2)}.detail-content p{margin-bottom:var(--spacing-3)}.detail-content pre{background:var(--color-gray-100);padding:var(--spacing-4);border-radius:var(--radius-md);overflow-x:auto;margin:var(--spacing-3) 0;font-size:var(--font-size-sm)}[data-theme=dark] .detail-content pre{background:var(--color-gray-200)}.detail-content code{font-family:Fira Code,Consolas,monospace;font-size:.9em}.detail-content :not(pre)>code{background:var(--color-gray-100);padding:2px 6px;border-radius:var(--radius-sm)}[data-theme=dark] .detail-content :not(pre)>code{background:var(--color-gray-200)}.detail-content ol,.detail-content ul{padding-left:var(--spacing-6);margin-bottom:var(--spacing-3)}.detail-content li{margin-bottom:var(--spacing-1)}.detail-content img{max-width:100%;border-radius:var(--radius-md)}.detail-content a{color:var(--color-primary)}.detail-content blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-4);margin:var(--spacing-3) 0;color:var(--color-text-secondary)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);margin:var(--spacing-6) 0}.pagination button{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);min-height:44px;transition:all var(--transition-fast)}.pagination button:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination button.is-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.filter-bar{display:flex;gap:var(--spacing-2);flex-wrap:wrap;margin-bottom:var(--spacing-4)}.filter-bar input,.filter-bar select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text);font-size:var(--font-size-sm);min-height:44px}.empty-state{padding:var(--spacing-10) var(--spacing-4)}.empty-state svg{margin-bottom:var(--spacing-4)}.loading{text-align:center;padding:var(--spacing-8);color:var(--color-text-muted)}.sh-bg{background:radial-gradient(ellipse at 50% 0,rgba(37,99,235,.08) 0,rgba(6,182,212,.05) 40%,transparent 70%);padding:64px 0 0;margin-top:calc(-1 * var(--spacing-6))}.sh-hero{text-align:center;padding:0 20px 16px}.sh-title{font-size:38px;font-weight:800;color:var(--color-text);margin-bottom:0;line-height:1.35;white-space:nowrap}.sh-title-hl{color:var(--color-primary)}.sh-search-section{text-align:center;padding:0 20px 48px}.sh-search-heading{font-size:20px;font-weight:600;color:var(--color-text-secondary);margin-bottom:28px;white-space:nowrap}.sh-search-form{justify-content:center;gap:12px;margin:0 auto}.sh-hot-tags,.sh-search-form{display:flex;max-width:640px;flex-wrap:wrap}.sh-hot-tags{align-items:center;justify-content:flex-start;gap:8px;margin:20px auto 0;overflow-x:auto}.sh-hot-tags-label{color:var(--color-text-muted);line-height:26px;margin-right:4px}.sh-hot-tag,.sh-hot-tags-label{font-size:12px;flex-shrink:0;white-space:nowrap}.sh-hot-tag{display:inline-block;padding:3px 12px;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast) var(--ease-out);cursor:pointer}.sh-hot-tag:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light);text-decoration:none}.sh-search-input-wrap{flex:1 1;min-width:280px;position:relative}.sh-search-input-wrap .search-box-input{width:100%;padding-left:44px;padding-right:52px}.sh-search-icon{left:14px;pointer-events:none;line-height:0}.sh-search-btn,.sh-search-icon{position:absolute;top:50%;transform:translateY(-50%)}.sh-search-btn{right:6px;background:#1a1a1a;color:#fff;border:none;border-radius:12px;padding:0 16px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s,box-shadow .18s;font-size:14px;font-weight:600}.sh-search-btn:hover{background:#333;box-shadow:0 2px 8px rgba(0,0,0,.15)}.sh-search-btn:active{background:#111;box-shadow:none}[data-theme=dark] .sh-search-btn{background:#e0e0e0;color:#1a1a1a}[data-theme=dark] .sh-search-btn:hover{background:#ccc;box-shadow:0 2px 8px hsla(0,0%,100%,.08)}[data-theme=dark] .sh-search-btn:active{background:#bbb;box-shadow:none}.btn--dark{background:#1a1a1a;border:none;border-radius:var(--radius-full);padding:12px 24px;font-weight:600;font-size:14px;transition:background .18s,transform .18s,box-shadow .18s;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.btn--dark,.btn--dark:hover{color:#fff;text-decoration:none}.btn--dark:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn--dark:active{transform:translateY(0);box-shadow:none}[data-theme=dark] .btn--dark{background:#f0f0f0;color:#1a1a1a}[data-theme=dark] .btn--dark:hover{background:#ddd;box-shadow:0 4px 12px hsla(0,0%,100%,.08)}.sh-columns-wrap{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:var(--spacing-8)}.sh-col-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;display:flex;flex-direction:column;max-height:600px;min-width:0;overflow:hidden;transition:box-shadow var(--transition-normal) var(--ease-out),transform var(--transition-normal) var(--ease-out)}.sh-col-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sh-col-list::-webkit-scrollbar{width:4px}.sh-col-list::-webkit-scrollbar-track{background:transparent}.sh-col-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.sh-col-list::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.sh-title{font-size:26px}.sh-col-title,.sh-search-heading{font-size:16px}.sh-col-title{font-weight:700;margin-bottom:0;padding-bottom:12px;border-bottom:1px solid var(--color-border);color:var(--color-text);flex-shrink:0}.sh-col-list{flex:1 1;overflow-y:auto;padding-top:4px}.page-banner{background:radial-gradient(ellipse at 50% 0,rgba(37,99,235,.08) 0,rgba(6,182,212,.05) 40%,transparent 70%);color:var(--color-text);border-radius:0;padding:var(--spacing-6) var(--spacing-4);margin-bottom:var(--spacing-4);margin-top:calc(-1 * var(--spacing-6))}[data-theme=dark] .page-banner{background:radial-gradient(ellipse at 50% 0,rgba(37,99,235,.15) 0,rgba(6,182,212,.1) 40%,transparent 70%)}.page-banner__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.page-banner__crumb{font-size:var(--font-size-sm);color:var(--color-text-muted)}.page-banner__crumb a{color:var(--color-text-muted);text-decoration:none}.page-banner__crumb a:hover{color:var(--color-primary)}.page-banner__title{font-size:var(--font-size-xl);font-weight:700;margin:0 0 4px;color:var(--color-text)}.page-banner__desc{font-size:var(--font-size-sm);opacity:.7;margin:0;color:var(--color-text-secondary)}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.badge--version{background:var(--color-gray-100);color:var(--color-text-muted);border:1px solid var(--color-border)}.badge--success{background:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge--warning{background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.badge--danger{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge--info{background:var(--color-primary-light);color:var(--color-primary);border:1px solid rgba(37,99,235,.3)}.tag{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;border:1px solid var(--color-border);color:var(--color-text-secondary)}.tag--auto{background:var(--color-primary-light);color:var(--color-primary);border-color:rgba(37,99,235,.3)}.filter-bar{margin-bottom:var(--spacing-3);overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-group{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.filter-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:600;flex-shrink:0;min-width:36px}.filter-chip{display:inline-block;padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-decoration:none;white-space:nowrap;transition:all var(--transition-fast) var(--ease-out)}.filter-chip:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}.filter-chip.is-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.empty-state{text-align:center;padding:var(--spacing-10);color:var(--color-text-muted)}.empty-state__icon{font-size:48px;margin-bottom:var(--spacing-4)}.empty-state__text{font-size:var(--font-size-md)}.pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;color:var(--color-text);text-decoration:none;transition:all var(--transition-fast);background:var(--color-bg-card)}.pagination__btn:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}.pagination__btn.is-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-cta{background:#1a1a1a;border:none;border-radius:var(--radius-full);padding:12px 24px;font-weight:600;font-size:14px;transition:background .18s,transform .18s,box-shadow .18s;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.btn-cta,.btn-cta:hover{color:#fff;text-decoration:none}.btn-cta:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.sh-item-lg{display:flex;flex-direction:column;gap:4px;padding:16px 0;border-bottom:1px solid var(--color-border);text-decoration:none;color:inherit;transition:background var(--transition-fast) var(--ease-out),padding-left var(--transition-fast) var(--ease-out);cursor:pointer}.sh-item-lg:last-child{border-bottom:none}.sh-item-lg:hover{background:var(--color-gray-100);text-decoration:none;padding-left:8px}.sh-item-lg:active{background:var(--color-primary-light);padding-left:4px}.sh-item-lg-name{font-size:15px;font-weight:700;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.sh-item-lg-desc{font-size:12px;color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.sh-item-meta{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.sh-cat-badge{display:inline-block;background:var(--color-primary-light);color:var(--color-primary);padding:1px 7px;border-radius:var(--radius-full);font-size:11px;white-space:nowrap;flex-shrink:0}.sh-stat{font-size:12px;color:var(--color-text-muted);white-space:nowrap;display:inline-flex;align-items:center;gap:2px}.sh-col-list .loading-indicator{padding:12px}.sh-col-list .empty-col,.sh-col-list .loading-indicator{text-align:center;color:var(--color-text-muted);font-size:13px}.cta-card,.sh-col-list .empty-col{padding:24px}.cta-card{max-width:1200px;margin:var(--spacing-6) auto;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal) var(--ease-out),transform var(--transition-normal) var(--ease-out),border-color var(--transition-normal) var(--ease-out)}.cta-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:var(--color-primary)}.cta-card:active{transform:translateY(0)}.cta-card:active,.qr-float{box-shadow:var(--shadow-md)}.qr-float{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:999;background:var(--color-bg-card);border:1px solid var(--color-border);border-right:none;border-radius:12px 0 0 12px}.qr-float__body{padding:12px 14px}.qr-float__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.qr-float__header span{font-size:var(--font-size-sm);font-weight:600;color:#2563eb}.qr-float__header button{background:none;border:none;cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-muted);padding:2px 4px;line-height:1}.qr-float__header button:hover{color:var(--color-text)}.qr-float__item{text-align:center;margin-bottom:8px}.qr-float__item:last-child{margin-bottom:0}.qr-float__item img{width:100px;height:100px;display:block;margin:0 auto 4px;border-radius:6px}.qr-float__item span{font-size:var(--font-size-xs);color:var(--color-text-muted)}.qr-float__trigger{display:none;position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:999;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg-card);border:1px solid var(--color-border);border-right:none;border-radius:12px 0 0 12px;box-shadow:var(--shadow-md);cursor:pointer;color:#2563eb;font-size:20px}@media(max-width:768px){.qr-float__body{display:none}.qr-float__trigger{display:flex}.qr-float__item img{width:80px;height:80px}.nav__links{display:none}.nav__hamburger,.nav__mobile-menu{display:flex}.grid{grid-template-columns:1fr}.hero__title{font-size:var(--font-size-xl)}.detail-header h1{font-size:var(--font-size-lg)}.footer__grid{grid-template-columns:1fr 1fr}.sh-title{font-size:26px}.sh-search-heading{font-size:16px}.sh-columns-wrap{grid-template-columns:1fr}.sh-col-card{max-height:400px}}.sr-list{display:flex;flex-direction:column;margin:var(--spacing-4) 0}.sr-row{display:block;text-decoration:none;color:inherit;padding:14px 16px;border-left:3px solid transparent;border-bottom:1px solid var(--color-border);transition:all var(--transition-fast) var(--ease-out);cursor:pointer}.sr-row:nth-child(2n){background:var(--color-gray-100)}.sr-row:hover{background:var(--color-primary-light);text-decoration:none;border-left-color:var(--color-primary);transform:translateX(2px)}.sr-row:active{transform:translateX(0);background:var(--color-primary-light-hover,#dbeafe)}[data-theme=dark] .sr-row:nth-child(odd){background:var(--color-bg-card)}[data-theme=dark] .sr-row:nth-child(2n){background:#252525}[data-theme=dark] .sr-row:hover{background:rgba(37,99,235,.1)}[data-theme=dark] .sr-row:active{background:rgba(37,99,235,.18)}.sr-line1{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.sr-title{font-size:15px;font-weight:700;color:var(--color-text)}.sr-desc{font-size:13px;color:var(--color-text-secondary);margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.sr-line3{display:flex;align-items:center;gap:8px;font-size:12px;flex-wrap:wrap}.sr-stat{display:inline-flex;align-items:center;gap:2px}.sr-author,.sr-stat{color:var(--color-text-muted)}@media(max-width:768px){.sr-line3{gap:6px}.sr-row{padding:12px}}