ini

AGENTS.md

@@ -0,0 +1,9 @@
+# Project Rules
+
+## File Editing Safety
+
+- When editing files in this repo that may contain Chinese text, treat encoding preservation as mandatory.
+- Never use PowerShell write commands such as `Set-Content` or `Out-File` for file edits unless UTF-8 encoding is explicitly controlled and verified.
+- Prefer `apply_patch` for manual edits.
+- If a script-based or shell-based edit is unavoidable, use tooling that reads and writes explicit UTF-8 and inspect the diff immediately after the edit.
+- After editing `.vue`, `.js`, `.ts`, `.json`, `.md`, or other text files that may contain Chinese, check for mojibake, garbled Chinese, or illegal characters before considering the edit complete.

src/SimubusLanding.vue

@@ -615,7 +615,7 @@ const logoutBodyText = computed(() => {
         <div class="container figma-header__inner">
           <div class="figma-logo" data-node-id="3059:7206">
             <img class="figma-logo-icon" :src="figma.logoIcon" alt="" />
-            <img class="figma-logo-text" :src="figma.logoText" alt="Simubus" />
+            <span class="figma-logo-text" aria-label="Simubus">Simubus</span>
           </div>
 
           <div class="header-actions">
@@ -829,8 +829,8 @@ const logoutBodyText = computed(() => {
         <button class="login-modal__close" type="button" @click="closeLoginModal">×</button>
 
         <div class="login-modal__brand-block">
-          <img class="login-modal__brand-image" src="https://www.figma.com/api/mcp/asset/09fe7be0-48bc-4e45-a5f9-d561c79593d5" alt="Simubus" />
-          <img class="login-modal__brand-group" src="https://www.figma.com/api/mcp/asset/ed238496-a231-4121-ada0-ef4e5b8d274f" alt="Simubus" />
+          <img class="login-modal__brand-image" src="https://www.figma.com/api/mcp/asset/09fe7be0-48bc-4e45-a5f9-d561c79593d5" alt="" />
+          <span class="login-modal__brand-text" aria-label="Simubus">Simubus</span>
         </div>
 
         <h2 class="login-modal__title">{{ messages.modalTitle }}</h2>

src/style.css

@@ -102,9 +102,9 @@ img {
   align-items: center;
   justify-content: space-between;
   gap: 16px;
-  min-height: 70px;
-  padding-top: 10px;
-  padding-bottom: 10px;
+  height: 70px;
+  padding-top: 0;
+  padding-bottom: 0;
   background: #fff;
 }
 
@@ -121,8 +121,17 @@ img {
 }
 
 .figma-logo-text {
-  width: 151px;
-  height: auto;
+  display: inline-flex;
+  align-items: center;
+  color: var(--green);
+  font-family: 'Momo Trust Sans', 'Microsoft YaHei', Arial, sans-serif;
+  font-size: 31px;
+  font-style: italic;
+  font-weight: 790;
+  line-height: 1;
+  letter-spacing: -0.03em;
+  transform: skewX(-10deg);
+  white-space: nowrap;
 }
 
 .header-actions {
@@ -932,20 +941,30 @@ img {
   display: flex;
   align-items: center;
   justify-content: center;
+  gap: 12px;
   min-height: 77px;
   margin-bottom: 8px;
 }
 
 .login-modal__brand-image {
-  width: 71px;
-  height: 70px;
-  object-fit: cover;
+  width: 44px;
+  height: 44px;
+  object-fit: contain;
+  flex: 0 0 auto;
 }
 
-.login-modal__brand-group {
-  width: 196px;
-  height: auto;
-  margin-left: -20px;
+.login-modal__brand-text {
+  display: inline-flex;
+  align-items: center;
+  color: var(--green);
+  font-family: 'Momo Trust Sans', 'Microsoft YaHei', Arial, sans-serif;
+  font-size: 31px;
+  font-style: italic;
+  font-weight: 790;
+  line-height: 1;
+  letter-spacing: -0.03em;
+  transform: skewX(-10deg);
+  white-space: nowrap;
 }
 
 .login-modal__title {
@@ -1171,9 +1190,9 @@ img {
 .figma-header {
   position: relative !important;
   z-index: 3 !important;
-  min-height: 70px !important;
-  padding-top: 10px !important;
-  padding-bottom: 10px !important;
+  height: 70px !important;
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
   background: #fff !important;
 }
 
@@ -1243,6 +1262,7 @@ img {
 }
 @media (max-width: 768px) {
   .figma-header {
+    height: 64px !important;
     min-height: 64px !important;
   }