gpttemp

code/public/static/css/modules/ranking/ranking_01.css

@@ -0,0 +1,26 @@
+/* ranking_01.css */
+.__PFX__-r1-title {
+    font-size: 16px;
+    color: var(--primary-color);
+    margin-bottom: 10px;
+}
+.__PFX__-r1-list {
+    padding-left: 20px;
+}
+.__PFX__-r1-row {
+    margin-bottom: 8px;
+}
+.__PFX__-r1-a {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+}
+.__PFX__-r1-num {
+    color: var(--primary-color);
+    font-weight: 700;
+    width: 18px;
+}
+.__PFX__-r1-name {
+    font-size: 14px;
+    color: #333;
+}

code/public/static/css/modules/ranking/ranking_02.css

@@ -0,0 +1,25 @@
+/* ranking_02.css */
+.__PFX__-r2-hd {
+    font-size: 16px;
+    color: var(--primary-color);
+    margin-bottom: 12px;
+}
+.__PFX__-r2-item {
+    display: flex;
+    gap: 10px;
+    padding: 10px 0;
+    border-bottom: 1px solid #eee;
+}
+.__PFX__-r2-img {
+    width: 90px;
+    aspect-ratio: 2/3;
+    border-radius: 8px;
+    object-fit: cover;
+}
+.__PFX__-r2-info h4 {
+    font-size: 14px;
+}
+.__PFX__-r2-info p {
+    font-size: 12px;
+    color: #777;
+}

code/public/static/css/modules/ranking/ranking_03.css

@@ -0,0 +1,28 @@
+/* ranking_03.css */
+.__PFX__-r3-tt {
+    font-size: 16px;
+    color: var(--primary-color);
+    margin-bottom: 10px;
+}
+.__PFX__-r3-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 8px 4px;
+    border-bottom: 1px solid rgba(0,0,0,.06);
+}
+.__PFX__-r3-l {
+    color: var(--primary-color);
+    font-size: 14px;
+    font-weight: bold;
+    width: 20px;
+}
+.__PFX__-r3-m {
+    flex: 1;
+    font-size: 13px;
+    color: #333;
+}
+.__PFX__-r3-r {
+    font-size: 14px;
+    color: var(--primary-color);
+}

code/public/static/css/modules/ranking/ranking_04.css

@@ -0,0 +1,30 @@
+/* ranking_04.css */
+.__PFX__-r4-hd {
+    font-size: 16px;
+    color: var(--primary-color);
+    margin-bottom: 12px;
+}
+.__PFX__-r4-grid {
+    display: grid;
+    grid-template-columns: repeat(2,1fr);
+    gap: 14px;
+}
+@media(min-width:768px){
+    .__PFX__-r4-grid { grid-template-columns: repeat(3,1fr); }
+}
+.__PFX__-r4-card {
+    background: #fff;
+    padding: 10px;
+    border-radius: 12px;
+    box-shadow: 0 4px 12px rgba(0,0,0,.08);
+}
+.__PFX__-r4-img {
+    width: 100%;
+    aspect-ratio: 2/3;
+    border-radius: 10px;
+    object-fit: cover;
+}
+.__PFX__-r4-name {
+    font-size: 13px;
+    margin-top: 6px;
+}

code/public/static/css/modules/ranking/ranking_05.css

@@ -0,0 +1,27 @@
+/* ranking_05.css */
+.__PFX__-r5-top strong {
+    font-size: 16px;
+    color: var(--primary-color);
+    margin-bottom: 10px;
+}
+.__PFX__-r5-line {
+    display: flex;
+    gap: 10px;
+    padding: 10px 0;
+    border-bottom: 1px solid #eee;
+}
+.__PFX__-r5-left {
+    width: 30px;
+    color: var(--primary-color);
+    font-weight: bold;
+    text-align: center;
+}
+.__PFX__-r5-right b {
+    font-size: 14px;
+    color: #333;
+}
+.__PFX__-r5-right p {
+    font-size: 12px;
+    color: #777;
+    margin-top: 2px;
+}