From 0c8f85d16c97a8fd4ba381dce13ea9f0b051e6c1 Mon Sep 17 00:00:00 2001
From: 快乐的昕的电脑 <快乐的昕的电脑@DESKTOP-C2BQPQU>
Date: 星期三, 03 十二月 2025 15:26:56 +0800
Subject: [PATCH] 只更新第一行 currentCjNum

---
 common/styles/layout.scss |   93 +++++++++++++++++++++++-----------------------
 1 files changed, 47 insertions(+), 46 deletions(-)

diff --git a/common/styles/layout.scss b/common/styles/layout.scss
index 2e7d81b..d58b45e 100644
--- a/common/styles/layout.scss
+++ b/common/styles/layout.scss
@@ -1,86 +1,87 @@
+@use "sass:math";
 @import './design-tokens.scss';
 @import './mixins.scss';
 
 :root {
-  font-size: 14px;
+    font-size: 14px;
 }
 
 page {
-  background-color: $color-bg-base;
-  color: $color-text-primary;
-  font-family: $font-family-base;
+    background-color: $color-bg-base;
+    color: $color-text-primary;
+    font-family: $font-family-base;
 }
 
 .page-container {
-  width: 100%;
-  min-height: 100vh;
-  padding: $spacing-lg $spacing-xl;
-  background: linear-gradient(180deg, #f8fafc 0%, #edf1f7 100%);
-  @include smooth-font;
+    width: 100%;
+    min-height: 100vh;
+    padding: $spacing-lg $spacing-xl;
+    background: linear-gradient(180deg, #f8fafc 0%, #edf1f7 100%);
+    @include smooth-font;
 
-  @include respond(compact) {
-    padding: $spacing-md;
-  }
+    @include respond(compact) {
+        padding: $spacing-md;
+    }
 }
 
 .page-scroll {
-  @include scroll-y;
-  padding-bottom: $spacing-xl;
+    @include scroll-y;
+    padding-bottom: $spacing-xl;
 }
 
 .content-panel {
-  background-color: $color-bg-panel;
-  border-radius: $radius-lg;
-  border: $border-base;
-  box-shadow: $shadow-card;
-  padding: $spacing-lg;
+    background-color: $color-bg-panel;
+    border-radius: $radius-lg;
+    border: $border-base;
+    box-shadow: $shadow-card;
+    padding: $spacing-lg;
 }
 
 .grid {
-  display: flex;
-  flex-wrap: wrap;
-  gap: $spacing-lg;
+    display: flex;
+    flex-wrap: wrap;
+    gap: $spacing-lg;
 }
 
 $grid-columns: 12;
 @for $i from 1 through $grid-columns {
-  .col-#{$i} {
-    flex: 0 0 percentage($i / $grid-columns);
-    max-width: percentage($i / $grid-columns);
+    .col-#{$i} {
+        flex: 0 0 percentage(math.div($i, $grid-columns));
+        max-width: percentage(math.div($i, $grid-columns));
 
-    @include respond(compact) {
-      flex: 0 0 100%;
-      max-width: 100%;
+        @include respond(compact) {
+            flex: 0 0 100%;
+            max-width: 100%;
+        }
     }
-  }
 }
 
 .section-title {
-  font-size: $font-size-lg;
-  font-weight: 600;
-  letter-spacing: $letter-spacing-wide;
-  color: $color-text-primary;
-  margin-bottom: $spacing-sm;
+    font-size: $font-size-lg;
+    font-weight: 600;
+    letter-spacing: $letter-spacing-wide;
+    color: $color-text-primary;
+    margin-bottom: $spacing-sm;
 }
 
 .section-subtitle {
-  font-size: $font-size-sm;
-  color: $color-text-muted;
-  margin-bottom: $spacing-md;
+    font-size: $font-size-sm;
+    color: $color-text-muted;
+    margin-bottom: $spacing-md;
 }
 
 .inline-gap {
-  display: inline-flex;
-  gap: $spacing-sm;
-  align-items: center;
+    display: inline-flex;
+    gap: $spacing-sm;
+    align-items: center;
 }
 
 .tablet-only {
-  @include respond(wide) {
-    display: block;
-  }
+    @include respond(wide) {
+        display: block;
+    }
 
-  @include respond(compact) {
-    display: none;
-  }
+    @include respond(compact) {
+        display: none;
+    }
 }

--
Gitblit v1.9.3