@charset "utf-8"; body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0} a{text-decoration:none} html{overflow-y:scroll} body{font:14px/100% 'Microsoft YaHei',微软雅黑,Verdana,arial,simsun,georgia,verdana,helvetica,sans-serif;transition:background-color .3s ease,color .3s ease} a{color:#222} a.ms{font-family:"Microsoft YaHei"} a:hover{text-decoration:underline;color:#e00} img{border:0} ul li{text-align:center;list-style:none} p a:hover,span a:hover{color:red} :root { --c-bg: #fff; --c-surface: #fff; --c-surface-alt: #fafbfc; --c-text: #444; --c-text-heavy: #1a1a1a; --c-text-mid: #666; --c-text-dim: #999; --c-text-muted: #bbb; --c-border: #f0f0f0; --c-border-light: #eee; --c-border-input: #e0e0e0; --c-shadow: 0 8px 30px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.06); --c-hover: rgba(0,0,0,.03); --c-accent-bg: rgba(86,140,154,.06); } .clearfix:after{content:".";font-size:0;clear:both;height:0;visibility:hidden;display:block} .clearfix{zoom:1} .line{clear:both;display:block;margin:0;height:20px;overflow:hidden} .kill{height:0;overflow:hidden;display:block;clear:both} .sp05{height:5px} .sp10{height:10px} .fleft{float:left} .fright{float:right} .dhide{display:none} .ant{transition:all .3s ease-in-out} .thin-scroll::-webkit-scrollbar{width:4px} .thin-scroll::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px} .thin-scroll-mini::-webkit-scrollbar{width:3px} .thin-scroll-mini::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px} .twoline{border-width:1px 0;border-color:#ddd;border-style:solid;height:1px;overflow:hidden} .twoline2{background:var(--c-surface)} .twoline3{margin:0 auto;border-bottom:1px solid var(--c-surface);height:0} #meiyang{position:relative;z-index:1;opacity:0;visibility:hidden;transition:opacity .2s ease} #meiyang.initView{opacity:1;visibility:visible} #canvas{position:fixed;z-index:-1;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden} .kaka-width{width:1200px} #ly{margin:0 auto 13px;height:463px;position:relative;z-index:2} .meiyang-filter{position:absolute;top:-2px;left:0;width:100%;height:42px;z-index:1;background-color:rgba(255,255,255,.3);display:none} .meiyang-banner{margin:0 auto 10px auto;width:98%;border-bottom-left-radius:8px;border-bottom-right-radius:8px;font-size:12px;background:#f7f7f7;border-bottom:1px solid var(--c-text-mid);box-shadow:0 1px 20px rgba(0,0,0,.1)} .meiyang-banner .meiyang-inbanner{margin:0 auto;padding:0 1%;width:96%;height:40px;line-height:40px} .meiyang-banner a, .meiyang-banner b{padding:0 10px;cursor:pointer;color:#333;text-decoration:none;font-size:12px;font-weight:normal;height:40px;line-height:40px;transition:background-color .2s ease} .meiyang-banner a b{padding:0;background-color:transparent} .meiyang-banner a:hover, .meiyang-banner b:hover{border-radius:8px;color:#666} .meiyang-banner a:hover b, .meiyang-banner a b:hover{border-radius:8px;background-color:transparent} .meiyang-banner a{float:left} .banleft{float:left} .banleft span{display:block;height:24px;font-size:12px;line-height:24px;float:left} .banleft b{font-weight:normal} #weather{float:left;position:relative} #weather .wealist{line-height:40px;height:40px;white-space:nowrap;overflow:hidden} #weather .wealist p{float:left;width:0;opacity:0} #weather .wealist em{padding:0 5px} #weather .wealist:hover{display:block} #weather .wealist:hover p{width:300px;opacity:1} #weather.showing a.weabtn{color:#333;border-left:1px solid #afc5cf;border-right:1px solid #afc5cf;border-bottom:1px solid #fff;padding:2px 0 1px 13px;background-color:#fff;background-position:-346px 15px} .banright{float:right;position:relative;text-align:right;display:flex;align-items:center;height:40px} .banright em.ban-sep{font-style:normal;visibility:visible;color:#ddd;padding:0 6px;float:none;line-height:40px} .banright a,.banright em{float:left} .banright a#sethome span{visibility:hidden;font-family:'Microsoft YaHei'} .banright a#sethome:hover span{visibility:visible} .banright i.ico{width:1pc;height:1pc;position:relative;top:12px;float:left} .banright em{padding:0 2px} .ban-login-btn{display:inline-flex;align-items:center;gap:4px;color:#333;text-decoration:none;font-size:12px;padding:0 8px;height:40px;line-height:40px;transition:color .2s;cursor:pointer;float:none} .ban-login-btn:hover{color:var(--inter-accent,#568C9A)} .ban-login-btn svg{flex-shrink:0;opacity:.7;transition:opacity .2s} .ban-login-btn:hover svg{opacity:1} .ban-theme-btn{display:inline-flex;align-items:center;gap:4px;color:#333;text-decoration:none;font-size:12px;padding:0 8px;height:40px;line-height:40px;transition:color .2s;cursor:pointer;float:none} .ban-theme-btn:hover{color:var(--inter-accent,#568C9A)} .ban-theme-btn svg{flex-shrink:0;opacity:.7;transition:opacity .2s;color:var(--inter-accent,#568C9A)} .ban-theme-btn:hover svg{opacity:1} .member-entry{position:relative;display:inline-flex;align-items:center;height:40px;cursor:pointer;z-index:300;padding:0 8px} .member-entry:hover{color:var(--inter-accent,#568C9A)} .member-entry .me-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid rgba(0,0,0,.08);vertical-align:middle;margin-right:4px;flex-shrink:0} .member-entry .me-name{font-size:12px;color:#333;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle} .me-avatar-placeholder{width:24px;height:24px;border-radius:50%;background:var(--inter-accent,#888);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;vertical-align:middle;margin-right:4px;flex-shrink:0} .me-caret{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #999;margin-left:4px;transition:transform .2s;vertical-align:middle} .member-entry.open .me-caret{transform:rotate(180deg)} .member-dropdown{position:absolute;top:100%;right:0;margin-top:6px;min-width:230px;background:var(--c-surface);border-radius:10px;box-shadow:var(--c-shadow);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s,visibility 0s .2s,transform .2s;z-index:301;overflow:hidden;text-align:left} .member-entry.open .member-dropdown{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s,visibility 0s 0s,transform .2s} .member-dropdown-header{display:flex;align-items:center;gap:12px;padding:16px 16px 12px;background:var(--c-surface-alt);border-bottom:1px solid var(--c-border);cursor:pointer;transition:background .15s} .member-dropdown-header:hover{background:var(--c-accent-bg)} .member-dropdown-header .mdh-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--c-surface);box-shadow:0 1px 4px rgba(0,0,0,.1);flex-shrink:0} .member-dropdown-header .mdh-avatar-placeholder{width:44px;height:44px;border-radius:50%;background:var(--inter-accent,#888);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;flex-shrink:0;border:2px solid var(--c-surface);box-shadow:0 1px 4px rgba(0,0,0,.1)} .member-dropdown-header .mdh-info{flex:1;min-width:0} .member-dropdown-header .mdh-name{font-size:14px;font-weight:600;color:var(--c-text-heavy);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left} .member-dropdown-header .mdh-sign{font-size:11px;color:var(--c-text-dim);margin:3px 0 0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left} .member-dropdown-header .mdh-id{font-size:11px;color:var(--c-text-dim);margin:3px 0 0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left} .member-dropdown-header .mdh-binds{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px} .member-dropdown-header .mdh-bind{font-size:10px;padding:1px 7px;border-radius:3px;border:1px solid #f0f0f0;line-height:1.6;cursor:pointer;user-select:none;white-space:nowrap;transition:opacity .15s} .member-dropdown-header .mdh-bind:hover{opacity:.8} .member-dropdown-header .mdh-bind-ok{color:#52c41a;border-color:#d9f7be;background:#f6ffed} .member-dropdown-header .mdh-bind-no{color:#bbb;background:#fafafa} .member-dropdown-menu{display:flex;flex-direction:row;align-items:center;padding:8px 0} .member-dropdown-menu .md-item{display:flex;flex:1;align-items:center;justify-content:center;gap:8px;padding:9px 6px;font-size:13px;color:var(--c-text);text-decoration:none;transition:background .15s,color .15s;cursor:pointer;white-space:nowrap;box-sizing:border-box} .member-dropdown-menu .md-item:hover{background:var(--c-accent-bg);color:var(--inter-accent,#568C9A)} .member-dropdown-menu .md-item svg{flex-shrink:0;opacity:.65;transition:opacity .15s} .member-dropdown-menu .md-item:hover svg{opacity:1} .member-dropdown-divider{height:1px;background:var(--c-border);margin:4px 12px} .member-dropdown-menu .md-logout{color:var(--c-text-dim);font-size:12px} .member-dropdown-menu .md-logout:hover{color:#e55;background:rgba(238,85,85,.06)} .me-login-btn{cursor:pointer;color:#333;text-decoration:none;font-size:12px;font-weight:normal;padding:0 10px;height:40px;line-height:40px;transition:color .2s} .me-login-btn:hover{color:#666} .lp-overlay{position:fixed;top:0;left:0;right:0;height:100vh;background:rgba(0,0,0,.6);z-index:2147483647;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transform:translateZ(0);transition:opacity .25s,visibility 0s .25s} .lp-overlay.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s,visibility 0s 0s} .lp-box{position:relative;width:520px;max-width:94vw;max-height:92vh;background:var(--c-surface);border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.2),0 8px 24px rgba(0,0,0,.1);overflow:hidden;transform:translateY(24px) scale(.95);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column} .lp-overlay.show .lp-box{transform:translateY(0) scale(1)} .lp-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#999;transition:background .2s,color .2s,transform .2s;z-index:2;padding:0} .lp-close:hover{background:rgba(0,0,0,.06);color:#333;transform:rotate(90deg)} .lp-close:active{transform:rotate(90deg) scale(.9)} .lp-close svg{width:16px;height:16px;display:block} .lp-header{padding:32px 36px 12px;text-align:center} .lp-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 8px;letter-spacing:.5px} .lp-subtitle{font-size:13px;color:#999;margin:0 0 20px} .lp-tabs{display:flex;gap:0;border-bottom:2px solid #f0f0f0;margin:0 36px} .lp-tab{flex:1;text-align:center;padding:12px 0;font-size:14px;color:#999;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s;user-select:none;font-weight:500} .lp-tab.active{color:var(--inter-accent,#4a90d9);border-bottom-color:var(--inter-accent,#4a90d9)} .lp-tab:hover:not(.active){color:#555} .lp-body{padding:28px 36px 32px;overflow-y:auto;scrollbar-width:thin} .lp-form-group{margin-bottom:16px} .lp-input{width:100%;height:46px;padding:0 16px;border:1.5px solid #e8e8e8;border-radius:10px;font-size:14px;color:#333;background:#fafbfc;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;box-sizing:border-box} .lp-input:focus{border-color:var(--inter-accent,#4a90d9);background:#fff;box-shadow:0 0 0 3px rgba(74,144,217,.08)} .lp-input::placeholder{color:#c0c0c0} .lp-row{display:flex;gap:12px} .lp-row .lp-input{flex:1} .lp-sms-btn{flex-shrink:0;width:120px;height:46px;border:1.5px solid var(--inter-accent,#4a90d9);border-radius:10px;background:transparent;color:var(--inter-accent,#4a90d9);font-size:13px;font-weight:500;cursor:pointer;transition:background .2s,color .2s,opacity .2s;white-space:nowrap} .lp-sms-btn:hover:not(:disabled){background:var(--inter-accent,#4a90d9);color:#fff} .lp-sms-btn:disabled{border-color:#ddd;color:#bbb;cursor:not-allowed;opacity:.7} .lp-submit{display:block;width:100%;height:46px;border:none;border-radius:10px;background:var(--inter-accent,#4a90d9);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s,box-shadow .2s;margin-top:6px;letter-spacing:2px} .lp-submit:hover{opacity:.92;box-shadow:0 4px 16px rgba(74,144,217,.35)} .lp-submit:active{transform:scale(.98)} .lp-submit:disabled{opacity:.55;cursor:not-allowed;box-shadow:none} .lp-links{display:flex;justify-content:space-between;margin-top:16px;font-size:13px} .lp-links a{color:#999;text-decoration:none;cursor:pointer;transition:color .15s} .lp-links a:hover{color:var(--inter-accent,#4a90d9)} .lp-agree{display:flex;align-items:flex-start;gap:8px;margin-top:18px;font-size:12px;color:#aaa;line-height:1.6} .lp-agree input[type="checkbox"]{margin-top:3px;accent-color:var(--inter-accent,#4a90d9);width:14px;height:14px;cursor:pointer;flex-shrink:0} .lp-agree a{color:var(--inter-accent,#4a90d9);text-decoration:none;font-weight:500} .lp-agree a:hover{text-decoration:underline} .lp-msg{padding:10px 16px;border-radius:8px;font-size:13px;margin-bottom:14px;text-align:center;line-height:1.5;animation:lpMsgIn .25s ease} @keyframes lpMsgIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}} .lp-msg-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca} .lp-msg-ok{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0} #style{position:absolute;top:100%;right:-20px;margin-top:4px;background:var(--c-surface);border-radius:10px;box-shadow:var(--c-shadow);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s,visibility 0s .2s,transform .2s;z-index:99999;overflow:hidden;max-width:85px;text-align:left;color:var(--c-text);font-size:12px;line-height:normal;font-weight:normal} #style a,#style em{float:none} #style.vis{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s,visibility 0s 0s,transform .2s} .meiyang-top{position:relative;height:117px;margin:0 auto;z-index:250} .meiyang-top #tab{height:29px;position:absolute;bottom:-15px;right:31px;z-index:251} .meiyang-logo{float:left;height:103px;width:392px;position:relative} .meiyang-logo a.limga{display:block;cursor:pointer;} .meiyang-logo a.limga img{width:210px;display:block;margin:25px auto 0} .meiyang-logo a.limga svg{width:210px;display:block;margin:25px auto 0} .meiyang-logo a span{position:absolute;top:0;left:172px;width:47px;height:23px;display:block;opacity:0;background-position:-368px -72px;z-index:999} .meiyang-logo a.lwba{position:absolute;width:24px;height:20px;background-position:-286px -36px;top:57px;left:262px;display:none} .meiyang-logo a.lwba.on{display:block} .meiyang-logo a:hover span{opacity:1} #search{float:left;height:90px} #search{width:550px} #search{padding:10px 0 0;position:relative;z-index:252} #search #sbclass{height:25px;margin-bottom:-1px;position:absolute;top:0;left:0;z-index:1002;padding:0 0 0 35px;transform:translateY(0);opacity:1;visibility:visible;transition-delay:.3s} #search #sbclass a{float:left;color:#101010;cursor:pointer;padding:3px 1px 0 2px;display:block;height:21px;font-size:14px;line-height:20px;text-align:center;text-decoration:none} #search #sbclass a.cur{text-decoration:none;height:22px;padding:2px 0 0 1px} #search #sbclass a{width:45px} #search #sbclass div{float:left;width:60px;height:24px;position:relative;cursor:pointer} #search #sbclass div i{display:block;height:24px;width:39px;line-height:24px;text-align:center;color:rgba(0,0,0,.75)} #search #sbclass div p{position:absolute;top:26px;left:0;clear:both;background-color:#fff;visibility:hidden;opacity:0;height:0;border:1px solid transparent;width:157px;padding:2px 10px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.2)} #search #sbclass div i:hover{background-color:rgba(0,0,0,.05)} #search #sbclass div.showing p{visibility:visible;opacity:1;height:7pc;background-color:#fff} #search #sbclass div p a{display:block;width:48%;border-bottom:1px solid #eee;height:24px;line-height:24px;font-size:12px;cursor:pointer} #search #sbmain{position:relative;padding:24px 0 0} #search #sbmain #sbse{border:1px solid transparent;padding:1px 0 0 1.4px;position:relative;height:38px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.08)} #search #sbmain #sbse span{display:block;float:left;overflow:hidden} #search #sbmain #sbse span.sbsetext{position:relative;height:35px;width:447px} #search .sbsetext{border-top-left-radius:8px;border-bottom-left-radius:8px;border:1px solid} #search #sbmain #sbse span.sbsetext .se_text{position:absolute;font-size:14px;outline:0;padding:0 57px 0 10px;color:#161616;border:0;background-position:-1px -912px;font-family:verdana;height:35px;line-height:35px;width:380px;border-top-left-radius:8px;border-bottom-left-radius:8px} #search #sbmain #sbse span .se_button{border-top-right-radius:8px;border-bottom-right-radius:8px;width:6.1pc;text-align:center;font-size:14px;margin:0 0 0 -1px;cursor:pointer;height:100%;line-height:35px;outline:0;background-color:#f6f6f6} #search #sbmain #sbse span .se_button:hover{box-shadow:0 0 8px rgba(0,0,0,0.25) inset;outline:0} #search #sbmain #sugglist{border-radius:8px;position:absolute;top:42px;left:-1px;width:calc(100% - 6px);padding:3px;background-color:#fff;z-index:9} #search #sbmain #sugglist li{text-align:left} #search #sbmain #sugglist li a{display:block;font-size:14px;padding:0 8px;line-height:27px;color:#111} #search #sbmain #sugglist li a:hover,#search #sbmain #sugglist li.active a{border-radius:8px;text-decoration:none;background-color:#f6f6f6} #search #sbmain #sbsite{padding:7px 0 0 35px;line-height:12px} #search #sbmain #sbsite input{position:relative;left:-2px;top:2px} #search #sbmain #sbsite span{float:left;padding:5px 1pc 5px 15px;font-size:12px;position:relative;cursor:pointer} #search #sbmain #sbsite span i{position:absolute;left:0;opacity:.7;top:50%;margin-top:-6px;width:6px;height:6px;border-radius:6px;border:2px solid #ccc} #search #sbmain #sbsite span.cur i,#search #sbmain #sbsite span:hover i{opacity:.8} #search #sbmain #sbsite span b{font-weight:400} #search #sbmain #hotnews{position:absolute;border-radius:8px;left:-1px;top:42px;border:1px solid #666;z-index:201;background:#fff;display:none;padding:3px} #search #sbmain #hotnews ul{padding:0} #search #sbmain #hotnews ul li{text-align:left} #search #sbmain #hotnews ul li a{display:block;font-size:14px;padding:0 8px;line-height:27px;color:#111} #search #sbmain #hotnews ul li a em{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;font-style:normal;font-size:11px;color:#fff;border-radius:4px;margin-right:6px;vertical-align:middle;background:#bbb} #search #sbmain #hotnews ul li:nth-child(1) a em{background:#f06b6b} #search #sbmain #hotnews ul li:nth-child(2) a em{background:#ff9070} #search #sbmain #hotnews ul li:nth-child(3) a em{background:#ffa940} #search #sbmain #hotnews ul li a:hover{border-radius:8px;text-decoration:none;background-color:#f6f6f6} #tab{width:379px;display:flex;justify-content:flex-end;padding-right:8px} #tab .sdlide{width:8pc} #tab .tablan{width:160px} .sdlide{border:1px solid transparent;background:#fff;height:27px;display:block;text-align:center;position:relative;box-shadow:1px 1px 3px #ccc;cursor:pointer;transition:background .18s;flex-shrink:0} .sdlide a.lh{font-size:12px;line-height:27px;height:27px;font-weight:400;display:block;text-decoration:none;position:relative} .user-badge{display:inline-block;min-width:18px;height:18px;line-height:18px;border-radius:9px;background:#f44336;color:#fff;font-size:11px;text-align:center;padding:0 5px;margin-left:3px;vertical-align:middle} .sdlide a.lh em{display:none} .sdlide.tabuser{border-top-left-radius:8px;border-bottom-left-radius:8px;margin-left:-1px;background:#C2DDE4} .sdlide.tabcom{margin-left:-1px;background:#C2DDE4} .sdlide.tablan{border-top-right-radius:8px;border-bottom-right-radius:8px;margin-left:-1px;background:#C2DDE4} .sdlide.tabuser:hover,.sdlide.tabcom:hover,.sdlide.tablan:hover{background-image:linear-gradient(rgba(255,255,255,.20),rgba(255,255,255,.20))} .sdlide.tabuser.active,.sdlide.tabcom.active,.sdlide.tablan.active{background-image:linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.35))} .sdlide.active a.lh,.sdlide.active{color:var(--inter-accent,#568C9A);font-weight:600} .sdlide.tabuser.active{border-color:var(--inter-accent,#568C9A)} .sdlide.tablan.active{border-color:var(--inter-accent,#568C9A)} .sdlide.tabcom.active{border-color:var(--inter-accent,#568C9A)} .fav-panel{flex:1;display:flex;flex-direction:column;overflow:visible;min-height:0;position:relative} #right #inter .fav-header{display:flex;align-items:center;margin-bottom:5px;padding:0 0 4px 0;flex-shrink:0;border-bottom:1px solid #eee;gap:8px} #right #inter .fav-cats{display:flex;flex-wrap:nowrap;overflow-x:auto;flex:1;min-width:0;gap:0} #right #inter .fav-cats::-webkit-scrollbar{height:0;display:none} #right #inter .fav-cat{display:inline-flex;align-items:center;font-size:13px;color:#999;cursor:pointer;padding:9px 12px;line-height:normal;white-space:nowrap;margin-bottom:0;margin-right:0;position:relative;transition:color .18s;user-select:none} #right #inter .fav-cat:hover:not(.active){color:var(--inter-accent,#568C9A)} #right #inter .fav-cat.active{color:var(--inter-accent,#568C9A);font-weight:600;background:none} #right #inter .fav-cat.active::after{content:'';position:absolute;bottom:-1px;left:12px;right:12px;height:2px;background:var(--inter-accent,#568C9A);border-radius:1px} #right #inter .fav-cat-count{font-size:12px;color:#bbb;margin-left:2px} #right #inter .fav-cat.active .fav-cat-count{color:var(--inter-accent,#8ab4e0)} #right #inter .fav-right-group{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0} #right #inter .fav-sub-actions{display:flex;align-items:center;gap:8px;flex-shrink:0} #right #inter .fav-cat-mgr{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 10px;font-size:12px;color:#8a93a0;background:#fff;border:1px solid #e8e8e8;border-radius:6px;cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:all .2s} #right #inter .fav-cat-mgr:hover{color:#555;border-color:#d5d8dd;background:#f5f6f7} #right #inter .fav-cat-add{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 10px;font-size:12px;color:var(--inter-accent,#568C9A);background:transparent;border:1px solid var(--inter-accent,#568C9A);border-radius:6px;cursor:pointer;white-space:nowrap;box-sizing:border-box} #right #inter .fav-cat-add:hover{background:var(--inter-accent,#568C9A);color:#fff} #right #inter .fav-search-input{width:140px;height:24px;padding:0 10px;border:1px solid #e8e8e8;border-radius:6px;font-size:12px;color:#333;background:#fff;outline:none;box-sizing:border-box;transition:border-color .2s,width .2s} #right #inter .fav-search-input:focus{border-color:var(--inter-accent,#568C9A);background:#fff;width:170px} #right #inter .fav-search-input::placeholder{color:#c0c0c0} #right #inter .fav-grid{flex:1;overflow:visible;display:grid;grid-template-columns:repeat(4,1fr);gap:9px 4px;padding:2px 0;align-content:start;min-height:0} .fav-loading,.fav-empty{grid-column:1/-1;text-align:center;padding:40px 0;color:#bbb;font-size:13px} #right #inter .fav-card{position:relative;display:flex;align-items:center;padding:8px 10px;border-radius:6px;background:#f8f8f8;min-width:0} #right #inter .fav-card.open{z-index:10} #right #inter .fav-card:hover{background:#f9f9f9;box-shadow:inset 0 0 0 1px var(--inter-accent,#568C9A)} #right #inter .fav-card-link{display:flex;align-items:center;flex:1;min-width:0;text-decoration:none;color:inherit;cursor:pointer} #right #inter .fav-card-link:hover{text-decoration:none;color:inherit;} #right #inter .fav-card-handle{position:absolute;left:0;top:0;bottom:0;width:11px;display:flex;align-items:center;justify-content:center;cursor:grab;opacity:0;z-index:3;border-radius:6px 0 0 6px;transition:opacity .15s;user-select:none} #right #inter .fav-card-handle::before{content:'⋮⋮';font-size:12px;color:var(--inter-accent,#568C9A);line-height:1;letter-spacing:-1px} #right #inter .fav-card:hover .fav-card-handle{opacity:1} #right #inter .fav-card-handle:hover{background:rgba(86,140,154,.06)} #right #inter .fav-card-handle:active{cursor:grabbing} #right #inter .fav-card.dragging{opacity:.4} #right #inter .fav-card.drag-over::before{content:'';position:absolute;left:4px;right:4px;top:-3px;height:2px;background:var(--inter-accent,#568C9A);border-radius:1px;z-index:10;pointer-events:none} #right #inter .fav-card-icon{width:34px;height:34px;border-radius:6px;background:rgba(86,140,154,.1);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--inter-accent,#568C9A);flex-shrink:0;margin-right:8px;overflow:hidden;text-transform:uppercase} #right #inter .fav-card-icon img{width:100%;height:100%;object-fit:cover;border-radius:6px} #right #inter .fav-card-body{flex:1;min-width:0;overflow:hidden} #right #inter .fav-card-name{font-size:13px;color:#222;font-family:'Microsoft YaHei',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4} #right #inter .fav-card-url{font-size:11px;color:#bbb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px} #right #inter .fav-card-del{position:absolute;top:0px;right:0px;width:20px;height:20px;border-radius:3px;border:none;background:transparent;color:#ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;opacity:0;padding:0;line-height:1} #right #inter .fav-card:hover .fav-card-del{opacity:1} #right #inter .fav-card-del:hover{color:#e55;background:transparent} #right #inter .fav-card-cat{position:absolute;bottom:2px;right:2px;font-size:10px;color:#afafaf;background:transparent;padding:1px 5px;border-radius:3px;cursor:pointer;white-space:nowrap;max-width:56px;overflow:visible;text-overflow:ellipsis;z-index:5;line-height:1.6;display:inline-flex;align-items:center;float:none;width:auto;height:auto;margin:0} #right #inter .fav-card:hover .fav-card-cat{color:#888;background:#f1f1f1} #right #inter .fav-card-cat:hover{background:var(--inter-accent,#568C9A);color:#191919 !important} #right #inter .fav-card-cat-drop{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #e0e4e8;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.12);padding:4px 0;min-width:100px;z-index:999} #right #inter .fav-card-cat-drop.show{display:block} #right #inter .fav-card-cat-drop span{display:block;padding:6px 14px;font-size:12px;color:#555;cursor:pointer;white-space:nowrap;transition:background .1s,color .1s;float:none;width:auto;height:auto;margin:0} #right #inter .fav-card-cat-drop span:hover{background:rgba(86,140,154,.06);color:var(--inter-accent,#568C9A)} #right #inter .fav-card-cat-drop span.cat-sep{height:1px;padding:0;margin:4px 10px;background:#f0f0f0;cursor:default;pointer-events:none} #right #inter .fav-card-cat-drop span.cat-edit-fav{color:var(--inter-accent,#4a90d9);font-weight:500} #right #inter .fav-card-cat-drop span.cat-edit-fav:hover{background:rgba(86,140,154,.06);color:var(--inter-accent,#568C9A)} #right #inter .fav-card-cat-drop span.cat-new{color:var(--inter-accent,#4a90d9);border-bottom:1px solid #f0f0f0;margin-bottom:4px;padding-bottom:8px} #right #inter .fav-pager, #right #inter .inter-pager, #right #inter .note-pager{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 0 5px;flex-shrink:0} #right #inter .fav-pager .fp-btn, #right #inter .inter-pager .ip-btn, #right #inter .note-pager .fp-btn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 8px;border:1px solid #e0e4e8;border-radius:6px;background:#fff;color:#666;font-size:12px;cursor:pointer;transition:all .15s;user-select:none} #right #inter .fav-pager .fp-btn:hover:not(:disabled):not(.fp-active), #right #inter .inter-pager .ip-btn:hover:not(:disabled):not(.ip-active), #right #inter .note-pager .fp-btn:hover:not(:disabled):not(.fp-active){border-color:var(--inter-accent,#568C9A);color:var(--inter-accent,#568C9A);background:rgba(86,140,154,.04)} #right #inter .fav-pager .fp-btn:disabled, #right #inter .inter-pager .ip-btn:disabled, #right #inter .note-pager .fp-btn:disabled{opacity:.35;cursor:default} #right #inter .fav-pager .fp-btn.fp-active, #right #inter .inter-pager .ip-btn.ip-active, #right #inter .note-pager .fp-btn.fp-active{background:var(--inter-accent,#568C9A);color:#fff;border-color:var(--inter-accent,#568C9A);font-weight:600} #right #inter .fp-info, #right #inter .ip-info, #right #inter .note-pager .fp-info{font-size:11px;color:#aaa;margin:0 6px} #right #inter .fav-cat-mgr{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;color:#888;background:transparent;border:1px solid #e0e4e8;border-radius:14px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s} #right #inter .fav-cat-mgr:hover{background:#f5f5f5;color:#555;border-color:#ccc} #right #inter .cm-overlay{display:none;position:absolute;inset:0;z-index:50;background:rgba(255,255,255,.9);align-items:flex-start;justify-content:center;padding-top:40px} #right #inter .cm-overlay.show{display:flex} #right #inter .cm-box{width:540px;max-width:94%;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12);overflow:hidden;display:flex;flex-direction:column;max-height:80%} #right #inter .cm-title{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:15px;font-weight:700;color:#1a1a1a;border-bottom:1px solid #f0f0f0;flex-shrink:0} #right #inter .cm-close{width:28px;height:28px;border-radius:50%;border:none;background:transparent;cursor:pointer;font-size:18px;color:#aaa;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;padding:0;line-height:1} #right #inter .cm-close:hover{background:rgba(0,0,0,.06);color:#333} #right #inter .cm-body{flex:1;overflow-y:auto;padding:8px 12px;display:grid;grid-template-columns:1fr 1fr;gap:4px;scrollbar-width:thin} #right #inter .cm-row{display:flex;align-items:center;padding:8px 12px;border-radius:6px;transition:background .1s;gap:6px;cursor:default} #right #inter .cm-row:hover{background:#fafbfc} #right #inter .cm-row.dragging{opacity:.4;background:#f0f0f0} #right #inter .cm-row.drag-over{border-top:2px solid var(--inter-accent,#568C9A)} #right #inter .cm-handle{flex-shrink:0;width:16px;height:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:grab;color:#ccc;padding:0;border:none;background:transparent;opacity:0;transition:opacity .15s} #right #inter .cm-row:hover .cm-handle{opacity:1} #right #inter .cm-handle:active{cursor:grabbing} #right #inter .cm-handle i{display:block;width:12px;height:2px;border-radius:1px;background:currentColor} #right #inter .cm-name{flex:1;font-size:13px;color:#333;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #right #inter .cm-count{font-size:11px;color:#bbb;flex-shrink:0;min-width:36px;text-align:right} #right #inter .cm-btn{width:26px;height:26px;border-radius:5px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:background .12s,color .12s;padding:0;flex-shrink:0} #right #inter .cm-lock{background:transparent;color:#aaa} #right #inter .cm-lock:hover{background:rgba(0,0,0,.05);color:#555} #right #inter .cm-lock.cm-locked{color:var(--inter-accent,#4a90d9)} #right #inter .cm-lock.cm-locked:hover{background:rgba(74,144,217,.1);color:var(--inter-accent,#4a90d9)} #right #inter .cm-unlock{background:transparent;color:#e5a23b} #right #inter .cm-unlock:hover{background:rgba(229,162,59,.12);color:#d97706} #right #inter .fav-cat-lock-ic{display:inline-flex;align-items:center;justify-content:center;margin-right:5px;color:#b0b8c1;line-height:0;pointer-events:none} #right #inter .fav-cat-lock-ic svg{display:block} .um-toast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);background:rgba(28,28,32,.88);color:#fff;font-size:13px;line-height:1.5;padding:9px 18px;border-radius:8px;z-index:99999;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;box-shadow:0 4px 16px rgba(0,0,0,.18);white-space:nowrap;max-width:80vw;text-align:center} .um-toast.in-panel{position:absolute;max-width:60%} .um-toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)} #right #inter .cm-rename{background:transparent;color:#aaa} #right #inter .cm-rename:hover{background:var(--inter-accent,#568C9A);color:#fff} #right #inter .cm-del{background:transparent;color:#ccc} #right #inter .cm-del:hover{background:#fde8e8;color:#e55} #right #inter .cm-add{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:4px;margin:2px 0 8px;padding:10px;border:1.5px dashed #e0e4e8;border-radius:8px;background:transparent;color:#888;font-size:13px;cursor:pointer;transition:all .15s;width:100%;box-sizing:border-box} #right #inter .cm-add:hover{border-color:var(--inter-accent,#568C9A);color:var(--inter-accent,#568C9A);background:rgba(86,140,154,.04)} #right #inter .cm-actions{display:flex;justify-content:flex-end;padding:12px 20px;border-top:1px solid #f0f0f0;flex-shrink:0} #right #inter .cm-done{padding:7px 28px;border-radius:8px;border:none;background:var(--inter-accent,#568C9A);color:#fff;font-size:13px;cursor:pointer;transition:opacity .15s} #right #inter .cm-done:hover{opacity:.85} .note-panel{flex:1;display:flex;flex-direction:column;overflow:visible;min-height:0;position:relative} .note-sub-panels{flex:1;display:flex;flex-direction:column;min-height:0;overflow:visible} .note-header{display:flex;align-items:center;padding:0 0 10px 0;flex-shrink:0;gap:10px} .note-add-btn{display:inline-flex;align-items:center;padding:7px 18px;font-size:13px;color:#fff;background:var(--inter-accent,#4a90d9);border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .15s,box-shadow .15s} .note-add-btn:hover{opacity:.85;box-shadow:0 2px 6px rgba(86,140,154,.3)} .note-search{flex:1;display:flex;justify-content:flex-end} .note-search-input{width:180px;height:30px;padding:0 12px;border:1.5px solid #e8e8e8;border-radius:8px;font-size:12px;color:#333;background:#fafbfc;outline:none;box-sizing:border-box;transition:border-color .2s,width .2s} .note-search-input:focus{border-color:var(--inter-accent,#4a90d9);background:#fff;width:220px} .note-search-input::placeholder{color:#c0c0c0} .note-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;padding:2px 0;scrollbar-width:thin;align-content:start;grid-auto-rows:120px} .note-empty{grid-column:1/-1;text-align:center;padding:50px 0;color:#bbb;font-size:13px} .note-card{position:relative;display:flex;flex-direction:column;padding:10px 14px;border-radius:6px;min-height:80px;cursor:pointer;background:#fafbfc;border:1px solid #eee;border-left:2px solid #ddd} .note-card:hover{background:#f5f6f8;border-color:#d0d0d0} .note-card:hover .note-card-close{opacity:1} .note-card.c-yellow{border-left-color:#f0c040} .note-card.c-green{border-left-color:#73d13d} .note-card.c-blue{border-left-color:#40a9ff} .note-card.c-pink{border-left-color:#f759ab} .note-card-title{font-size:13px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px} .note-card-body{flex:1;font-size:12px;color:#999;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all} .note-card-time{font-size:10px;color:#bbb;margin-top:4px} .note-card-close{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:3px;border:none;background:transparent;color:#ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;opacity:0;transition:opacity .12s,color .12s;padding:0} .note-card-close:hover{color:#e55} .note-modal-colors{display:flex;gap:8px;margin-bottom:0px} .note-color-dot{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color .15s,transform .15s} .note-color-dot.active{border-color:#333;transform:scale(1.15)} .note-sub-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:0;position:relative;border-bottom:1px solid #eee;flex-shrink:0;margin-bottom:8px} .note-sub-tabs::-webkit-scrollbar{height:0;display:none} .note-sub-tabs a{display:inline-flex;align-items:center;padding:9px 18px;font-size:13px;color:#999;text-decoration:none;white-space:nowrap;flex-shrink:0;cursor:pointer;position:relative;transition:color .18s;user-select:none} .note-sub-tabs a:hover{color:var(--inter-accent,#568C9A)} .note-sub-tabs a.active{color:var(--inter-accent,#568C9A);font-weight:600} .note-sub-tabs a.active::after{content:'';position:absolute;bottom:-1px;left:12px;right:12px;height:2px;background:var(--inter-accent,#568C9A);border-radius:1px} .note-right-group{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0} .note-sub-actions{display:flex;align-items:center;gap:8px;flex-shrink:0} .note-sub-actions .note-add-btn{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 10px;font-size:12px;color:var(--inter-accent,#4a90d9);background:transparent;border:1px solid var(--inter-accent,#4a90d9);border-radius:6px;cursor:pointer;white-space:nowrap;box-sizing:border-box} .note-sub-actions .note-add-btn:hover{background:var(--inter-accent,#4a90d9);color:#fff} .note-sub-actions .note-search-input{width:140px;height:24px;padding:0 10px;border:1px solid #e8e8e8;border-radius:6px;font-size:12px;color:#333;background:#fff;outline:none;box-sizing:border-box;transition:border-color .2s,width .2s} .note-sub-actions .note-search-input:focus{border-color:var(--inter-accent,#568C9A);background:#fff;width:170px} .note-sub-actions .note-search-input::placeholder{color:#c0c0c0} .note-editor-panel{flex:1;display:flex;flex-direction:column;overflow:visible;min-height:0;position:relative} .note-editor-title{width:100%;height:34px;padding:0 12px;border:1.5px solid #e8e8e8;border-radius:8px 8px 0 0;font-size:14px;color:#333;background:#fafbfc;outline:none;box-sizing:border-box;font-family:inherit;transition:border-color .2s;margin:0} .note-editor-title:focus{border-color:var(--inter-accent,#4a90d9);background:#fff} .note-editor-title::placeholder{color:#bbb} .note-toolbar{display:flex;align-items:center;gap:2px;padding:2px 2px;background:#fafbfc;border:1px solid #e8e8e8;flex-shrink:0;flex-wrap:wrap} .note-toolbar button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;border-radius:5px;border:none;background:transparent;color:#666;font-size:13px;cursor:pointer;transition:background .12s,color .12s;padding:0;font-family:inherit;line-height:1} .note-toolbar button:hover{background:rgba(0,0,0,.06);color:#333} .note-toolbar button.active{background:var(--inter-accent,#568C9A);color:#fff} .note-toolbar button i{font-style:normal;display:inline-block} .note-toolbar-sep{width:1px;height:18px;background:#ddd;margin:0 4px;flex-shrink:0;display:inline-block} .note-editor-area{flex:0;min-height:285px!important;padding:8px;border-left:1.5px solid #e8e8e8;border-right:1.5px solid #e8e8e8;border-bottom:1.5px solid #e8e8e8;border-radius:0 0 8px 8px;font-size:14px;color:#333;line-height:1.6;outline:none;overflow-y:auto;background:#fff;transition:border-color .2s;word-break:break-all} .note-editor-area:empty::before{content:'在这里记录你的任何事，而不仅仅是想法...';color:#c0c0c0;pointer-events:none} .note-editor-area ul,.note-editor-area ol{padding-left:24px;margin:4px 0} .note-editor-area li{margin:2px 0;text-align:left;list-style:inherit} .note-editor-foot{display:flex;align-items:center;justify-content:space-between;padding:8px 0 0;flex-shrink:0;gap:8px;position:relative} .note-save-status{display:flex;flex-direction:column;gap:2px;color:#aaa;white-space:nowrap;min-width:160px;line-height:1.4} .note-save-status .ns-draft-line{color:#666;font-size:11px;line-height:1.4;transition:color .3s} .note-save-status .ns-draft-time{color:inherit;font-size:inherit;line-height:inherit} .note-save-status .ns-draft-hint{color:#999;font-size:11px;line-height:1.4} .note-save-status .ns-draft-line.saved{color:#16a34a} .note-save-status .ns-draft-line.saving{color:var(--inter-accent,#4a90d9)} .note-save-status .ns-sync-line{color:#bbb;font-size:11px;line-height:1.4;transition:color .3s} .note-save-status .ns-sync-line.synced{color:#2196F3} .note-save-status .ns-sync-line.error{color:#e74c3c} .note-save-status .ns-sync-line.idle{color:var(--inter-accent,#568C9A)} .note-save-status .ns-sync-line.countdown{color:var(--inter-accent,#568C9A)} .note-editor-actions{display:flex;gap:6px} .note-editor-actions button{padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;outline:none;transition:background .15s,opacity .15s;white-space:nowrap} .note-btn-sync{background:#fafafa;color:var(--inter-accent,#4a90d9);border:1px solid var(--inter-accent,#4a90d9)} .note-btn-sync:hover{background:var(--inter-accent,#4a90d9);color:#fff} .note-btn-sync:disabled{opacity:.5;cursor:not-allowed} .note-btn-clear{background:#f5f5f5;color:#888;border:none} .note-btn-clear:hover{background:#e8e8e8;color:#555} .note-btn-saveas{background:var(--inter-accent,#4a90d9);color:#fff;border:none} .note-btn-saveas:hover{opacity:.85} .note-btn-history{background:#fafafa;color:#888;border:1px solid #e0e0e0} .note-btn-history:hover{background:#f0f0f0;color:#555;border-color:#ccc} .note-history-drop{position:absolute;bottom:100%;right:0;margin-bottom:8px;width:450px;background:#fff;border:1px solid #e0e4e8;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:20;overflow:hidden} .nhd-title{padding:10px 14px;font-size:12px;color:#999;border-bottom:1px solid #f0f0f0;font-weight:500} .nhd-list{max-height:180px;overflow-y:auto;scrollbar-width:thin} .nhd-empty{padding:20px 14px;text-align:center;font-size:12px;color:#bbb} .nhd-item{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:12px;color:#555;border-bottom:1px solid #f8f8f8;transition:background .1s} .nhd-item:last-child{border-bottom:0} .nhd-item:hover{background:#fafbfc} .nhd-time{flex-shrink:0;color:#aaa;font-size:10px;min-width:75px} .nhd-preview{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;font-size:12px} .nhd-restore{flex-shrink:0;padding:2px 10px;border-radius:4px;border:1px solid var(--inter-accent,#4a90d9);background:transparent;color:var(--inter-accent,#4a90d9);font-size:11px;cursor:pointer;transition:background .12s,color .12s} .nhd-restore:hover{background:var(--inter-accent,#4a90d9);color:#fff} .note-list-panel{flex:1;display:flex;flex-direction:column;overflow:visible;min-height:0} .note-list-panel .note-header{display:flex;align-items:center;padding:0 0 10px 0;flex-shrink:0;gap:10px} .note-list-panel .note-add-btn{display:inline-flex;align-items:center;padding:7px 18px;font-size:13px;color:#fff;background:var(--inter-accent,#4a90d9);border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .15s,box-shadow .15s} .note-list-panel .note-add-btn:hover{opacity:.85;box-shadow:0 2px 6px rgba(86,140,154,.3)} .note-list-panel .note-search{flex:1;display:flex;justify-content:flex-end} .note-list-panel .note-search-input{width:180px;height:30px;padding:0 12px;border:1.5px solid #e8e8e8;border-radius:8px;font-size:12px;color:#333;background:#fafbfc;outline:none;box-sizing:border-box;transition:border-color .2s,width .2s} .note-list-panel .note-search-input:focus{border-color:var(--inter-accent,#4a90d9);background:#fff;width:220px} .note-list-panel .note-search-input::placeholder{color:#c0c0c0} .note-list-panel .note-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:2px 0;scrollbar-width:thin;align-content:start;grid-auto-rows:110px} .note-list-panel .note-empty{grid-column:1/-1;text-align:center;padding:50px 0;color:#bbb;font-size:13px} .note-lock-overlay{position:absolute;inset:0;background:rgba(255,255,255,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px} .note-lock-card{background:#fff;padding:36px 34px 30px;text-align:center;max-width:340px;width:88%} .note-lock-icon-wrap{width:60px;height:60px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(135deg,rgba(86,140,154,.1),rgba(86,140,154,.04));display:flex;align-items:center;justify-content:center} .note-lock-svg{color:var(--inter-accent,#4a90d9)} .note-lock-title{font-size:17px;font-weight:700;color:#1a1a1a;margin-bottom:5px;letter-spacing:.3px} .note-lock-desc{font-size:12.5px;color:#aaa;margin-bottom:20px} .note-lock-input-row{position:relative;width:100%;max-width:260px;margin:0 auto} .note-lock-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#c8ccd2;pointer-events:none;z-index:1;transition:color .25s} .note-lock-input-row:focus-within .note-lock-input-icon{color:var(--inter-accent,#4a90d9)} .note-lock-input{width:100%;height:44px;padding:0 44px 0 38px;border:1.5px solid #e8eaed;border-radius:12px;font-size:15px;color:#333;background:#f8f9fb;outline:none;box-sizing:border-box;text-align:center;letter-spacing:3px;transition:border-color .25s,box-shadow .25s,background .25s} .note-lock-input:focus{border-color:var(--inter-accent,#4a90d9);background:#fff;box-shadow:0 0 0 4px rgba(74,144,217,.07)} .note-lock-input::placeholder{color:#c8ccd2;letter-spacing:1px;font-size:13px} .note-lock-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;color:#c0c4cc;transition:color .15s,background .15s;user-select:none} .note-lock-eye:hover{color:#666;background:rgba(0,0,0,.04)} .note-lock-error{color:#e55;font-size:12px;margin-top:10px;min-height:18px;line-height:18px} .note-lock-actions{margin-top:18px;display:flex;gap:10px;justify-content:center;align-items:center} .note-lock-btn{padding:10px 30px;border-radius:10px;font-size:13.5px;font-weight:500;cursor:pointer;outline:none;border:1.5px solid #e8eaed;background:#fff;color:#777;transition:all .2s;white-space:nowrap} .note-lock-btn:hover{background:#f5f6f7;border-color:#d5d8dd;color:#444} .note-lock-btn.primary{background:var(--inter-accent,#4a90d9);color:#fff;border:none;box-shadow:0 2px 8px rgba(74,144,217,.22);font-weight:600} .note-lock-btn.primary:hover{opacity:.9;box-shadow:0 4px 16px rgba(74,144,217,.32);transform:translateY(-1px)} .note-lock-forgot{display:inline-block;margin-top:18px;font-size:11.5px;color:#c8ccd2;cursor:pointer;text-decoration:none;transition:color .15s} .note-lock-forgot:hover{color:#e55} .note-lock-clear{display:inline-block;margin-top:12px;font-size:11.5px;color:#c8ccd2;cursor:pointer;text-decoration:none;transition:color .15s} .note-lock-clear:hover{color:#e55} @keyframes noteShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}} .note-lock-input.shake{animation:noteShake .4s ease;border-color:#e55!important;box-shadow:0 0 0 4px rgba(238,85,85,.1)!important} .note-list-lock{display:none;align-items:center;justify-content:center;margin-right:5px;color:#b0b8c1;line-height:0;pointer-events:none} .note-list-lock svg{display:block} .note-lock-toggle{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:24px;padding:0 10px;border-radius:6px;border:1px solid #e8e8e8;background:#fff;color:#b0b8c1;cursor:pointer;transition:all .2s;flex-shrink:0;font-size:12px;white-space:nowrap;align-self:center;box-sizing:border-box} .note-lock-toggle:hover{background:#f5f6f7;border-color:#d5d8dd;color:#666} .note-lock-toggle .note-lock-text{line-height:1} .note-lock-toggle.is-locked{color:#e8850c;border-color:#f5d9b0} .note-lock-toggle.is-locked:hover{background:rgba(232,133,12,.08);border-color:#f5d9b0;color:#d97706} .note-card-encrypted{opacity:.75} .note-card-encrypted .note-card-body{color:#bbb;font-style:italic} .note-card-lock{display:inline-flex;align-items:center;gap:3px;color:var(--inter-accent,#4a90d9);font-style:normal} .note-card-lock svg{flex-shrink:0;vertical-align:middle} .note-encrypt-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:#888;cursor:pointer;margin-top:10px;user-select:none} .note-encrypt-toggle input[type="checkbox"]{width:16px;height:16px;cursor:pointer;accent-color:var(--inter-accent,#4a90d9)} .note-encrypt-pwd-row .um-input{width:100%;height:34px;padding:0 12px;border:1.5px solid #e8e8e8;border-radius:8px;font-size:13px;color:#333;background:#fafbfc;outline:none;box-sizing:border-box;transition:border-color .2s} .note-encrypt-pwd-row .um-input:focus{border-color:var(--inter-accent,#4a90d9);background:#fff} .user-panel{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-height:0;padding:0;scrollbar-width:thin;position:relative} .up-profile{display:flex;align-items:center;justify-content:space-between;padding:14px 0 12px;border-bottom:1px solid #f0f0f0;gap:12px} .up-profile-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0} .up-profile-avatar{width:44px;height:44px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden} .up-profile-avatar img{width:100%;height:100%;object-fit:cover} .up-profile-avatar .up-avatar-text{font-size:18px;font-weight:600;color:#999} .up-profile-info{flex:1;min-width:0} .up-profile-row1{display:flex;align-items:center;gap:6px;margin-bottom:4px} .up-profile-row2{display:flex;align-items:center;gap:8px} .up-profile-name{font-size:14px;font-weight:600;color:#222} .up-profile-name-row{display:none} .up-profile-id{font-size:11px;color:#aaa;white-space:nowrap} .up-profile-level{display:flex;align-items:center;gap:8px;margin-top:4px} .upl-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:10px;background:linear-gradient(135deg,#f5a623,#ff8c00);color:#fff;font-size:10px;font-weight:600} .upl-name{font-size:12px;color:#555;font-weight:500} .upl-progress{font-size:11px;color:#aaa} .up-bind-link{font-size:11px;color:var(--inter-accent,#4a90d9);text-decoration:none;cursor:pointer} .up-bind-link:hover{text-decoration:underline} .up-profile-right{display:flex;align-items:center;gap:8px;flex-shrink:0} .up-bind-item{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;border:1px solid #e8e8e8;color:#999;background:#fafafa;transition:all .15s;white-space:nowrap;min-height:15px;line-height:1} #right .up-profile-row1 .up-bind-item,#right .up-profile-row2 .up-bind-item{font-size:11px} #right .up-bind-item{display:inline-flex;float:none;height:auto;width:auto;padding:2px 8px;margin:0;line-height:1} .up-bind-item.up-bind-ok{color:#52c41a;border-color:#d9f7be;background:#f6ffed} .up-bind-item.up-bind-no{color:#bbb;border-color:#f0f0f0;background:#fafafa} .up-bind-item[data-bind]{cursor:pointer} .up-bind-item[data-bind]:hover{border-color:#4a90d9;color:#4a90d9} .oauth-bind{cursor:pointer;user-select:none} .oauth-bind:hover{opacity:.8} .up-bind-tag,.up-bind-card{display:none} .up-profile-logout{font-size:12px;color:#999;text-decoration:none;padding:4px 10px;border:1px solid #eee;border-radius:6px;transition:all .15s;flex-shrink:0} .up-profile-logout:hover{color:#e55;border-color:#fdd;background:#fff5f5;text-decoration:none} .up-tabs{display:flex;flex-wrap:nowrap;border-bottom:1px solid #eee;flex-shrink:0;margin-bottom:0} .up-tabs a{display:inline-flex;align-items:center;padding:9px 18px;font-size:13px;color:#999;text-decoration:none;white-space:nowrap;flex-shrink:0;cursor:pointer;position:relative;transition:color .18s;user-select:none} .up-tabs a:hover{color:var(--inter-accent,#4a90d9)} .up-tabs a.active{color:var(--inter-accent,#4a90d9);font-weight:600} .up-tabs a.active::after{content:'';position:absolute;bottom:-1px;left:12px;right:12px;height:2px;background:var(--inter-accent,#4a90d9);border-radius:1px} .up-panels{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding-top:10px} .up-panel-info,.up-panel-points{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin} .up-panel-info::-webkit-scrollbar,.up-panel-points::-webkit-scrollbar{width:3px} .up-panel-info::-webkit-scrollbar-thumb,.up-panel-points::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px} .up-promo-link{display:flex;align-items:center;gap:4px;margin-bottom:4px} .up-promo-prefix{flex-shrink:0;font-size:11px;color:#999;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .up-promo-code{flex:1;height:30px;padding:0 8px;border:1px solid #e8e8e8;border-radius:6px;font-size:12px;color:#333;background:#fff;outline:none;box-sizing:border-box;text-transform:uppercase;letter-spacing:.5px} .up-promo-code:focus{border-color:var(--inter-accent,#4a90d9);box-shadow:0 0 0 2px rgba(74,144,217,.12)} .up-promo-code[readonly]{background:#f5f5f5;color:#999;cursor:default;border-color:#e8e8e8} .up-promo-copy{flex-shrink:0;height:30px;padding:0 14px;border:none;border-radius:6px;background:var(--inter-accent,#4a90d9);color:#fff;font-size:12px;cursor:pointer;transition:opacity .15s} .up-promo-copy:hover{opacity:.85} .up-promo-hint{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:11px;color:#999;min-height:24px} .up-promo-hint b{color:#555;font-weight:500} .up-promo-save{flex-shrink:0;height:24px;padding:0 12px;border:none;border-radius:4px;background:#22c55e;color:#fff;font-size:11px;cursor:pointer;margin-left:8px;transition:opacity .15s} .up-promo-save:hover{opacity:.85} .up-promo-save:disabled{opacity:.5;cursor:not-allowed} .up-promo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px} .up-promo-item{display:flex;flex-direction:column;align-items:center;padding:8px 0;background:#fafbfc;border-radius:8px} .up-promo-num{font-size:15px;font-weight:600;color:#333;line-height:1.2} .up-promo-label{font-size:11px;color:#999;margin-top:3px} .up-detail-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 0 6px;cursor:pointer;font-size:12px;color:#999;transition:color .15s;user-select:none} .up-detail-toggle:hover{color:#555} .up-detail-arrow{font-size:16px;transform:rotate(90deg);transition:transform .2s;line-height:1} .up-detail-arrow.open{transform:rotate(-90deg)} .up-detail{padding-bottom:4px} .up-detail-tabs{display:flex;justify-content:center;gap:0;border-bottom:1px solid #f0f0f0;margin-bottom:6px} .up-detail-tab{padding:6px 14px;font-size:12px;color:#999;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;user-select:none} .up-detail-tab:hover{color:#555} .up-detail-tab.active{color:var(--inter-accent,#4a90d9);border-bottom-color:var(--inter-accent,#4a90d9);font-weight:500} .up-detail-list{overflow-y:auto;scrollbar-width:thin;flex:1;min-height:0} .up-detail-list::-webkit-scrollbar{width:3px} .up-detail-list::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px} .up-detail-row{display:flex;align-items:center;justify-content:space-between;padding:10px 8px;border-radius:6px;font-size:12px;transition:background .1s} .up-detail-row:hover{background:#f8f9fa} .up-detail-row:nth-child(even){background:#fafbfc} .up-detail-row:nth-child(even):hover{background:#f5f6f7} .up-detail-info{flex:1;min-width:0;color:#555} .up-detail-info b{color:#333;font-weight:500} .up-detail-time{flex-shrink:0;color:#bbb;font-size:12px;margin-left:8px} .up-detail-amount{flex-shrink:0;color:#52c41a;font-weight:500;font-size:12px;margin-left:8px} .up-amount-out{color:#e55} .up-detail-empty{text-align:center;padding:16px 0;font-size:12px;color:#ccc} .up-detail-pager{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 0 5px;flex-shrink:0} .up-pager-btn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 8px;border:1px solid #e0e4e8;border-radius:6px;background:#fff;color:#666;font-size:12px;cursor:pointer;transition:all .15s;user-select:none;line-height:1} .up-pager-btn:hover:not(:disabled):not(.up-active){border-color:var(--inter-accent,#4a90d9);color:var(--inter-accent,#4a90d9);background:rgba(86,140,154,.04)} .up-pager-btn:disabled{opacity:.35;cursor:default} .up-pager-btn.up-active{background:var(--inter-accent,#568C9A);color:#fff;border-color:var(--inter-accent,#568C9A);font-weight:600} .up-pager-info{font-size:11px;color:#999;min-width:40px;text-align:center} .up-security,.up-security-title,.up-security-tags{display:none} .up-promo-sec{padding:8px 0 8px;border-top:1px solid #f0f0f0} .ups-hd{display:flex;align-items:center;gap:6px;margin-bottom:4px} .ups-title{font-size:12px;color:#999;flex-shrink:0} .ups-url{font-size:11px;color:#bbb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0} .ups-url b{color:#555;font-weight:500} .ups-copy{flex-shrink:0;height:24px;padding:0 10px;border:none;border-radius:4px;background:var(--inter-accent,#4a90d9);color:#fff;font-size:11px;cursor:pointer;transition:opacity .15s} .ups-copy:hover{opacity:.85} .ups-input{flex:1.4;height:28px;padding:0 8px;border:1px solid #e8e8e8;border-radius:5px;font-size:11px;color:#333;background:#fff;outline:none;box-sizing:border-box;text-transform:uppercase;letter-spacing:.5px;min-width:0} .ups-input:focus{border-color:var(--inter-accent,#4a90d9)} .ups-input[readonly]{background:#f5f5f5;color:#999;cursor:default} .ups-save{flex-shrink:0;height:28px;padding:0 10px;border:none;border-radius:4px;background:#22c55e;color:#fff;font-size:11px;cursor:pointer;transition:opacity .15s} .ups-save:hover{opacity:.85} .ups-save:disabled{opacity:.5;cursor:not-allowed} .ups-hint{font-size:10px;color:#aaa;margin-bottom:2px;min-height:16px} .up-notify-sec{padding:6px 0 2px} .un-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;font-size:13px;cursor:pointer;margin-bottom:4px;transition:opacity .15s} .un-item:hover{opacity:.85} .un-icon{width:7px;height:7px;border-radius:50%;flex-shrink:0} .un-text{flex:1;line-height:1.4;font-size:12px} .un-text b{font-weight:600} .un-arrow{color:#bbb;font-size:14px;flex-shrink:0} .un-item.is-warn{background:#fff3e0;border:1px solid #ffb74d} .un-item.is-warn .un-text{color:#e65100} .un-item.is-ok{background:#e8f5e9;border:1px solid #81c784} .un-item.is-ok .un-text{color:#2e7d32} .un-item.is-err{background:#ffebee;border:1px solid #ef9a9a} .un-item.is-err .un-text{color:#c62828} .up-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 0 6px} .up-stat-card{display:flex;flex-direction:column;align-items:center;padding:10px 4px;background:#f8f9fb;border-radius:10px;border:1px solid #f0f0f0} .usc-num{font-size:18px;font-weight:700;color:#333;line-height:1.2} .usc-label{font-size:11px;color:#999;margin-top:4px} .up-panel-exchange{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden} .ue-level{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #f0f0f0} .ue-level-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:12px;background:linear-gradient(135deg,#f5a623,#ff8c00);color:#fff;font-size:11px;font-weight:600;white-space:nowrap} .ue-level-name{font-size:13px;color:#333;font-weight:500} .ue-level-points{font-size:11px;color:#999;margin-left:auto} .ue-cate-tabs{flex-shrink:0;display:flex;flex-wrap:wrap;gap:6px;padding:10px 0;border-bottom:1px solid #f0f0f0} .ue-cate-tab{padding:5px 14px;border-radius:14px;font-size:12px;color:#666;background:#f5f5f5;cursor:pointer;transition:all .15s;white-space:nowrap;user-select:none} .ue-cate-tab:hover{color:var(--inter-accent,#4a90d9);background:#eef5fc} .ue-cate-tab.active{background:var(--inter-accent,#4a90d9);color:#fff} .ue-item-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:5px 0;overflow-y:auto;scrollbar-width:thin;align-content:start} .ue-item-grid::-webkit-scrollbar{width:3px} .ue-item-grid::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px} .ue-item-card{background:#fff;border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s;border:1px solid #f0f0f0} .ue-item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)} .ue-item-cover{width:100%;height:90px;background:#edf0f3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect fill='%23ccd3db' x='18' y='28' width='28' height='28' rx='4'/%3E%3Crect fill='%23b3bcc5' x='15' y='20' width='34' height='14' rx='3'/%3E%3Cpath d='M15 22 L32 14 L49 22' stroke='%238b95a1' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3Crect fill='%23fff' opacity='.55' x='31' y='16' width='2' height='18' rx='1'/%3E%3Ccircle fill='%23fff' opacity='.45' cx='32' cy='12' r='4'/%3E%3C/svg%3E") center/64px auto no-repeat;position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding:6px} .ue-level-tag{display:inline-block;padding:2px 8px;border-radius:10px;background:rgba(74,144,217,.85);color:#fff;font-size:10px;font-weight:600} .ue-stock-tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600} .ue-stock-tag.sold{background:rgba(255,0,0,.75);color:#fff} .ue-stock-tag.low{background:rgba(255,140,0,.75);color:#fff} .ue-item-name{font-size:12px;color:#333;padding:6px 8px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ue-item-points{font-size:13px;color:var(--inter-accent,#4a90d9);font-weight:600;padding:0 8px 8px} .ue-item-pager{flex-shrink:0;display:flex;gap:6px;justify-content:center;padding:8px 0} .ud-cover{width:auto;height:180px;margin:-8px -18px 20px;background:#edf0f3 center/cover no-repeat;border-radius:10px 10px 0 0;position:relative} .ud-cover::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(transparent,rgba(0,0,0,.1));border-radius:0 0 10px 10px;pointer-events:none} .ud-cover-dft{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect fill='%23ccd3db' x='18' y='28' width='28' height='28' rx='4'/%3E%3Crect fill='%23b3bcc5' x='15' y='20' width='34' height='14' rx='3'/%3E%3Cpath d='M15 22 L32 14 L49 22' stroke='%238b95a1' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3Crect fill='%23fff' opacity='.55' x='31' y='16' width='2' height='18' rx='1'/%3E%3Ccircle fill='%23fff' opacity='.45' cx='32' cy='12' r='4'/%3E%3C/svg%3E");background-size:64px auto} .ud-name{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:8px;line-height:1.3} .ud-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px} .ud-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 12px;border-radius:12px;font-size:11px;font-weight:500} .ud-stock{background:#e8f5e9;color:#388e3c} .ud-sold{background:#ffebee;color:#d32f2f} .ud-level{background:#fff3e0;color:#e65100} .ud-virtual{background:#e3f2fd;color:#1565c0} .ud-physical{background:#f3e5f5;color:#7b1fa2} .ud-points{display:flex;align-items:baseline;gap:5px;padding:14px 18px;background:linear-gradient(135deg,rgba(74,144,217,.07),rgba(74,144,217,.03));border-radius:12px;border:1px solid rgba(74,144,217,.1);margin-bottom:14px} .ud-points b{font-size:28px;font-weight:700;color:var(--inter-accent,#4a90d9);line-height:1} .ud-points span{font-size:13px;color:#999} .ud-desc{font-size:13px;color:#555;line-height:1.8;word-break:break-word} .up-promo-card,.upc-top,.upc-label,.upc-link-row,.upc-url,.upc-copy,.upc-stats,.upc-stat,.ph-left,.ph-url,.ph-copy,.ph-right,.ph-stat,.ups-stats,.ups-stat,.ups-exchange-status{display:none} .up-panel-custom{flex:1;overflow-y:auto;scrollbar-width:thin} .up-panel-custom::-webkit-scrollbar{width:3px} .up-panel-custom::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px} .ut-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:4px 0} .ut-swatch{aspect-ratio:1;border-radius:12px;cursor:pointer;border:3px solid transparent;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative;display:flex;align-items:center;justify-content:center} .ut-swatch::after{content:attr(title);color:#fff;font-size:11px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3);opacity:0;transition:opacity .15s} .ut-swatch:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)} .ut-swatch:hover::after{opacity:1} .ut-swatch.active{border-color:#222;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(0,0,0,.25)} .meiyang-title,.meiyang-title h1{text-indent:19px;font-size:13px;line-height:25px;margin:0 0 5px;color:var(--inter-accent, #568C9A);font-weight:400} .meiyang-title a{color:#5c5c5c;font-weight:700;text-decoration:none;padding:0 2px} .oneborder{border-radius:8px;border:1px solid transparent} .twoborder{border-radius:8px;border:1.3px solid transparent} #left{left:0;top:0;position:absolute;box-shadow:1px 1px 2px rgba(0,0,0,.2)} #left #inleft{width:320px;height:460px;overflow-y:auto;overflow-x:hidden;padding:0;background:var(--c-surface);color:var(--c-text);font-size:13px;line-height:1.4;box-sizing:border-box} #right #inright{overflow:visible;padding:8px 0 0;background:var(--c-surface)} #left #inleft::-webkit-scrollbar{width:4px} #left #inleft::-webkit-scrollbar-track{background:transparent} #left #inleft::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px} #left #inleft::-webkit-scrollbar-thumb:hover{background:#bbb} .ls-search-wrapper{position:relative;margin:0 0 6px} .ls-search{display:flex;align-items:flex-start;padding:0 12px;min-height:36px;background:#fff;border-radius:4px;border:1px solid #e0e3e6;transition:border-color .15s} .ls-search:focus-within{border-color:var(--inter-accent,#568C9A)} .ls-search-ico{flex-shrink:0;margin-right:8px;margin-top:10px;opacity:.35} .ls-search-inp{flex:1;border:none;outline:none;background:transparent;font-size:12.5px;color:#333;line-height:1.55;font-family:'Microsoft YaHei',sans-serif;min-width:0;resize:none;overflow:hidden;padding:8px 0} .ls-search-inp::placeholder{color:#b8bcc2;font-size:12px} .ls-search-clr{flex-shrink:0;cursor:pointer;font-size:14px;color:#e55;background:#fff;border:1px solid #e8eaed;border-radius:4px;padding:1px 5px;margin-right:4px;margin-top:8px;height:22px;display:inline-flex;align-items:center;justify-content:center;transition:all .12s;user-select:none;box-sizing:border-box} .ls-search-clr:hover{color:#d11;border-color:#e55;background:#fef5f5} #inleft.ls-chat-open .ls-search-clr{display:inline-flex !important} #inleft.ls-chat-open .ls-quick-grid, #inleft.ls-chat-open .ls-tools, #inleft.ls-chat-open .ls-cats{display:none} .ls-search-history{flex-shrink:0;cursor:pointer;margin-right:4px;margin-top:8px;padding:1px 6px;color:#999;border:1px solid #e8eaed;border-radius:4px;background:#fff;transition:all .12s;user-select:none;display:inline-flex;align-items:center;justify-content:center;height:22px;box-sizing:border-box} .ls-search-history svg{vertical-align:middle} .ls-search-history:hover{color:var(--inter-accent,#568C9A);border-color:var(--inter-accent,#568C9A);background:#f5f9fb} .ls-search-history.active{color:var(--inter-accent,#568C9A);border-color:var(--inter-accent,#568C9A);background:#eef5f7} .ls-search-history-drop{display:none;position:absolute;top:100%;right:4px;margin-top:4px;width:300px;background:#fff;border:1px solid #e0e3e6;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:100} .ls-search-history-drop.show{display:block} .ls-search-history-drop .ls-ai-history-hd{font-size:11px;color:#a0a6ad;padding:8px 12px 4px} .ls-search-history-drop .ls-ai-history-empty{font-size:12px;color:#b0b6bd;padding:18px 12px;text-align:center} .ls-search-history-drop .ls-ai-history-item{display:flex;align-items:center;padding:6px 12px;cursor:pointer;transition:background .12s;gap:8px} .ls-search-history-drop .ls-ai-history-item:hover{background:#f5f7f8} .ls-search-history-drop .ls-ai-history-title{flex:1;min-width:0;font-size:12px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ls-search-history-drop .ls-ai-history-time{font-size:10px;color:#b0b6bd;white-space:nowrap} .ls-search-history-drop .ls-ai-history-del{flex-shrink:0;width:18px;height:18px;padding:0;border:none;border-radius:50%;background:transparent;font-size:13px;color:#c0c6cc;cursor:pointer;line-height:18px;text-align:center;transition:all .12s} .ls-search-history-drop .ls-ai-history-del:hover{background:#f5e6e6;color:#e55} .ls-ai-suggest{display:none;position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:25;background:#fff;border:1px solid #e8eaed;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.06);padding:3px} .ls-ai-suggest.show{display:block} .ls-ai-suggest-item{padding:0 10px;font-size:13px;color:#444;cursor:pointer;line-height:30px;border-radius:4px;transition:background .1s} .ls-ai-suggest-item:hover,.ls-ai-suggest-item.active{background:#f6f6f6;color:#333} #inleft{position:relative} .ls-ai-chat{position:absolute;top:70px;left:0;right:1px;bottom:0;background:var(--c-surface,#fff);z-index:20;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .2s} .ls-ai-chat.show{opacity:1;pointer-events:auto} .ls-ai-chat-body{flex:1 1 0;overflow-y:auto;padding:8px 14px 15px;min-height:0;text-align:left} .ls-ai-chat-body::-webkit-scrollbar{width:4px} .ls-ai-chat-body::-webkit-scrollbar-track{background:transparent} .ls-ai-chat-body::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px} .ls-ai-chat-body::-webkit-scrollbar-thumb:hover{background:#bbb} .ls-ai-chat-ft{flex-shrink:0;display:flex;align-items:stretch;gap:8px;padding:7px 14px 6px;font-size:10.5px;color:#c8ccd2;border-top:1px solid #f0f0f0} .ls-ai-chat-ft .ls-ai-reply-input{flex:1;min-width:0;min-height:30px;max-height:90px;padding:6px 10px;font-size:12.5px;line-height:18px;color:#333;background:#f7f7f8;border:1px solid #e5e5e5;border-radius:6px;resize:none;outline:none;box-sizing:border-box;transition:border-color .15s;font-family:inherit} .ls-ai-chat-ft .ls-ai-reply-input:focus{border-color:#aaa;background:#fff} .ls-ai-chat-ft .ls-ai-reply-input::placeholder{color:#bbb} .ls-ai-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c8ccd2;font-size:12px;gap:8px;user-select:none;padding:24px 0} .ls-ai-chat-empty svg{opacity:.2;width:44px;height:44px} .ls-ai-answer{font-size:13px;line-height:1.7;color:#333;word-break:break-word;text-align:left!important;padding:0 2px} .ls-ai-answer code{background:rgba(0,0,0,.06);padding:1px 5px;border-radius:3px;font-size:12px;font-family:Consolas,monospace} .ls-ai-answer pre{background:rgba(0,0,0,.04);padding:10px 12px;border-radius:5px;overflow-x:auto;margin:8px 0;font-size:12px;line-height:1.5} .ls-ai-answer pre code{background:none;padding:0} .ls-ai-answer ul,.ls-ai-answer ol{padding-left:18px;margin:6px 0;list-style:disc} .ls-ai-answer li{margin:3px 0;text-align:left!important} .ls-ai-answer strong{font-weight:600} .ls-ai-answer hr{border:none;border-top:1px solid rgba(0,0,0,.08);margin:10px 0} .ls-ai-chat-q{padding:6px 10px;margin:6px 0 6px auto;max-width:80%;background:#e8f4f8;border-radius:8px;font-size:12.5px;line-height:1.5;color:#333;word-break:break-word;text-align:left} .ls-ai-typing{display:flex;align-items:center;gap:4px;padding:4px 0} .ls-ai-typing span{width:6px;height:6px;border-radius:50%;background:#c8ccd2;animation:aiBounce 1.2s infinite ease-in-out} .ls-ai-typing span:nth-child(1){animation-delay:0s} .ls-ai-typing span:nth-child(2){animation-delay:.2s} .ls-ai-typing span:nth-child(3){animation-delay:.4s} @keyframes aiBounce{0%,80%,100%{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}} .ls-ai-typing .ls-ai-thinking-label{font-size:11px;color:#a0a6ad;margin-left:4px;width:auto;height:auto;border-radius:0;background:none;animation:none} .ls-ai-error{color:#d14} .ls-ai-btn{padding:2px 10px;border:1px solid #dde0e4;border-radius:4px;background:#fff;font-size:11px;color:#666;cursor:pointer;transition:all .15s;white-space:nowrap} .ls-ai-btn:hover{border-color:#bbb;color:#333} .ls-ai-btn-copy:hover{border-color:var(--inter-accent,#568C9A);color:var(--inter-accent,#568C9A)} .ls-ai-btn-save:hover{border-color:#4a9d6f;color:#4a9d6f} .ls-ai-btn-saved{color:#b0b6bd;border-color:#e4e6ea;cursor:default} .ls-ai-btn-saved:hover{color:#b0b6bd;border-color:#e4e6ea} .ls-ai-btn-stop:hover{border-color:#e55;color:#e55} .ls-ai-btn-retry:hover{border-color:#4a90d9;color:#4a90d9} .ls-ai-history-list{padding:0 14px 10px} .ls-ai-history-hd{font-size:11px;color:#a0a6ad;padding:6px 0 4px} .ls-ai-history-item{display:flex;align-items:center;padding:6px 8px;margin-bottom:2px;border-radius:6px;cursor:pointer;transition:background .12s;gap:8px} .ls-ai-history-item:hover{background:#f0f4f5} .ls-ai-history-title{flex:1;min-width:0;font-size:12px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ls-ai-history-time{font-size:10px;color:#b0b6bd;white-space:nowrap} .ls-ai-history-del{flex-shrink:0;width:18px;height:18px;padding:0;border:none;border-radius:50%;background:transparent;font-size:14px;color:#c0c6cc;cursor:pointer;line-height:18px;text-align:center;transition:all .12s} .ls-ai-history-del:hover{background:#f5e6e6;color:#e55} .ls-quick{padding:6px 14px 6px} .ls-quick-hd{display:flex;align-items:baseline;justify-content:space-between;padding:6px 2px 5px;font-size:13px;font-weight:600;color:var(--inter-accent,#568C9A)} .ls-quick-hint{font-weight:400;font-size:10px;color:#aaafb5} .ls-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px} .ls-card{display:flex;align-items:stretch;text-decoration:none;border:1px solid #e8eaed;border-radius:4px} .ls-card:hover{text-decoration:none;border-color:var(--inter-accent,#568C9A)} .ls-card-body{flex:1;padding:4px 4px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0} .ls-card-name{font-size:13px;color:#2c3e50;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ls-card:hover .ls-card-name{color:var(--inter-accent,#568C9A)} .ls-card.inside.active-nav{border-color:var(--inter-accent,#e23)} .ls-card.inside.active-nav .ls-card-name{color:var(--inter-accent,#e23);font-weight:700} .ls-card-sub{font-size:10.5px;color:#b0b6be;line-height:1.3;margin-top:1px} .ls-cats{padding:0 14px 4px} .ls-cats-hd{display:flex;align-items:baseline;gap:5px;padding:8px 2px 6px;font-size:13px;font-weight:600;color:var(--inter-accent,#568C9A)} .ls-cats-num{font-weight:400;font-size:9.5px;color:#c8ccd2} .ls-cats-list{display:flex;flex-wrap:wrap;gap:6px;padding:0 2px} .ls-cat{display:inline-flex;align-items:center;gap:2px;padding:4px 9px;font-size:13px;color:#3a4450;text-decoration:none;border:1px solid #e8eaed;border-radius:3px;white-space:nowrap} .ls-cat:hover{color:var(--inter-accent,#568C9A);text-decoration:none;border-color:var(--inter-accent,#568C9A)} .ls-cat.inside.active-nav{border-color:var(--inter-accent,#568C9A)} .ls-cat-dot{display:none} .ls-cat-cnt{font-size:10px;color:#c4c9d0;margin-left:auto;flex-shrink:0} .ls-cat-mark{font-size:9px;font-weight:600;padding:0 3px;flex-shrink:0} .ls-mark-ai{color:var(--inter-accent,#568C9A)} .ls-mark-deal{color:#e67e22} .ls-leaf-sep{width:82px;height:1px;background:#f3f3f3;margin:6px auto 0} .ls-leaf-row{display:flex;gap:5px;padding:6px 2px 0} .ls-leaf{display:flex;align-items:center;justify-content:center;text-decoration:none;padding:5px 7px;border:1px solid #e8eaed;border-radius:5px;transition:all .18s;overflow:hidden;flex:1;min-width:0} .ls-leaf:hover{text-decoration:none;border-color:var(--inter-accent,#568C9A);box-shadow:0 2px 8px rgba(0,0,0,.06)} .ls-leaf-name{font-size:12px;color:#3a4450;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ls-leaf:hover .ls-leaf-name{color:var(--inter-accent,#568C9A)} .ls-tools{padding:5px 14px 6px} .ls-tools-grid{display:flex;gap:5px} .ls-tool{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px 3px;text-decoration:none;color:#5a6270;font-size:11px;border:1px solid #e8eaed;border-radius:5px;transition:all .18s} .ls-tool:hover{background:#fcfcfc;color:var(--inter-accent,#568C9A);border-color:var(--inter-accent,#568C9A);text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.06)} .ls-tool:hover .ls-tool-ico{color:var(--inter-accent,#568C9A)} .ls-tool.active-nav{color:var(--inter-accent,#568C9A);border-color:var(--inter-accent,#568C9A);font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.08)} .ls-tool.active-nav .ls-tool-ico{color:var(--inter-accent,#568C9A)} .ls-tool-ico{width:18px;height:18px;margin-bottom:3px;color:#b0b6be;transition:all .18s;flex-shrink:0} .ls-tip{position:absolute;left:50%;top:auto;z-index:9999;background:var(--inter-accent,#568C9A);color:#fff;font-size:12px;line-height:1;padding:7px 12px;border-radius:6px;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.22);opacity:0;transform:translateY(5px);transition:opacity .18s ease, transform .18s ease;pointer-events:none;font-weight:500} .ls-tip.show{opacity:1;transform:translateY(0)} .ls-tip:after{content:'';position:absolute;left:var(--tip-arrow-x,50%);margin-left:-5px;top:100%;border:5px solid transparent;border-top-color:var(--inter-accent,#568C9A)} .ls-tip.below:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--inter-accent,#568C9A)} #right{position:absolute;z-index:1;top:0;right:0;height:460px;overflow:hidden;box-shadow:1px 1px 2px rgba(0,0,0,.2)} #right:has(.inter-drop[style*="display: block"]), #right:has(.inter-action:hover), #right:has(.fav-card-cat-drop.show){ overflow:visible !important; } #right #inright{width:856px;height:458px;position:relative;box-sizing:border-box} #right #inter{width:auto;height:100%;padding:10px 15px 0px 18px;background:0;box-sizing:border-box;} #right #inter .inter-body{display:flex;flex-direction:column;height:100%} #right #inter .inter-calc{width:100%;height:100%;border:none;display:block;border-radius:8px;overflow:hidden} #right #inter.showing-calc{padding:0} #right .meiyang-title{text-indent:23px;line-height:23px} #right .line{margin:0;height:18px} #right #sites span{display:block;float:left;height:29px;font-size:14px;line-height:29px;margin:0 10px 0 0;width:102px;padding:0 0 0 32px} #right #sites span a i{font-style:normal;padding:0 2px 0 0;font-family:'Microsoft YaHei'} #right #sites span strong{font-weight:400;padding:0 2px} #right #sites span.listitle{width:60px;padding:0 0 0 1.6pc;margin:0} #right #sites span.listitle a{color:#b9665b;font-size:12px;padding:0 15px 0 0;border-right:2px solid #f6f6f6} #right #sites span.listitle a b{padding:0 8px} #right #sites span.mailbor{background-position:-467px -359px} #right #sites span.listtopsite{position:relative;color:#cdcdcd;border-radius:5px;border:1px solid transparent } #right #sites span.listtopsite:hover{border:1px solid var(--inter-accent,#568C9A);} #right #sites span.icon{position:relative} #right #sites span.icon em{position:absolute;left:8px;top:6px;width:1pc;height:1pc;z-index:1;display:block;opacity:.9} #right .zdylan{height:28px;clear:both} #right #andbg{width:100px;height:20px;position:absolute;top:-1px;right:0;display:none} #right #sites span a:hover,#right #sites span a:hover b{color:red;text-decoration:none} #right #sites span a b{font-size:12px;font-weight:400} #m1,#m11,#m2,#m3,#m4,#m5,#m6,#m7,#m8,#m9{text-indent:16px;position:absolute;display:none;width:120px;top:27px;padding:3px 0;left:8px;z-index:100;overflow:hidden} #right #sites{padding:0;height:445px} #right #sites .inter-drop{display:none;position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);z-index:999;min-width:120px;max-width:220px;background:#fff;border:1px solid var(--inter-accent,#4a90d9);border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.04);padding:4px 0;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;transform-origin:top center} #right #sites .inter-drop.edge-right{left:auto;right:-4px;transform:none} #right #sites .inter-drop.edge-left{left:-4px;transform:none} #right #sites .inter-drop a{display:block;padding:2px 14px;font-size:13px!important;color:#333!important;white-space:nowrap!important;background:transparent!important;text-decoration:none!important;border-left:1px solid transparent;transition:background .12s} #right #sites .inter-drop a:hover{color:var(--inter-accent,#568C9A)!important;background:rgba(86,140,154,.05)!important;border-radius:30px;box-shadow:none!important;text-shadow:none!important} #right #sites span.bigsite::before{content:'';position:absolute;top:100%;left:0;right:0;height:8px;z-index:998} #right #sites .inter-drop-arrow{display:inline;float:none;height:auto;width:auto;margin:0 0 0 2px;padding:2px 3px;font-size:10px;color:#999;vertical-align:baseline;line-height:1;pointer-events:auto;cursor:pointer} #right #sites .inter-drop-arrow:hover{color:var(--inter-accent,#568C9A)} #right #inter .inter-drop-arrow{display:inline;float:none;height:auto;width:auto;margin:0 0 0 2px;padding:0;font-size:10px;color:#aaa;vertical-align:baseline;line-height:1;pointer-events:none} #live,#news,#tour{width:340px} #book,#enter,#movie{width:250px} #app,#game,#note{width:270px} #bottom .meiyang-bottom{height:75px;margin:0 auto} #bottom p{text-align:center;font-size:12px;height:28px;line-height:28px;color:#dfb76f} #bottom p a{padding:0 5px 0 4px;color:#3a3a3a} #bottom p a.ico{padding:3px 0 3px 20px} #local{margin:0 auto} #flink{padding:8px 0 0} #flink .kakabox-flink{font-size:13px;padding:5px 0;margin:0 auto} #flink .kakabox-flink .meiyang-title{padding:0 10px 0 0;text-indent:0;line-height:25px;height:25px;color:#000;font-weight:400;float:left} #flink .kakabox-flink .div{float:left} #flink .kakabox-flink span{line-height:25px;height:25px;display:block;overflow:hidden;color:#bbb} #flink .kakabox-flink span a{color:#454545;padding:0 9px} #flink .kakabox-flink .twoline{height:0;border-bottom:0} #pocket{margin:0 auto;position:relative;opacity:.95;} .inpocket{padding:10px 0 20px} .pocketbox,.pocketboxes{height:266px;width:870px} .pocketinner{margin:0 auto;position:relative} .inpocdiv{height:322px;overflow:hidden;position:relative;contain:layout style} .inpocdiv#funny{border-right:0 dashed #ddd} .inpocdiv h6{height:28px;color:#ccc;overflow:hidden} .inpocdiv h6 em{display:block;float:left;height:14px;width:1px;margin:0 12px;position:relative;top:2px} .inpocdiv h6 a{font-weight:400;font-size:14px;text-decoration:none;cursor:pointer;display:block;float:left;color:#999;height:18px;line-height:18px;padding:0 15px 0 12px;border-radius:1px;margin:0;overflow:hidden;position:relative;transition:none} .inpocdiv h6 a:after{content:'';position:absolute;left:0;top:0;width:3px;height:100%;background-color:#aaa;transform:scaleY(0);transition:transform .3s ease;border-radius:3px} .inpocdiv h6 a.curpocket{position:relative} .inpocdiv h6 a.curpocket:after{transform:scaleY(1)} .inpocdiv h6 a{line-height:18px} .inpocdiv ul{overflow:hidden} .inpocdiv ul li{height:29.08px;font-size:13px;line-height:29.08px;overflow:hidden;margin:0 10px 0 0;white-space:nowrap;text-overflow:ellipsis;text-align:left} .inpocdiv ul#newszone li{margin:0 10px 0 0} .inpocdiv ul li a{color:#111} .inpocdiv ul li a em{float:left;width:16px;height:16px;line-height:16px;text-align:center;font-style:normal;font-size:10px;color:#fff;border-radius:3px;margin:6px 5px 0 0;background:#ccc} .inpocdiv ul li:nth-child(1) a em{background:#f06b6b} .inpocdiv ul li:nth-child(2) a em{background:#ff9070} .inpocdiv ul li:nth-child(3) a em{background:#ffa940} .inpocdiv i{display:block;height:280px;width:20px;position:absolute;left:0;top:33px;background-image:none} #shine{float:right;margin:12px 15px 0 15px;width:17pc;height:85px;opacity:.8;display:table;border:0 solid #000} #shine ul li{height:85px;display:table-cell;vertical-align:middle;font-size:12px;line-height:18px} #shine ul li span{margin-left:4px} #quick .fl.quicker ul li,#shine ul li,.inpocdiv ul li{text-align:left} #quick,#quick .fl.quicker{position:relative} #bottom p a:hover,#flink span a:hover,.inpocdiv ul li a:hover{color:#e23;text-decoration:none} #mallad{border-radius:8px;position:relative;margin:0 auto 20px;border:1px solid #e2dcdd;background-color:#f6f6f6;background-image:linear-gradient(#f8f8f8,#f2f2f2);height:38px;box-shadow:0 1px 5px rgba(0,0,0,0.08);opacity:.9;} #mallad p{position:absolute;left:1px;top:0;display:block;height:38px;width:100%;text-align:center} #mallad p a{color:#999;font-size:12px;height:37px;display:inline-block;text-shadow:2px 2px 2px #fff;position:relative;padding:0 17px} #mallad em{position:absolute;top:-19px;left:242px;width:73px;height:23px;display:block;z-index:9;background-position:-25pc -412px} #mallad p a.active, #mallad p a:hover{text-decoration:none;color:#c63} #mallad p a.active span, #mallad p a:hover span{border-bottom:2px solid #dc9b75} #mallad p a span{display:block;line-height:37px;height:37px;vertical-align:middle} dd.tbBar a img{position:relative;top:6px} a.green{color:#49a261} a.red{color:#f70} a.yellow{color:#ff9a1a} a.green:hover,a.red:hover,a.yellow:hover{color:#e23;text-decoration:none} .app01{background-position:-97px -460px} .app02{background-position:-131px -460px} .app03{background-position:-170px -460px} .app04{background-position:-209px -460px} .app05{background-position:-248px -460px} .app06{background-position:-282px -460px} .app07{background-position:-313px -460px} .app08{background-position:-347px -460px} .app09{background-position:-390px -460px} .app10{background-position:-432px -460px} .app11{background-position:-476px -460px} .app12{background-position:-514px -460px} .app13{background-position:-548px -460px} .app14{background-position:-581px -460px} #right #sites span.icon .site-icon { position: absolute; left: 8px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; z-index: 1; } .nav-card-icon .site-icon { width: 18px; height: 18px; display: block; } #alphabg{width:100%;height:1200px;position:absolute;background-color:#666;background-color:rgba(0,0,0,.75);z-index:4998;opacity:.75;left:0;top:0} .fixbottom{width:100%;position:fixed;bottom:0} .inter-list{display:none;flex:1;min-height:0;overflow:visible;padding:0} .inter-list::-webkit-scrollbar{width:4px} .inter-list::-webkit-scrollbar-track{background:transparent} .inter-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px} .inter-list::-webkit-scrollbar-thumb:hover{background:#bbb} .inter-subtitle{font-weight:700;font-size:15px;color:#555;clear:both;padding:4px 0 8px 0;margin:0} .inter-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:0;position:relative;border-bottom:1px solid #eee} .inter-tabs::-webkit-scrollbar{height:0;display:none} .inter-tabs::after{content:'';position:sticky;right:0;top:0;bottom:0;min-width:36px;flex-shrink:0;background:linear-gradient(to right,transparent,#fff);pointer-events:none;opacity:0;transition:opacity .2s;z-index:1} .inter-tabs.can-scroll::after{opacity:1} .inter-tabs.at-end::after{opacity:0} .inter-tabs a{display:inline-flex;align-items:center;padding:9px 18px;font-size:14px;color:#999;text-decoration:none;white-space:nowrap;flex-shrink:0;min-width:28px;max-width:140px;overflow:hidden;text-overflow:ellipsis;justify-content:center;position:relative;transition:color .18s} .inter-tabs a:hover{color:var(--inter-accent,#568C9A)} .inter-tabs a.active{color:var(--inter-accent,#568C9A);font-weight:600} .inter-indicator{position:absolute;bottom:-1px;left:0;height:2px;background:var(--inter-accent,#568C9A);border-radius:1px;transition:transform .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:2} .inter-tabs[data-count="7"] a,.inter-tabs[data-count="8"] a,.inter-tabs[data-count="9"] a{padding:9px 13px;max-width:120px} .inter-tabs[data-count="10"] a,.inter-tabs[data-count="11"] a,.inter-tabs[data-count="12"] a{padding:8px 10px;max-width:110px} .inter-tabs[data-count="13"] a,.inter-tabs[data-count="14"] a,.inter-tabs[data-count="15"] a{padding:7px 8px;max-width:100px} .inter-tabs[data-count="16"] a,.inter-tabs[data-count="17"] a,.inter-tabs[data-count="18"] a,.inter-tabs[data-count="19"] a,.inter-tabs[data-count="20"] a{padding:6px 6px;max-width:90px;font-size:12px} .inter-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:6px 4px;padding:10px 0 14px 0} .inter-tabpanel{padding: 10px 0} #right #inter .inter-panel .inter-item{position:relative;display:flex;align-items:center;padding:9px 10px;border-radius:6px;background:#f8f8f8;min-width:0;transition:box-shadow .15s,background .15s} #right #inter .inter-panel .inter-item{z-index:1} #right #inter .inter-panel .inter-item:hover{background:#f9f9f9;box-shadow:inset 0 0 0 1px var(--inter-accent,#568C9A)} #right #inter .inter-panel .inter-item:has(.inter-action:hover){z-index:20} #right #inter .inter-card-link{display:flex;align-items:center;flex:1;min-width:0;text-decoration:none;color:inherit;cursor:pointer} #right #inter .inter-card-link:hover{text-decoration:none;color:inherit} #right #inter .inter-card-icon{width:34px;height:34px;border-radius:6px;background:rgba(86,140,154,.1);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--inter-accent,#568C9A);flex-shrink:0;margin-right:8px;overflow:hidden;text-transform:uppercase;line-height:normal} #right #inter .inter-card-body{flex:1;min-width:0;overflow:hidden;display:block} #right #inter .inter-card-name{font-size:13px;color:#222;font-family:'Microsoft YaHei',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;display:block} #right #inter .inter-card-url{font-size:11px;color:#bbb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;display:block;line-height:normal} #right #inter .inter-rating{margin-top:-10px;font-size:11px;color:#E8621A;white-space:nowrap;flex-shrink:0;margin-left:4px} #right #inter .inter-rating:hover{color:#e33} #right #inter .inter-action{position:absolute;bottom:2px;right:2px;font-size:11px;color:#afafaf;background:transparent;padding:1px 5px;border-radius:3px;cursor:pointer;white-space:nowrap;overflow:visible;z-index:1;line-height:1.6;display:inline-flex;align-items:center;float:none;width:auto;height:auto;margin:0;opacity:0} #right #inter .inter-item:hover .inter-action, #right #inter .inter-item:has(.inter-action:hover) .inter-action{opacity:1;color:#888;background:#f1f1f1} #right #inter .inter-action:hover{background:var(--inter-accent,#568C9A);color:var(--inter-accent,#568C9A) !important} #right #inter .inter-action-drop{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid var(--inter-accent,#4a90d9);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:4px 0;min-width:140px;z-index:999} #right #inter .inter-action:hover .inter-action-drop{display:block} #right #inter .inter-action:hover::before{content:'';position:absolute;top:100%;left:0;right:0;height:8px;z-index:12} #right #inter .inter-action-drop span, #right #inter .inter-action-drop a{display:flex;align-items:center;padding:6px 14px;font-size:12px;color:#555;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .1s,color .1s;float:none;width:auto;height:auto;margin:0} #right #inter .inter-action-drop span:hover, #right #inter .inter-action-drop a:hover{background:rgba(86,140,154,.06);color:var(--inter-accent,#568C9A);border-radius:30px;} #right #inter .inter-action-drop span.ia-fav{color:var(--inter-accent,#4a90d9);font-weight:500} #right #inter .inter-action-drop a::before, #right #inter .inter-action-drop span.ia-fav::before, #right #inter .inter-action-drop span.ia-detail::before{display:inline-block;width:18px;text-align:center;flex-shrink:0;font-size:12px;color:#aaa} #right #inter .inter-action-drop a::before{content:'↗'} #right #inter .inter-action-drop span.ia-fav::before{content:'★';color:var(--inter-accent,#4a90d9)} #right #inter .inter-action-drop span.ia-detail::before{content:'ℹ'} #right #inter .inter-action-drop a:hover::before, #right #inter .inter-action-drop span:hover::before{color:currentColor} #right #inter .inter-action-drop span.ia-sep{height:1px;padding:0;margin:4px 10px;background:#f0f0f0;cursor:default;pointer-events:none} .inter-loading{text-align:center;padding:40px 0;color:#999;font-size:14px} #left .inside.active-nav{color:var(--inter-accent,#e23)!important;font-weight:700} .global-footer{margin:40px auto 0;padding:20px 16px;text-align:center;font-size:12px;color:#aaa} .global-footer p{margin:4px 0} .global-footer a{color:#999;text-decoration:none} .global-footer a:hover{color:var(--inter-accent,#888);text-decoration:none} @media screen and (max-width:3840px) { .kaka-width{width:1350px} #left #inleft{width:375px} #search{width:620px} #search #sbmain #shtnews{left:479px} #search #sbclass a{width:60px;border-top-left-radius:5px;border-top-right-radius:5px} #search #sbclass div p{width:178px} #search #mosearch.showing ul{width:451px} #search #mosearch{width:618px} #search #sbmain #hotnews{width:612px} #savekeyipt,#search #sbmain #sbse span.sbsetext .se_text{width:450px} #search #sbmain #sbse span.sbsetext{width:517px} #right #inright{width:955px} .sdlide .slibox #ifrdiv{width:475px} #right #sites span{width:128px} #right #sites span strong{padding:0 6px} #right #inter{width:auto} #mallad{width:1350px} .pocketbox,.pocketboxes{width:980px} #live,#news,#tour{width:370px} #book,#enter,#movie{width:270px} } @media screen and (max-width:1286px) { .kaka-width{width:1140px} .meiyang-logo{width:318px} #left #inleft{width:305px} #search{width:510px} #search #sbmain #shtnews{left:369px} #search #sbclass a{width:41px} #search #sbclass div p{width:145px} #search #sbclass div p a{width:47%} #search #mosearch.showing ul{width:341px} #search #mosearch ul li{width:31%} #search #mosearch{width:508px} #search #sbmain #hotnews{width:508px} #savekeyipt,#search #sbmain #sbse span.sbsetext .se_text{width:340px} #search #sbmain #sbse span.sbsetext{width:407px} #right #inright{width:51.2pc} .sdlide .slibox #ifrdiv{width:395px} #right #sites span{width:102px} #right #sites span strong{padding:0 4px} #right #inter{width:auto} #mallad{width:1140px} #mallad p a{padding:0 13px} .pocketbox,.pocketboxes{width:980px} #live,#news,#tour{width:320px} #book,#enter,#movie{width:230px} } @media screen and (max-width:1025px) { .kaka-width{width:970px} #shine{display:none} .banright a#sethome{padding:0 7px 0 0} #weather .wealist p a{padding:0 3px} #weather .wealist:hover p{width:150px} .meiyang-logo{width:288px} .meiyang-logo a.limga img{left:63px} .meiyang-logo a.lwba{left:230px} #left #inleft{width:270px} #search{width:456px} #search #sbmain #shtnews{left:315px} #search #sbclass a{width:40px} #search #sbclass div{display:none} #search #mosearch.showing ul{width:286px} #search #mosearch ul li{width:31%} #search #mosearch{width:453px} #search #sbmain #hotnews{width:454px} #search #sbmain #sbsite span{padding:5px 8px 5px 15px} #savekeyipt,#search #sbmain #sbse span.sbsetext .se_text{width:286px} #search #sbmain #sbse span.sbsetext{width:353px} #right #inright{width:676px} #tab{width:294px} #tab .tablan{width:98px} .sdlide .slibox #ifrdiv{width:395px} #right #sites span{width:70px;overflow:hidden} #right #inter{width:auto} #right #sites span.listitle{width:55px} #right #sites span strong{padding:0} #mallad{width:970px} #mallad p a{padding:0 6px} .inpocdiv h6 a{padding:0 8px 0 10px} .pocketbox,.pocketboxes{width:980px} #live,#news,#tour{width:260px} #book,#enter,#movie{width:180px} #app,#game,#note{width:220px} } .um-overlay{position:fixed;top:0;left:0;right:0;height:100vh;background:rgba(0,0,0,.6);z-index:2147483646;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transform:translateZ(0);transition:opacity .25s,visibility 0s .25s} .um-overlay.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s,visibility 0s 0s} .um-box{position:relative;width:380px;max-width:92vw;max-height:88vh;background:var(--c-surface);border-radius:14px;box-shadow:0 16px 60px rgba(0,0,0,.18),0 4px 16px rgba(0,0,0,.08);overflow:hidden;transform:translateY(20px) scale(.96);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column} .um-overlay.show .um-box{transform:translateY(0) scale(1)} .um-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#aaa;transition:background .15s,color .15s,transform .15s;z-index:2;padding:0} .um-close:hover{background:rgba(0,0,0,.06);color:#333;transform:rotate(90deg)} .um-close svg{display:block;fill:currentColor} .um-title{padding:22px 28px 0;font-size:17px;font-weight:700;color:#1a1a1a;text-align:center;letter-spacing:.3px} .um-body{padding:20px 28px 24px;overflow-y:auto;scrollbar-width:thin} .um-msg{font-size:14px;color:#555;text-align:center;line-height:1.6;padding:6px 0} .um-field{margin-bottom:14px} .um-field:last-child{margin-bottom:0} .um-label{display:block;font-size:12.5px;color:#888;margin-bottom:6px;font-weight:500} .um-input{width:100%;height:44px;padding:0 14px;border:1.5px solid #e8e8e8;border-radius:10px;font-size:14px;color:#333;background:#fafbfc;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;box-sizing:border-box} .um-input:focus{border-color:var(--inter-accent,#4a90d9);background:#fff;box-shadow:0 0 0 3px rgba(74,144,217,.08)} .um-input::placeholder{color:#c4c4c4} .um-select{width:100%;height:44px;padding:0 12px;border:1.5px solid #e8e8e8;border-radius:10px;font-size:14px;color:#333;background:#fafbfc;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;box-sizing:border-box;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:34px} .um-select:focus{border-color:var(--inter-accent,#4a90d9);background:#fff;box-shadow:0 0 0 3px rgba(74,144,217,.08)} .um-actions{display:flex;justify-content:center;gap:10px;padding:0 28px 22px;flex-shrink:0;} .um-btn{padding:9px 26px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:background .15s,opacity .15s,transform .1s;outline:none;min-width:72px;text-align:center} .um-btn:active{transform:scale(.97)} .um-btn-cancel{background:#f3f4f6;color:#555} .um-btn-cancel:hover{background:#e5e7eb} .um-btn-primary{background:var(--inter-accent,#4a90d9);color:#fff} .um-btn-primary:hover{opacity:.9} .um-btn-danger{background:#e74c3c;color:#fff} .um-btn-danger:hover{opacity:.9} .um-avatar-row{display:flex;align-items:center;gap:14px} .um-avatar-btns{display:flex;align-items:center;gap:8px} .um-avatar-img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:1.5px solid #e8e8e8;background:#fafbfc;display:block} .um-btn-ghost{background:#fff;color:var(--inter-accent,#4a90d9);border:1.5px solid var(--inter-accent,#4a90d9);padding:7px 16px;min-width:auto} .um-btn-ghost:hover{background:rgba(74,144,217,.06)} .um-btn-ghost:disabled{opacity:.6;cursor:default} .um-bind-row{display:flex;align-items:center;gap:10px} .um-bind-row .um-input{flex:1;min-width:0} .um-bind-row .um-btn{flex-shrink:0;white-space:nowrap;height:44px;display:inline-flex;align-items:center;justify-content:center;padding-top:0;padding-bottom:0;box-sizing:border-box} .um-bind-val{flex:1;min-width:0;font-size:14px;color:#666;height:44px;line-height:44px;background:#fafbfc;border:1.5px solid #e8e8e8;border-radius:10px;padding:0 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box} .bd-err{display:none;font-size:12.5px;color:#e74c3c;line-height:1.6;margin-bottom:12px;padding:8px 12px;background:#fdecea;border:1px solid #f5c6c0;border-radius:8px} .bd-err.show{display:block} .bd-err.ok{color:#389e0d;background:#f6ffed;border-color:#d9f7be} .bd-tip{font-size:12.5px;color:#888;line-height:1.6;margin-bottom:12px;padding:8px 12px;background:#f5f7fa;border:1px solid #e8e8e8;border-radius:8px} .bd-old-radio{display:flex;flex-direction:column;gap:8px} .bd-old-radio label{display:flex;align-items:center;gap:8px;font-size:13px;color:#555;cursor:pointer;padding:9px 12px;border:1px solid #e8e8e8;border-radius:8px;background:#fafbfc;transition:border-color .15s,background .15s} .bd-old-radio label:hover{border-color:#c8d8ea;background:#f2f6fb} .bd-old-radio input[type=radio]{margin:0;accent-color:var(--inter-accent,#4a90d9);flex-shrink:0} .bd-old-radio input[type=radio]:checked~span{color:#333;font-weight:500} .lp-oauth{margin-top:18px;text-align:center;padding-top:16px;border-top:1px solid #eee} .lp-oauth-title{font-size:12px;color:#bbb;margin-bottom:12px;letter-spacing:1px} .lp-oauth-list{display:flex;justify-content:center;gap:12px;flex-wrap:wrap} .lp-oauth-btn{display:flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:18px;background:#fff;border:1px solid #ddd;font-size:13px;cursor:pointer;transition:transform .15s,box-shadow .2s} .lp-oauth-btn:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.08)} .lp-oauth-btn .site-icon{width:18px;height:18px;fill:currentColor;flex-shrink:0} .lp-oauth-wechat{border-color:#07c160;color:#07c160} .lp-oauth-qq{border-color:#12b7f5;color:#12b7f5} .lp-oauth-alipay{border-color:#1677ff;color:#1677ff} .lp-oauth-huawei{border-color:#c7000b;color:#c7000b} .lp-oauth-google{border-color:#4285f4;color:#4285f4} .lp-oauth-douyin{border-color:#161823;color:#161823} .lp-oauth-github{border-color:#24292f;color:#24292f} .lp-oauth-apple{border-color:#000;color:#000}