:root{--orange:#ee7439;--ink:#273346;--muted:#8a93a1;--line:#e8ebf0;--bg:#f4f5f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--bg);font:14px Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:3px}button{color:inherit}button,a{transition:background .15s,color .15s}button{border:0;background:transparent}h1,h2,h3,p{margin:0}h2{font-size:18px}img{object-fit:contain}.wrap{max-width:1440px;padding:0 30px;margin:auto}.topbar{background:#fff;border-bottom:1px solid var(--line);font-size:11px;color:#9299a5}.topbar .wrap{display:flex;justify-content:space-between;padding-top:9px;padding-bottom:9px}header{background:#fff;border-bottom:1px solid var(--line)}.header{display:flex;align-items:center;min-height:88px;gap:60px}.logo{font-size:26px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.logo span{color:var(--orange)}.logo small{font-size:10px;letter-spacing:1px;font-weight:400;color:#99a1ae;display:block;margin-top:5px}.header nav{display:flex;gap:35px}.header nav a{font-size:14px}.header nav a:hover,.admin-link:hover{color:var(--orange)}.admin-link{margin-left:auto;font-size:12px;color:#8a93a1}main.wrap{padding-top:22px}.panel,.search-panel{background:#fff;border:1px solid var(--line);border-radius:9px}.search-panel{padding:20px 30px 15px}.search-top{display:flex;justify-content:space-between;align-items:center}.tabs,.market-tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{padding:9px 17px;border-radius:5px;font-size:13px}.tabs button.active{background:#fff0e8;color:#e66a30;font-weight:bold}.market-tabs{margin-top:10px}.market-tabs button{font-size:12px;color:#858d98;padding:6px 12px;border-radius:4px}.market-tabs button.active{color:var(--orange);background:#fff7f2}.search-box{display:flex;max-width:1000px;margin:15px auto 12px;border:2px solid var(--orange);border-radius:6px;padding:4px;align-items:center}.search-box>span{min-width:100px;text-align:center;border-right:1px solid #eee;font-size:13px;color:#657083}.search-box input{flex:1;min-width:0;border:0;outline:0;padding:13px 18px;background:transparent}.search-box button{background:var(--orange);color:white;padding:13px 25px;border-radius:3px;min-width:110px}.search-box button span{margin-left:15px}.search-bottom{display:flex;gap:20px;justify-content:center;font-size:11px;align-items:center;flex-wrap:wrap}.search-bottom>span{color:#b0b6bf}.search-bottom button{font-size:11px;color:#7b8594;padding:3px}.search-bottom button:hover{color:var(--orange)}.soft{color:var(--muted);font-size:12px}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:17px 0}.promo{border-radius:8px;padding:20px 23px;position:relative;min-height:108px}.promo small{font-size:10px;letter-spacing:1px;color:#7d8290}.promo h3{font-size:17px;margin:9px 0 7px}.promo p{font-size:12px;color:#8c8c96}.promo i{position:absolute;right:22px;top:37px;font-style:normal;font-size:27px;opacity:.3}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;border-bottom:1px solid var(--line)}.platform-panel{margin-bottom:23px}.platform-row{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:20px 24px;border-bottom:1px solid #eef0f4}.platform-row:last-child{border:0}.platform-brand{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;font-size:17px;font-weight:700;border-right:1px solid #f0f2f5}.brand-icon{width:38px;height:38px;flex-shrink:0;border-radius:9px}.platform-brand .brand-icon{width:43px;height:43px}.platform-markets{display:grid;grid-template-columns:repeat(5,1fr);gap:15px 20px}.market strong{font-size:13px;font-weight:500;display:block;margin-bottom:8px;color:#4b5666}.market strong span{font-size:11px;margin-right:5px}.market a{font-size:11px;color:#8a93a1;margin-right:13px}.market a:hover{color:var(--orange)}.directory-layout{display:grid;grid-template-columns:165px 1fr;gap:20px}.category-panel{background:white;border:1px solid var(--line);border-radius:8px;padding:20px 10px;height:max-content;position:sticky;top:20px}.side-heading{padding:0 12px 15px;color:#414c60;font-weight:700}.category-panel button{width:100%;text-align:left;display:flex;justify-content:space-between;padding:12px;border-radius:5px;color:#738093;font-size:13px;margin:3px 0}.category-panel button span{color:#b1b8c3;font-size:11px}.category-panel button.active{background:#fff0e7;color:#e06d36}.side-bottom{display:block;font-size:12px;color:#8b95a3;border-top:1px solid var(--line);padding:18px 12px 0;margin-top:13px}.directory-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.directory-heading>div{display:flex;align-items:center;gap:14px}.filter{display:flex;align-items:center;background:#fff;border:1px solid #e1e5ed;padding:8px 10px;border-radius:5px;gap:7px;color:#969eab}.filter input{width:155px;border:0;outline:0;background:none;font-size:12px}.filter button{padding:0;color:#9da6b3}.tool-tabs{display:flex;gap:22px;border-bottom:1px solid #e1e5ec;margin-top:12px;margin-bottom:20px}.tool-tabs button{padding:11px 2px;font-size:12px;color:#8992a1;border-bottom:2px solid transparent}.tool-tabs button.active{color:#e66e37;border-color:var(--orange)}.tool-group{margin-bottom:24px}.group-heading{display:flex;gap:10px;align-items:center;margin:0 0 13px;font-size:14px}.group-heading:before{content:'';display:block;background:var(--orange);width:3px;height:14px;border-radius:2px}.group-heading small{font-weight:400;color:#9ca5b2;font-size:11px}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tool-card{position:relative;border:1px solid var(--line);border-radius:8px;background:#fff;padding:16px 16px 11px;min-width:0;transition:box-shadow .2s,border-color .2s}.tool-card:hover{box-shadow:0 4px 15px #26364c09;border-color:#f2c6ad}.tool-main{display:block;padding-right:8px}.tool-brand{display:flex;gap:10px;align-items:center;min-height:38px}.tool-brand b{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.tool-description{font-size:11px;color:#8b95a3;line-height:1.7;margin:12px 0;height:37px;overflow:hidden}.tool-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f3f4f7;padding-top:9px}.tool-actions button{font-size:10px;padding:0;color:#9ba3b0}.tool-actions .save{font-size:17px;line-height:18px}.tool-actions .save.saved{color:var(--orange)}.tool-card .badge{position:absolute;right:8px;top:6px;font-size:9px;color:#d99566}.utility-panel{margin:26px 0}.utility-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:22px}.utility-grid>button{display:flex;align-items:center;gap:15px;text-align:left;border-right:1px solid var(--line);padding:8px 20px}.utility-grid>button:last-child{border:0}.utility-grid>button>span{background:#fff1e8;color:#e58b56;border-radius:9px;width:43px;height:43px;display:grid;place-items:center;font-size:22px}.utility-grid b{font-size:13px;display:block}.utility-grid small{display:block;color:#9ba4b1;font-size:11px;margin-top:7px}.utility-grid i{margin-left:auto;font-style:normal;color:#b1b9c4}.article-section{margin:25px 0 35px}.article-section>.panel-heading{padding:10px 0 19px;border:0}.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.article-card{padding:21px;background:white;border:1px solid var(--line);border-radius:8px}.article-card .article-category{font-size:10px;color:#d98d60;background:#fff3e9;padding:4px 7px;border-radius:3px}.article-card h3{font-size:14px;line-height:1.7;margin:12px 0 7px}.article-card p{font-size:11px;line-height:1.8;color:#939caa}.article-card small{font-size:10px;color:#b0b7c2;display:block;margin-top:16px}.empty{padding:40px 20px;text-align:center;color:#a0a8b4;background:white;border:1px dashed #dfe3ea;border-radius:8px}.error{padding:20px;background:#fff0eb;color:#b45135;border-radius:8px;margin:20px 0}footer{border-top:1px solid var(--line);padding:30px 0;background:#fff}footer>.wrap{display:flex;justify-content:space-between}footer .logo{font-size:20px}footer p,footer small{font-size:11px;color:#9ca4b2;margin-top:12px;line-height:1.7}footer a{font-size:12px;color:#7d8898}dialog{width:560px;max-width:calc(100vw - 30px);max-height:90vh;overflow:auto;border:0;border-radius:12px;box-shadow:0 25px 100px #1d2b4533;padding:30px}dialog::backdrop{background:#1c2b4a66}.dialog-close{float:right;font-size:23px;color:#a0a8b4;padding:0 4px}.detail-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.detail-head h2{font-size:22px}.detail-body{line-height:1.9;font-size:13px;color:#7f8b9c}.detail-meta{display:flex;gap:9px;margin:20px 0}.pill{background:#f4f6f8;border:1px solid #e9edf1;padding:5px 9px;border-radius:5px;font-size:11px;color:#8b95a3}.primary{background:var(--orange);color:white;display:inline-block;padding:11px 23px;border-radius:6px;border:0}.disclosure{font-size:11px;color:#b18e72;margin:15px 0;line-height:1.8}.utility-form{display:grid;gap:15px;margin-top:22px}.utility-form label{font-size:12px;color:#7c8798}.utility-form input,.utility-form textarea{display:block;border:1px solid #dce1e9;padding:10px;border-radius:6px;width:100%;margin-top:7px}.utility-form textarea{height:140px;resize:vertical}.utility-result{white-space:pre-wrap;line-height:1.9;background:#fff6ec;color:#9f693b;padding:15px;border-radius:6px;overflow-wrap:anywhere}#articlePage{max-width:900px;margin:0 auto 40px;background:white;padding:35px;border:1px solid var(--line);border-radius:9px}#articlePage h1{font-size:27px;line-height:1.6;margin:22px 0 10px}#articlePage .body{white-space:pre-wrap;line-height:2.1;font-size:15px;margin-top:30px;color:#5c687a}#articlePage .back{color:var(--orange);font-size:12px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#273346;color:white;padding:12px 25px;border-radius:7px;box-shadow:0 5px 20px #22324422;z-index:10;font-size:13px}[hidden]{display:none!important}@media(min-width:1600px){.tool-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:1100px){.header{gap:30px}.header nav{gap:20px}.tool-grid{grid-template-columns:repeat(3,1fr)}.platform-markets{grid-template-columns:repeat(4,1fr)}.search-top>.soft{display:none}.article-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.wrap{padding-left:18px;padding-right:18px}.header{gap:25px;min-height:76px}.logo{font-size:22px}.header nav{gap:15px}.header nav a{font-size:12px}.admin-link{display:none}.platform-row{grid-template-columns:100px 1fr;gap:15px;padding:18px}.platform-markets{grid-template-columns:repeat(3,1fr)}.directory-layout{grid-template-columns:1fr}.category-panel{position:static;display:flex;padding:8px;overflow:auto}.side-heading,.side-bottom{display:none}#categories{display:flex;gap:5px}.category-panel button{white-space:nowrap;gap:12px;width:auto;margin:0}.utility-grid{padding:12px}.utility-grid>button{padding:8px;gap:8px}.utility-grid small{display:none}.utility-grid>button>span{width:32px;height:32px;font-size:16px}.utility-grid i{display:none}.promo-grid{gap:10px}.promo{padding:16px}.promo h3{font-size:14px}.promo p{font-size:10px}.promo i{display:none}.search-panel{padding:15px 18px}.tabs{gap:4px}.tabs button{padding:8px 12px}}@media(max-width:560px){.header{flex-wrap:wrap;gap:15px;padding-top:16px;padding-bottom:15px}.header nav{margin-left:auto;gap:12px}.header nav a:nth-child(3){display:none}.topbar{font-size:10px}.search-box>span{display:none}.search-box input{padding:12px 9px;font-size:12px}.search-box button{padding:12px 15px;min-width:70px}.search-box button span{display:none}.search-bottom{gap:12px}.promo-grid{grid-template-columns:1fr}.promo{min-height:75px;padding:13px 18px}.promo h3{margin:5px 0}.promo small{float:right}.platform-row{grid-template-columns:72px 1fr;padding:16px 12px;gap:14px}.platform-brand{font-size:12px}.platform-markets{grid-template-columns:repeat(2,1fr);gap:16px 10px}.platform-brand .brand-icon{width:36px;height:36px}.panel-heading{padding:17px 16px}.panel-heading .soft{font-size:10px}h2{font-size:16px}.tool-grid{grid-template-columns:repeat(2,1fr);gap:9px}.tool-card{padding:13px 12px 10px}.tool-brand{gap:8px}.brand-icon{width:29px;height:29px;border-radius:7px}.tool-brand b{font-size:12px}.directory-heading>div{display:block}.directory-heading .soft{display:block;margin-top:6px;font-size:10px}.filter input{width:110px}.article-grid{grid-template-columns:1fr 1fr;gap:9px}.article-card{padding:15px}.article-card h3{font-size:13px}.utility-grid{grid-template-columns:1fr}.utility-grid>button{padding:12px;border-right:0;border-bottom:1px solid var(--line)}.utility-grid small{display:block}.utility-grid i{display:block}.utility-grid>button>span{width:37px;height:37px}.utility-grid>button{gap:15px}#articlePage{padding:22px}#articlePage h1{font-size:22px}}