.search-hero{position:relative;isolation:isolate;border-bottom:1px solid var(--hairline);overflow:visible}.search-hero .sh-glow{position:absolute;z-index:-1;left:50%;top:-54%;width:860px;height:520px;max-width:130%;transform:translate(-50%);pointer-events:none;background:radial-gradient(50% 50% at 50% 50%,rgba(var(--accent-rgb),.2),transparent 70%);filter:blur(8px)}.search-hero .sh-inner{padding:clamp(38px,5vw,62px) 0 clamp(30px,3.4vw,42px);max-width:760px}.search-hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,4vw,3.1rem);line-height:1.05;letter-spacing:-.03em;margin-top:14px}.search-hero h1 .q{color:var(--accent)}.search-hero .sh-sub{color:var(--text-muted);font-size:clamp(1rem,1.3vw,1.1rem);margin-top:12px;max-width:52ch;line-height:1.55}.search-field{position:relative;margin-top:26px;z-index:30}.sf-box{display:flex;align-items:center;gap:12px;background:var(--surface);border:1.5px solid var(--hairline);border-radius:16px;padding:6px 6px 6px 20px;box-shadow:var(--shadow-card);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.search-field.is-open .sf-box,.sf-box:focus-within{border-color:rgba(var(--accent-rgb),.55);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.1),var(--shadow-card)}.sf-box .sf-lead{width:22px;height:22px;color:var(--text-faint);flex:0 0 auto}.sf-box input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--text);font-family:var(--font-display);font-weight:600;font-size:clamp(1.05rem,1.8vw,1.4rem);letter-spacing:-.01em;padding:14px 0}.sf-box input::placeholder{color:var(--text-faint);font-weight:500}.sf-box input::-webkit-search-cancel-button{display:none}.sf-clear{width:32px;height:32px;border-radius:50%;border:none;background:var(--surface-2);color:var(--text-muted);cursor:pointer;display:none;place-items:center;flex:0 0 auto;transition:color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur) var(--ease)}.sf-clear:hover{color:var(--text);background:rgba(var(--accent-rgb),.16);transform:scale(1.06)}.sf-clear:active{transform:scale(.94)}.sf-clear.on{display:grid}.sf-clear svg{width:15px;height:15px}.sf-go{flex:0 0 auto;padding:14px 22px;border-radius:12px;display:none}.sf-go svg{width:16px;height:16px}.sf-kbd{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;color:var(--text-faint);padding:5px 11px 5px 16px;flex:0 0 auto;position:relative;margin-right:6px;white-space:nowrap}.sf-kbd:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:22px;background:var(--hairline)}@media(max-width:600px){.sf-kbd{display:none}.sf-go{display:inline-flex;padding:13px 16px}}.predict{position:absolute;top:calc(100% + 10px);left:0;right:0;background:var(--surface);border:1px solid var(--hairline);border-radius:16px;box-shadow:var(--shadow-pop);padding:10px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility var(--dur);max-height:min(70vh,560px);overflow-y:auto;z-index:40}.search-field.is-open .predict{opacity:1;visibility:visible;transform:translateY(0)}.predict-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);padding:12px 12px 8px;display:flex;align-items:center;gap:8px}.predict-label svg{width:13px;height:13px;color:var(--accent)}.predict-label:first-child{padding-top:6px}.predict-row{display:flex;align-items:center;gap:13px;padding:9px 12px;border-radius:11px;cursor:pointer;transition:background var(--dur) var(--ease);text-align:left;width:100%;background:none;border:none;color:inherit;font:inherit;text-decoration:none}.predict-row:hover,.predict-row.active{background:var(--surface-2)}.predict-row .pr-ic{width:42px;height:42px;border-radius:10px;flex:0 0 auto;display:grid;place-items:center;background:linear-gradient(150deg,var(--surface-2),var(--surface));border:1px solid var(--hairline);color:var(--accent);overflow:hidden}.predict-row .pr-ic svg{width:20px;height:20px}.predict-row .pr-ic img{width:100%;height:100%;object-fit:cover}.predict-row .pr-main{flex:1;min-width:0}.predict-row .pr-title{font-family:var(--font-display);font-weight:700;font-size:14.5px;letter-spacing:-.01em;display:block}.predict-row .pr-title mark,.cc-title mark{background:rgba(var(--accent-rgb),.22);color:inherit;border-radius:3px;padding:0 1px}.predict-row .pr-meta{font-size:12px;color:var(--text-faint);display:block;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.predict-row .pr-price{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--text);flex:0 0 auto}.predict-row .pr-read{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);flex:0 0 auto;white-space:nowrap}.predict-sep{height:1px;background:var(--hairline-2);margin:6px 8px}.predict-terms{display:flex;flex-wrap:wrap;gap:7px;padding:4px 12px 10px}.predict-term{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--hairline);border-radius:999px;padding:7px 13px;cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);text-decoration:none}.predict-term:hover{color:var(--text);border-color:rgba(var(--accent-rgb),.4)}.predict-term svg{width:12px;height:12px;color:var(--text-faint)}.predict-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;padding:13px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--hairline);cursor:pointer;transition:border-color var(--dur) var(--ease);text-decoration:none}.predict-foot:hover{border-color:rgba(var(--accent-rgb),.45)}.predict-foot .pf-l{font-size:13.5px;color:var(--text);font-weight:600}.predict-foot .pf-l b{color:var(--accent)}.predict-foot .pf-r{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--accent);white-space:nowrap}.predict-foot .pf-r svg{width:15px;height:15px}.predict-none{padding:22px 14px;text-align:center;color:var(--text-muted);font-size:13.5px}.predict-none b{color:var(--text)}.search-suggest{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:20px}.search-suggest .ss-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-right:2px;display:inline-flex;align-items:center;gap:7px}.search-suggest .ss-label svg{width:13px;height:13px;color:var(--accent)}.sugg-chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--text-muted);background:var(--surface);border:1px solid var(--hairline);border-radius:999px;padding:8px 14px;cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease);text-decoration:none}.sugg-chip:hover{color:var(--text);border-color:rgba(var(--accent-rgb),.4);background:var(--surface-2)}.sugg-chip svg{width:13px;height:13px;color:var(--text-faint)}.sugg-chip.recent svg{color:var(--accent)}.sugg-chip .rx{margin-left:1px;opacity:.6;background:none;border:none;color:inherit;cursor:pointer;padding:0;line-height:0}.sugg-chip .rx:hover{opacity:1}.sugg-chip .rx svg{width:12px;height:12px}.search-results{padding-top:clamp(22px,3vw,34px);padding-bottom:clamp(40px,6vw,80px)}.scope-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--hairline);margin-bottom:22px}.scope{position:relative;display:inline-flex;align-items:center;gap:9px;font:inherit;font-size:14px;font-weight:600;color:var(--text-muted);background:none;border:none;padding:13px 16px 15px;cursor:pointer;transition:color var(--dur) var(--ease);text-decoration:none}.scope:hover,.scope.on{color:var(--text)}.scope:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px;background:var(--accent-gradient);opacity:0;transform:scaleX(.4);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.scope.on:after{opacity:1;transform:scaleX(1)}.scope .sc-n{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-faint);background:var(--surface-2);border:1px solid var(--hairline);border-radius:999px;padding:2px 8px}.scope.on .sc-n{color:var(--accent);background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.28)}.search-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.search-toolbar .tb-count{font-size:13.5px;color:var(--text-muted)}.search-toolbar .tb-count b{color:var(--text);font-weight:700}.search-empty{padding:8px 0 20px}.search-empty .se-top{display:flex;align-items:flex-start;gap:20px;padding:30px;border-radius:var(--radius-lg);border:1px solid var(--hairline);background:linear-gradient(150deg,var(--surface-2),var(--surface))}.search-empty .se-ic{width:56px;height:56px;border-radius:15px;flex:0 0 auto;display:grid;place-items:center;background:var(--surface);border:1px solid var(--hairline);color:var(--text-faint)}.search-empty .se-ic svg{width:25px;height:25px}.search-empty .se-h{font-family:var(--font-display);font-weight:800;font-size:clamp(1.3rem,2.2vw,1.7rem);letter-spacing:-.02em}.search-empty .se-h em{font-style:normal;color:var(--accent)}.search-empty .se-p{color:var(--text-muted);margin-top:8px;font-size:14.5px;line-height:1.55;max-width:60ch}.search-empty .se-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.se-featured{margin-top:36px}.se-featured .sef-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.se-featured .sef-head h3{font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.01em}.se-featured .sef-head a{font-size:13.5px;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:6px}.se-featured .sef-head a svg{width:14px;height:14px}.sc-divider{display:flex;align-items:center;gap:16px;margin:34px 0 20px}.sc-divider span{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap}.sc-divider:before,.sc-divider:after{content:"";flex:1;height:1px;background:var(--hairline)}.content-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.content-card{display:flex;align-items:flex-start;gap:16px;padding:18px 20px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);transition:border-color .2s var(--ease),transform .2s var(--ease),background .2s var(--ease)}.content-card:hover{border-color:rgba(var(--accent-rgb),.5);background:var(--surface-2);transform:translateY(-2px)}.cc-ic{flex:0 0 auto;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.25);color:var(--accent)}.cc-ic svg{width:20px;height:20px}.content-card.help .cc-ic{background:#3dd8a01a;border-color:#3dd8a047;color:#3dd8a0}.cc-body{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1 1 auto}.cc-kind{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.cc-title{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--text);line-height:1.25}.cc-excerpt{font-size:13px;line-height:1.55;color:var(--text-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.cc-meta{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-faint);margin-top:2px}.cc-meta svg{width:13px;height:13px}.cc-arrow{flex:0 0 auto;align-self:center;color:var(--text-faint);transition:transform .2s var(--ease),color .2s var(--ease)}.cc-arrow svg{width:18px;height:18px}.content-card:hover .cc-arrow{color:var(--accent);transform:translate(3px)}@media(max-width:760px){.content-list{grid-template-columns:1fr}}@media(max-width:600px){.search-empty .se-top{flex-direction:column;gap:14px;padding:22px}.scope{padding:12px 12px 14px;font-size:13px;white-space:nowrap;flex:0 0 auto}.scope-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.scope-tabs::-webkit-scrollbar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-search.css.map */