:root{font-family:Arial,'Microsoft YaHei',sans-serif;color:#363c46;font-size:13px;background:#f5f6f8;--accent:#fa7625}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:hover,a:hover{color:var(--accent)}.wrap{width:calc(100% - 64px);max-width:1360px;margin:auto}.utility{background:#f0f2f5;font-size:11px;color:#989ea7;border-bottom:1px solid #e8eaee}.utility>.wrap{height:31px;display:flex;align-items:center;gap:23px}#date{margin-left:auto}.utility button{font-size:11px}header{background:#fff;border-bottom:1px solid #e7eaf0}.head{display:flex;align-items:center;gap:30px;min-height:86px}.brand{font-weight:800;font-size:30px;letter-spacing:-1px;white-space:nowrap;color:#333}.brand b{color:var(--accent);font-style:italic;margin-left:3px}.brand small{display:block;font-size:10px;letter-spacing:3px;color:#969da6;font-weight:400;margin-top:4px}.head nav{display:flex;align-self:stretch;gap:26px;margin-left:20px}.head nav button{font-size:14px;font-weight:600;position:relative;white-space:nowrap}.head nav button.active{color:var(--accent);border-bottom:3px solid var(--accent)}.primary{background:var(--accent);color:white;padding:10px 17px;border-radius:4px;white-space:nowrap}.primary:hover{background:#e9691a;color:#fff}.head>.primary{margin-left:auto}.search-panel{max-width:820px;margin:auto;padding:25px 0 20px}#engines{display:flex;gap:27px;justify-content:center;white-space:nowrap;padding-bottom:14px}#engines button{padding:3px 0;font-size:13px}#engines .active{color:var(--accent);font-weight:600}#search-form{height:49px;border:2px solid var(--accent);border-radius:6px;background:#fff;display:flex;align-items:center;overflow:hidden}#search-form>span{font-size:28px;color:#aeb3bc;padding:0 15px}#search{border:0;outline:0;flex:1;min-width:0;font-size:14px}#search::placeholder{color:#aeb3bc}#search-form>button{height:100%;width:105px;background:var(--accent);color:#fff;font-size:15px}.hot{display:flex;align-items:center;gap:15px;font-size:11px;color:#a4a9b1;margin-top:12px}.hot button{font-size:11px;color:#8e959f}.hot>span{margin-left:auto;font-size:10px}.banners{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px}.banner{min-height:123px;display:flex;align-items:center;justify-content:space-between;border-radius:6px;padding:19px 25px;text-align:left;position:relative;overflow:hidden}.banner:after{content:'';position:absolute;right:-30px;top:-30px;width:140px;height:140px;border:24px solid #ffffff30;border-radius:50%}.orange{background:linear-gradient(110deg,#fff0de,#ffe1bc);color:#925323}.blue{background:linear-gradient(110deg,#e8f1ff,#d8e8ff);color:#456b9e}.purple{background:linear-gradient(110deg,#f0eaff,#e5dcf9);color:#76609d}.banner small{font-size:8px;letter-spacing:1.7px;opacity:.7}.banner h2{font-size:22px;margin:9px 0 10px}.banner p{font-size:11px;margin:0;opacity:.8}.banner i{font-style:normal;font-size:50px;opacity:.4}.timebar{margin:15px 0;padding:14px 18px;border:1px solid #e9ecf0;background:#fff;border-radius:5px;display:flex;gap:24px;align-items:center;font-size:11px}.timebar>b{white-space:nowrap;font-size:12px}#clocks{display:flex;gap:22px;flex-wrap:wrap;color:#9ba0a9}.clock b{font-size:11px;color:#596270;margin-left:8px;font-weight:400;font-variant-numeric:tabular-nums}.timebar>span{margin-left:auto;color:#b3b7be;font-size:10px}.workspace{display:grid;grid-template-columns:145px 1fr;gap:15px;align-items:start}aside,.quick-panel,.directory{background:#fff;border:1px solid #e9ecf0;border-radius:5px}aside{position:sticky;top:14px;padding:0 8px 14px}aside h3{font-size:13px;margin:18px 8px 12px}aside h3 span{float:right;color:#a9afb8}aside nav{display:grid;border-bottom:1px solid #f0f2f5;padding-bottom:8px;margin-bottom:7px}aside button{text-align:left;font-size:12px;padding:11px;display:block;width:100%;border-radius:4px;color:#747c88}aside nav button.active{background:#fff2e8;color:var(--accent)}aside nav button span{display:inline-block;width:22px;color:#a1a7b0}.content{min-width:0}.quick-panel{padding:0 20px 17px;margin-bottom:15px}.quick-panel h2{font-size:14px;font-weight:600;display:flex;align-items:center;gap:15px;height:48px;border-bottom:1px solid #f1f2f5;margin:0}.quick-panel h2 span{font-weight:400;color:#a9aeb7;font-size:10px}#quick-links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:19px 8px;padding-top:19px}#quick-links a{display:flex;align-items:center;gap:7px;font-size:12px}.quick-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:5px;background:#f4f5f8;color:var(--color);font-weight:700;font-size:12px}.directory-top{display:flex;align-items:center;justify-content:space-between;height:53px;padding:0 20px;border-bottom:1px solid #f0f2f5}.view-tabs{display:flex;gap:28px;height:100%}.view-tabs button{position:relative;padding:0;font-size:13px}.view-tabs button.active{color:var(--accent);font-weight:600;border-bottom:2px solid var(--accent)}#count{font-size:10px;color:#a5abb4}.group{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:15px 20px;border-bottom:1px solid #f0f2f5;scroll-margin-top:20px}.group:last-child{border:0}.group h2{font-size:12px;margin:9px 0;line-height:1.7;font-weight:600}.group h2 span{display:block;font-size:9px;color:#b0b5bd;font-weight:400;letter-spacing:.4px}.link-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px 9px}.link-item{position:relative;min-width:0;border-radius:4px;padding:9px 17px 9px 7px}.link-item:hover{background:#fff8f1}.link-item a{display:block;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.link-item a.featured{color:#ed762e}.link-item p{font-size:9px;color:#a3a9b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0 0}.star{position:absolute;right:0;top:6px;padding:2px;font-size:14px;color:#cdd2da;opacity:0}.link-item:hover .star,.star.selected,.star:focus-visible{opacity:1}.star.selected{color:#eea639}.remove{font-size:9px;color:#aaa;padding:4px 0 0}.bottom-tip{text-align:center;font-size:11px;color:#a1a8b2;padding:25px}.bottom-tip button{color:var(--accent);font-size:11px;margin-left:12px}footer{text-align:center;border-top:1px solid #e2e6ec;padding:26px 0 32px;font-size:10px;color:#a7adb6}footer .brand{font-size:20px;color:#7b8390}footer p{font-size:11px;letter-spacing:2px}.empty{text-align:center;line-height:1.8;color:#949ca8;padding:65px 20px}.search-summary{padding:14px 20px;background:#fffbf5;color:#9a785c;font-size:12px}dialog{border:1px solid #e2e5eb;border-radius:9px;padding:25px;width:420px;max-width:90%;box-shadow:0 20px 80px #2224}dialog::backdrop{background:#16233366}.dialog-title{display:flex;align-items:center;justify-content:space-between}.dialog-title h2{font-size:18px}.dialog-title button{font-size:25px}dialog label{display:block;font-size:12px;margin-top:16px}dialog input{display:block;width:100%;padding:11px;border:1px solid #dfe3e9;border-radius:4px;margin-top:7px;font-size:12px}dialog p{font-size:10px;color:#999;line-height:1.8}dialog .primary{width:100%;margin-top:10px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#333d4e;color:white;font-size:12px;padding:12px 23px;border-radius:5px;display:none;z-index:5}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:1150px){.wrap{width:calc(100% - 32px)}.head{gap:15px}.head nav{gap:15px;margin-left:0}.head nav button{font-size:12px}.link-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.timebar>span{display:none}#quick-links{grid-template-columns:repeat(4,minmax(0,1fr))}.banner{padding:17px}.banner h2{font-size:18px}.banner i{font-size:35px}#clocks{gap:15px}}@media(max-width:760px){.wrap{width:calc(100% - 24px)}.utility{font-size:9px}.utility>.wrap{gap:10px;height:27px}.utility button{font-size:9px}.head{flex-wrap:wrap;padding-top:15px;gap:14px}.brand{font-size:25px}.brand small{font-size:8px}.head>.primary{font-size:11px;padding:9px 11px}.head nav{order:3;overflow:auto;width:100%;height:42px;gap:22px}.head nav button{font-size:12px}.search-panel{padding:18px 0}#engines{gap:15px;justify-content:flex-start;overflow:auto;padding-bottom:12px}#engines button{font-size:11px}.hot{gap:8px;font-size:9px;white-space:nowrap}.hot button{font-size:9px;padding:0}.hot>span{display:none}#search-form{height:44px}#search-form>span{padding:0 10px}#search{font-size:12px}#search-form>button{width:72px;font-size:13px}.banners{grid-template-columns:1fr 1fr;gap:8px}.banner{min-height:96px;padding:14px}.banner h2{font-size:17px}.banner small{font-size:6px;letter-spacing:1px}.banner p{font-size:9px;line-height:1.5}.banner i,.banner.purple{display:none}.timebar{padding:12px;gap:12px;margin:11px 0}.timebar>b{font-size:10px}#clocks{gap:7px 14px;font-size:9px}.clock b{font-size:9px;margin-left:4px}.workspace{display:block}aside{position:static;padding:7px 6px;margin-bottom:10px}aside h3,aside>button{display:none}aside nav{display:flex;overflow:auto;padding:0;border:0;gap:2px;margin:0}aside nav button{white-space:nowrap;font-size:11px;padding:9px;width:auto}aside nav button span{display:none}.quick-panel{padding:0 12px 14px;margin-bottom:10px}#quick-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 5px}#quick-links a{font-size:10px;gap:5px}.quick-icon{width:20px;height:20px;font-size:10px}.quick-panel h2{height:42px;font-size:12px}.directory-top{padding:0 12px;height:45px}.view-tabs{gap:22px}.view-tabs button{font-size:12px}#count{font-size:9px}.group{display:block;padding:11px 10px}.group h2{margin:3px 0 9px;border-left:3px solid var(--accent);padding-left:7px}.group h2 span{display:inline;font-size:8px;margin-left:7px}.link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.link-item{padding:8px 13px 8px 4px}.link-item a{font-size:10px}.link-item p{font-size:8px}.star{opacity:1;font-size:12px;right:-2px}.bottom-tip{font-size:10px;padding:20px 5px}.bottom-tip button{font-size:10px;margin-left:5px}footer{font-size:9px;line-height:1.9}}
.hero-title{text-align:center;padding:5px 0 24px}.hero-title>span{font-size:9px;letter-spacing:2px;color:#b6a291}.hero-title h1{font-size:32px;letter-spacing:-.7px;color:#333a46;margin:13px 0}.hero-title h1 em{font-style:normal;color:var(--accent)}.hero-title p{font-size:12px;color:#9aa1ac;margin:0}.catalog-stats #stats{display:flex;align-items:center;gap:9px;color:#9198a4;font-size:11px}.catalog-stats #stats b{font-size:15px;color:#e67a36}.catalog-stats #stats i{height:12px;width:1px;background:#e8ebf0;margin:0 10px}.region-filters{display:flex;align-items:center;gap:11px;padding:14px 20px;border-bottom:1px solid #f0f2f5;font-size:11px}.region-filters>span{color:#9ca3af;margin-right:8px}.region-filters button{font-size:11px;padding:6px 11px;border-radius:4px;color:#7c8593}.region-filters button.active{background:#fff0e4;color:var(--accent)}.region-filters small{margin-left:auto;color:#b7bdc6;font-size:9px}.region-tag{display:inline-block;margin-top:8px;color:#929cb4;background:#f1f4f9;border-radius:3px;font-size:8px;padding:2px 5px}.region-tag.china{color:#b08d61;background:#faf3e9}.link-item{padding-top:13px;padding-bottom:13px}.star{opacity:1;color:#ccd2db;top:10px}.workspace aside{max-height:calc(100vh - 28px);overflow:auto}.workspace aside nav button{padding-top:10px;padding-bottom:10px}.workspace aside nav small{float:right;font-size:9px;color:#b9bdc5}.group h2 span{font-size:8px}.link-item p{line-height:1.6}.search-panel{padding-bottom:22px}.group h2{word-break:keep-all}.head .brand b,footer .brand b{font-style:normal;letter-spacing:0}.bottom-tip{padding:27px}#reset-all{color:var(--accent);margin-top:15px;font-size:12px}@media(max-width:760px){.hero-title{padding:6px 0 22px}.hero-title h1{font-size:23px}.hero-title>span{font-size:8px}.hero-title p{font-size:10px;line-height:1.8}.region-filters{gap:5px;padding:10px;font-size:10px}.region-filters>span{margin-right:3px}.region-filters button{font-size:10px;padding:6px 8px}.region-filters small{display:none}.catalog-stats #stats{gap:5px;font-size:9px}.catalog-stats #stats b{font-size:12px}.catalog-stats #stats i{margin:0 3px}.workspace aside{max-height:none}.workspace aside nav small{display:none}.banner p{font-size:8px}.hero-title h1{letter-spacing:-.6px}.region-tag{font-size:7px}.star{top:5px}.link-item{padding-top:10px;padding-bottom:10px}#engines{gap:18px}.group h2 span{font-size:7px}}
/* Large brand shortcuts: logo above label. */
#quick-links{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 20px;padding:23px 0 12px}
#quick-links a{flex-direction:column;justify-content:center;gap:13px;min-height:132px;padding:13px 8px 15px;border-radius:12px;transition:background .18s,transform .18s;color:#414956}
#quick-links a:hover{background:#fff7ef;transform:translateY(-3px);color:var(--accent)}
#quick-links .quick-icon{width:86px;height:86px;border-radius:22px;background:#f8f9fb;border:1px solid #edf0f4;display:grid;place-items:center;box-shadow:0 4px 13px #1f293705}
#quick-links .quick-icon img{display:block;width:64px;height:64px;object-fit:contain}
#quick-links .quick-name{font-size:14px;font-weight:500;line-height:1.5;text-align:center}
@media(max-width:1150px){#quick-links{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 8px}#quick-links .quick-icon{width:74px;height:74px;border-radius:19px}#quick-links .quick-icon img{width:55px;height:55px}#quick-links .quick-name{font-size:12px}}
@media(max-width:760px){#quick-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;padding:17px 0 3px}#quick-links a{min-height:116px;padding:9px 4px;gap:10px}#quick-links .quick-icon{width:70px;height:70px;border-radius:18px}#quick-links .quick-icon img{width:52px;height:52px}#quick-links .quick-name{font-size:12px}}