From 294259266db78b367eb349537e28303b60925e00 Mon Sep 17 00:00:00 2001
From: 快乐的昕的电脑 <快乐的昕的电脑@DESKTOP-C2BQPQU>
Date: 星期六, 22 十一月 2025 11:07:50 +0800
Subject: [PATCH] 调试兼容性

---
 common/styles/layout.scss |   80 ++++++++++++++++++++--------------------
 1 files changed, 40 insertions(+), 40 deletions(-)

diff --git a/common/styles/layout.scss b/common/styles/layout.scss
index 3929e4a..d58b45e 100644
--- a/common/styles/layout.scss
+++ b/common/styles/layout.scss
@@ -1,51 +1,51 @@
+@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} {
-        @use "sass:math";
         flex: 0 0 percentage(math.div($i, $grid-columns));
         max-width: percentage(math.div($i, $grid-columns));
 
@@ -57,31 +57,31 @@
 }
 
 .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