угадайка диза

[hideprofile][html]<div class="gemini_topic" id="gemini-color-quiz">
<div class="gemini_topic_title">
<div class="gemini_topic_humanized">угадайка цветов дизайна</div>
<div class="gemini_topic_directive">g:\palette_quiz</div>
</div>

<div class="gemini_topic_main">
<p>ждете новый дизайн? мы вот уже да. и пока мы ~~леви~~ доводим все до ума, предлагаем вам попробовать угадать основные цвета, которыми мы все будем любоваться ближайшее время.</p>
<p class="point">те, кто правильно ткнет пальцам в небо, получат 500 токенов на счет и красивенькое оформление под новый диз</p>
<p class="point">проверяем экстрасенсорные способности до 30.09.2026 включительно</p>

<div class="gcq-compact-grid">

<div class="gemini_topic_block1 gcq-card" data-num="01">
<div class="gcq-c-head">
<span class="gcq-c-radio"><span class="gcq-c-dot"></span></span>
<span class="gcq-c-name">палитра №01</span>
<span class="gcq-c-badge">spectrum // a</span>
</div>
<div class="gcq-c-body">
<div class="gcq-capsule">
<span class="gcq-c-tag">dark</span>
<div class="gcq-dots-row">
<span class="gcq-dot-color" style="background:#181D22;"></span>
<span class="gcq-dot-color" style="background:#223743;"></span>
<span class="gcq-dot-color" style="background:#947E3F;"></span>
</div>
</div>
<div class="gcq-link-line"></div>
<div class="gcq-capsule">
<span class="gcq-c-tag">light</span>
<div class="gcq-dots-row">
<span class="gcq-dot-color" style="background:#C5D3DC;"></span>
<span class="gcq-dot-color" style="background:#487388;"></span>
<span class="gcq-dot-color" style="background:#C5A460;"></span>
</div>
</div>
</div>
</div>

<div class="gemini_topic_block1 gcq-card" data-num="02">
<div class="gcq-c-head">
<span class="gcq-c-radio"><span class="gcq-c-dot"></span></span>
<span class="gcq-c-name">палитра №02</span>
<span class="gcq-c-badge">spectrum // b</span>
</div>
<div class="gcq-c-body">
<div class="gcq-capsule">
<span class="gcq-c-tag">dark</span>
<div class="gcq-dots-row">
<span class="gcq-dot-color" style="background:#201E17;"></span>
<span class="gcq-dot-color" style="background:#3C3B1F;"></span>
<span class="gcq-dot-color" style="background:#8E5B37;"></span>
</div>
</div>
<div class="gcq-link-line"></div>
<div class="gcq-capsule">
<span class="gcq-c-tag">light</span>
<div class="gcq-dots-row">
<span class="gcq-dot-color" style="background:#D9DDC1;"></span>
<span class="gcq-dot-color" style="background:#6F7A38;"></span>
<span class="gcq-dot-color" style="background:#B37D44;"></span>
</div>
</div>
</div>
</div>

<div class="gemini_topic_block1 gcq-card" data-num="03">
<div class="gcq-c-head">
<span class="gcq-c-radio"><span class="gcq-c-dot"></span></span>
<span class="gcq-c-name">палитра №03</span>
<span class="gcq-c-badge">spectrum // c</span>
</div>
<div class="gcq-c-body">
<div class="gcq-capsule">
<span class="gcq-c-tag">dark</span>
<div class="gcq-dots-row">
<span class="gcq-dot-color" style="background:#1A1F1C;"></span>
<span class="gcq-dot-color" style="background:#23452D;"></span>
<span class="gcq-dot-color" style="background:#94663F;"></span>
</div>
</div>
<div class="gcq-link-line"></div>
<div class="gcq-capsule">
<span class="gcq-c-tag">light</span>
<div class="gcq-dots-row">
<span class="gcq-dot-color" style="background:#C4DAC7;"></span>
<span class="gcq-dot-color" style="background:#4F8865;"></span>
<span class="gcq-dot-color" style="background:#C59160;"></span>
</div>
</div>
</div>
</div>

<div class="gemini_topic_block1 gcq-card" data-num="04">
<div class="gcq-c-head">
<span class="gcq-c-radio"><span class="gcq-c-dot"></span></span>
<span class="gcq-c-name">палитра №04</span>
<span class="gcq-c-badge">spectrum // d</span>
</div>
<div class="gcq-c-body">
<div class="gcq-capsule">
<span class="gcq-c-tag">dark</span>
<div class="gcq-dots-row">
<span class="gcq-dot-color" style="background:#22181C;"></span>
<span class="gcq-dot-color" style="background:#402330;"></span>
<span class="gcq-dot-color" style="background:#94573F;"></span>
</div>
</div>
<div class="gcq-link-line"></div>
<div class="gcq-capsule">
<span class="gcq-c-tag">light</span>
<div class="gcq-dots-row">
<span class="gcq-dot-color" style="background:#DDC5CD;"></span>
<span class="gcq-dot-color" style="background:#7C405B;"></span>
<span class="gcq-dot-color" style="background:#C57D60;"></span>
</div>
</div>
</div>
</div>

<div class="gemini_topic_block1 gcq-card" data-num="05">
<div class="gcq-c-head">
<span class="gcq-c-radio"><span class="gcq-c-dot"></span></span>
<span class="gcq-c-name">палитра №05</span>
<span class="gcq-c-badge">spectrum // e</span>
</div>
<div class="gcq-c-body">
<div class="gcq-capsule">
<span class="gcq-c-tag">dark</span>
<div class="gcq-dots-row">
<span class="gcq-dot-color" style="background:#1B1C1A;"></span>
<span class="gcq-dot-color" style="background:#314028;"></span>
<span class="gcq-dot-color" style="background:#A37841;"></span>
</div>
</div>
<div class="gcq-link-line"></div>
<div class="gcq-capsule">
<span class="gcq-c-tag">light</span>
<div class="gcq-dots-row">
<span class="gcq-dot-color" style="background:#E2DDD2;"></span>
<span class="gcq-dot-color" style="background:#617351;"></span>
<span class="gcq-dot-color" style="background:#C9934B;"></span>
</div>
</div>
</div>
</div>

<div class="gemini_topic_block1 gcq-card" data-num="06">
<div class="gcq-c-head">
<span class="gcq-c-radio"><span class="gcq-c-dot"></span></span>
<span class="gcq-c-name">палитра №06</span>
<span class="gcq-c-badge">spectrum // f</span>
</div>
<div class="gcq-c-body">
<div class="gcq-capsule">
<span class="gcq-c-tag">dark</span>
<div class="gcq-dots-row">
<span class="gcq-dot-color" style="background:#151F1F;"></span>
<span class="gcq-dot-color" style="background:#1F433E;"></span>
<span class="gcq-dot-color" style="background:#995B3D;"></span>
</div>
</div>
<div class="gcq-link-line"></div>
<div class="gcq-capsule">
<span class="gcq-c-tag">light</span>
<div class="gcq-dots-row">
<span class="gcq-dot-color" style="background:#CCDEDB;"></span>
<span class="gcq-dot-color" style="background:#497D73;"></span>
<span class="gcq-dot-color" style="background:#B86B45;"></span>
</div>
</div>
</div>
</div>

</div>

<div class="gcq-action-row">
<button type="button" id="gcq-submit-btn" class="button gcq-submit-btn">отправить ответ</button>
</div>

<div class="gemini_topic_block2 gcq-admin-panel" style="display: none;">
<div class="gemini_topic_minititle" style="margin-bottom: 6px;">список авторов с верным ответом</div>
<div class="gcq-admin-row">
<button type="button" id="gcq-admin-scan" class="button gcq-admin-btn">собрать победителей</button>
<span id="gcq-admin-status" class="gcq-admin-status">нажмите для сбора</span>
</div>
<div id="gcq-admin-results" style="display: none; margin-top: 10px;">
<textarea id="gcq-admin-bbcode" class="gcq-admin-bbcode" readonly placeholder="здесь появятся ники через запятую"></textarea>
<button type="button" id="gcq-admin-copy" class="button gcq-admin-copy-btn">скопировать список</button>

<div class="gemini_topic_minititle" style="margin: 12px 0 6px;">коды для выдачи наград</div>

<div class="gcq-admin-rewards-grid">
<div class="gcq-admin-reward-item">
<span class="gcq-admin-reward-label">фон</span>
<div class="gcq-admin-reward-control">
<input type="text" id="gcq-code-bg" class="gcq-admin-input" readonly value='<img src="https://upforme.ru/uploads/001a/e1/ae/3/90947.png" loading="lazy">'>
<button type="button" class="button gcq-admin-reward-copy" data-target="gcq-code-bg">копировать</button>
</div>
</div>

<div class="gcq-admin-reward-item">
<span class="gcq-admin-reward-label">иконка</span>
<div class="gcq-admin-reward-control">
<input type="text" id="gcq-code-icon" class="gcq-admin-input" readonly value='<img src="https://upforme.ru/uploads/001a/e1/ae/3/336152.gif" loading="lazy">'>
<button type="button" class="button gcq-admin-reward-copy" data-target="gcq-code-icon">копировать</button>
</div>
</div>

<div class="gcq-admin-reward-item">
<span class="gcq-admin-reward-label">фон плашки</span>
<div class="gcq-admin-reward-control">
<input type="text" id="gcq-code-linebg" class="gcq-admin-input" readonly value='<div class="gc_line_bg" style="background: #1a4629;"></div>'>
<button type="button" class="button gcq-admin-reward-copy" data-target="gcq-code-linebg">копировать</button>
</div>
</div>

<div class="gcq-admin-reward-item">
<span class="gcq-admin-reward-label">текст плашки</span>
<div class="gcq-admin-reward-control">
<input type="text" id="gcq-code-linetext" class="gcq-admin-input" readonly value='<div class="gc_line_text">SNAKE IN MY HEAD<span>taking total control</span></div>'>
<button type="button" class="button gcq-admin-reward-copy" data-target="gcq-code-linetext">копировать</button>
</div>
</div>
</div>

</div>
</div>

.gcq-compact-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin: 15px 0 10px;
}

@media (max-width: 620px) {
.gcq-compact-grid {
grid-template-columns: 1fr;
}
}

.gcq-card {
cursor: pointer;
padding: 14px 16px !important;
transition: all 0.22s ease;
position: relative;
margin: 0 !important;
border-radius: 10px;
}

.gcq-card:hover {
filter: brightness(1.08);
transform: translateY(-2px);
}

.gcq-card.active {
border-color: var(--accent-color, #c59160) !important;
box-shadow: 0 0 14px rgba(197, 145, 96, 0.28);
}

.gcq-c-head {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 12px;
}

.gcq-c-radio {
width: 14px;
height: 14px;
border-radius: 50%;
border: 1.5px solid var(--accent-color-extra, #40674d);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: border-color 0.2s;
}

.gcq-c-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: transparent;
transition: background 0.2s;
}

.gcq-card.active .gcq-c-radio {
border-color: var(--accent-color, #c59160);
}

.gcq-card.active .gcq-c-dot {
background: var(--accent-color, #c59160);
}

.gcq-c-name {
font-size: 13px;
font-weight: 500;
color: var(--text-color, #e1ede5);
}

.gcq-c-badge {
margin-left: auto;
font-size: 10px;
color: var(--plain-text-color, #708174);
opacity: 0.85;
}

.gcq-card.active .gcq-c-badge {
color: var(--accent-color, #c59160);
font-weight: 600;
opacity: 1;
}

.gcq-c-body {
display: flex;
align-items: center;
justify-content: space-between;
padding: 4px 6px;
}

.gcq-capsule {
display: flex;
align-items: center;
gap: 8px;
}

.gcq-c-tag {
font-size: 10px;
color: var(--plain-text-color, #708174);
width: 26px;
text-align: right;
opacity: 0.8;
}

.gcq-dots-row {
display: flex;
align-items: center;
gap: 5px;
}

.gcq-dot-color {
width: 20px;
height: 20px;
border-radius: 50%;
display: inline-block;
border: none !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
transition: transform 0.2s ease;
}

.gcq-card:hover .gcq-dot-color {
transform: scale(1.08);
}

.gcq-link-line {
flex: 1;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
margin: 0 10px;
}

.gcq-action-row {
display: flex;
justify-content: center;
margin: 12px 0 10px;
}

.gcq-submit-btn {
padding: 6px 24px !important;
font-size: 12px !important;
cursor: pointer;
}

/* админка */
.gcq-admin-panel {
margin-top: 14px;
border: 1px dashed var(--accent-color, #c59160) !important;
padding: 12px !important;
}

.gcq-admin-row {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}

.gcq-admin-btn {
padding: 4px 12px !important;
font-size: 11px !important;
cursor: pointer;
}

.gcq-admin-status {
font-size: 11px;
color: var(--plain-text-color, #708174);
}

.gcq-admin-bbcode {
width: 100%;
height: 55px;
background: var(--input-bg, #181b19);
border: 1px solid var(--input-border, #2c3931);
color: var(--text-color, #e1ede5);
font-size: 12px;
padding: 8px;
box-sizing: border-box;
margin-top: 6px;
border-radius: 4px;
resize: vertical;
}

.gcq-admin-copy-btn {
margin-top: 6px;
padding: 4px 10px !important;
font-size: 10px !important;
cursor: pointer;
}

/* сетка наград */
.gcq-admin-rewards-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
margin-top: 6px;
}

@media (max-width: 600px) {
.gcq-admin-rewards-grid {
grid-template-columns: 1fr;
}
}

.gcq-admin-reward-item {
display: flex;
flex-direction: column;
gap: 3px;
}

.gcq-admin-reward-label {
font-size: 10px;
color: var(--plain-text-color, #708174);
}

.gcq-admin-reward-control {
display: flex;
gap: 4px;
}

.gcq-admin-input {
flex: 1;
background: var(--input-bg, #181b19);
border: 1px solid var(--input-border, #2c3931);
color: var(--text-color, #e1ede5);
font-size: 11px;
padding: 4px 6px;
border-radius: 4px;
}

.gcq-admin-reward-copy {
padding: 3px 8px !important;
font-size: 9px !important;
cursor: pointer;
white-space: nowrap;
}
</style>
<script src="https://forumstatic.ru/files/0012/10/e7/75743.js?v=999"></script>[/html]