/* ============================================================================= design-upgrade-v1.css · ?v=design-1 Надстройка поверх main.css / pages.css. НИЧЕГО не переопределяет в JS/логике. Подключается ТОЛЬКО на / (index.html) и /diagnostic/ — грузится последним, поэтому побеждает даже инлайн-стиль в diagnostic. Откат = удалить одну строку на странице. main.css/motion.css не тронуты. Концепция: A. Quiet Medical Luxury — база для обеих страниц (тише золото, чище ритм, мягче скругления, дисциплина повторов). B. AI Beauty Lab — только /diagnostic/ (успокоить тех-эффекты до одного осмысленного «сигнала сканирования», убрать 3 нарушения бан-листа). ============================================================================= */ /* ----------------------------------------------------------------------------- A · БАЗА (применяется на обеих подключённых страницах) Токены переопределяются локально — только там, где загружен этот файл. ----------------------------------------------------------------------------- */ :root{ /* Скругления: 28→20 / 20→16. «Карточки не круглее 20px» (тихая роскошь). */ --r-lg:20px; --r-md:16px; } /* Eyebrow: убираем золотую точку-по-умолчанию (та самая «AI-грамматика» одинакового маркера на каждой секции). Текст-лейбл остаётся, трекинг мягче. */ .eyebrow{ gap:0; letter-spacing:.16em; } .eyebrow::before{ display:none; } /* Заголовки: ровные строки без «сирот» (Impeccable typography). */ h1, h2, h3{ text-wrap:balance; } /* Цифры/цены — моноширинные, спокойнее читаются в столбик. */ .dir-card .price-hint, .rep-primary-price, .ai-share-hint{ font-variant-numeric:tabular-nums; } /* ----------------------------------------------------------------------------- A · HOME (index.html) — селекторы существуют только на главной, на /diagnostic/ это no-op. ----------------------------------------------------------------------------- */ /* Ghost-card фикс: у «парящего» hero-кадра снимаем 1px-бордер, оставляя только осмысленную тень (Impeccable: 1px border + широкая тень вместе = tell). Верхний фирменный hairline (::before) сохраняем. */ .home .hero-media .frame{ border-color:transparent; } /* Концентрируем золото: верхний 3px-hairline остаётся ТОЛЬКО на флагман-карте `.feat-card.gold`, на обычных feat-card убираем (меньше «золота ради золота»). */ .feat-card::before{ display:none; } .feat-card.gold::before{ display:block; } /* ----------------------------------------------------------------------------- B · /diagnostic/ — классы существуют только на странице диагностики, на главной это no-op. Задача: technological, но спокойно и без нарушений. ----------------------------------------------------------------------------- */ /* [БАН-ЛИСТ #1] gradient-text (background-clip:text) → сплошной bronze. Ротация AI-параметров остаётся, но читается как дорогой serif, не как «слоп». */ .ai-params-text{ background:none; -webkit-text-fill-color:var(--bronze,#8f6427); color:var(--bronze,#8f6427); } /* [БАН-ЛИСТ #2] side-stripe border (left:3–5px) → полный тонкий бордер. Рекомендация в блоке результатов остаётся выделенной, но без «полоски сбоку». */ .rep-primary::before{ display:none; } .rep-primary{ border:1px solid var(--line); } /* [БАН-ЛИСТ #3 / шум] scan-card — это инструмент измерения (скан кожи), поэтому grid-оверлей ОСТАВЛЯЕМ (он оправдан), но глушим стек анимаций до одного осмысленного сигнала: остаётся scan-line + прогресс-кольцо, пульсирующие кольца и точки замирают. */ .scan-card .scan-grid{ opacity:.28; } .scan-card .scan-rings{ display:none; } .scan-card .scan-dot{ animation:none; opacity:.5; } /* AI Share Card: было 5 одновременных анимаций (aura+shine+float+ring+pulse) и 30px-скругление. Оставляем ОДИН сигнал — пульс основной WhatsApp-кнопки, остальное успокаиваем. Логика/тексты/ссылки не трогаются. */ .ai-share-card{ border-radius:20px; } .ai-share-card::before{ animation:none; } /* aura off */ .ai-share-card::after{ animation:none; opacity:0; } /* card shine off */ .ai-share-card.is-visible{ animation:none; } /* float off */ .ai-share-main::before{ animation:none; opacity:0; } /* button ring off */ /* .ai-share-main pulse (aiShareBtnPulse) СОХРАНЯЕМ — это единственный акцент CTA. */ /* ----------------------------------------------------------------------------- Reduced-motion: ничего не ломаем — базовые правила выше уже статичны, а motion.css/pages.css сохраняют свои @media (prefers-reduced-motion). ----------------------------------------------------------------------------- */ @media (prefers-reduced-motion:reduce){ .ai-share-main{ animation:none; } }