/* ========================================================================== Aurora · группа «reviews» (17.09.2026) Страницы: /reviews/, карточка предмета, доски рейтингов, формы отзыва и обзора, большой обзор, рецензенты, люди, карточка сайта, рисковые каталоги. Общее — aurora.css (.au-*). Здесь только своё; цвет графиков (--s1…--s4) не трогается. ========================================================================== */ /* ---------- общие детали группы ---------- */ .rx-bub{flex:none;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:var(--brand-ink); background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 18%,var(--panel)),color-mix(in srgb,#ff4f9a 12%,var(--panel))); box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 8px 18px -12px rgba(109,77,255,.6)} .rx-bub svg{width:18px;height:18px} .rx-sub{color:var(--muted);font-size:15px;line-height:1.6;margin:6px 0 0;max-width:680px} .rx-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap;margin-bottom:30px} .rx-head>div:first-child{flex:1 1 420px;min-width:0} .rx-head>.au-lead{flex:0 1 500px;margin:0;font-size:15.5px} .rx-head .au-h2{margin-bottom:4px} /* ---------- герой /reviews/ ---------- */ .rx-hero{padding:120px 0 0;margin-top:-86px} .has-nav2 .rx-hero{margin-top:-140px;padding-top:176px} .rx-hero-in{max-width:1320px;margin:0 auto;padding:36px 20px 34px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:40px;align-items:center;position:relative;z-index:2} .rx-title{font-size:clamp(34px,4.8vw,64px);background:linear-gradient(100deg,#fff 0%,#fff 40%,#d6c9ff 64%,#ff9ccb 86%,#ffd28a);-webkit-background-clip:text;background-clip:text;color:transparent;max-width:760px} .rx-form{position:relative;margin-top:28px;max-width:660px} .rx-field{display:flex;align-items:center;gap:10px;margin:0;padding:8px 8px 8px 18px;border-radius:20px;cursor:text; background:rgba(255,255,255,.08);border:1px solid rgba(190,170,255,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px); box-shadow:0 30px 60px -30px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08);transition:border-color .25s,box-shadow .25s,background .25s} .rx-field:focus-within{border-color:#b8a8ff;background:rgba(255,255,255,.12);box-shadow:0 0 0 5px rgba(143,120,255,.25),0 30px 60px -30px rgba(0,0,0,.7)} .rx-field-ic{display:flex;color:#b8a8ff;flex:none} .rx-field input{flex:1;min-width:0;height:52px;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font-size:17px;padding:0} .rx-field input::placeholder{color:#9a91c9} .rx-go{height:52px;padding:0 30px;font-size:16px;border-radius:15px;flex:none} .rx-form .ac-menu{top:calc(100% - 44px);border-radius:18px} .rx-hint{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:#b3aadb} .rx-hint>span:first-child{display:inline-flex;align-items:center;gap:6px} .rx-hint svg{color:#ffc24d} .rx-manual{display:inline-flex;align-items:center;gap:8px} .rx-manual label{margin:0;font-size:13px;color:#b3aadb;font-weight:500} .rx-manual select{width:auto;height:34px;padding:0 30px 0 10px;border-radius:10px;font-size:13px;background-color:rgba(255,255,255,.07);color:#e8e2ff;border-color:rgba(190,170,255,.25)} .rx-manual select option{color:#130f2e;background:#fff} .rx-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px} .rx-chip{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:999px;font-size:13.5px;font-weight:600;white-space:nowrap; color:#e5dfff!important;background:rgba(255,255,255,.06);border:1px solid rgba(170,150,255,.2);transition:background .2s,border-color .2s,transform .25s} .rx-chip svg{color:#b8a8ff} .rx-chip:hover{background:rgba(255,255,255,.13);border-color:rgba(200,185,255,.45);transform:translateY(-2px);text-decoration:none} .rx-chip.all{border-style:dashed;color:#ffd28a!important} .rx-stage{position:relative;aspect-ratio:1/1;max-width:520px;width:100%;justify-self:center} .rx-halo{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(closest-side,rgba(143,120,255,.55),rgba(255,79,154,.2) 55%,transparent 74%);filter:blur(12px)} .rx-ring{position:absolute;border-radius:50%;border:1px dashed rgba(190,170,255,.25);pointer-events:none} .rx-ring.r1{inset:10%;animation:rxSpin 60s linear infinite} .rx-ring.r2{inset:22%;border-style:solid;border-color:rgba(255,156,203,.14);animation:rxSpin 40s linear infinite reverse} @keyframes rxSpin{to{transform:rotate(360deg)}} .rx-astra{position:absolute;inset:16%;z-index:1} .rx-astra svg{width:100%;height:100%} .rx-float{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:16px!important;color:#fff;white-space:nowrap;animation:au-float 7s ease-in-out infinite} .rx-float small{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#aa9fe0;font-weight:700} .rx-float b{display:block;font-size:13.5px;font-weight:650;color:#fff} .rx-float.f1{top:8%;left:-6%} .rx-float.f2{top:44%;right:-8%;animation-delay:-2.5s} .rx-float.f3{bottom:9%;left:0;animation-delay:-4.5s} .rx-fi{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;flex:none} .rx-fi.t-rose{background:linear-gradient(145deg,#ff4f9a,#ff8a5c)}.rx-fi.t-emerald{background:linear-gradient(145deg,#0fb57e,#19c6e6)} .rx-fstars{color:#ffc24d;font-size:13px;display:inline-flex} .rx-fstars .st-bg{fill:rgba(255,255,255,.2)} .rx-fhist{display:flex;align-items:flex-end;gap:3px;height:28px;margin-left:4px} .rx-fhist i{width:6px;height:var(--h);border-radius:3px;background:rgba(190,170,255,.4)} .rx-fhist i.hot{background:linear-gradient(180deg,#ff6b8a,#e23a5c)} .rx-figs-wrap{max-width:1320px;margin:0 auto;padding:6px 20px 56px;position:relative;z-index:2} .rx-figs .au-stat b{font-size:clamp(20px,2.3vw,32px);background:linear-gradient(180deg,#fff,#cbbdff);-webkit-background-clip:text;background-clip:text;color:transparent} .rx-live b{display:flex;align-items:center;height:clamp(20px,2.3vw,32px)} .rx-live b i{width:14px;height:14px;border-radius:50%;background:#2fd6a0;box-shadow:0 0 0 6px rgba(47,214,160,.2),0 0 18px #2fd6a0;animation:au-pulse 2s infinite} .rx-live span{color:#7ee8c4!important} /* ---------- найдено ---------- */ .rx-res{display:flex;flex-direction:column;margin-top:22px;overflow:hidden;box-shadow:var(--sh)} .rx-res-row{display:flex;align-items:center;gap:14px;padding:14px 20px;border-top:1px solid var(--line);color:var(--ink);transition:background .2s} .rx-res-row:first-child{border-top:0} .rx-res-row:hover{background:color-mix(in srgb,var(--brand) 6%,transparent);text-decoration:none} .rx-res-tx{flex:1;min-width:0} .rx-res-tx b{display:block;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .rx-res-tx span{display:block;font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .rx-res-meta{flex:none;font-size:12px;font-weight:700;color:var(--brand-ink);font-family:var(--au-mono)} .rx-found-foot{margin-top:16px} /* ---------- «оцените то, чем пользовались» ---------- */ .rx-tried{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .rx-tr-card{display:flex;align-items:center;gap:10px;padding:14px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh);min-width:0} .rx-tr-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0;color:var(--ink)} .rx-tr-main:hover{text-decoration:none} .rx-tr-main .sj-logo{border-radius:12px;flex:none} .rx-tr-tx{min-width:0} .rx-tr-tx b{display:block;font-size:14.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .rx-tr-tx span{display:block;font-size:12px;color:var(--muted)} .rx-tr-btn{flex:none} .rx-tr-x button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:10px;background:transparent;color:var(--faint);cursor:pointer;transition:background .2s,color .2s} .rx-tr-x button:hover{background:var(--bad-bg);color:var(--bad)} /* ---------- типы предметов: плитки-самоцветы ---------- */ .rx-types{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--brand) 5%,transparent) 40%,transparent)} .rx-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .rx-group{--g1:#6d4dff;--g2:#b04dff;position:relative;padding:20px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh);overflow:hidden;isolation:isolate} .rx-group::before{content:"";position:absolute;right:-60px;top:-70px;width:220px;height:220px;border-radius:50%;z-index:-1; background:radial-gradient(closest-side,color-mix(in srgb,var(--g1) 22%,transparent),transparent);pointer-events:none} .rx-group.g-violet{--g1:#6d4dff;--g2:#b04dff}.rx-group.g-rose{--g1:#ff4f9a;--g2:#ff8a5c}.rx-group.g-sapphire{--g1:#2f6bff;--g2:#6d4dff} .rx-group.g-amber{--g1:#f59e0b;--g2:#ff4f9a}.rx-group.g-cyan{--g1:#19c6e6;--g2:#2f6bff}.rx-group.g-orchid{--g1:#b04dff;--g2:#ff4f9a} .rx-group.g-gold{--g1:#e8b04b;--g2:#c98a2a}.rx-group.g-emerald{--g1:#0fb57e;--g2:#19c6e6} .rx-group.wide{grid-column:1 / -1} .rx-group-hd{display:flex;align-items:center;gap:12px;margin-bottom:14px} .rx-group-hd .au-ic{width:42px;height:42px;border-radius:14px} .rx-group-hd .au-ic svg{width:21px;height:21px} .rx-group-hd b{font-size:17px;font-weight:750;letter-spacing:-.02em} .rx-group-n{font-family:var(--au-mono);font-size:12px;font-weight:700;color:var(--muted);background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:2px 9px} .rx-group-r{margin-left:auto;font-size:12.5px;font-weight:650;color:color-mix(in srgb,var(--g1) 70%,var(--ink))} .rx-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px} .rx-cat{position:relative;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:15px;min-width:0;color:var(--ink); background:color-mix(in srgb,var(--g1) 4%,var(--panel-2));border:1px solid color-mix(in srgb,var(--g1) 12%,var(--line)); transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .25s,background .25s} .rx-cat:hover{transform:translateY(-3px);text-decoration:none;border-color:color-mix(in srgb,var(--g1) 55%,transparent); background:var(--panel);box-shadow:0 18px 34px -20px color-mix(in srgb,var(--g1) 70%,transparent)} .rx-cat-ic{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:color-mix(in srgb,var(--g1) 80%,var(--ink)); background:color-mix(in srgb,var(--g1) 13%,var(--panel));transition:background .3s,color .3s} .rx-cat.has .rx-cat-ic{color:#fff;background:linear-gradient(145deg,var(--g1),var(--g2));box-shadow:0 8px 16px -8px var(--g1)} .rx-cat:hover .rx-cat-ic{color:#fff;background:linear-gradient(145deg,var(--g1),var(--g2))} .rx-cat-tx{min-width:0} .rx-cat-tx b{display:block;font-size:13.5px;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .rx-cat-tx span{display:block;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums} .rx-cat.has .rx-cat-tx span{color:color-mix(in srgb,var(--g1) 65%,var(--ink));font-weight:650} /* ---------- лента ---------- */ .rx-filter{display:flex;gap:6px;flex-wrap:wrap;padding:5px;border-radius:16px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh)} .rx-fl{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:12px;font-size:13.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;transition:background .2s,color .2s} .rx-fl em{font-style:normal;font-family:var(--au-mono);font-size:11.5px;opacity:.7} .rx-fl svg{width:15px;height:15px;color:var(--brand)} .rx-fl:hover{background:color-mix(in srgb,var(--brand) 9%,transparent);text-decoration:none;color:var(--ink)} .rx-fl.on{background:var(--au-grad);color:#fff;box-shadow:0 10px 20px -12px rgba(109,77,255,.8)} .rx-fl.on svg{color:#fff} .rx-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .rx-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line); box-shadow:var(--sh);min-width:0;color:var(--ink);overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s} .rx-card::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--line-2)} .rx-card.t-ok::after{background:linear-gradient(90deg,#0fb57e,#19c6e6)} .rx-card.t-ai::after{background:linear-gradient(90deg,#2f6bff,#6d4dff)} .rx-card.t-muted::after{background:linear-gradient(90deg,var(--line-2),transparent)} .rx-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);text-decoration:none} .rx-card-hd{display:flex;align-items:center;gap:11px;min-width:0} .rx-card-who{flex:1;min-width:0} .rx-card-who b{display:block;font-size:15px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .rx-card-who small{display:block;font-size:12px;color:var(--muted)} .rx-score{flex:none;font-family:var(--au-display);font-weight:700;font-size:18px;letter-spacing:-.04em;color:var(--ink)} .rx-stars{display:flex;gap:2px;font-size:16px} .rx-snip{font-size:14px;line-height:1.6;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere} .rx-card-ft{margin-top:auto;padding-top:10px;display:flex;align-items:center;gap:8px;border-top:1px dashed var(--line)} .rx-badge{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:750;white-space:nowrap} .rx-badge.ok{background:var(--ok-bg);color:var(--ok)} .rx-badge.ai{background:var(--info-soft);color:var(--info)} .rx-badge.muted{background:var(--panel-2);color:var(--muted);border:1px solid var(--line)} .rx-date{margin-left:auto;font-size:12px;color:var(--faint)} .rx-invite{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:24px;border-radius:var(--r-lg);min-height:250px;box-shadow:var(--sh-lg)} .rx-invite>*:not(.au-stars){position:relative;z-index:1} .rx-invite b{font-family:var(--au-display);font-size:20px;font-weight:700;letter-spacing:-.03em;color:#fff;max-width:70%;line-height:1.15} .rx-invite>span{font-size:13.5px;color:#c9c1ee;line-height:1.55;max-width:74%} .rx-invite .btn{margin-top:auto} .rx-invite-astra{position:absolute!important;right:-10px;bottom:-14px;width:130px} .rx-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:34px} .rx-empty-astra{width:120px} .rx-empty b{font-size:18px} .rx-empty p{margin:0;color:var(--muted);max-width:520px} /* ---------- правила и входы ---------- */ .rx-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px} .rx-entry{display:flex;align-items:center;gap:18px;padding:26px 28px;border-radius:var(--r-lg);color:#efeaff!important;box-shadow:var(--sh-lg);transition:transform .45s cubic-bezier(.2,.8,.2,1)} .rx-entry.e2{background:radial-gradient(700px 400px at 90% 0%,rgba(255,79,154,.3),transparent 60%),linear-gradient(180deg,#0b0826,#070519)} .rx-entry>*:not(.au-stars){position:relative;z-index:1} .rx-entry:hover{transform:translateY(-4px);text-decoration:none} .rx-entry-tx{flex:1;min-width:0} .rx-entry-tx b{display:block;font-family:var(--au-display);font-size:21px;font-weight:700;letter-spacing:-.03em;color:#fff} .rx-entry-tx span{display:block;margin-top:4px;font-size:13.5px;color:#c9c1ee;line-height:1.5} .rx-entry-go{flex:none;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#ffd28a} @media (max-width:1100px){ .rx-hero{margin-top:-78px;padding-top:100px} .has-nav2 .rx-hero{margin-top:-78px;padding-top:100px} .rx-hero-in{grid-template-columns:1fr;gap:6px} .rx-stage{max-width:420px;order:-1;margin:-6px auto 0} .rx-feed{grid-template-columns:repeat(2,minmax(0,1fr))} .rx-tried{grid-template-columns:repeat(2,minmax(0,1fr))} .rx-groups{grid-template-columns:1fr} } @media (max-width:760px){ .rx-entries{grid-template-columns:1fr} } @media (max-width:640px){ .rx-hero-in{padding:6px 16px 26px} .rx-stage{max-width:300px} .rx-float{transform:scale(.8)} .rx-float.f1{left:-8%}.rx-float.f2{right:-10%}.rx-float.f3{left:-6%} .rx-field{flex-wrap:wrap;padding:8px} .rx-field-ic{margin-left:8px} .rx-field input{height:46px;font-size:16px} .rx-go{width:100%;height:48px} .rx-form .ac-menu{top:calc(100% - 40px)} .rx-figs-wrap{padding:0 16px 40px} .rx-feed,.rx-tried{grid-template-columns:1fr} .rx-cats{grid-template-columns:repeat(2,minmax(0,1fr))} .rx-cat{align-items:flex-start;padding:10px} .rx-cat-ic{width:32px;height:32px} .rx-cat-tx b{white-space:normal;overflow:visible;overflow-wrap:anywhere;hyphens:auto} .rx-figs{grid-template-columns:repeat(2,minmax(0,1fr))} .rx-figs .rx-live{grid-column:1 / -1} .rx-figs>div{padding:16px 18px} .rx-group{padding:16px} .rx-group-r{display:none} .rx-filter{width:100%} .rx-fl{flex:1 1 auto;justify-content:center;padding:0 10px} .rx-entry{padding:20px;flex-wrap:wrap} .rx-invite b,.rx-invite>span{max-width:100%} .rx-invite-astra{width:96px;opacity:.9} } @media (prefers-reduced-motion:reduce){.rx-ring{animation:none}} /* ========================================================================== Карточка предмета /reviews/<тип>/<ключ>/ (sx-*, прежние sb-* сохранены) ========================================================================== */ .sb-crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin:4px 0 16px;flex-wrap:wrap} .sb-crumbs a{color:var(--muted);display:inline-flex;align-items:center;gap:6px} .sb-crumbs a svg{color:var(--brand)} .sb-crumbs a:hover{color:var(--brand-ink);text-decoration:none} .sb-crumbs b{color:var(--ink-2);font-weight:650;max-width:40ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .sb-crumbs span{color:var(--line-2)} .sx-hero{position:relative;display:grid;grid-template-columns:250px minmax(0,1fr) 330px;gap:30px;align-items:start; padding:28px;border-radius:var(--au-r-xl);background:var(--panel);box-shadow:var(--sh-lg);isolation:isolate;overflow:hidden} .sx-hero::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:var(--au-hair);pointer-events:none; -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude} .sx-hero::after{content:"";position:absolute;z-index:-1;left:-10%;top:-60%;width:70%;height:140%;pointer-events:none; background:radial-gradient(closest-side,color-mix(in srgb,var(--brand) 14%,transparent),transparent)} .sx-hero.is-bad::before{background:linear-gradient(135deg,rgba(226,58,92,.75),rgba(255,79,154,.35) 50%,rgba(245,158,11,.35))} .sx-hero.is-bad::after{background:radial-gradient(closest-side,color-mix(in srgb,var(--bad) 16%,transparent),transparent)} .sx-hero.sx-nocover{grid-template-columns:minmax(0,1fr) 340px} .sb-media{min-width:0} .sb-cover{display:block;width:100%;height:250px;object-fit:contain;border-radius:20px;border:1px solid var(--line);background:var(--panel-2);box-shadow:var(--sh)} .sb-cover-shot{display:block;padding:0;overflow:hidden} .sb-cover-shot img{width:100%;height:100%;object-fit:cover;display:block} .sb-shot{display:block;margin-top:10px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--panel-2);aspect-ratio:1.6;box-shadow:var(--sh)} .sb-shot img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)} .sb-shot:hover img{transform:scale(1.04)} .sb-shot-cap{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:6px 0 0;font-size:11.5px;color:var(--muted)} .sb-shot-cap a{color:var(--brand-ink);font-weight:650} .sb-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px} .sb-tile{position:relative;display:block;height:66px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,var(--line),var(--line-2))} .sb-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s} .sb-tile:hover img{transform:scale(1.08)} .sb-tile-vid .play{position:absolute;inset:0;margin:auto;width:28px;height:28px;border-radius:50%;background:var(--au-grad);color:#fff;display:grid;place-items:center;box-shadow:var(--au-glow)} .sb-tile-vid i{position:absolute;right:5px;bottom:4px;font-style:normal;font-size:9.5px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)} .sb-media-note{margin:8px 0 0;font-size:11.5px;color:var(--faint);line-height:1.45} .sb-main{min-width:0} .sb-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center} .sb-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--line-2);background:var(--panel);color:var(--ink-2);font-size:12.5px;font-weight:650} .sb-chip.type{background:color-mix(in srgb,var(--brand) 10%,var(--panel));border-color:transparent;color:var(--brand-ink)} .sb-chip.ok{background:var(--ok-bg);border-color:transparent;color:var(--ok)} .sb-chip.bad{background:var(--bad);border-color:transparent;color:#fff;box-shadow:0 8px 20px -10px var(--bad);animation:sxPulse 2.4s ease-in-out infinite} .sb-chip.bad:hover{text-decoration:none;filter:brightness(1.08)} @keyframes sxPulse{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--bad) 18%,transparent)}} .sx-h1{font-family:var(--au-display);font-weight:700;letter-spacing:-.035em;font-size:clamp(26px,3vw,42px);line-height:1.08;margin:16px 0 0;overflow-wrap:anywhere} .sb-sub{margin:8px 0 0;font-size:15px;color:var(--muted);line-height:1.5} .sb-sub a{font-weight:650} .sx-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:20px} .sx-fact{display:flex;flex-direction:column;gap:3px;padding:11px 13px;border-radius:14px;background:var(--panel-2);border:1px solid var(--line);min-width:0} .sx-fact.wide{grid-column:1 / -1} .sx-fact .k{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--faint)} .sx-fact .v{font-size:14px;color:var(--ink);font-weight:650;overflow-wrap:anywhere} .sx-fact .v.ok{color:var(--ok)}.sx-fact .v.bad{color:var(--bad)}.sx-fact .v.muted{color:var(--muted);font-weight:500;font-size:13px} .sb-acts{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap} .sb-acts .btn{height:46px;padding:0 22px} .sb-act{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 16px;border-radius:14px;border:1px solid var(--line-2);background:var(--panel);color:var(--ink-2);font-size:14px;font-weight:620;transition:border-color .2s,color .2s,transform .25s} .sb-act svg{color:var(--brand)} .sb-act:hover{border-color:var(--brand);color:var(--brand-ink);text-decoration:none;transform:translateY(-2px)} .sx-rate{position:relative;padding:20px;border-radius:24px;color:#efeaff;overflow:hidden; background:radial-gradient(400px 260px at 100% 0%,rgba(255,79,154,.28),transparent 60%),radial-gradient(360px 260px at 0% 100%,rgba(25,198,230,.18),transparent 60%),linear-gradient(170deg,#1b1650,#0b0926); box-shadow:0 30px 60px -30px rgba(40,20,120,.7),inset 0 0 0 1px rgba(190,170,255,.16)} .sx-rate .sb-lbl{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#a79fd0} .sx-ring-row{display:flex;align-items:center;gap:16px;margin-top:10px} .sx-ring{position:relative;flex:none;width:128px;height:128px} .sx-ring svg{width:100%;height:100%;display:block} .sx-ring-track{fill:none;stroke:rgba(255,255,255,.1);stroke-width:12} .sx-ring-seg{fill:none;stroke-width:12;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(0,0,0,.25))} .sx-ring-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1} .sx-ring-c b{font-family:var(--au-display);font-weight:700;font-size:34px;letter-spacing:-.05em;color:#fff} .sx-ring-c b.none{color:#8f86c4} .sx-ring-c small{font-size:11px;color:#a79fd0;margin-top:4px;font-weight:650} .sx-ring-side{display:flex;flex-direction:column;gap:6px;min-width:0} .sx-stars{font-size:18px;display:flex;gap:2px} .sx-rate .st .st-bg{fill:rgba(255,255,255,.18)} .sx-rate .sb-cnt{font-size:13px;color:#c9c1ee} .sx-rate .sb-none{font-size:13px;color:#c9c1ee;line-height:1.45} .sb-hist{display:flex;flex-direction:column;gap:7px;margin-top:14px} .sb-row{display:flex;align-items:center;gap:9px} .sb-row .s{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;color:#a79fd0;min-width:26px;font-weight:700} .sb-row .s .st{font-size:10px} .sb-row .n{font-size:11.5px;color:#a79fd0;min-width:22px;text-align:right;font-variant-numeric:tabular-nums;font-family:var(--au-mono)} .sb-row .bar{flex:1;height:8px;border-radius:4px;background:rgba(255,255,255,.09);overflow:hidden} .sb-row .bar i{display:block;height:8px;border-radius:4px} .sb-row.s5 .bar i{background:linear-gradient(90deg,#1f9d63,#2fd6a0)}.sb-row.s4 .bar i{background:linear-gradient(90deg,#6aa22c,#9bd04a)} .sb-row.s3 .bar i{background:linear-gradient(90deg,#d99a1c,#ffc24d)}.sb-row.s2 .bar i{background:linear-gradient(90deg,#e06a2a,#ff9a5c)} .sb-row.s1 .bar i{background:linear-gradient(90deg,#d23a3a,#ff6b8a)} .sb-ai{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(190,170,255,.16)} .sb-ai b{font-size:16px;font-variant-numeric:tabular-nums;color:#fff} .sb-ai .badge.info{background:rgba(107,155,255,.18);color:#b6ccff} .sb-ai-note{margin:8px 0 0;font-size:12px;color:#a79fd0;line-height:1.5} /* навигация по карточке */ .sx-tabs{position:sticky;top:84px;z-index:20;display:flex;gap:4px;margin:18px 0 6px;padding:5px;border-radius:18px;overflow-x:auto;scrollbar-width:none; background:var(--au-glass);backdrop-filter:saturate(1.8) blur(18px);-webkit-backdrop-filter:saturate(1.8) blur(18px);border:1px solid var(--au-glass-line);box-shadow:0 14px 30px -24px rgba(40,20,120,.5)} .has-nav2 .sx-tabs{top:136px} .sx-tabs::-webkit-scrollbar{display:none} .sx-tabs a{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:13px;font-size:13.5px;font-weight:620;color:var(--ink-2);white-space:nowrap;transition:background .2s,color .2s} .sx-tabs a svg{color:var(--brand)} .sx-tabs a em{font-style:normal;font-family:var(--au-mono);font-size:11.5px;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand-ink)} .sx-tabs a:hover{background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--ink);text-decoration:none} .sx-tabs a.bad{color:var(--bad)}.sx-tabs a.bad svg{color:var(--bad)} .sx-block,.sx-threat,#reviews,#share{scroll-margin-top:150px} .sx-block{margin-top:16px} /* разбор угрозы */ .sx-threat{position:relative;display:flex;gap:18px;margin-top:16px;padding:24px 26px;border-radius:26px;color:#ffe9ef;overflow:hidden; background:radial-gradient(600px 300px at 100% 0%,rgba(255,79,154,.35),transparent 60%),radial-gradient(500px 300px at 0% 100%,rgba(245,158,11,.18),transparent 60%),linear-gradient(160deg,#3a0d20,#160512); box-shadow:0 30px 60px -30px rgba(160,20,60,.6),inset 0 0 0 1px rgba(255,120,160,.22)} .sx-threat-ic{flex:none;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#e23a5c,#ff8a5c);box-shadow:0 14px 28px -12px #e23a5c} .sx-threat-body{min-width:0;flex:1} .sx-threat-eb{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ff9fb8} .sx-threat-h{display:block;margin-top:6px;font-family:var(--au-display);font-weight:700;font-size:clamp(19px,2vw,26px);letter-spacing:-.03em;color:#fff;line-height:1.15} .sx-threat-means{margin:8px 0 0;font-size:15px;color:#ffe1ea;line-height:1.55} .sx-threat-scope{margin:6px 0 0;font-size:13px;color:#e6a9bb;line-height:1.5} .sx-threat-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px} .sx-threat-facts span{display:flex;flex-direction:column;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,140,170,.2)} .sx-threat-facts small{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#e6a9bb;font-weight:700} .sx-threat-facts b{font-size:14px;color:#fff} .sx-threat-q{margin:14px 0 0;padding:12px 16px;border-left:3px solid #ff6b8a;border-radius:0 12px 12px 0;background:rgba(255,255,255,.05);font-style:italic;color:#ffe1ea} .sx-threat-q small{display:block;margin-top:6px;font-style:normal;font-size:11.5px;color:#e6a9bb} .sx-threat-do{display:flex;gap:8px;align-items:flex-start;margin:14px 0 0;padding:12px 14px;border-radius:14px;background:rgba(47,214,160,.1);border:1px solid rgba(47,214,160,.25);color:#d7fff0} .sx-threat-do svg{flex:none;color:#2fd6a0;margin-top:3px} .sx-threat-do b{color:#fff} .sx-threat-src{margin-top:12px;font-size:12px;color:#d59bab} .sx-threat-link{margin:10px 0 0} .sx-threat-link a{color:#ffd28a;font-weight:700} /* блоки lib/subjectcard_ui.php: история, проверки, реестр, связи — оправа Aurora */ .sb-trend,.sb-checks,.sb-asp{position:relative;margin-top:16px;padding:22px 24px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh)} .sx-block>.sb-checks+.sb-checks,.sx-block>.sb-checks:first-child,.sx-block>.sb-trend{margin-top:0} .sx-block>.sb-checks+.sb-checks{margin-top:16px} .sb-trend-hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px} .sb-trend-hd h2{margin:0;font-family:var(--au-display);font-weight:700;font-size:19px;letter-spacing:-.03em} .sb-trend-hd .pill{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:700;background:color-mix(in srgb,var(--brand) 11%,transparent);color:var(--brand-ink)} .sb-trend-hd .pill.ok{background:var(--ok-bg);color:var(--ok)} .sb-trend-hd .pill.bad{background:var(--bad);color:#fff} .sb-checks.has-bad{border-color:color-mix(in srgb,var(--bad) 38%,var(--line));box-shadow:0 20px 40px -30px color-mix(in srgb,var(--bad) 70%,transparent)} .sb-checks .sc-row{padding:10px 0} .sb-checks .sc-ic{width:24px;height:24px;border-radius:8px;font-size:12px} .sb-checks .sc-ic.ok{background:linear-gradient(145deg,#0fb57e,#19c6e6)} .sb-checks .sc-ic.bad{background:linear-gradient(145deg,#e23a5c,#ff8a5c)} .sb-trend .tr-figs{gap:10px} .sb-trend .tr-fig{padding:12px 16px;border-radius:14px;background:var(--panel-2);border:1px solid var(--line)} .sb-trend .tr-val{font-family:var(--au-display);font-weight:700;letter-spacing:-.04em} .sb-asp-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap} .sb-asp-head b{font-family:var(--au-display);font-size:19px;font-weight:700;letter-spacing:-.03em} .sb-asp-head .muted{font-size:13px} .sb-asp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px 26px;margin-top:16px} .sb-asp-item{display:flex;align-items:center;gap:10px;min-width:0} .sb-asp-item .l{font-size:13px;color:var(--ink-2);min-width:90px;font-weight:600} .sb-asp-item .bar{flex:1;height:9px;border-radius:5px;background:var(--line);overflow:hidden} .sb-asp-item .bar i{display:block;height:9px;border-radius:5px;background:var(--au-grad-gold)} .sb-asp-item .v{font-size:13px;font-weight:750;min-width:26px;text-align:right;font-family:var(--au-mono)} .sb-asp-note{margin:12px 0 0;font-size:13px;color:var(--muted)} .sb-asp-pick{display:inline-flex;gap:2px;font-size:17px;text-decoration:none} .sb-asp-pick .st .st-bg{fill:var(--line-2);transition:fill .12s ease} .sb-asp-pick:hover .st .st-bg{fill:var(--star)} /* отзывы + правая колонка */ .sb-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start;margin-top:26px} .sb-col{min-width:0} .sb-rv-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px} .sb-rv-head h2{flex:1;font-family:var(--au-display);font-size:clamp(22px,2.4vw,30px);font-weight:700;letter-spacing:-.035em;margin:0} .sb-sorts{display:flex;gap:4px;flex-wrap:wrap;padding:4px;border-radius:14px;background:var(--panel);border:1px solid var(--line)} .sb-sort{display:inline-flex;align-items:center;height:32px;padding:0 13px;border-radius:10px;color:var(--ink-2);font-size:13px;font-weight:620} .sb-sort:hover{background:color-mix(in srgb,var(--brand) 9%,transparent);color:var(--ink);text-decoration:none} .sb-sort.on{background:var(--au-grad);color:#fff;box-shadow:0 8px 18px -10px rgba(109,77,255,.8)} .sb-rail{position:sticky;top:150px;display:flex;flex-direction:column;gap:14px;min-width:0} .sb-rail-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh);padding:18px 20px} .sb-rail-card .sb-lbl{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:4px} .sb-kv{display:flex;align-items:baseline;gap:12px;padding:9px 0;border-top:1px solid var(--line)} .sb-rail-card .sb-kv:first-of-type{border-top:0} .sb-kv .k{font-size:13px;color:var(--muted);flex:1;min-width:0} .sb-kv .v{font-size:14px;color:var(--ink);font-weight:700;text-align:right;font-family:var(--au-mono)} .sb-kv .v.muted{color:var(--muted);font-weight:500;font-family:var(--au-font);font-size:12.5px} .sb-rail-h{display:block;font-size:15px;font-weight:750} .sb-rail-l{display:block;position:relative;margin-top:10px;padding-left:18px;font-size:13px;color:var(--muted);line-height:1.55} .sb-rail-l::before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--au-grad)} .sb-act-w{width:100%;justify-content:center;margin-top:14px;height:40px;font-size:13.5px} .sb-share{margin-top:12px} .sb-share .sh-bar{flex-wrap:wrap;gap:7px} /* reviews_block (lib/reviews.php): карточки отзывов в стиле группы */ .rv-list{gap:14px} .rv-item{position:relative;border-radius:var(--r-lg);padding:20px 22px;box-shadow:var(--sh);transition:box-shadow .35s,transform .35s} .rv-item:hover{box-shadow:var(--sh-lg)} .rv-head{gap:10px} .rv-ava{width:42px;height:42px;border-radius:14px;color:#fff;font-weight:800;font-size:17px;background:var(--au-grad);box-shadow:0 10px 20px -12px rgba(109,77,255,.8)} .rv-ava.ai{background:linear-gradient(145deg,#2f6bff,#19c6e6);color:#fff;border-radius:14px} .rv-ava.guest{background:var(--panel-2);color:var(--muted);border:1px solid var(--line);border-radius:50%;box-shadow:none} .rv-head .rv-stars{font-size:16px;display:inline-flex;gap:1px} .rv-item .rev-body{font-size:15px;line-height:1.75} .rv-reply{border-radius:16px;border-color:color-mix(in srgb,var(--brand) 20%,var(--line));background:color-mix(in srgb,var(--brand) 4%,var(--panel-2))} .rv-invite{border-radius:var(--r-lg);border-style:dashed;background:color-mix(in srgb,var(--brand) 4%,var(--panel))} .rv-invite-ic{background:var(--au-grad);color:#fff;border-radius:14px} .rv-report,.rv-check-b{border-radius:14px} @media (max-width:1180px){ .sx-hero{grid-template-columns:200px minmax(0,1fr)} .sx-hero.sx-nocover{grid-template-columns:minmax(0,1fr)} .sb-cover{height:200px} .sx-rate{grid-column:1 / -1} .sx-rate{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 26px;align-items:center} .sx-rate .sb-lbl{grid-column:1 / -1} .sx-rate .sb-ai,.sx-rate .sb-ai-note{grid-column:1 / -1} } @media (max-width:1100px){ .sx-tabs{top:74px}.has-nav2 .sx-tabs{top:74px} .sb-layout{grid-template-columns:1fr} .sb-rail{position:static;flex-direction:row;flex-wrap:wrap} .sb-rail-card{flex:1 1 280px} } @media (max-width:640px){ .sx-hero,.sx-hero.sx-nocover{grid-template-columns:1fr;padding:18px;gap:18px;border-radius:24px} .sb-cover{height:190px} .sx-rate{display:block} .sx-facts{grid-template-columns:repeat(2,minmax(0,1fr))} .sb-acts{flex-direction:column} .sb-acts .btn,.sb-act{width:100%;justify-content:center} .sx-threat{flex-direction:column;padding:20px} .sb-trend,.sb-checks,.sb-asp{padding:18px} .sb-rail{flex-direction:column} .sb-rv-head h2{flex:1 1 100%} .rv-item{padding:16px} .sb-crumbs b{max-width:22ch} } @media (prefers-reduced-motion:reduce){.sb-chip.bad{animation:none}} /* ========================================================================== Доски рейтингов /reviews/top/ (tx-*, прежние top-* переоформлены) ========================================================================== */ .tx-crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin:4px 0 14px;flex-wrap:wrap} .tx-crumbs a{color:var(--muted);display:inline-flex;align-items:center;gap:6px} .tx-crumbs a svg{color:var(--brand)} .tx-crumbs span{color:var(--line-2)} .tx-crumbs b{color:var(--ink-2);font-weight:650} .tx-hero{border-radius:var(--au-r-xl);padding:clamp(26px,4vw,48px);box-shadow:var(--sh-lg);margin:6px 0 8px} .tx-hero-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center} .tx-h1{font-size:clamp(30px,4.2vw,56px);margin:12px 0 12px;background:linear-gradient(100deg,#fff 0%,#fff 45%,#d6c9ff 70%,#ffd28a);-webkit-background-clip:text;background-clip:text;color:transparent} .tx-hero .au-lead{max-width:620px} .tx-cta{margin-top:22px} .tx-astra{width:190px;margin-right:10px} .tx-type-ic{width:128px;height:128px;border-radius:38px;display:grid;place-items:center;color:#fff;margin-right:10px; background:linear-gradient(145deg,#6d4dff,#ff4f9a);box-shadow:0 30px 60px -24px rgba(176,77,255,.8),inset 0 1px 0 rgba(255,255,255,.35);transform:rotate(-6deg)} .tx-type-ic svg{width:56px;height:56px} .tx-figs{position:relative;z-index:1;margin-top:30px} .tx-figs .au-stat b{color:#fff} .tx-figs .au-stat.ok b{color:#5ef0c0} .tx-split .au-stat span{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#ddd5ff} .tx-split .au-stat small{display:block;font-size:12px;color:#a79fd0;line-height:1.45;margin-top:2px} .top-sec{margin:34px 0 14px} .top-sec span{font-size:11.5px;color:var(--brand-ink);letter-spacing:.14em} .top-sec i{background:linear-gradient(90deg,var(--line-2),transparent)} .top-boards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .top-board{height:auto;min-height:78px;padding:14px 18px;border-radius:var(--r-lg);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .25s} .top-board:hover{transform:translateY(-3px);box-shadow:var(--sh-lg);border-color:color-mix(in srgb,var(--brand) 45%,var(--line))} .top-bi{width:44px;height:44px;border-radius:14px;border:0;color:#fff;background:var(--au-grad);box-shadow:0 10px 20px -12px rgba(109,77,255,.8)} .top-boards .top-board:nth-child(6n+2) .top-bi{background:linear-gradient(145deg,#ff4f9a,#ff8a5c)} .top-boards .top-board:nth-child(6n+3) .top-bi{background:linear-gradient(145deg,#0fb57e,#19c6e6)} .top-boards .top-board:nth-child(6n+4) .top-bi{background:linear-gradient(145deg,#2f6bff,#6d4dff)} .top-boards .top-board:nth-child(6n+5) .top-bi{background:linear-gradient(145deg,#f59e0b,#ff4f9a)} .top-boards .top-board:nth-child(6n) .top-bi{background:linear-gradient(145deg,#19c6e6,#2f6bff)} .top-bn b{font-size:15.5px;font-weight:750} .top-split{width:120px;height:8px;border-radius:5px} .top-split i{height:8px} .top-bnum{font-family:var(--au-display);font-weight:700;font-size:18px;width:auto;min-width:56px} .top-quiet a{height:34px;padding:0 14px;background:var(--panel)} .top-bar{margin-top:18px;padding:6px;border-radius:18px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh)} .top-bar .tabs{margin:0;gap:4px} .top-bar .tabs a{height:38px;display:inline-flex;align-items:center} .top-q{height:42px;border-radius:14px;min-width:260px;background:var(--panel-2)} .top-q svg{color:var(--brand)} .top-q input{height:40px;padding:0;border:0!important;box-shadow:none!important;background:transparent!important} .top-facets{margin-top:12px} .top-facets a{height:32px;padding:0 12px} .top-facets a.on{background:var(--au-grad);color:#fff} .top-facets a.on em{color:#f0e8ff} .top-tier{margin:34px 0 14px} .top-tv{display:inline-grid;place-items:center;min-width:56px;height:40px;padding:0 12px;border-radius:14px;font-family:var(--au-display);font-weight:700;font-size:19px;color:#fff!important} .top-tv.g{background:linear-gradient(145deg,#0fb57e,#19c6e6);box-shadow:0 10px 22px -12px #0fb57e} .top-tv.y{background:linear-gradient(145deg,#6aa22c,#9bd04a);box-shadow:0 10px 22px -12px #6aa22c} .top-tv.o{background:linear-gradient(145deg,#f59e0b,#ff8a5c);box-shadow:0 10px 22px -12px #f59e0b} .top-tier .stars{font-size:17px} .top-tier i{background:linear-gradient(90deg,var(--line-2),transparent)} .top-rows{gap:12px} .top-row{min-height:70px;padding:10px 16px;border-radius:18px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .25s} .top-row:hover{transform:translateY(-2px);box-shadow:var(--sh-lg)} .top-row.human{background:linear-gradient(90deg,color-mix(in srgb,var(--ok) 6%,var(--panel)),var(--panel) 60%)} .top-rk{width:30px;font-family:var(--au-mono);font-size:13px} .top-rk.lead{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;text-align:center;color:#2a1a02;background:var(--au-grad-gold);box-shadow:0 6px 14px -6px #c98a2a} .top-ava{width:44px;height:44px;border-radius:14px} .top-ava .sj-logo{width:44px;height:44px} .top-nm b{font-size:14.5px;color:var(--ink)} .top-row:hover .top-nm b{color:var(--brand-ink)} .top-empty{border-radius:var(--r-lg)} .top-empty .top-ei{background:var(--au-grad);color:#fff;border:0} @media (max-width:980px){ .top-boards{grid-template-columns:1fr} .tx-astra{width:130px} } @media (max-width:640px){ .tx-hero{padding:22px 18px;border-radius:24px} .tx-hero-in{grid-template-columns:1fr;gap:10px} .tx-astra{display:none} .tx-type-ic{width:72px;height:72px;border-radius:22px;order:-1} .tx-type-ic svg{width:34px;height:34px} .tx-figs{grid-template-columns:1fr 1fr} .tx-split{grid-template-columns:1fr} .top-q{min-width:0;width:100%} .top-bar .tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none} .top-row .stars{display:none} } /* ========================================================================== Формы: быстрый отзыв /reviews/new.php и большой обзор /reviews/write.php (wx-*) ========================================================================== */ .wx-shell{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:24px;align-items:start;max-width:1160px;margin:0 auto} .wx-aside{position:sticky;top:96px;border-radius:var(--au-r-xl);box-shadow:var(--sh-lg);min-height:560px} .has-nav2 .wx-aside{top:148px} .wx-aside-in{position:relative;z-index:1;padding:28px 28px 180px} .wx-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#c9c1ee!important} .wx-back.dark{color:var(--muted)!important} .wx-type-ic{display:grid;place-items:center;width:64px;height:64px;margin-top:22px;border-radius:20px;color:#fff; background:linear-gradient(145deg,#6d4dff,#ff4f9a);box-shadow:0 20px 40px -18px rgba(176,77,255,.8),inset 0 1px 0 rgba(255,255,255,.3)} .wx-h1{font-size:clamp(26px,2.6vw,36px);line-height:1.08;margin:18px 0 10px;background:linear-gradient(100deg,#fff 40%,#d6c9ff 70%,#ffd28a);-webkit-background-clip:text;background-clip:text;color:transparent} .wx-lead{margin:0;font-size:14.5px;line-height:1.6;color:#c9c1ee!important} .wx-rules{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px} .wx-rules li{display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:600;color:#e5dfff} .wx-rules .au-ic{width:34px;height:34px;border-radius:11px;flex:none} .wx-rules .au-ic svg{width:16px;height:16px} .wx-astra{position:absolute!important;right:18px;bottom:14px;width:150px} .wx-main{display:flex;flex-direction:column;gap:16px;min-width:0} .wx-card{position:relative;padding:26px 28px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh)} .wx-step{position:absolute;right:22px;top:18px;font-family:var(--au-display);font-weight:800;font-size:44px;line-height:1;letter-spacing:-.05em; background:var(--au-grad);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.35;pointer-events:none} .wx-label{display:block;margin:18px 0 8px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-ink)} .wx-card>.wx-label:first-of-type,.wx-card>.wx-step+.wx-label,.wx-form>input[type=hidden]+.wx-label{margin-top:0} .wx-form input[type=text],.wx-form textarea,.wx-form select,.wx-form input[type=datetime-local]{width:100%} .wx-form textarea{min-height:170px} .wx-hp{display:none!important} .wx-groups{display:flex;flex-direction:column;gap:8px} .wx-group{border-radius:16px;border:1px solid var(--line);background:var(--panel-2);transition:border-color .2s,background .2s} .wx-group[open]{background:var(--panel);border-color:color-mix(in srgb,var(--brand) 35%,var(--line));box-shadow:0 14px 30px -24px rgba(109,77,255,.7)} .wx-group>summary{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;list-style:none;font-size:14px;font-weight:680;color:var(--ink)} .wx-group>summary::-webkit-details-marker{display:none} .wx-group>summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .25s} .wx-group[open]>summary::after{transform:rotate(-135deg)} .wx-group>summary em{font-style:normal;font-family:var(--au-mono);font-size:11.5px;color:var(--muted);padding:1px 8px;border-radius:999px;background:var(--panel);border:1px solid var(--line)} .wx-g-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;color:#fff;background:var(--au-grad)} .wx-chips{display:flex;flex-wrap:wrap;gap:8px;padding:2px 14px 14px} .wx-chip{display:inline-flex;align-items:center;gap:7px;height:36px;margin:0;padding:0 13px;border-radius:999px;border:1px solid var(--line-2);background:var(--panel); color:var(--ink-2);font-size:13.5px;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s,color .2s,transform .25s} .wx-chip svg{color:var(--brand)} .wx-chip input{position:absolute;opacity:0;width:0;height:0} .wx-chip:hover{border-color:var(--brand);color:var(--ink);text-decoration:none;transform:translateY(-1px)} .wx-chip.on,.wx-chip:has(input:checked){background:var(--au-grad);border-color:transparent;color:#fff;box-shadow:0 10px 20px -12px rgba(109,77,255,.8)} .wx-chip.on svg,.wx-chip:has(input:checked) svg{color:#fff} .wx-note{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:var(--r-lg);background:color-mix(in srgb,var(--au-cyan) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--au-cyan) 30%,var(--line))} .wx-note.warn{background:color-mix(in srgb,var(--au-amber) 9%,var(--panel));border-color:color-mix(in srgb,var(--au-amber) 35%,var(--line))} .wx-note .au-ic{width:40px;height:40px;border-radius:13px;flex:none} .wx-note .au-ic svg{width:18px;height:18px} .wx-note b{display:block;font-size:15px} .wx-note span{display:block;font-size:13.5px;color:var(--ink-2);line-height:1.55} .wx-err{border-radius:14px} .wx-signin{text-align:left} .wx-signin .btn{margin-top:12px} .wx-proof{margin-top:16px;padding:16px;border-radius:16px;background:color-mix(in srgb,var(--au-rose) 6%,var(--panel-2));border:1px dashed color-mix(in srgb,var(--au-rose) 40%,var(--line))} .wx-proof-hd{display:flex;align-items:center;gap:10px;margin-bottom:10px} .wx-proof-hd .au-ic{width:34px;height:34px;border-radius:11px} .wx-proof-hd .chip{margin-left:auto} .wx-small{font-size:12.5px!important;line-height:1.5;margin:8px 0 0} .wx-gap{margin-top:14px!important} .wx-center{text-align:center} .wx-check{display:flex!important;gap:10px;align-items:flex-start;margin:14px 0 0;font-size:14px;font-weight:600;cursor:pointer} .wx-check input{margin-top:3px;width:auto;flex:none} .wx-stars .star-rate{font-size:42px;gap:8px} .wx-up{margin-top:14px;padding:12px 14px;border-radius:14px;border:1px dashed var(--line-2);background:var(--panel-2)} .wx-more{margin-top:14px;border-radius:14px;border:1px solid var(--line);padding:0 14px;background:var(--panel-2)} .wx-more>summary{display:flex;align-items:center;gap:8px;padding:11px 0;cursor:pointer;list-style:none;font-size:14px;font-weight:650} .wx-more>summary svg{color:var(--brand)} .wx-more>summary::-webkit-details-marker{display:none} .wx-more[open]{padding-bottom:14px} .wx-fact{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr) minmax(0,140px);gap:8px;margin-top:8px} .wx-submit{width:100%;justify-content:center;height:54px;margin-top:22px;font-size:16px;border-radius:16px} .wx-mine{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)} .wx-mine:first-of-type{border-top:0} .wx-mine-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;flex:none;color:var(--brand-ink);background:color-mix(in srgb,var(--brand) 12%,var(--panel))} .wx-mine-tx{flex:1;min-width:0} .wx-mine-tx b{display:block;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .wx-mine-tx span{font-size:12px;color:var(--muted)} /* редактор большого обзора */ .wx-editor{max-width:900px} .wx-ed-hd{margin-bottom:18px} .wx-ed-title{display:flex;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap} .wx-ed-title .au-ic{width:48px;height:48px;border-radius:15px} .wx-ed-title h1{margin:0;font-size:clamp(24px,3vw,34px)} .wx-editor #rlForm{padding:26px 28px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh)} .wx-editor .rl-ed-wrap{border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)} .wx-editor .rl-ed-bar{background:var(--panel-2);gap:4px;padding:8px} .wx-editor .rl-ed-b{border-radius:9px} .wx-editor .rl-ed-b:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--line))} .wx-editor .sect{margin:30px 0 10px} .wx-media{border-radius:var(--r-lg)} .wx-editor .rl-bar{height:10px} .wx-editor .rl-bar i{background:var(--au-grad)} .wx-editor .rl-file{border-radius:14px;width:140px} /* ========================================================================== Большой обзор /reviews/story// (sy-*) ========================================================================== */ .sy-story{max-width:860px} .sy-hero{position:relative;border-radius:var(--au-r-xl);overflow:hidden;min-height:300px;display:flex;align-items:flex-end;box-shadow:var(--sh-lg);margin-top:6px} .sy-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55} .sy-hero.has-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,5,25,.1) 0%,rgba(7,5,25,.55) 45%,rgba(7,5,25,.94) 100%)} .sy-hero-in{position:relative;z-index:2;padding:clamp(24px,4vw,44px);width:100%} .sy-hero .au-eyebrow svg{color:#c7b8ff} .sy-h1{font-size:clamp(26px,3.8vw,48px);line-height:1.08;margin:12px 0 0;color:#fff} .sy-meta{margin-top:20px;gap:14px;color:#c9c1ee} .sy-meta .rv-ava{width:44px;height:44px;border-radius:14px;color:#fff;font-weight:800;background:var(--au-grad);display:grid;place-items:center} .sy-by{display:flex;flex-direction:column;line-height:1.3} .sy-by b{color:#fff;font-size:15px} .sy-by small{font-size:12.5px;color:#a79fd0} .sy-rate{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(190,170,255,.2)} .sy-rate .rv-stars{display:inline-flex;gap:1px;font-size:15px} .sy-rate b{color:#fff;font-family:var(--au-mono);font-size:13px} .sy-lead{font-size:clamp(18px,1.8vw,21px);line-height:1.6;color:var(--ink);font-weight:500;margin:28px 0 0;padding-left:18px;border-left:4px solid;border-image:var(--au-grad) 1} .sy-story .rl-body{font-size:17px;line-height:1.8;margin-top:24px} .sy-story .rl-body h2{font-family:var(--au-display);font-weight:700;letter-spacing:-.03em} .sy-story .rl-img img,.sy-story .rl-vid video,.sy-story .rl-yt iframe,.sy-story .rl-ytbox{border-radius:20px;box-shadow:var(--sh)} .sy-foot{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:24px 26px;border-radius:var(--r-lg);margin-top:36px;box-shadow:var(--sh-lg)} .sy-foot>*:not(.au-stars){position:relative;z-index:1} .sy-foot-tx{flex:1;min-width:220px} .sy-foot-tx b{display:block;color:#fff;font-size:16px} .sy-foot-tx a{font-weight:650} @media (max-width:980px){ .wx-shell{grid-template-columns:1fr} .wx-aside{position:relative;top:auto;min-height:0} .has-nav2 .wx-aside{top:auto} .wx-aside-in{padding:24px 22px 22px} .wx-astra{width:100px;right:12px;top:14px;bottom:auto} .wx-rules{display:none} } @media (max-width:640px){ .wx-card,.wx-editor #rlForm{padding:20px 18px} .wx-fact{grid-template-columns:1fr} .wx-astra{width:80px} .wx-type-ic{width:52px;height:52px;border-radius:16px} .sy-hero{min-height:240px} } /* ========================================================================== Рецензенты /reviewers/, профиль /@ник, люди /people/ (rw-*, pp-*) ========================================================================== */ .rw-hero{border-radius:var(--au-r-xl);padding:clamp(26px,4vw,48px);box-shadow:var(--sh-lg);margin:6px 0 22px} .rw-hero-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center} .rw-h1{font-size:clamp(30px,4.2vw,56px);margin:12px 0;background:linear-gradient(100deg,#fff 0%,#fff 45%,#d6c9ff 70%,#ffd28a);-webkit-background-clip:text;background-clip:text;color:transparent} .rw-cta{margin-top:22px} .rw-astra{width:180px} .rw-figs{position:relative;z-index:1;margin-top:28px} .rw-figs .au-stat b{color:#fff} .rw-ava{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:17px;color:#fff;font-weight:800;font-size:20px; background:var(--au-grad);box-shadow:0 12px 24px -14px rgba(109,77,255,.9),inset 0 1px 0 rgba(255,255,255,.3)} .rw-ava.sm{width:42px;height:42px;border-radius:14px;font-size:16px} .rw-ava.xl{width:108px;height:108px;border-radius:34px;font-size:46px;font-family:var(--au-display);background:var(--au-grad-aurora);box-shadow:0 30px 60px -24px rgba(176,77,255,.9)} .rw-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:end} .rw-pod{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:34px 20px 22px;border-radius:var(--au-r-xl); background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh);color:var(--ink);overflow:hidden;isolation:isolate;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s} .rw-pod::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(260px 180px at 50% 0%,var(--pc,rgba(109,77,255,.18)),transparent 70%)} .rw-pod:hover{transform:translateY(-5px);box-shadow:var(--sh-lg);text-decoration:none} .rw-pod.p1{order:2;padding-top:46px;--pc:rgba(232,176,75,.35);border-color:color-mix(in srgb,#e8b04b 45%,var(--line))} .rw-pod.p2{order:1;--pc:rgba(154,160,180,.3)} .rw-pod.p3{order:3;--pc:rgba(205,127,50,.28)} .rw-pod .rw-ava{width:72px;height:72px;border-radius:24px;font-size:28px} .rw-pod.p1 .rw-ava{width:88px;height:88px;border-radius:28px;font-size:34px;background:var(--au-grad-gold);color:#2a1a02} .rw-medal{position:absolute;top:14px;left:16px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-family:var(--au-display);font-weight:800;color:#fff;background:linear-gradient(145deg,#9aa0b4,#6d7188)} .rw-pod.p1 .rw-medal{background:var(--au-grad-gold);color:#2a1a02} .rw-pod.p3 .rw-medal{background:linear-gradient(145deg,#cd7f32,#a0561c)} .rw-name{font-size:17px;font-weight:750;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .rw-pod-figs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;margin-top:6px;padding-top:12px;border-top:1px dashed var(--line)} .rw-pod-figs b{display:block;font-family:var(--au-display);font-weight:700;font-size:18px;letter-spacing:-.03em} .rw-pod-figs small{font-size:11px;color:var(--muted)} .rw-list{display:flex;flex-direction:column;gap:10px;margin-top:22px} .rw-row{display:flex;align-items:center;gap:14px;padding:12px 18px;border-radius:18px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh);color:var(--ink);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s} .rw-row:hover{transform:translateY(-2px);box-shadow:var(--sh-lg);text-decoration:none} .rw-rk{width:30px;text-align:center;font-family:var(--au-mono);font-weight:700;color:var(--faint)} .rw-row-tx{flex:1;min-width:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap} .rw-row-tx b{font-size:15px;font-weight:720} .rw-num{flex:none;min-width:70px;text-align:center} .rw-num b{display:block;font-family:var(--au-display);font-weight:700;font-size:17px} .rw-num small{font-size:11px;color:var(--muted)} .rw-levels{display:flex;gap:18px;align-items:flex-start;margin-top:24px;padding:24px 26px;box-shadow:var(--sh)} .rw-levels .au-ic{flex:none} .rw-levels h3{margin:0 0 6px;font-size:18px} .rw-levels p{margin:0;color:var(--muted);max-width:680px} .rw-ladder{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px} .rw-empty{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:32px} .rw-empty p{margin:0;color:var(--muted)} .rw-empty-astra{width:110px} /* профиль */ .rw-profile{border-radius:var(--au-r-xl);padding:clamp(24px,4vw,40px);box-shadow:var(--sh-lg);margin-bottom:22px} .rw-profile-in{position:relative;z-index:1;display:flex;align-items:center;gap:26px;flex-wrap:wrap} .rw-profile-tx{flex:1;min-width:240px} .rw-pname{font-size:clamp(26px,3.4vw,44px);margin:0;color:#fff;overflow-wrap:anywhere} .rw-url{margin-top:6px;font-family:var(--au-mono);font-size:13px;color:#b8a8ff} .rw-joined{margin-top:6px;font-size:14px;color:#c9c1ee} .rw-chips{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px} .rw-avg{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(190,170,255,.2);color:#fff;font-weight:650;font-size:13px} .rw-avg .stars{display:inline-flex} .rw-profile .st .st-bg{fill:rgba(255,255,255,.2)} .rw-browse{flex:none} .rw-cols{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start} .rw-revs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .rw-rail{top:100px} .rw-level{text-align:center} .rw-level-ic{font-size:44px;line-height:1;margin:10px 0} .pp-proof{font-family:var(--au-font)!important;display:flex;align-items:center;gap:6px;flex-wrap:wrap} .pp-proof a{color:#ffd28a!important;font-weight:650} .pp-revs{margin-top:4px} .pp-removal{border-radius:var(--r-lg)} .pp-kinds{display:grid;grid-template-columns:repeat(2,64px);gap:12px;transform:rotate(-6deg)} .pp-kinds .au-ic{width:64px;height:64px;border-radius:20px} .pp-tabs{margin-bottom:6px} .pp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px} .pp-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh);color:var(--ink);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s} .pp-card:hover{transform:translateY(-3px);box-shadow:var(--sh-lg);text-decoration:none} .pp-card-tx{min-width:0} .pp-card-tx b{display:block;font-size:15.5px;font-weight:720} .pp-card-tx .muted{font-size:12.5px} @media (max-width:1100px){ .rw-cols{grid-template-columns:1fr} .rw-rail{position:static} } @media (max-width:760px){ .rw-podium{grid-template-columns:1fr} .rw-pod.p1,.rw-pod.p2,.rw-pod.p3{order:0} .rw-num:nth-last-child(-n+2){display:none} .rw-revs{grid-template-columns:1fr} } @media (max-width:640px){ .rw-hero,.rw-profile{padding:22px 18px;border-radius:24px} .rw-hero-in{grid-template-columns:1fr} .rw-astra,.pp-kinds{display:none} .rw-figs{grid-template-columns:1fr 1fr} .rw-ava.xl{width:80px;height:80px;border-radius:26px;font-size:34px} .rw-browse{width:100%;justify-content:center} .rw-levels{flex-direction:column;padding:20px} } /* ========================================================================== Карточка сайта /site/<домен> (scx-*). Приборная шапка vd-* печатается встроенным