.search-modal{position:fixed;inset:0;z-index:999;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;pointer-events:none}
        .search-modal.is-open{pointer-events:auto}
        .search-modal-mask{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s ease}
        .search-modal-box{position:relative;width:580px;max-width:calc(100vw - 48px);background:var(--bg-elev);border:1px solid var(--border);border-radius:16px;overflow:hidden;transform:translateY(-20px) scale(.98);opacity:0;transition:all .25s cubic-bezier(.2,.8,.2,1)}
        .search-modal.is-open .search-modal-mask{opacity:1}
        .search-modal.is-open .search-modal-box{transform:translateY(0) scale(1);opacity:1}
        
        .auth-modal{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none}
        .auth-modal.is-open{pointer-events:auto}
        .auth-modal-mask{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s ease}
        .auth-modal-box{position:relative;width:440px;max-width:100%;max-height:92vh;overflow-y:auto;background:var(--bg-elev);border:1px solid var(--border);border-radius:20px;padding:36px 32px 28px;transform:scale(.94) translateY(10px);opacity:0;transition:all .3s cubic-bezier(.2,.8,.2,1)}
        .auth-modal.is-open .auth-modal-mask{opacity:1}
        .auth-modal.is-open .auth-modal-box{transform:scale(1) translateY(0);opacity:1}
        .auth-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:none;background:rgba(255,255,255,.06);color:var(--text-dim);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s}
        .auth-close:hover{background:rgba(255,255,255,.12);color:#fff}
        .auth-header{text-align:center;margin-bottom:28px}
        .auth-logo{font-size:22px;font-weight:700;background:linear-gradient(135deg,var(--gold-hover),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;display:flex;align-items:center;justify-content:center}
        .auth-logo .auth-logo-img{height:30px}
        .auth-subtitle{font-size:15px;color:var(--text-dim);margin-top:6px}

        .auth-tabs{position:relative;display:flex;background:rgba(255,255,255,.04);border-radius:10px;padding:4px;margin-bottom:24px}
        .auth-tab{flex:1;padding:10px 0;background:none;border:none;color:var(--text-dim);font-size:16px;font-weight:500;cursor:pointer;position:relative;z-index:1;transition:color .25s}
        .auth-tab.active{color:var(--on-gold)}
        .auth-tab-indicator{position:absolute;top:4px;bottom:4px;width:calc(50% - 2px);left:4px;background:var(--gold);border-radius:7px;transition:left .3s cubic-bezier(.2,.8,.2,1)}
        .auth-tabs[data-indicator="register"] .auth-tab-indicator{left:calc(50% + 0px)}

        .auth-form{display:none;flex-direction:column;gap:16px}
        .auth-form.active{display:flex}
        .auth-field{display:flex;flex-direction:column;gap:6px}
        .auth-field label{font-size:14px;color:var(--text-sub);font-weight:500}
        .auth-field input{padding:12px 14px;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:10px;color:#fff;font-size:16px;outline:none;transition:border-color .2s,background .2s}
        .auth-field input:focus{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 6%,transparent)}
        .auth-pwd-wrap{position:relative}
        .auth-pwd-wrap input{width:100%;padding-right:44px}
        .auth-pwd-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px;display:flex;align-items:center}
        .auth-pwd-toggle:hover{color:#fff}
        .auth-row{display:flex;align-items:center;justify-content:space-between;font-size:15px}
        .auth-check{display:flex;align-items:center;gap:6px;color:var(--text-sub);cursor:pointer;user-select:none}
        .auth-check input{accent-color:var(--gold)}
        .auth-check span{line-height:1.4}
        .auth-agree{font-size:14px;margin-top:4px}
        .auth-agree a{color:var(--gold);text-decoration:none}
        .auth-agree a:hover{text-decoration:underline}
        .auth-forgot{color:var(--gold);text-decoration:none;font-size:15px}
        .auth-forgot:hover{text-decoration:underline}
        .auth-submit{padding:13px;background:linear-gradient(135deg,var(--gold),var(--gold-hover));color:var(--on-gold);border:none;border-radius:10px;font-size:15px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:transform .15s,box-shadow .2s,filter .2s}
        .auth-submit:hover{filter:brightness(1.08);box-shadow:0 6px 20px color-mix(in srgb,var(--gold) 35%,transparent)}
        .auth-submit:active{transform:scale(.98)}

        .auth-social{margin-top:24px}
        .auth-divider{position:relative;text-align:center;margin-bottom:18px}
        .auth-divider::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border)}
        .auth-divider span{position:relative;background:var(--bg-elev);padding:0 14px;font-size:14px;color:var(--text-dim)}
        .auth-social-btns{display:flex;justify-content:center;gap:14px}
        .auth-social-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}
        .auth-social-btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.08);border-color:var(--gold)}

        [data-theme="light"] .auth-modal-box{background:#ffffff;border-color:rgba(0,0,0,.1);box-shadow:0 20px 60px rgba(0,0,0,.18)}
        [data-theme="light"] .auth-close{background:rgba(0,0,0,.04);color:rgba(0,0,0,.5)}
        [data-theme="light"] .auth-close:hover{background:rgba(0,0,0,.08);color:#1a1a1a}
        [data-theme="light"] .auth-tabs{background:rgba(0,0,0,.04)}
        [data-theme="light"] .auth-tab.active{color:#fff}
        [data-theme="light"] .auth-field input{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.12);color:#1a1a1a}
        [data-theme="light"] .auth-field input::placeholder{color:rgba(0,0,0,.35)}
        [data-theme="light"] .auth-social-btn{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.1)}
        [data-theme="light"] .auth-social-btn:hover{background:rgba(0,0,0,.06)}
        [data-theme="light"] .auth-submit{color:#fff}

        @media(max-width:480px){
            .auth-modal-box{padding:28px 22px 24px;border-radius:16px}
            .auth-logo{font-size:20px}
            .auth-field input{padding:11px 12px;font-size:15px}
            .auth-submit{padding:12px;font-size:14px}
        }
                .search-input-wrap{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border)}
        .search-input-wrap svg{flex-shrink:0;color:var(--text-dim)}
        .search-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text);font-size:16px}
        .search-input::placeholder{color:var(--text-dim)}
        .search-submit{flex-shrink:0;padding:8px 20px;border-radius:6px;background:var(--gold);color:var(--on-gold);font-size:15px;transition:background var(--ease)}
        .search-submit:hover{background:var(--gold-hover)}
        .search-close{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-dim);transition:color var(--ease),background var(--ease)}
        .search-close:hover{color:#fff;background:rgba(255,255,255,.06)}

        .search-body{padding:20px 24px 24px;max-height:58vh;overflow-y:auto}
        .search-body::-webkit-scrollbar{width:4px}
        .search-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px}

        .search-section{margin-bottom:20px}
        .search-section-title{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:600;color:var(--text-sub);margin-bottom:12px;letter-spacing:.3px}
        .search-section-clear{font-size:14px;color:var(--text-dim);cursor:pointer;transition:color var(--ease);font-weight:400}
        .search-section-clear:hover{color:#fff}

        .hot-list{display:flex;flex-direction:column;gap:0}
        .hot-item{display:flex;align-items:center;gap:12px;padding:8px 4px;border-radius:6px;cursor:pointer;transition:background var(--ease)}
        .hot-item:hover{background:rgba(255,255,255,.04)}
        .hot-rank{flex:0 0 20px;font-weight:800;font-size:16px;color:var(--text-dim);font-style:italic;text-align:center}
        .hot-item:nth-child(1) .hot-rank{color:var(--red);font-size:20px}
        .hot-item:nth-child(2) .hot-rank{color:#ff6b35;font-size:18px}
        .hot-item:nth-child(3) .hot-rank{color:var(--gold);font-size:17px}
        .hot-text{flex:1;font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .hot-score{flex-shrink:0;font-size:14px;color:var(--text-dim)}
        .hot-tag{flex-shrink:0;padding:1px 6px;border-radius:3px;font-size:12px;font-weight:600}
        .hot-tag.new{background:rgba(231,76,60,.15);color:var(--red)}
        .hot-tag.hot{background:rgba(212,162,76,.15);color:var(--gold)}

        .history-list{display:flex;flex-wrap:wrap;gap:8px}
        .history-tag{
            display:inline-flex;align-items:center;gap:6px;
            padding:6px 14px;border-radius:16px;
            background:rgba(255,255,255,.06);border:1px solid var(--border);
            font-size:15px;color:var(--text-sub);cursor:pointer;
            transition:all var(--ease);
        }
        .history-tag-del{font-size:16px;color:var(--text-dim);transition:color var(--ease)}
        .history-empty{font-size:15px;color:var(--text-dim);padding:8px 0}
        .history-loading{font-size:14px;color:var(--text-dim);padding:4px 0}

        .suggest-list{display:flex;flex-wrap:wrap;gap:8px}
        .suggest-tag{padding:6px 14px;border-radius:16px;background:rgba(255,255,255,.04);font-size:15px;color:var(--text-sub);cursor:pointer;transition:all var(--ease)}
        
        @media (hover:hover){
            .history-tag:hover{color:#fff;border-color:rgba(212,162,76,.4);background:rgba(212,162,76,.08)}
            .history-tag:hover .history-tag-del{color:var(--red)}
            .suggest-tag:hover{color:#fff;background:rgba(212,162,76,.1);border-color:rgba(212,162,76,.4)}
        }
        
        [data-theme="light"] .history-tag:hover{color:var(--gold-hover);background:color-mix(in srgb,var(--gold) 8%,transparent)}
        [data-theme="light"] .history-tag:hover .history-tag-del{color:var(--red)}
        [data-theme="light"] .suggest-tag:hover{color:var(--gold-hover);background:color-mix(in srgb,var(--gold) 8%,transparent)}

        .msg-box,.jump-wrap,.notfound-box{
            position:fixed;inset:0;display:flex;flex-direction:column;
            align-items:center;justify-content:center;gap:14px;
            background:var(--bg);color:var(--text);padding:24px;text-align:center;
        }
        .msg-icon,.jump-icon,.notfound-code{font-size:52px;line-height:1}
        .notfound-code{font-weight:900;color:var(--gold);letter-spacing:2px}
        .msg-title,.jump-title{font-size:20px;font-weight:700}
        .msg-text,.jump-msg,.notfound-txt{font-size:14px;color:var(--text-sub);max-width:420px;line-height:1.7}
        .jump-url{font-size:15px;color:var(--text-dim)}
        .jump-url b{color:var(--red);font-size:16px;margin:0 2px}
        .msg-link,.jump-link,.notfound-link{
            display:inline-block;padding:9px 26px;border-radius:20px;
            background:var(--gold);color:var(--on-gold);font-size:14px;font-weight:600;
            text-decoration:none;border:1px solid var(--gold);cursor:pointer;
            font-family:var(--font-ui);transition:background var(--ease),color var(--ease),border-color var(--ease);
        }
        .msg-link:hover,.jump-link:hover,.notfound-link:hover{background:var(--gold-hover)}
        
        .msg-ops{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
        
        .msg-link-ghost{
            background:transparent;color:var(--text-sub);border-color:var(--border);
        }
        .msg-link-ghost:hover{color:var(--on-gold);background:var(--gold);border-color:var(--gold)}
        
        [data-theme="light"] .msg-icon,[data-theme="light"] .jump-icon{filter:none}
        [data-theme="light"] .msg-text,[data-theme="light"] .jump-msg,[data-theme="light"] .notfound-txt{color:rgba(0,0,0,.6)}
        [data-theme="light"] .jump-url{color:rgba(0,0,0,.4)}
        
        [data-theme="light"] .msg-link-ghost{background:transparent;color:rgba(0,0,0,.6);border-color:rgba(0,0,0,.14)}
        [data-theme="light"] .msg-link-ghost:hover{color:var(--on-gold);background:var(--gold);border-color:var(--gold)}

        .verify-box{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg);color:var(--text);padding:24px;text-align:center}
        .verify-lock{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--gold)}
        .verify-form{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:8px;width:100%;max-width:300px}
        .verify-row{display:flex;align-items:stretch;gap:10px;width:100%}
        .verify-input{flex:1;min-width:0;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:rgba(255,255,255,.05);color:var(--text);font-size:16px;outline:none;text-align:center;letter-spacing:3px}
        .verify-input:focus{border-color:var(--gold)}
        .verify-img{height:42px;border-radius:8px;border:1px solid var(--border);cursor:pointer;flex-shrink:0}
        .verify-btn{width:100%;padding:11px 0;border-radius:22px;background:var(--gold);color:var(--on-gold);font-size:16px;font-weight:600;cursor:pointer;transition:background var(--ease)}
        .verify-btn:hover{background:var(--gold-hover)}
        .verify-tip{font-size:14px;color:var(--red);min-height:16px}
        .verify-back{font-size:15px;color:var(--text-dim);text-decoration:none}
        [data-theme="light"] .verify-lock{background:rgba(0,0,0,.04)}
        [data-theme="light"] .verify-input{background:#fff}

        .mac-paging{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;padding:28px 0 36px}
        .mac-paging .page{display:flex;align-items:center;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}
        .mac-paging .page li{display:flex}
        .mac-paging .page a{
            display:inline-flex;align-items:center;justify-content:center;
            min-width:34px;height:34px;padding:0 10px;border-radius:8px;
            background:rgba(255,255,255,.04);border:1px solid var(--border);
            font-size:15px;color:var(--text-sub);text-decoration:none;transition:all var(--ease);
        }
        .mac-paging .page a:hover{color:#fff;border-color:var(--gold)}
        .mac-paging .page li.active a{background:var(--gold);color:var(--on-gold);border-color:var(--gold);font-weight:600}
        .mac-paging .page a.btns_disad{opacity:.4;pointer-events:none}
        .mac-paging .page-tip{font-size:14px;color:var(--text-dim)}
        
        [data-theme="light"] .mac-paging .page a{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);color:rgba(0,0,0,.6)}
        [data-theme="light"] .mac-paging .page a:hover{color:var(--gold);border-color:var(--gold)}
        [data-theme="light"] .mac-paging .page li.active a{background:var(--gold);color:#fff;border-color:var(--gold)}

        .no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 20px;text-align:center}
        .no-data-icon{font-size:44px;opacity:.5}
        .no-data-txt{font-size:16px;color:var(--text-dim)}

        .browser-box{
            position:fixed;inset:0;display:flex;flex-direction:column;
            align-items:center;justify-content:center;gap:16px;
            background:var(--bg);color:var(--text);padding:24px;text-align:center;
        }
        .browser-icon{font-size:56px;line-height:1}
        .browser-title{font-size:20px;font-weight:700}
        .browser-txt{font-size:16px;color:var(--text-sub);max-width:420px;line-height:1.8}
        .browser-url{
            font-size:14px;color:var(--text-dim);word-break:break-all;
            max-width:90%;padding:8px 14px;border-radius:8px;
            background:rgba(255,255,255,.05);border:1px solid var(--border);
        }
        .browser-copy{
            padding:9px 30px;border-radius:20px;
            background:var(--gold);color:var(--on-gold);font-size:16px;font-weight:600;
            cursor:pointer;transition:background var(--ease);border:none;
        }
        .browser-copy:hover{background:var(--gold-hover)}
        [data-theme="light"] .browser-txt{color:rgba(0,0,0,.6)}
        [data-theme="light"] .browser-url{color:rgba(0,0,0,.4);background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08)}