diff --git a/apps/waterfall-wiki/src/pages/account.tsx b/apps/waterfall-wiki/src/pages/account.tsx
index 9113181..bc47aee 100644
--- a/apps/waterfall-wiki/src/pages/account.tsx
+++ b/apps/waterfall-wiki/src/pages/account.tsx
@@ -1,4 +1,3 @@
-import { Brand } from "../components/Brand";
import Link from "next/link";
import { useRouter } from "next/router";
import { useEffect, useState, type FormEvent } from "react";
@@ -12,7 +11,6 @@ import {
Link2,
LogOut,
MailCheck,
- Waypoints,
} from "lucide-react";
import GuidanceShell, { useGuidanceAccount } from "@/components/GuidanceShell";
import { Notice } from "@/components/GuidanceUI";
@@ -115,9 +113,6 @@ function AccountContent() {
return (
-
-
-
YOUR KNOWLEDGE, CONNECTED
让有用的知识,
diff --git a/apps/waterfall-wiki/src/styles/guidance.module.css b/apps/waterfall-wiki/src/styles/guidance.module.css
index 4c1df1a..b31fe65 100644
--- a/apps/waterfall-wiki/src/styles/guidance.module.css
+++ b/apps/waterfall-wiki/src/styles/guidance.module.css
@@ -1680,63 +1680,67 @@
}
.accountLayout {
display: grid;
- grid-template-columns: minmax(0, 1fr) 410px;
- max-width: 990px;
- gap: 70px;
+ grid-template-columns: minmax(0, 1fr) 400px;
+ max-width: 1000px;
+ gap: 80px;
align-items: center;
- margin: 50px auto 70px;
+ margin: 40px auto 64px;
}
.accountIntro {
- padding: 20px 0;
+ min-width: 0;
+ max-width: 460px;
+ padding: 16px 20px 16px 8px;
}
-.accountSymbol {
- width: 54px;
- height: 54px;
- display: grid;
- place-items: center;
- background: var(--selection);
- border: 1px solid var(--selection-border);
- border-radius: 14px;
- color: var(--primary);
- margin-bottom: 28px;
+.accountIntro > .eyebrow {
+ display: block;
+ margin-bottom: 20px;
+ font-size: 11px;
+ letter-spacing: .14em;
+ line-height: 1.6;
}
.accountIntro h1 {
- font-size: 32px;
- line-height: 1.5;
- letter-spacing: -1px;
+ margin: 0 0 22px;
+ font-size: 36px;
+ line-height: 1.45;
+ letter-spacing: -.035em;
font-weight: 650;
- margin-bottom: 17px;
+ text-wrap: balance;
}
.accountIntro > p {
- font-size: 13px;
+ margin: 0;
+ font-size: 15px;
line-height: 1.9;
color: var(--muted-foreground);
- max-width: 360px;
+ max-width: 380px;
}
.accountFeatures {
display: grid;
- gap: 21px;
- margin-top: 35px;
+ gap: 22px;
+ margin-top: 32px;
+ padding-top: 26px;
+ border-top: 1px solid var(--border);
}
.accountFeatures > div {
- display: flex;
- align-items: flex-start;
- gap: 12px;
+ display: grid;
+ grid-template-columns: 20px minmax(0, 1fr);
+ align-items: start;
+ gap: 14px;
}
.accountFeatures svg {
color: var(--muted-foreground);
- margin-top: 2px;
+ margin-top: 3px;
}
.accountFeatures strong {
display: block;
- font-size: 12px;
+ font-size: 14px;
+ line-height: 1.6;
font-weight: 600;
}
.accountFeatures p {
- font-size: 11px;
+ margin: 4px 0 0;
+ font-size: 13px;
color: var(--muted-foreground);
line-height: 1.8;
- margin-top: 5px;
}
.authCard {
padding: 28px;
@@ -1923,12 +1927,9 @@
gap: 20px;
}
.accountLayout {
- gap: 35px;
+ gap: 48px;
grid-template-columns: minmax(0, 1fr) 370px;
}
- .accountIntro h1 {
- font-size: 29px;
- }
.protocolLayout {
grid-template-columns: minmax(0, 1fr) 190px;
}
@@ -1975,19 +1976,23 @@
gap: 25px;
}
.accountIntro {
- padding: 0;
+ padding: 0 4px;
+ max-width: none;
+ }
+ .accountIntro > .eyebrow {
+ margin-bottom: 12px;
+ font-size: 10px;
}
.accountIntro h1 {
font-size: 26px;
margin-bottom: 8px;
}
- .accountSymbol,
.accountFeatures {
display: none;
}
.accountIntro > p {
max-width: none;
- font-size: 12px;
+ font-size: 14px;
}
.accountIntro h1 br {
display: none;
@@ -2310,10 +2315,7 @@
font-size: 24px;
}
.accountIntro > p {
- font-size: 11px;
- }
- .accountSymbol {
- display: none;
+ font-size: 14px;
}
.modalBody {
padding: 23px;