/* فوتوکام: جستجوی هدر (چهار ظاهر گرافیکی) */
@property --sxa{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes sxspin{to{--sxa:360deg}}@keyframes sxin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes sxsh{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes sxpop{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
.hi{display:grid;place-items:center;text-decoration:none}
body.sx-open{overflow:hidden}
/* ---------- ورودی ---------- */
.sx-f{position:relative;display:flex;align-items:center;gap:8px;margin:0;padding:0 14px;height:48px;border-radius:16px;background:var(--card);border:1px solid var(--bd);color:var(--tx);transition:box-shadow .25s,border-color .25s}
.sx-f input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:16px;height:100%;padding:0;-webkit-appearance:none;appearance:none}
.sx-f input::-webkit-search-cancel-button{-webkit-appearance:none}
.sx-ic{font-size:18px;line-height:1}.sx-k{font:600 12px/1 inherit;border:1px solid var(--bd);border-radius:6px;padding:3px 7px;color:var(--mut);background:var(--bg)}
.sx-f:focus-within{border-color:var(--bl);box-shadow:0 0 0 4px rgba(59,108,255,.15)}
/* ---------- نتایج ---------- */
.sx-r{display:none;color:var(--tx);text-align:right}.sx-r.on{display:block}
.sx-g{margin:0 0 4px}.sx-gh{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mut);padding:10px 12px 4px;font-weight:600}
.sx-i{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;color:inherit;text-decoration:none;animation:sxin .3s both;animation-delay:calc(var(--i,0)*35ms)}
.sx-i:hover,.sx-i.act{background:rgba(59,108,255,.1)}.sx-i .tt{display:block;font-weight:600;font-size:14.5px;line-height:1.7}.sx-i .ss{display:block;font-size:12.5px;color:var(--mut);line-height:1.8}
.sx-i .go{margin-inline-start:auto;color:var(--mut);opacity:0;transition:.2s}.sx-i:hover .go,.sx-i.act .go{opacity:1}
.sx-r mark{background:rgba(255,154,60,.28);color:inherit;border-radius:4px;padding:0 2px}
.sx-a{margin:6px 6px 10px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,rgba(255,106,43,.12),rgba(59,108,255,.14));border:1px solid rgba(59,108,255,.25);animation:sxin .35s both}
.sx-a b{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--bl);margin-bottom:4px}.sx-a p{margin:0 0 6px;font-size:14px;line-height:1.9}.sx-a a{font-size:13px;color:var(--or);font-weight:600;text-decoration:none}
.sx-em{padding:22px 14px;text-align:center;color:var(--mut);font-size:14px;margin:0}.sx-more{display:block;text-align:center;padding:10px;font-size:13px;color:var(--bl);text-decoration:none;font-weight:600}
.sx-sk{padding:10px 12px}.sx-sk i{display:block;height:12px;border-radius:6px;margin:8px 0;background:linear-gradient(90deg,rgba(130,140,190,.15) 30%,rgba(130,140,190,.35) 50%,rgba(130,140,190,.15) 70%);background-size:200% 100%;animation:sxsh 1.3s linear infinite}
.sx-sk i:nth-child(2){width:80%}.sx-sk i:nth-child(3){width:55%}
.sx-chips{display:flex;flex-wrap:wrap;gap:8px;padding:12px 4px 4px}
.sx-chip{font:inherit;font-size:13px;border:1px solid var(--bd);background:var(--card);color:var(--tx);border-radius:99px;padding:5px 14px;cursor:pointer;transition:.2s}.sx-chip:hover{border-color:var(--or);color:var(--or);transform:translateY(-1px)}
/* ---------- صفحه تمام‌صفحه ---------- */
.sx{position:fixed;inset:0;z-index:90;display:flex;justify-content:center;align-items:flex-start;padding:12vh 14px 14px}.sx[hidden]{display:none}
.sx-bg{position:absolute;inset:0;background:rgba(8,13,38,.55);backdrop-filter:blur(6px);animation:sxin .2s both}
.sx-p{isolation:isolate;position:relative;width:min(720px,100%);max-height:76vh;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--bd);border-radius:24px;padding:14px;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:sxpop .28s both}
.sx-top{display:flex;gap:8px;align-items:center}.sx-top .sx-f{flex:1;height:54px}.sx-x{flex:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--bd);background:var(--bg);color:var(--tx);cursor:pointer;font-size:15px}
.sx-p .sx-r{overflow:auto;margin-top:8px;padding-bottom:4px}.sx-p .sx-r:not(.on){display:none}
.sx-ft{display:flex;gap:16px;justify-content:center;padding:10px 0 0;font-size:12px;color:var(--mut);border-top:1px solid var(--bd);margin-top:8px}.sx-ft kbd{border:1px solid var(--bd);border-radius:5px;padding:1px 6px;margin:0 2px;background:var(--bg);font:inherit}
@media(max-width:700px){.sx{padding-top:6vh}.sx-ft,.sx-k{display:none}.sx-p{max-height:86vh}}
/* ---------- داخل هدر ---------- */
.sx-in{isolation:isolate;position:relative;flex:1;max-width:280px;min-width:0}.sx-in .sx-w{position:relative}.sx-in .sx-f{height:40px;border-radius:99px}
.sx-in .sx-r{position:absolute;top:calc(100% + 10px);inset-inline-start:0;width:max(100%,420px);max-width:92vw;max-height:70vh;overflow:auto;background:var(--card);border:1px solid var(--bd);border-radius:20px;padding:8px;box-shadow:0 24px 60px rgba(8,13,38,.28);z-index:60;animation:sxpop .22s both}
.sx-in[data-mode=expand]{flex:none;max-width:none;display:flex;align-items:center}
.sx-in[data-mode=expand] .sx-w{width:0;opacity:0;overflow:visible;pointer-events:none;transition:width .35s ease,opacity .25s}
.sx-in[data-mode=expand] .sx-f{min-width:0;width:100%}
.sx-in[data-mode=expand].open .sx-w{width:260px;opacity:1;pointer-events:auto;margin-inline-start:6px}
.sx-mob-bar,.sx-mob-expand{display:none}
@media(max-width:1180px){.sx-in[data-mode=bar]{display:none}.sx-mob-bar{display:grid}}
@media(max-width:700px){.sx-in[data-mode=expand]{display:none}.sx-mob-expand{display:grid}}
/* ---------- ظاهر ۱: شفق (AI) ---------- */
[data-style=aurora] .sx-f{border:2px solid transparent;background:var(--card);background:linear-gradient(var(--card),var(--card)) padding-box,conic-gradient(from var(--sxa),var(--or),var(--bl),var(--tl),var(--or2),var(--or)) border-box;animation:sxspin 6s linear infinite}
[data-style=aurora] .sx-f::before{content:"";position:absolute;inset:-2px;border-radius:inherit;z-index:-1;background:conic-gradient(from var(--sxa),var(--or),var(--bl),var(--tl),var(--or2),var(--or));filter:blur(16px);opacity:.38;transition:opacity .3s}
[data-style=aurora] .sx-f:focus-within::before{opacity:.65}[data-style=aurora] .sx-f:focus-within{box-shadow:none}
[data-style=aurora] .sx-ic{animation:sxspin 6s linear infinite;background:conic-gradient(from var(--sxa),var(--or),var(--bl),var(--tl),var(--or));-webkit-background-clip:text;background-clip:text}
[data-style=aurora].sx .sx-p{border-color:transparent;background:var(--card);background:linear-gradient(var(--card),var(--card)) padding-box,conic-gradient(from var(--sxa),rgba(255,106,43,.55),rgba(59,108,255,.55),rgba(15,184,154,.55),rgba(255,154,60,.55),rgba(255,106,43,.55)) border-box;border:1.5px solid transparent;animation:sxpop .28s both,sxspin 8s linear infinite}
/* ---------- ظاهر ۲: نیمه‌شب ---------- */
[data-style=midnight]{--sxbg:#070b24;--sxtx:#eaf0ff;--sxmut:#8d9ad0;--sxbd:rgba(120,160,255,.3)}
[data-style=midnight] .sx-f{background:var(--sxbg);color:var(--sxtx);border:1px solid var(--sxbd);box-shadow:0 0 22px rgba(70,140,255,.18),inset 0 0 14px rgba(70,140,255,.07)}
[data-style=midnight] .sx-f:focus-within{border-color:#4db8ff;box-shadow:0 0 0 1px #4db8ff,0 0 32px rgba(77,184,255,.45)}
[data-style=midnight] .sx-f input::placeholder{color:var(--sxmut)}[data-style=midnight] .sx-k{background:transparent;color:var(--sxmut);border-color:var(--sxbd)}
[data-style=midnight].sx .sx-p,[data-style=midnight].sx-in .sx-r{background:radial-gradient(circle at 15% 0,rgba(77,120,255,.28),transparent 45%),radial-gradient(circle at 90% 100%,rgba(15,184,154,.18),transparent 40%),var(--sxbg);border-color:var(--sxbd);color:var(--sxtx)}
[data-style=midnight] .sx-r,[data-style=midnight] .sx-i{color:var(--sxtx)}[data-style=midnight] .sx-i .ss,[data-style=midnight] .sx-gh,[data-style=midnight] .sx-ft,[data-style=midnight] .sx-em{color:var(--sxmut)}
[data-style=midnight] .sx-i:hover,[data-style=midnight] .sx-i.act{background:rgba(77,140,255,.18)}[data-style=midnight] .sx-a{background:linear-gradient(135deg,rgba(77,140,255,.2),rgba(15,184,154,.14));border-color:var(--sxbd)}
[data-style=midnight] .sx-a b{color:#7fd0ff}[data-style=midnight] .sx-chip,[data-style=midnight] .sx-x,[data-style=midnight] .sx-ft kbd{background:rgba(255,255,255,.06);color:var(--sxtx);border-color:var(--sxbd)}
[data-style=midnight].sx .sx-bg{background:rgba(2,4,18,.72)}[data-style=midnight] .sx-ft{border-color:var(--sxbd)}
/* ---------- ظاهر ۳: شیشه‌ای ---------- */
[data-style=glass] .sx-f{background:rgba(255,255,255,.55);border:1px solid rgba(60,80,170,.22);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 8px 30px rgba(31,45,120,.14),inset 0 1px 0 rgba(255,255,255,.7)}
[data-theme=dark] [data-style=glass] .sx-f{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
[data-style=glass].sx .sx-p,[data-style=glass].sx-in .sx-r{background:rgba(255,255,255,.55);backdrop-filter:blur(24px) saturate(1.6);border:1px solid rgba(255,255,255,.6)}
[data-theme=dark] [data-style=glass].sx .sx-p,[data-theme=dark] [data-style=glass].sx-in .sx-r{background:rgba(17,26,69,.6);border-color:rgba(255,255,255,.16)}
[data-style=glass].sx .sx-bg{background:rgba(120,140,220,.28);backdrop-filter:blur(14px)}
/* ---------- ظاهر ۴: ساده ---------- */
[data-style=classic] .sx-f{border-radius:12px}[data-style=classic].sx .sx-p{border-radius:16px}
@media(prefers-reduced-motion:reduce){.sx-f,.sx-f::before,.sx-ic,.sx-p{animation:none!important}.sx-i,.sx-a{animation:none}}