:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#213640;background:#f5f7f8;font-synthesis:none;--sidebar:232px;--green:#197c68}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}:focus-visible{outline:3px solid #3fa88c;outline-offset:4px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#172e37;color:#c7d4d8;z-index:30;display:flex;flex-direction:column;padding:32px 18px 22px}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 42px;color:#f2f6f7;font-size:21px;font-weight:650;white-space:nowrap}.brand img{width:42px;height:42px}.brand small{display:block;font-size:11px;letter-spacing:3px;color:#9fb3bb;font-weight:400;margin-top:5px}.nav-label{font-size:11px;color:#829aa4;margin:0 16px 13px;letter-spacing:2px}.tool-nav-label{margin-top:35px}.nav-link{display:flex;align-items:center;gap:14px;padding:13px 16px;font-size:14px;border-radius:8px;margin:5px 0;white-space:nowrap}.nav-link:hover{background:#ffffff09;color:white}.nav-link.selected{background:#ffffff10;color:#92e0cc;box-shadow:inset 3px 0 #92e0cc}.nav-link em{margin-left:auto;font-style:normal;font-size:11px;opacity:.7}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff12;padding:22px 6px 0;display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:.8px;white-space:nowrap}.sidebar-bottom small{display:block;font-size:11px;letter-spacing:0;color:#829aa4;margin-top:5px}.avatar{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid #5b777e;border-radius:50%;font-size:16px;color:#a6c7c9}.surface{margin-left:var(--sidebar);min-height:100vh}.shell-header{height:72px;display:flex;align-items:center;gap:22px;padding:0 35px;background:#fff;border-bottom:1px solid #e7ecee}.icon-button{border:0;background:transparent;width:34px;height:34px;display:grid;place-items:center;color:#819096;border-radius:7px}.icon-button:hover{background:#f0f4f5;color:#25424a}.breadcrumb{display:flex;align-items:center;gap:18px;font-size:13px}.breadcrumb a,.breadcrumb>span{color:#8a989e}.breadcrumb strong{font-weight:500}.workspace-label{margin-left:auto;font-size:12px;color:#7e8d92;display:flex;align-items:center;gap:8px}.workspace-label i{width:6px;height:6px;border-radius:50%;background:#51a58c}#hall{max-width:1410px;margin:auto;padding:48px 48px 22px}.hall-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:37px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.5px;color:#60887d;margin:0 0 15px}h1{font-size:34px;font-weight:600;letter-spacing:1px;margin:0}.heading-dot{color:#35957d;font-family:Georgia;margin-left:4px}.hall-intro{font-size:14px;color:#819097;margin-top:13px}.tool-count{display:flex;align-items:center;gap:17px;border-left:1px solid #dce3e5;padding-left:25px}.tool-count strong{font-size:43px;font-weight:300;color:#b4c2c6;line-height:1}.tool-count span{font-size:11px;color:#89989d;line-height:1.8}.finder{padding:22px 24px;background:white;border:1px solid #e3e9eb;border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:36px}.search-box{display:flex;align-items:center;gap:11px;color:#8f9fa5;flex:1;max-width:400px}.search-box input{width:100%;border:0;outline:0;font-size:13px;background:transparent;color:#27434b}.search-box:focus-within{color:var(--green)}.search-box input::placeholder{color:#a0adb2}.search-box kbd{font-size:11px;border:1px solid #dce3e7;padding:2px 6px;border-radius:4px}.filters{display:flex;gap:7px}.filters button{white-space:nowrap;border:0;background:none;color:#7b8c93;padding:8px 11px;border-radius:6px;font-size:12px}.filters button.active{background:#eaf3ef;color:#287561}.filters span{margin-left:7px;font-size:10px;opacity:.6}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-title h2{font-size:16px;font-weight:600;margin:0}.section-title>span{font-size:12px;color:#91a0a5}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.tool-card{background:#fff;border:1px solid #e2e8eb;border-radius:11px;padding:24px 24px 0;min-width:0;transition:transform .15s,border-color .15s,box-shadow .15s}.tool-card:hover{transform:translateY(-3px);border-color:#b7cec7;box-shadow:0 12px 26px #1c423309}.card-top{display:flex;align-items:center;justify-content:space-between}.tool-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:12px}.tool-icon svg{width:27px;height:27px}.green{background:#e7f4ed;color:#3d8e72}.blue{background:#eaf0f9;color:#5b80b6}.orange{background:#fbf0e4;color:#c18a48}.favorite svg{width:19px;height:19px;stroke-width:1.3}.favorite.is-favorite{color:#ce9c43}.favorite.is-favorite svg{fill:#f8edce}.card-english{font-size:9px;letter-spacing:1.5px;color:#a2aeb4;margin:24px 0 8px}.tool-card h3{font-size:22px;font-weight:600;margin:0 0 15px}.tool-card h3 a:hover{color:var(--green)}.card-description{color:#84949b;font-size:13px;line-height:1.95;min-height:76px;margin:0}.card-tags{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}.card-tags span{background:#f5f7f8;color:#7b8e96;font-size:10px;padding:5px 7px;border-radius:4px}.card-footer{border-top:1px solid #edf0f2;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:17px 0}.card-footer small{color:#98a5ab;font-size:10px}.open-tool{color:#518375;width:31px;height:30px;border-radius:6px;background:#f0f6f3;display:grid;place-items:center}.open-tool:hover{background:#dcece5}.open-tool svg{width:18px}.work-note{margin-top:36px;border:1px dashed #d8e2e3;display:flex;align-items:center;gap:15px;border-radius:9px;padding:21px 24px}.work-note>span{color:#91a8ad}.work-note strong{font-size:12px;color:#637f87;font-weight:500}.work-note p{font-size:11px;color:#94a5ac;margin:7px 0 0;line-height:1.8}.work-note>small{margin-left:auto;padding-left:20px;border-left:1px solid #dde5e6;flex-shrink:0;font-size:10px;color:#9babaf;line-height:1.9}.hall-footer{display:flex;justify-content:space-between;color:#a3afb3;font-size:10px;margin-top:38px}.empty-state{text-align:center;padding:70px 15px;background:#fff;border:1px dashed #d8e2e4;border-radius:10px;color:#879b9e}.empty-state>svg{width:35px;height:35px}.empty-state h3{color:#46616a;font-size:17px}.empty-state p{font-size:13px}.secondary-button{padding:9px 16px;border:1px solid #d2dedc;background:white;border-radius:6px;color:#44796b;font-size:12px;margin-top:10px}.tool-frame{width:100%;height:calc(100vh - 72px);border:0;display:block;background:#f5f7f8}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#213f46;color:white;padding:12px 22px;font-size:13px;border-radius:7px;z-index:50;box-shadow:0 6px 25px #0002}.nav-collapsed{--sidebar:80px}.nav-collapsed .sidebar{padding-left:12px;padding-right:12px}.nav-collapsed .brand{padding-left:7px}.nav-collapsed .brand span,.nav-collapsed .nav-label,.nav-collapsed .nav-link span,.nav-collapsed .nav-link em,.nav-collapsed .sidebar-bottom div{display:none}.nav-collapsed .nav-link{padding:15px 17px}.nav-collapsed .sidebar-bottom{justify-content:center}.skip{position:fixed;top:-100px;left:260px;background:white;padding:12px;z-index:99}.skip:focus{top:5px}.overlay{position:fixed;inset:0;background:#102b3766;z-index:25}@media(min-width:1550px){#hall{padding-top:60px}.tool-card{padding:30px 28px 0}.card-description{min-height:70px}.work-note{margin-top:44px}}@media(max-width:1180px){#hall{padding:35px 28px}.finder{flex-wrap:wrap;gap:18px}.search-box{max-width:none;flex-basis:100%}.tool-grid{gap:14px}.tool-card{padding:20px 17px 0}.card-description{min-height:102px}.card-tags{gap:4px}.card-tags span{font-size:9px}}@media(max-width:1000px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-description{min-height:76px}.tool-count{display:none}}@media(max-width:760px){:root,.nav-collapsed{--sidebar:0px}.sidebar,.nav-collapsed .sidebar{width:232px;transform:translateX(-100%);padding:28px 18px}.mobile-open .sidebar{transform:translateX(0)}.nav-collapsed .brand span,.nav-collapsed .nav-link span,.nav-collapsed .nav-link em,.nav-collapsed .sidebar-bottom div{display:block}.nav-collapsed .nav-label{display:block}.nav-collapsed .sidebar-bottom{justify-content:flex-start}.shell-header{height:62px;padding:0 17px;gap:13px}.workspace-label{font-size:10px}.breadcrumb{gap:9px;font-size:12px}#hall{padding:30px 20px}.hall-heading{margin-bottom:25px}h1{font-size:29px}.hall-intro{font-size:12px}.finder{padding:18px 15px;margin-bottom:27px}.filters{gap:3px}.filters button{padding:7px;font-size:11px}.tool-grid{grid-template-columns:1fr}.tool-card{padding:23px 24px 0}.card-description{min-height:0}.card-tags{margin:19px 0}.work-note>small{display:none}.work-note{padding:18px}.hall-footer{gap:20px;line-height:1.8;font-size:9px}.tool-frame{height:calc(100dvh - 62px)}}