Zhongshuge — архитектурный сюрреализм и бесконечные оптические иллюзии

Zhongshuge — архитектурный сюрреализм и бесконечные оптические иллюзии

/* Изолированные стили для виджета */ #lib-guide-wrapper { /* Переменные из дизайна сайта */ --primary-color: #000000; --accent-color: #a67c52; --text-color: #111111; --border-radius: 4px; /* Основные настройки шрифта */ font-family: 'Montserrat', sans-serif; color: var(--text-color); background-color: transparent; /* Важно для корректного отображения внутри CMS */ display: flow-root; width: 100%; box-sizing: border-box; padding: 0; margin: 0; } #lib-guide-wrapper *, #lib-guide-wrapper *::before, #lib-guide-wrapper *::after { box-sizing: inherit; } /* Заголовки */ #lib-guide-wrapper h1, #lib-guide-wrapper h2, #lib-guide-wrapper h3 { font-family: 'Montserrat', sans-serif; color: var(--primary-color); margin-top: 1.5em; margin-bottom: 0.8em; font-weight: 700; line-height: 1.3; } #lib-guide-wrapper h1 { font-size: 1.8em; border-bottom: 2px solid var(--accent-color); padding-bottom: 15px; margin-top: 0; } #lib-guide-wrapper h2 { font-size: 1.4em; } /* Текст */ #lib-guide-wrapper p { margin: 0 0 15px 0; text-align: justify; /* Жестко задаем параметры текста для абзацев */ font-size: 16px !important; line-height: 26px !important; font-weight: 400 !important; } #lib-guide-wrapper p:last-child { margin-bottom: 0; } /* Специальные текстовые блоки */ #lib-guide-wrapper .lead { font-size: 16px !important; line-height: 26px !important; font-weight: 400 !important; font-style: italic; color: #555; margin-bottom: 25px; padding-left: 15px; border-left: 3px solid #e0e0e0; text-align: left; } /* Блок рейтинга (врезка) */ #lib-guide-wrapper .rating-box { background-color: #f9f7f4; border-left: 4px solid var(--accent-color); padding: 20px; margin: 30px 0; border-radius: 2px; } #lib-guide-wrapper .rating-box ul { list-style-type: none; padding: 0; margin: 0; } #lib-guide-wrapper .rating-box li { display: block !important; /* Жестко переносим на новую строку */ width: 100% !important; margin-bottom: 12px; position: relative; padding-left: 15px; font-size: 16px !important; line-height: 26px !important; font-weight: 400 !important; } #lib-guide-wrapper .rating-box li::before { content: "•"; position: absolute; left: 0; color: var(--accent-color); font-weight: bold; } #lib-guide-wrapper .rating-box li:last-child { margin-bottom: 0; } #lib-guide-wrapper .rating-box strong { color: #000; font-weight: 600 !important; } /* Медиа и карты */ #lib-guide-wrapper .media-embed { margin: 30px 0 10px 0; border-radius: var(--border-radius); overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.04); background: #eee; position: relative; } #lib-guide-wrapper .media-caption { font-size: 14px !important; line-height: 1.5 !important; color: #777; text-align: center; margin-top: 8px; margin-bottom: 30px; font-style: italic; } /* Списки */ #lib-guide-wrapper ul.tourist-list { padding-left: 20px; margin: 0 0 25px 0; } #lib-guide-wrapper ul.tourist-list li { display: block !important; /* Жестко переносим на новую строку */ margin-bottom: 12px; text-align: justify; font-size: 16px !important; line-height: 26px !important; font-weight: 400 !important; } #lib-guide-wrapper ul.tourist-list strong { color: var(--accent-color); font-weight: 600 !important; } /* --- ТАБЛИЦА И ИНТЕРАКТИВ --- */ #lib-guide-wrapper .table-responsive { overflow-x: auto; margin: 30px 0 15px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.04); border-radius: var(--border-radius); } #lib-guide-wrapper table { width: 100%; border-collapse: collapse; min-width: 600px; background: #fff; } /* Уменьшенный шрифт для таблицы (12px) */ #lib-guide-wrapper th, #lib-guide-wrapper td { border: 1px solid #e0e0e0; padding: 12px 15px; text-align: left; vertical-align: middle; font-size: 12px !important; line-height: 18px !important; font-weight: 400 !important; } #lib-guide-wrapper th { background-color: #f4f4f4; font-weight: 700 !important; color: #000; text-transform: uppercase; letter-spacing: 0.5px; } #lib-guide-wrapper tr:nth-child(even) { background-color: #fdfdfd; } /* Эффекты размытия и маски для строк таблицы */ #lib-guide-wrapper .row-hidden { display: none !important; } #lib-guide-wrapper .row-blurred td { opacity: 0.35; filter: blur(2px); user-select: none; -webkit-mask-image: linear-gradient(to bottom, black 20%, transparent 80%); mask-image: linear-gradient(to bottom, black 20%, transparent 80%); transition: all 0.4s ease; } #lib-guide-wrapper .row-blurred-top td { opacity: 0.35; filter: blur(2px); user-select: none; -webkit-mask-image: linear-gradient(to top, black 20%, transparent 80%); mask-image: linear-gradient(to top, black 20%, transparent 80%); transition: all 0.4s ease; } /* Кнопка "Показать полный список" */ #lib-guide-wrapper .btn-expand { display: block; margin: 0 auto 30px auto; padding: 12px 30px; background-color: var(--primary-color); color: #fff; border: none; border-radius: var(--border-radius); font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 600; cursor: pointer; transition: background-color 0.3s; } #lib-guide-wrapper .btn-expand:hover { background-color: var(--accent-color); } /* Адаптив */ @media (max-width: 768px) { #lib-guide-wrapper h1 { font-size: 1.5em; } #lib-guide-wrapper h2 { font-size: 1.25em; } } Сеть книжных магазинов Zhongshuge совершила революцию в архитектурном дизайне. Главные шедевры этой сети находятся в китайских городах Чунцин и Дуцзянъянь. Посетители попадают в бесконечное пространство из зеркал и запутанных лестниц. Зеркальные поверхности создают эффект лабиринта в стиле картин Маурица Эшера. Архитекторы используют уникальный подход к организации пространства. Дизайнеры устанавливают огромные зеркальные потолки. Глянцевый пол отражает каждую деталь интерьера. Из-за этого помещение кажется огромным и нарушает законы физики. Изогнутые полки уходят прямо в бесконечность. Зрители часто сравнивают этот дизайн со сценами из фильма Начало. На этих удивительных полках хранятся тысячи произведений. Особое место занимают редкие антикварные книги по китайской истории. Туристы могут купить здесь роскошные подарочные книги с эксклюзивными иллюстрациями. Многие коллекционеры заказывают качественные книги в кожаном переплете прямо в магазине. Этот книжный храм объединяет литературу и искусство. Место в рейтинге ideallibrary.ru: 11 из 20 Фонд: Около 80 000 наименований (зависит от филиала) Главная жемчужина: Зеркальные потолки и многоярусные лестницы-лабиринты Доступность: Свободный вход Оценка посетителей: 4.6 / 5 Концепция лабиринта и геометрия пространства Дизайн каждого магазина сети Zhongshuge черпает вдохновение в местной культуре. Филиал в городе Чунцин отражает сложный горный ландшафт региона. Деревянные ступени формируют зигзагообразные горные тропы. Магазин в Дуцзянъяне использует элементы древней ирригационной системы. Книжные арки образуют бесконечные туннели и оптические иллюзи. Посетители могут легко потеряться среди стеллажей. Дизайнеры создали многочисленные скрытые зоны для чтения. Некоторые книгы можно достать только с высоких площадок. Светлые тона древесины смягчают холодный блеск зеркал и стекла. Многоуровневые арки дублируются в зеркале и превращают зал в калейдоскоп. Интересные факты Фальшивые книги и освещение Оптические хитрости. Архитекторы наклеили обои с рисунком корешков на самые верхние недосягаемые полки. Эта хитрость усиливает визуальный объем библиотеки. Детские зоны. В каждом магазине есть специальный отдел для детей. Дизайнеры оформляют его в ярких цветах с использованием мягких геометрических фигур. Освещение. Скрытая светодиодная подсветка встроена прямо в деревянные стеллажи. Она выделяет книги на полках и создает теплую атмосферу. Блокнот книжного туриста Советы от местных Как фотографировать Используйте широкоугольный объектив. Встаньте в самый центр симметричной композиции и направьте камеру немного вверх. Отражение в потолке сделает кадр идеальным. Лучшее время для посещения Посещайте магазин в будние дни. В выходные здесь собираются толпы блогеров и местных жителей. Что купить Обратите внимание на отдел с местными сувенирами. Магазин предлагает красивые закладки и блокноты с фирменным дизайном. Где находится филиал в Чунцине Магазин расположен на третьем и четвертом этажах торгового центра Zodi Plaza (район Янцзяпин). Полный рейтинг самых необычных книжных магазинов мира Место Название и Локация Ассортимент (примерно) Главная особенность Доступность для туриста Оценка 1 El Ateneo Grand Splendid (Буэнос-Айрес, Аргентина) 120 000 наименований Бывший грандиозный театр с сохраненной сценой и ложами Свободный вход 4.9 2 Livraria Lello (Порту, Португалия) 80 000 наименований Резная деревянная лестница, вдохновившая создателей Гарри Поттера Платный билет (входит в стоимость покупки книги) 4.9 3 Shakespeare and Company (Париж, Франция) 50 000 наименований Историческое место встреч Хемингуэя и Фицджеральда Свободный вход 4.8 4 Libreria Acqua Alta (Венеция, Италия) Неизвестно Книги хранятся в гондолах и ваннах для защиты от наводнений Свободный вход 4.8 5 The Last Bookstore (Лос-Анджелес, США) 250 000 наименований Летающие книги и знаменитый книжный туннель Свободный вход 4.8 6 Boekhandel Dominicanen (Маастрихт, Нидерланды) 40 000 наименований Расположен в величественной доминиканской церкви 13 века Свободный вход 4.8 7 Daunt Books (Лондон, Великобритания) 70 000 наименований Книги расставлены по странам, а не по жанрам Свободный вход 4.7 8 Atlantis Books (Санторини, Греция) 10 000 наименований Терраса с невероятным видом на Эгейское море Свободный вход 4.7 9 Cafebrería El Péndulo (Мехико, Мексика) 50 000 наименований Живые деревья, растущие прямо среди книжных полок Свободный вход 4.7 10 Ler Devagar (Лиссабон, Португалия) 60 000 наименований Бывшая типография с летающим велосипедом под потолком Свободный вход 4.7 11 Zhongshuge Bookstore (Китай) 80 000 наименований Зеркальные потолки, создающие бесконечные оптические иллюзии Свободный вход 4.6 12 Barter Books (Алник, Великобритания) 350 000 наименований Находится в старом викторианском железнодорожном вокзале Свободный вход 4.6 13 Livraria da Vila (Сан-Паулу, Бразилия) 40 000 наименований Книжные полки, работающие как огромные вращающиеся двери Свободный вход 4.6 14 Word on the Water (Лондон, Великобритания) 5 000 наименований Плавающий магазин на старинной голландской барже Свободный вход 4.6 15 Cărturești Carusel (Бухарест, Румыния) 10 000 наименований Белоснежные изогнутые балконы в здании XIX века Свободный вход 4.5 16 Munro's Books (Виктория, Канада) 30 000 наименований Неоклассическое банковское здание с витражами Свободный вход 4.5 17 Albertine Books (Нью-Йорк, США) 14 000 наименований Потолок в виде звездного неба со знаками зодиака Свободный вход 4.5 18 Rizzoli Bookstore (Нью-Йорк, США) 45 000 наименований Классический итальянский дизайн с люстрами и сводами Свободный вход 4.4 19 Livraria Bertrand (Лиссабон, Португалия) 70 000 наименований Старейший работающий книжный магазин в мире (с 1732 года) Свободный вход 4.4 20 Hatchards (Лондон, Великобритания) 100 000 наименований Официальный поставщик книг британской королевской семьи Свободный вход 4.3 Показать полный список document.addEventListener("DOMContentLoaded", function() { const tbody = document.querySelector('#rating-table tbody'); if (!tbody) return; const rows = Array.from(tbody.querySelectorAll('tr')); const expandBtn = document.getElementById('btn-expand-rating'); // Укажите здесь индекс целевой строки (начиная с 0). // Для Zhongshuge это 10 (11-е место). let targetIndex = 10; // Вычисляем диапазон из 5 строк (по две сверху и снизу от целевой) let startClear = targetIndex - 2; let endClear = targetIndex + 2; // Корректировка для крайних значений if (startClear < 0) { startClear = 0; endClear = Math.min(4, rows.length - 1); } if (endClear >= rows.length) { endClear = rows.length - 1; startClear = Math.max(0, rows.length - 5); } // Функция применения эффекта превью (сворачивание) function applyPreview() { rows.forEach((row, index) => { row.className = ''; // Очищаем классы if (index >= startClear && index row.className = ''); expandBtn.style.display = 'none'; // Скрываем кнопку } // Запускаем превью при загрузке applyPreview(); // Вешаем событие на кнопку if (expandBtn) { expandBtn.addEventListener('click', expandTable); } });