Feature: 纸管重量计算

src/styles/custom.css

@@ -22,4 +22,115 @@ html, body {
 
 ::-webkit-scrollbar {
   display: none;
-}
+}
+
+/* 自定义样式 */
+.bg-gradient-to-r {
+  background: linear-gradient(90deg, rgb(var(--v-theme-primary)) 0%, rgb(var(--v-theme-secondary)) 100%);
+}
+
+.gb-primary {
+  background-color: rgb(var(--v-theme-primary)) !important;
+}
+
+.v-card--rounded-lg {
+  border-radius: 16px !important;
+}
+
+.v-btn--elevated {
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.08);
+}
+
+.v-btn:hover {
+  transform: translateY(-1px);
+  transition: transform 0.2s ease-in-out;
+}
+
+.v-main {
+  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+}
+
+.calculator-container {
+  max-width: 1400px;
+  margin: 0 16px 16px 16px;
+}
+
+.parameter-card {
+  background: rgba(255, 255, 255, 0.95);
+  backdrop-filter: blur(10px);
+}
+
+.result-card {
+  background: rgba(255, 255, 255, 0.95);
+  backdrop-filter: blur(10px);
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 0.3s ease;
+}
+
+.fade-enter-from, .fade-leave-to {
+  opacity: 0;
+}
+
+/* 确保导航栏文字完整显示 */
+.v-list-item-title {
+  white-space: nowrap !important;
+  overflow: visible !important;
+  text-overflow: clip !important;
+  line-height: 1.2 !important;
+}
+
+/* 导航栏项目间距优化 */
+.v-navigation-drawer .v-list-item {
+  padding-left: 16px !important;
+  padding-right: 16px !important;
+  min-height: 48px !important;
+}
+
+/* 导航栏图标和文字对齐 */
+.v-navigation-drawer .v-list-item__prepend {
+  margin-right: 12px !important;
+}
+
+/* 响应式导航栏标题 */
+.v-navigation-drawer .v-list-item-title {
+  font-size: 0.875rem !important;
+  font-weight: 500 !important;
+}
+
+/* 导航栏头部样式优化 */
+.v-navigation-drawer .v-list-item.pa-4 .v-list-item-title {
+  font-size: 1.25rem !important;
+  font-weight: 600 !important;
+}
+
+.v-navigation-drawer .v-list-item.pa-4 .v-list-item-subtitle {
+  font-size: 0.75rem !important;
+  opacity: 0.7;
+}
+
+/* 响应式导航栏宽度 */
+@media (max-width: 960px) {
+  .drawer-transition {
+    max-width: 280px !important;
+  }
+  
+  .v-navigation-drawer .v-list-item-title {
+    font-size: 0.8rem !important;
+    line-height: 1.1 !important;
+  }
+}
+
+@media (max-width: 600px) {
+  .v-navigation-drawer .v-list-item-title {
+    font-size: 0.75rem !important;
+    line-height: 1.0 !important;
+  }
+  
+  .v-navigation-drawer .v-list-item {
+    min-height: 44px !important;
+    padding-left: 12px !important;
+    padding-right: 12px !important;
+  }
+}