From 2680a7fa6294eef643e100c0f57fe240dbeae9bc Mon Sep 17 00:00:00 2001 From: Dauren777 Date: Fri, 19 Jun 2026 06:14:04 +0000 Subject: [PATCH] =?UTF-8?q?v3:=20=D0=BF=D1=80=D0=B0=D0=B2=D0=B8=D0=BB?= =?UTF-8?q?=D0=B0=20=D1=81=20=D0=B2=D0=B5=D1=80=D1=81=D0=B8=D0=BE=D0=BD?= =?UTF-8?q?=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5=D0=BC=20=D0=B8?= =?UTF-8?q?=20=D1=81=D1=82=D0=B0=D1=82=D1=83=D1=81=D0=B0=D0=BC=D0=B8=20?= =?UTF-8?q?=D0=B8=D0=B7=D0=BC=D0=B5=D0=BD=D0=B5=D0=BD=D0=B8=D0=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 146 ++++++++++++++++++++++------------------------------- 1 file changed, 60 insertions(+), 86 deletions(-) diff --git a/index.html b/index.html index d5d4fcb..e547b9c 100644 --- a/index.html +++ b/index.html @@ -63,12 +63,33 @@ body{font:17px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,s /* Rules grid */ .rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px} -.rule-card{background:var(--white);border:1px solid var(--gray-100);border-radius:16px;padding:32px;transition:all .3s} +.rule-card{background:var(--white);border:1px solid var(--gray-100);border-radius:16px;padding:32px;transition:all .3s;position:relative} .rule-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.06);transform:translateY(-4px);border-color:var(--cyan-50)} +.rule-card.modified{border-left:4px solid #f59e0b} +.rule-card.added{border-left:4px solid #22c55e} .rule-icon{font-size:32px;margin-bottom:16px} -.rule-card h3{font-size:20px;font-weight:700;margin-bottom:10px} +.rule-card h3{font-size:20px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap} .rule-card p{font-size:15px;color:var(--gray-500);line-height:1.6} .rule-tag{display:inline-block;margin-top:16px;font-size:13px;font-weight:600;color:var(--cyan);background:var(--cyan-50);padding:4px 12px;border-radius:100px} +.rule-chip{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:2px 10px;border-radius:100px} +.rule-chip.modified{background:#fef3c7;color:#92400e} +.rule-chip.added{background:#dcfce7;color:#166534} +.version-badge{font-size:13px;color:var(--gray-500);background:var(--gray-100);padding:6px 14px;border-radius:100px;font-weight:500} + +/* Version archive */ +.version-archive{margin-top:48px;border:1px solid var(--gray-100);border-radius:12px;overflow:hidden} +.version-archive-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;cursor:pointer;font-size:15px;font-weight:600;background:var(--gray-100);transition:background .2s} +.version-archive-header:hover{background:#e5e7eb} +.version-arrow{font-size:12px;transition:transform .3s} +.version-archive.open .version-arrow{transform:rotate(180deg)} +.version-archive-body{max-height:0;overflow:hidden;transition:max-height .4s ease} +.version-archive.open .version-archive-body{max-height:400px} +.version-row{display:flex;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid var(--gray-100);font-size:14px} +.version-row:last-child{border-bottom:none} +.version-row.current{background:var(--cyan-50)} +.version-num{font-weight:700;color:var(--ink);white-space:nowrap;min-width:40px} +.version-date{color:var(--gray-500);white-space:nowrap;min-width:110px;font-size:13px} +.version-desc{color:var(--gray-500);font-size:13px} /* Steps */ .steps{background:var(--gray-100)} @@ -78,24 +99,6 @@ body{font:17px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,s .step h3{font-size:18px;font-weight:700;margin-bottom:8px} .step p{font-size:15px;color:var(--gray-500);line-height:1.5} -/* Changes timeline */ -.changes{background:var(--gray-100)} -.timeline{max-width:760px;margin:0 auto;position:relative} -.timeline::before{content:'';position:absolute;left:32px;top:0;bottom:0;width:2px;background:var(--gray-100)} -.timeline-item{display:flex;gap:20px;margin-bottom:28px;position:relative} -.timeline-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0;margin-top:4px;position:relative;z-index:1} -.timeline-dot.added{background:#22c55e} -.timeline-dot.modified{background:#f59e0b} -.timeline-dot.removed{background:#ef4444} -.timeline-content{flex:1;background:var(--white);border-radius:12px;padding:20px 24px;border:1px solid var(--gray-100)} -.timeline-date{font-size:13px;color:var(--gray-500);margin-bottom:6px} -.timeline-badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 10px;border-radius:100px;margin-bottom:8px} -.timeline-badge.added{background:#dcfce7;color:#166534} -.timeline-badge.modified{background:#fef3c7;color:#92400e} -.timeline-badge.removed{background:#fee2e2;color:#991b1b} -.timeline-content h4{font-size:16px;font-weight:700;margin-bottom:4px} -.timeline-content p{font-size:14px;color:var(--gray-500);line-height:1.5} - /* FAQ */ .faq-list{max-width:760px;margin:0 auto} .faq-item{border-bottom:1px solid var(--gray-100);padding:20px 0} @@ -144,7 +147,6 @@ body{font:17px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,s