:root{--paper: #f6f1e6;--paper-soft: #fbf7ec;--paper-line: #e0d5bb;--ink: #3a3229;--ink-dim: #8a7f6a;--ink-faint: #b6aa8f;--cinnabar: #b03a12;--cinnabar-soft: rgba(176, 58, 18, .08);--divider: #e6dcc6;--radius: 7px;--shadow-card: 0 1px 3px rgba(120, 100, 70, .07);--shadow-hover: 0 6px 14px rgba(120, 100, 70, .14);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}button,.tool-card,.suggest-item,.engine-opt{touch-action:manipulation}:focus-visible{outline:2px solid var(--cinnabar);outline-offset:2px}body{font-family:"Noto Serif SC",Songti SC,SimSun,Segoe UI,Microsoft YaHei,sans-serif;color:var(--ink);background:linear-gradient(rgba(180,160,120,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(180,160,120,.055) 1px,transparent 1px),var(--paper);background-size:44px 44px,44px 44px,100% 100%;background-attachment:fixed}button,input{font-family:inherit}a{color:inherit}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-shell>*{min-width:0}.app-shell>.search-zone,.app-shell>.result-area,.app-shell>.layout-row,.layout-row .grid-zone{width:100%}.brand-wrap{text-align:center;padding:26px 20px 0}.brand-title{font-size:clamp(21px,2vw + 14px,27px);font-weight:700;letter-spacing:5px;color:#2c2620}.brand-sub{font-size:11px;color:var(--ink-faint);letter-spacing:3px;margin-top:7px}.brand-rule{width:44px;height:3px;background:var(--cinnabar);margin:14px auto 0}.search-zone{padding:22px 20px 0;max-width:760px;margin:0 auto;text-align:center}.search-box{display:flex;align-items:stretch;gap:0;background:var(--paper-soft);border:1px solid #d3c5a8;border-radius:var(--radius);box-shadow:0 2px 10px #7864460f,inset 0 1px #fffc;padding:4px}.search-box:focus-within{border-color:var(--cinnabar)}.search-icon{align-self:center;margin:0 0 0 12px;flex-shrink:0;color:#a3967c;display:flex}.search-input{flex:1;min-width:0;background:transparent;border:none;outline:none;padding:12px;font-size:15px;color:var(--ink)}.search-btn{background:var(--cinnabar);color:#fbf3e4;border:none;border-radius:4px;padding:10px 22px;font-size:14px;letter-spacing:2px;cursor:pointer;flex-shrink:0}.search-btn:hover{filter:brightness(1.07)}.engine-box{position:relative;flex-shrink:0;border-right:1px solid #e3d9c2;display:flex;align-items:center}.engine-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;cursor:pointer;padding:10px 12px 10px 14px;font-size:14px;color:var(--ink)}.engine-ico{width:18px;height:18px;border-radius:3px;object-fit:contain}.engine-name{font-size:13px}.engine-menu{position:absolute;left:0;top:calc(100% + 4px);z-index:50;min-width:176px;max-width:min(260px,calc(100vw - 32px));max-height:min(320px,60vh);overflow-y:auto;background:var(--paper-soft);border:1px solid #d3c5a8;border-radius:var(--radius);box-shadow:0 8px 20px #78644629;padding:5px;text-align:left}.engine-opt{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:4px;font-size:13px;cursor:pointer;color:#5c5240}.engine-opt:hover{background:var(--cinnabar-soft)}.engine-opt.active{color:var(--cinnabar);font-weight:600;background:var(--cinnabar-soft)}.search-hint{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;font-size:12px;color:var(--ink-dim);flex-wrap:wrap}.search-hint .hl{color:var(--cinnabar);font-weight:600}.search-hint .sep{margin:0 6px;color:#d3c5a8}.layout-row{display:flex;gap:18px;align-items:flex-start;padding:20px 20px 0;max-width:1200px;margin:0 auto}.sidebar-nav{flex:0 0 170px;max-height:calc(100vh - 32px);overflow-y:auto;padding:6px;background:var(--paper-soft);border:1px solid var(--paper-line);border-radius:var(--radius);box-shadow:var(--shadow-card);overscroll-behavior:contain}.sidebar-nav-title{font-size:11px;color:var(--ink-faint);letter-spacing:2px;padding:6px 10px 8px;border-bottom:1px dashed var(--divider);margin-bottom:6px}.sidebar-cat{display:block;width:100%;text-align:left;padding:7px 10px;font-size:13px;color:#5c5240;border:none;background:transparent;border-radius:4px;cursor:pointer;margin-bottom:1px}.sidebar-cat:hover{color:var(--cinnabar);background:var(--cinnabar-soft)}.sidebar-cat.active{background:var(--cinnabar);color:#fbf3e4;font-weight:600}.layout-row .grid-zone{flex:1;min-width:0;padding:0;max-width:none}.grid-zone{max-width:980px;margin:16px auto 0;padding:0 20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px}.tool-card{background:var(--paper-soft);border:1px solid var(--paper-line);border-radius:var(--radius);padding:14px 6px;text-align:center;box-shadow:var(--shadow-card);cursor:pointer;transition:transform .15s,box-shadow .15s;min-width:0;-webkit-user-select:none;user-select:none}.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.tool-ico{width:30px;height:30px;margin:0 auto 8px;border-radius:6px;overflow:hidden;background:#f1ead9;display:flex;align-items:center;justify-content:center}.tool-ico img{width:100%;height:100%;object-fit:contain}.tool-ico .site-letter{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px}.tool-name{font-size:12.5px;color:var(--ink);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.35}.grid-empty{text-align:center;color:var(--ink-dim);padding:60px 0;font-size:14px}.result-area{max-width:760px;margin:16px auto 0;padding:0 20px}.direct-card{display:flex;align-items:center;gap:14px;background:var(--paper-soft);border:1px solid var(--cinnabar);border-radius:8px;padding:14px 18px;box-shadow:var(--shadow-card)}.direct-ico{width:40px;height:40px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f1ead9;display:flex;align-items:center;justify-content:center}.direct-ico img{width:100%;height:100%;object-fit:contain}.direct-ico .site-letter{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.dc-text{flex:1;min-width:0}.dc-name{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-domain{font-size:12px;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-btn{margin-left:auto;background:var(--cinnabar);color:#fbf3e4;border:none;border-radius:4px;padding:9px 20px;font-size:14px;cursor:pointer}.dc-btn:hover{filter:brightness(1.07)}.suggest{margin-top:12px;text-align:left}.suggest-title{font-size:13px;color:var(--ink-dim);margin-bottom:8px}.suggest-list{display:flex;flex-wrap:wrap;gap:8px}.suggest-item{display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:var(--paper-soft);border:1px solid var(--paper-line);border-radius:6px;padding:6px 14px;font-size:13px;color:var(--ink);transition:box-shadow .15s}.suggest-item:hover{box-shadow:var(--shadow-hover)}.si-ico{width:18px;height:18px;border-radius:4px;overflow:hidden;background:#f1ead9;display:flex;align-items:center;justify-content:center}.si-ico img{width:100%;height:100%;object-fit:contain}.si-ico .site-letter{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:11px}.footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:26px 20px;margin-top:auto;border-top:1px solid var(--divider);font-size:11px;color:#b3a68a;letter-spacing:2px}.footer a{color:#8a7f6a;text-decoration:none;border-bottom:1px solid #d8ccb0;transition:color .15s,border-color .15s}.footer a:hover{color:var(--cinnabar);border-bottom-color:var(--cinnabar)}@media (min-width: 901px){.sidebar-nav{position:sticky;top:16px}}@media (max-width: 900px){body{background-attachment:scroll}.layout-row{flex-direction:column;gap:12px;padding:14px 14px 0}.sidebar-nav{position:sticky;top:8px;z-index:20;flex:none;width:100%;max-height:none;display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;padding:7px 8px;border-radius:8px;flex-wrap:nowrap;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav-title{display:none}.sidebar-cat{flex:0 0 auto;width:auto;white-space:nowrap;padding:9px 13px;font-size:13px;border-radius:5px;scroll-snap-align:center}.search-zone{padding:14px 14px 0}.search-input{font-size:16px;padding:11px 10px}.search-btn{padding:10px 14px;letter-spacing:0}.engine-btn{padding:10px 8px 10px 12px}.search-hint{font-size:11px;margin-top:10px}.layout-row .grid-zone,.grid-zone{padding:0}.result-area{padding:0 14px}.direct-card{padding:12px 14px;gap:12px}.dc-btn{padding:9px 16px}.suggest-item{padding:8px 14px}.footer{padding:20px 16px}}@media (max-width: 560px){.brand-wrap{padding:18px 16px 0}.brand-title{letter-spacing:3px}.brand-sub{font-size:10px;letter-spacing:2px}.grid{gap:10px 8px}.tool-card{padding:11px 4px}.tool-name{font-size:11.5px;padding:0 2px}.search-hint .hint-extra{display:none}.grid-empty{padding:44px 0}}@media (max-width: 400px){.layout-row,.search-zone,.result-area{padding-left:12px;padding-right:12px}.search-icon{display:none}.search-btn{padding:10px 12px}.engine-btn{padding:10px 6px 10px 10px;gap:6px}.engine-name{font-size:12px}.grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px 6px}}@media (hover: none){.tool-card:hover{transform:none;box-shadow:var(--shadow-card)}.tool-card:active{transform:scale(.95)}.sidebar-cat:active,.suggest-item:active{background:var(--cinnabar-soft)}.search-btn:active,.dc-btn:active{filter:brightness(.92)}}@media (min-width: 1440px){.layout-row{max-width:1320px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}*{scrollbar-width:thin;scrollbar-color:rgba(176,58,18,.35) rgba(176,58,18,.06)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#b03a120d;border-radius:4px}*::-webkit-scrollbar-thumb{background:#b03a1247;border-radius:4px;border:2px solid var(--paper)}*::-webkit-scrollbar-thumb:hover{background:#b03a1280}