nezumi/astrbot_plugin_qq_group_daily_analysis
1
0
Fork 0
mirror of https://github.com/Nezumi-2711/astrbot_plugin_qq_group_daily_analysis.git synced 2026-09-22 13:38:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Improve styling and lenhanced font properties

Browse Source
This commit is contained in:
Saramanda9988
2025-12-31 13:56:35 +08:00
committed by Helian Nuits
parent 777469c2e6
commit fa89e4b8ed
2 changed files with 52 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/reports/templates/retro_futurism/image_template.html
+29 -13
View File
@@ -66,7 +66,8 @@
/* Layout Container */
.layout {
max-width: 1200px;
width: 100%;
max-width: 1600px;
margin: 0 auto;
padding: 60px 40px;
position: relative;
@@ -196,6 +197,7 @@
position: relative;
overflow: hidden;
grid-column: span 12;
border-radius: 6px;
}
.crt-header {
@@ -283,6 +285,7 @@
padding: 20px;
position: relative;
background: rgba(255, 255, 255, 0.5);
border-radius: 6px;
}
.stat-box::before {
@@ -328,6 +331,7 @@
padding: 24px;
background: rgba(255, 255, 255, 0.5);
position: relative;
border-radius: 6px;
}
.content-box::before {
@@ -389,8 +393,7 @@
flex-direction: column;
gap: 16px;
padding: 0;
max-width: 1200px;
margin: 0 auto;
width: 100%;
}
.topic-item {
@@ -402,6 +405,7 @@
background: rgba(255, 255, 255, 0.5);
border: 1px solid var(--c-text);
position: relative;
border-radius: 6px;
}
.topic-item::before {
@@ -412,6 +416,7 @@
bottom: 0;
width: 4px;
background: var(--c-dec-1);
border-radius: 6px 0 0 6px;
}
.topic-item::after {
@@ -431,6 +436,7 @@
bottom: 0;
width: 4px;
background: var(--c-dec-3);
border-radius: 0 6px 6px 0;
}
.topic-icon {
@@ -463,10 +469,10 @@
.topic-meta {
font-family: var(--font-mono);
font-size: 0.75rem;
font-weight: 500;
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.15rem;
color: rgba(24, 24, 24, 0.5);
color: rgba(24, 24, 24, 0.7);
text-transform: uppercase;
}
@@ -489,6 +495,7 @@
padding: 18px;
position: relative;
background: rgba(255, 255, 255, 0.5);
border-radius: 6px;
}
.title-header {
@@ -580,8 +587,7 @@
flex-direction: column;
gap: 16px;
padding: 0;
max-width: 1200px;
margin: 0 auto;
width: 100%;
}
.quote-item {
@@ -593,6 +599,7 @@
background: rgba(255, 255, 255, 0.5);
border: 1px solid var(--c-text);
position: relative;
border-radius: 6px;
}
.quote-item::before {
@@ -603,6 +610,7 @@
bottom: 0;
width: 4px;
background: var(--c-dec-1);
border-radius: 6px 0 0 6px;
}
.quote-item::after {
@@ -622,6 +630,7 @@
bottom: 0;
width: 4px;
background: var(--c-dec-3);
border-radius: 0 6px 6px 0;
}
.quote-icon {
@@ -648,10 +657,10 @@
.quote-author {
font-family: var(--font-mono);
font-size: 0.75rem;
font-weight: 500;
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.15rem;
color: rgba(24, 24, 24, 0.5);
color: rgba(24, 24, 24, 0.7);
text-transform: uppercase;
}
@@ -701,6 +710,13 @@
gap: 24px;
}
.footer-author {
font-family: var(--font-mono);
font-size: 0.7rem;
color: var(--c-accent);
letter-spacing: 0.1rem;
}
/* CRT Overlay */
.crt-overlay {
position: fixed;
@@ -818,7 +834,6 @@
<span class="crt-btn crt-btn-1"></span>
<span class="crt-btn crt-btn-2"></span>
<span class="crt-btn crt-btn-3"></span>
<span class="crt-title">CRT_CHANNEL // PEAK_ACTIVITY</span>
</div>
<div class="crt-label">Peak Activity Window</div>
<div class="crt-value">{{most_active_period}}</div>
@@ -867,12 +882,13 @@
</div>
<footer>
<div>CRT_EXPORT_CHANNEL // QQ群日常分析</div>
<div>CRT_EXPORT_CHANNEL // QQ群日常分析插件</div>
<div class="footer-tokens">
<span>Total Tokens // {{total_tokens}}</span>
<span>Prompt // {{prompt_tokens}}</span>
<span>Completion // {{completion_tokens}}</span>
</div>
<div class="footer-author">SXP-Simon / astrbot-qq-group-daily-analysis</div>
<div>END_OF_LINE_</div>
</footer>
</div>
src/reports/templates/retro_futurism/pdf_template.html
+23 -7
View File
@@ -221,7 +221,7 @@
background: #181818;
color: var(--c-bg);
padding: 24px;
border-radius: 8px;
border-radius: 6px;
border: 1px solid rgba(245, 237, 220, 0.25);
box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.5);
min-height: 280px;
@@ -294,6 +294,7 @@
box-shadow: inset 0 0 0 1px rgba(24, 24, 24, 0.05);
min-height: 140px;
position: relative;
border-radius: 6px;
}
.stat-card::after {
@@ -436,6 +437,7 @@
background: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(24, 24, 24, 0.12);
position: relative;
border-radius: 6px;
}
.topic-card::before {
@@ -446,6 +448,7 @@
bottom: 0;
width: 4px;
background: var(--c-accent-1);
border-radius: 6px 0 0 6px;
}
.topic-card::after {
@@ -465,6 +468,7 @@
bottom: 0;
width: 4px;
background: var(--c-accent-3);
border-radius: 0 6px 6px 0;
}
.topic-icon {
@@ -497,10 +501,10 @@
.topic-meta {
font-family: var(--font-mono);
font-size: 0.75rem;
font-weight: 500;
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.16rem;
color: rgba(24, 24, 24, 0.5);
color: rgba(24, 24, 24, 0.7);
text-transform: uppercase;
}
@@ -526,6 +530,7 @@
border: 1px solid rgba(24, 24, 24, 0.12);
background: rgba(255, 255, 255, 0.9);
position: relative;
border-radius: 6px;
}
.title-avatar {
@@ -629,6 +634,7 @@
background: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(24, 24, 24, 0.12);
position: relative;
border-radius: 6px;
}
.quote-card::before {
@@ -639,6 +645,7 @@
bottom: 0;
width: 4px;
background: var(--c-accent-1);
border-radius: 6px 0 0 6px;
}
.quote-card::after {
@@ -658,6 +665,7 @@
bottom: 0;
width: 4px;
background: var(--c-accent-3);
border-radius: 0 6px 6px 0;
}
.quote-icon {
@@ -684,10 +692,10 @@
.quote-author {
font-family: var(--font-mono);
font-size: 0.75rem;
font-weight: 500;
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.2rem;
color: rgba(24, 24, 24, 0.5);
color: rgba(24, 24, 24, 0.7);
text-transform: uppercase;
}
@@ -703,6 +711,13 @@
gap: 24px;
}
.footer-author {
font-family: var(--font-mono);
font-size: 0.7rem;
color: var(--c-main);
letter-spacing: 0.1rem;
}
footer {
padding: 0 64px;
margin-top: 28px;
@@ -855,6 +870,7 @@
<span>Prompt // {{prompt_tokens}}</span>
<span>Completion // {{completion_tokens}}</span>
</div>
<span class="footer-author">SXP-Simon / astrbot-qq-group-daily-analysis</span>
<span>END_OF_LINE_</span>
</footer>
</main>