.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--bg-color:#f5f5f7;--sidebar-bg:rgba(245, 245, 247, 0.8);--card-bg:#ffffff;--text-main:#1d1d1f;--text-sub:#86868b;--accent-color:#0071e3;--accent-light:rgba(0, 113, 227, 0.1);--border-color:#e5e5ea;--radius-lg:16px;--radius-md:12px;--radius-sm:8px}*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}body{background-color:var(--bg-color);color:var(--text-main);display:flex;justify-content:center;align-items:stretch;min-height:100vh;overflow-x:hidden;overflow-y:scroll}.app-container{width:100%;max-width:1440px;min-height:100vh;display:flex;background-color:var(--bg-color);position:relative}aside{width:250px;background:var(--sidebar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-color);padding:24px 16px;display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:sticky;top:0;z-index:100;overflow:hidden}aside>div:first-child{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.nav-menu{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1;min-height:0}.nav-menu::-webkit-scrollbar{width:0}.brand-logo-area{display:flex;align-items:center;gap:12px;padding:4px 8px;margin-bottom:28px;cursor:pointer;text-decoration:none;color:inherit}.brand-logo{width:36px;height:36px;background:linear-gradient(135deg,#00c6ff,#0072ff);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;box-shadow:0 4px 10px rgba(0,114,255,.3)}.brand-name{font-size:18px;font-weight:700;letter-spacing:-.5px}.nav-item{border-radius:var(--radius-sm);margin-bottom:4px;font-size:14px;font-weight:500;cursor:pointer;color:var(--text-sub);transition:background .2s,color .2s}.nav-item.active,.nav-item:hover{background:rgba(0,0,0,.05);color:var(--text-main)}.nav-item.active{font-weight:600}.nav-item>a,.nav-item>button,.nav-item>span{color:inherit;text-decoration:none;display:flex;align-items:center;padding:10px 12px;border-radius:var(--radius-sm)}.nav-item>button{width:100%;background:0 0;border:none;font:inherit;text-align:left;cursor:pointer}.nav-item>span{cursor:default}.sidebar-bottom-area{display:flex;flex-direction:column;margin-top:auto}.nav-notice-menu{list-style:none;padding:0;margin:0 0 8px 0}.nav-notice-item{display:flex;align-items:center;padding:8px 16px;border-radius:8px;font-size:13px;color:var(--accent-color);cursor:pointer;transition:background .2s;margin-bottom:2px}.nav-notice-item:hover{background:rgba(0,113,227,.06)}.nav-notice-item a{color:inherit;text-decoration:none;display:flex;align-items:center;width:100%}.user-profile{display:flex;align-items:center;gap:12px;padding:12px;border-top:1px solid var(--border-color);text-decoration:none;color:inherit}.user-profile--interactive{cursor:pointer;transition:background .2s;border-radius:12px}.user-profile--interactive:hover{background:rgba(0,0,0,.04)}.user-profile-name{font-size:14px;font-weight:500;color:var(--text-main)}.user-profile-name--sub{color:var(--text-sub)}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ff9a9e 0,#fecfef 100%);background-size:cover;background-position:center}.search-trigger-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;text-align:left}.search-trigger-kbd{background:#e8e8ed;font-size:11px;padding:2px 6px;border-radius:4px;font-weight:600;white-space:nowrap;flex-shrink:0}.main-wrapper{flex-grow:1;display:flex;flex-direction:column;min-height:100vh;position:relative;min-width:0}.container{max-width:1140px;width:100%;margin:0 auto;padding:0 40px}.top-bar{height:76px;background:rgba(245,245,247,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:150;display:flex;align-items:center;flex-shrink:0;position:sticky;top:0}.top-bar .container{height:100%;display:flex;align-items:center}.top-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;height:100%;border-bottom:1px solid var(--border-color)}.search-trigger-box{max-width:550px;width:100%;min-width:200px;flex-shrink:1;background:#fff;border:1px solid #d2d2d7;padding:10px 16px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 1px 2px rgba(0,0,0,.05);cursor:pointer;color:var(--text-sub);font-size:14px;transition:all .2s ease}.search-trigger-box:hover{border-color:#86868b;background:#fafafa}.shortcut-menu{display:flex;gap:12px;flex-shrink:0;overflow:hidden;max-width:400px}.shortcut-btn{background:#fff;border:1px solid #d2d2d7;color:#3a3a3c;padding:8px 16px;border-radius:18px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;display:inline-block;text-decoration:none;line-height:normal}.shortcut-btn:hover{background:var(--bg-color);border-color:#86868b}.shortcut-btn.primary{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.more-actions-trigger{display:none}.mobile-nav-trigger{display:none}.content-view{display:none;flex-grow:1;padding-top:40px;padding-bottom:20px}.content-view.active{display:flex;flex-direction:column}.main-wrapper main{flex-grow:1;display:flex;flex-direction:column}页面顶部的 一条装饰线，与顶栏自身底边框重复，且其 margin 声明一直被下方全局 `hr{margin:44px 0!important}.main-wrapper main>.container{flex-grow:1;display:flex;flex-direction:column}.main-wrapper main>.container>footer{margin-top:auto}.main-wrapper main>.container>.category-layout,.main-wrapper main>.container>.finder-search-layout{flex-grow:1;display:flex;flex-direction:column}.main-wrapper main>.container>.category-layout>footer,.main-wrapper main>.container>.finder-search-layout>footer{margin-top:auto}.btn-download{display:inline-block;background:var(--accent-light);color:var(--accent-color);border:none;padding:6px 0;width:72px;min-width:72px;text-align:center;border-radius:20px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .2s,color .2s}.btn-download:hover{background:var(--accent-color);color:#fff}.btn-download.light{background:rgba(255,255,255,.2);color:#fff}.btn-download.light:hover{background:#fff;color:#1d1d1f}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.main-wrapper main.content-view section{padding-top:0!important;padding-bottom:0!important}.main-wrapper main.content-view section.footer-grid{padding-top:32px!important;padding-bottom:0!important}.section-header h2{font-size:22px!important;font-weight:700!important;letter-spacing:-.3px!important;margin-bottom:0!important;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-header .see-all{color:var(--accent-color);font-size:14px;text-decoration:none;flex-shrink:0}@media (max-width:767px){.section-header h2{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:clip}}hr{border:none!important;border-top:1px solid var(--border-color)!important;margin:44px 0!important;opacity:1!important;color:inherit!important;background:0 0!important;height:auto!important}footer{background:#f5f5f7;padding:0 0 48px 0;margin-top:0}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:44px;padding:32px 0 0 0;border-top:1px solid var(--border-color)}.footer-col h3{font-size:12px;font-weight:600;color:var(--text-main);margin-bottom:10px;letter-spacing:-.2px}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col ul li{margin-bottom:6px}.footer-col ul li a{font-size:12px;color:var(--text-sub);text-decoration:none;transition:color .2s}.footer-col ul li a:hover{color:var(--accent-color)}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand-logo{width:28px;height:28px;background:linear-gradient(135deg,#00c6ff,#0072ff);border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.footer-brand-name{font-size:13px;font-weight:700;color:var(--text-main)}.footer-brand-desc{font-size:11px;color:var(--text-sub);margin-top:1px}.footer-bottom{border-top:1px solid var(--border-color);padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:16px;color:var(--text-sub)}.footer-bottom-links{display:flex;gap:16px}.footer-bottom-links a{font-size:12px;color:var(--text-sub);text-decoration:none;transition:color .2s}.footer-bottom-links a:hover{color:var(--accent-color)}.spotlight-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.25,1,.5,1)}.spotlight-modal-overlay.active{opacity:1;pointer-events:auto}.spotlight-window{width:680px;max-height:480px;background:rgba(255,255,255,.85);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(0,0,0,.15);box-shadow:0 20px 60px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05);border-radius:14px;margin-top:12vh;display:flex;flex-direction:column;overflow:hidden;transform:scale(.97);transition:transform .2s cubic-bezier(.25,1,.5,1)}.spotlight-modal-overlay.active .spotlight-window{transform:scale(1)}.spotlight-header-bar{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.08)}.spotlight-main-input{flex-grow:1;background:0 0;border:none;outline:0;font-size:18px;color:var(--text-main)}.spotlight-main-input::-moz-placeholder{color:var(--text-sub)}.spotlight-main-input::placeholder{color:var(--text-sub)}.spotlight-filter-bar{padding:10px 20px;background:rgba(0,0,0,.02);border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;gap:10px}.spotlight-chips-group{display:flex;gap:6px;overflow-x:auto}.spotlight-chips-group::-webkit-scrollbar{display:none}.spotlight-chip{background:0 0;color:var(--text-sub);border:1px solid transparent;padding:3px 10px;border-radius:12px;cursor:pointer;font-size:11px;font-weight:500;transition:all .2s}.spotlight-chip.active{background:var(--accent-color);color:#fff}.spotlight-results-scroll{flex-grow:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:2px}.spotlight-row-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;text-decoration:none;color:inherit;transition:background .15s,color .15s}.spotlight-row-item.keyboard-selected,.spotlight-row-item:hover{background:var(--accent-color);color:#fff;outline:0}.spotlight-item-left{display:flex;align-items:center;gap:12px;min-width:0}.spotlight-mini-icon{width:36px;height:36px;border-radius:8px;flex-shrink:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.spotlight-mini-icon-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:8px}.spotlight-mini-icon-char{font-size:15px;font-weight:700;color:#fff;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spotlight-item-meta{min-width:0}.spotlight-item-title{font-size:14px;font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotlight-item-desc{font-size:12px;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotlight-row-item.keyboard-selected .spotlight-item-desc,.spotlight-row-item:hover .spotlight-item-desc{color:#fff;opacity:.9}.spotlight-item-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.spotlight-arch-tag{font-size:9px;padding:2px 5px;border-radius:4px;font-weight:600;background:rgba(0,0,0,.05);color:var(--text-sub)}.spotlight-row-item.keyboard-selected .spotlight-arch-tag,.spotlight-row-item:hover .spotlight-arch-tag{background:rgba(255,255,255,.2);color:#fff}.spotlight-get-btn{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 14px;background:var(--accent-color);color:#fff;font-size:12px;font-weight:500;border:none;border-radius:14px;white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s}.spotlight-get-btn:hover{background:#005bb5}.spotlight-row-item.keyboard-selected .spotlight-get-btn,.spotlight-row-item:hover .spotlight-get-btn{background:#fff;color:var(--accent-color)}.spotlight-footer-bar{padding:8px 16px;background:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;font-size:11px;color:var(--text-sub)}.spotlight-search-icon{color:var(--text-sub);margin-right:14px;font-size:18px}.spotlight-esc-badge{font-size:11px;color:var(--text-sub);padding:2px 6px;background:rgba(0,0,0,.05);border-radius:4px}.spotlight-filter-label{font-size:11px;color:var(--text-sub);font-weight:600;margin-right:4px}.machub-toast-container{position:fixed;bottom:80px;left:0;right:0;z-index:99999;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.machub-toast{display:flex;align-items:center;gap:10px;padding:12px 20px;background:rgba(30,30,30,.88);backdrop-filter:blur(12px);color:#fff;border-radius:12px;font-size:13px;font-weight:500;box-shadow:0 6px 24px rgba(0,0,0,.18);pointer-events:auto;animation:toastIn .3s cubic-bezier(.16,1,.3,1);max-width:360px}.machub-toast.toast-out{animation:toastOut .25s ease forwards}.machub-toast-icon{font-size:16px;flex-shrink:0}.machub-toast-msg{line-height:1.4}@keyframes toastIn{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.96)}}.sheet-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);z-index:998}.sheet-overlay.active{display:block}.mobile-panel{display:none;position:fixed;bottom:0;left:0;width:100%;transform:translateY(110%);background:rgba(255,255,255,.85);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:20px 20px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,.15);z-index:999;transition:transform .3s cubic-bezier(.25,1,.5,1);padding:20px 24px}.mobile-panel.active{transform:translateY(0)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:12px}.panel-header h4{font-size:16px;font-weight:600}.panel-close{font-size:20px;color:var(--text-sub);cursor:pointer}.panel-list{list-style:none;display:flex;flex-direction:column;gap:10px}.panel-item{background:#fff;padding:14px;border-radius:var(--radius-md);text-align:center;font-weight:600;color:var(--text-main);cursor:pointer;display:block;text-decoration:none}.panel-item.primary{color:var(--accent-color)}@media (max-width:1200px){.container{padding:0 24px}.search-trigger-box{max-width:380px}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:850px){aside{display:none}.container{padding:0 20px}.mobile-panel{display:block}.mobile-nav-trigger{display:block;position:fixed;bottom:24px;left:24px;width:50px;height:50px;background:rgba(255,255,255,.85);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:50%;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:900;text-align:center;line-height:48px;font-size:20px;cursor:pointer;color:var(--text-main)}.shortcut-menu{display:none}.more-actions-trigger{display:block;background:#fff;border:1px solid #d2d2d7;width:40px;height:40px;border-radius:50%;font-size:18px;line-height:38px;text-align:center;cursor:pointer;flex-shrink:0}.search-trigger-box{width:100%;max-width:none}.spotlight-window{width:92%;margin-top:8vh}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}.machub-interaction-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(0,0,0,.06)}.interaction-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:#86868b;letter-spacing:.01em;-webkit-font-smoothing:antialiased}.interaction-meta .meta-dot{color:#d2d2d7}.interaction-actions{display:flex;gap:6px}.action-orb{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:rgba(0,0,0,.04);color:#1d1d1f;cursor:pointer;transition:all .2s cubic-bezier(.25,.1,.25,1);text-decoration:none;-webkit-font-smoothing:antialiased}.action-orb:hover{background:rgba(0,0,0,.08);transform:scale(1.06)}.action-orb:active{transform:scale(.94)}.action-orb svg{display:block}.action-orb.like-orb.is-liked{background:rgba(255,59,48,.1);color:#ff3b30}.action-orb.like-orb.is-liked svg{fill:#ff3b30;stroke:#ff3b30}.action-orb.like-orb.is-liked:hover{background:rgba(255,59,48,.16)}.action-orb.fav-orb.is-faved{background:rgba(255,149,0,.1);color:#ff9500}.action-orb.fav-orb.is-faved svg{fill:#ff9500;stroke:#ff9500}.action-orb.fav-orb.is-faved:hover{background:rgba(255,149,0,.16)}.action-orb.comment-orb{color:var(--accent-color,#0071e3)}.action-orb.comment-orb:hover{background:rgba(0,113,227,.08)}.machub-comment-list{margin-bottom:0}.machub-comment-list .comment-item{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid rgba(0,0,0,.04)}.machub-comment-list .comment-item:last-child{border-bottom:none}.machub-comment-list .comment-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#e0e0e5,#c7c7cc)}.machub-comment-list .comment-avatar img{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.machub-comment-list .comment-body{flex:1;min-width:0}.machub-comment-list .comment-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}.machub-comment-list .comment-author{font-size:14px;font-weight:600;color:#1d1d1f;letter-spacing:-.01em}.machub-comment-list .comment-time{font-size:12px;color:#86868b;letter-spacing:.01em}.machub-comment-list .comment-pending-badge{font-size:11px;padding:2px 8px;border-radius:9px;background:#fff3cd;color:#856404;font-weight:500}.machub-comment-list .comment-text{font-size:14px;line-height:1.55;color:#1d1d1f;word-break:break-word;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}.machub-comment-list .comment-reply-btn{font-size:12px;color:var(--accent-color,#0071e3);background:0 0;border:none;cursor:pointer;padding:4px 0;margin-top:6px;font-weight:500;letter-spacing:-.01em;transition:opacity .15s}.machub-comment-list .comment-reply-btn:hover{opacity:.7}.machub-comment-list .comment-empty{text-align:center;padding:40px 0;color:#86868b;font-size:14px;letter-spacing:-.01em}.machub-comment-form{margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,0,0,.06)}.machub-comment-form .comment-form-user{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:14px;color:#1d1d1f;font-weight:600;letter-spacing:-.01em}.machub-comment-form .comment-form-user img{border-radius:50%;-o-object-fit:cover;object-fit:cover}.machub-comment-form textarea{width:100%;padding:14px 16px;border:1px solid #d2d2d7;border-radius:12px;font-size:14px;line-height:1.5;resize:vertical;min-height:88px;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',sans-serif;transition:border-color .2s cubic-bezier(.25,.1,.25,1),box-shadow .2s cubic-bezier(.25,.1,.25,1);box-sizing:border-box;color:#1d1d1f;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;background:#fff}.machub-comment-form textarea::-moz-placeholder{color:#c7c7cc}.machub-comment-form textarea::placeholder{color:#c7c7cc}.machub-comment-form textarea:focus{outline:0;border-color:var(--accent-color,#0071e3);box-shadow:0 0 0 3px rgba(0,113,227,.12)}.machub-comment-form .comment-submit-btn{margin-top:12px;padding:9px 22px;border-radius:980px;border:none;background:var(--accent-color,#0071e3);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.25,.1,.25,1);letter-spacing:-.01em;-webkit-font-smoothing:antialiased}.machub-comment-form .comment-submit-btn:hover{background:#0062cc}.machub-comment-form .comment-submit-btn:active{transform:scale(.97)}.machub-comment-form .comment-submit-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.machub-comment-form .comment-login-hint{text-align:center;padding:24px 0;font-size:14px;color:#86868b;letter-spacing:-.01em}.machub-comment-form .comment-login-hint a{color:var(--accent-color,#0071e3);font-weight:500;text-decoration:none}.machub-comment-form .comment-login-hint a:hover{text-decoration:underline}article pre{background:#f6f8fa;border-radius:10px;padding:16px;overflow-x:auto;margin:16px 0;border:1px solid #e5e5ea}article pre code{font-family:'SF Mono','Fira Code',Menlo,monospace;font-size:13px;line-height:1.6;background:0 0;padding:0;border-radius:0}img.lazy-loaded{opacity:1;transition:opacity .3s ease}article img[loading=lazy]{transition:opacity .3s ease}.machub-breadcrumb{font-size:12px;color:#86868b;padding:0;margin-top:24px;margin-bottom:0;line-height:1;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.machub-breadcrumb a{color:#86868b;text-decoration:none;transition:color .15s}.machub-breadcrumb a:hover{color:#0071e3}.machub-breadcrumb .breadcrumb-sep{color:#c7c7cc;margin:0 2px}.machub-breadcrumb .breadcrumb-current{color:#1d1d1f;font-weight:500}.skip-link{position:absolute;left:-9999px;top:0;z-index:100000;padding:12px 20px;background:#0071e3;color:#fff;font-size:14px;font-weight:500;text-decoration:none;border-radius:0 0 10px 0;transition:none}.skip-link:focus{left:0;top:0;color:#fff}