:root{
    --bg:#f5f5f7;
    --card:rgba(255,255,255,.65);
    --text:#1d1d1f;
}

@media(prefers-color-scheme:dark){
:root{
    --bg:#000;
    --card:rgba(28,28,30,.65);
    --text:#fff;
}
}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{
font-family:-apple-system,BlinkMacSystemFont,sans-serif;
background:var(--bg);
color:var(--text);

/* ⭐ 修复1：统一基础字体 */
font-size:16px;
line-height:1.7;
}

/* ================= NAVBAR ================= */

.navbar{
position:fixed;
top:20px;
left:50%;
transform:translateX(-50%);
width:90%;
max-width:1100px;

display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:nowrap;

padding:16px 28px;

backdrop-filter:blur(30px);
-webkit-backdrop-filter:blur(30px);

background:rgba(255,255,255,.55);
border:1px solid rgba(255,255,255,.4);
border-radius:999px;

box-shadow:0 10px 30px rgba(0,0,0,.05);
z-index:100;
}

/* 防止换行 */
.navbar *{
white-space:nowrap;
}

/* 左侧 */
.nav-left{
display:flex;
align-items:center;
gap:12px;
}

/* 中间导航 */
.nav-links{
display:flex;
gap:25px;
}

.nav-links a{
text-decoration:none;
color:inherit;
}

/* ================= HERO ================= */

.hero{
height:100vh;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:20px;
}

.hero h1{
font-size:clamp(100px,18vw,220px);
font-weight:800;
letter-spacing:-0.05em;
line-height:.9;
}

.hero h2{
font-size:36px;
font-weight:600;
margin-top:18px;
}

.hero p{
margin-top:12px;
opacity:.65;
font-size:20px;
}

.btn{
margin-top:30px;
padding:16px 32px;
border-radius:999px;
text-decoration:none;
background:#0071e3;
color:white;
font-weight:600;
transition:.25s;
}

.btn:hover{
transform:translateY(-2px);
}

/* ================= SECTION ================= */

.section{
max-width:900px;
margin:auto;
padding:120px 20px;
}

.section h2{
font-size:48px;
margin-bottom:30px;
}

/* ================= CARD ================= */

.card{
backdrop-filter:blur(30px);
-webkit-backdrop-filter:blur(30px);

background:rgba(255,255,255,.55);
border:1px solid rgba(255,255,255,.4);

padding:36px;
border-radius:32px;

margin-bottom:24px;

box-shadow:0 10px 40px rgba(0,0,0,.05);
transition:all .3s ease;
}

.card:hover{
transform:translateY(-5px);
box-shadow:0 20px 50px rgba(0,0,0,.08);
}

/* ================= ⭐ 核心修复：统一正文 ================= */

p,
li{
font-size:18px;
line-height:1.8;
}

/* About 文本单独强化 */
#aboutText{
font-size:18px;
line-height:1.8;
}

/* ================= NOW ================= */

.coming{
font-size:32px;
opacity:.6;
}

ul{
list-style:none;
padding:0;
}

ul li{
margin-bottom:16px;
}

/* ================= CONTACT ================= */

.mail{
font-size:32px;
font-weight:600;
color:inherit;
text-decoration:none;
transition:.25s;
}

.mail:hover{
opacity:.7;
}

/* ================= FOOTER ================= */

footer{
padding:120px 20px;
text-align:center;
opacity:.65;
font-size:15px;
line-height:2;
}

/* ================= MODAL ================= */

.modal{
display:none;
position:fixed;
inset:0;
background:rgba(0,0,0,.7);
justify-content:center;
align-items:center;
}

.modal-content{
background:white;
padding:20px;
border-radius:20px;
max-width:400px;
width:90%;
}

.modal-content img{
width:100%;
}

#closeQR{
cursor:pointer;
font-size:30px;
float:right;
}

/* ================= BUTTONS ================= */

#langToggle{
border:none;
border-radius:999px;
padding:12px 22px;
background:rgba(255,255,255,.75);
backdrop-filter:blur(20px);
font-size:15px;
font-weight:500;
cursor:pointer;
transition:.25s;
}

#langToggle:hover{
transform:translateY(-2px);
box-shadow:0 10px 25px rgba(0,0,0,.08);
}

#showQR{
margin-top:18px;
border:none;
border-radius:999px;
padding:16px 26px;
background:#f5f5f7;
color:#1d1d1f;
font-size:18px;
font-weight:500;
cursor:pointer;
transition:.25s;
}

#showQR:hover{
transform:translateY(-2px);
box-shadow:0 12px 30px rgba(0,0,0,.08);
}

/* ================= MENU ================= */

#menuToggle{
display:none;
border:none;
background:transparent;
font-size:22px;
cursor:pointer;
-webkit-tap-highlight-color: transparent;
transition:.2s;
}

#menuToggle:active{
transform:scale(.9);
}

/* ================= MOBILE ================= */

@media (max-width:768px){

.nav-links{
display:none;
}

#menuToggle{
display:block;
}

.navbar{
gap:12px;
padding:14px 18px;
}

.hero h1{
font-size:90px;
}

.hero h2{
font-size:28px;
}

.section h2{
font-size:36px;
}

.mail{
font-size:24px;
}
}

/* ================= DESKTOP ================= */

@media (min-width:769px){
#menuToggle{
display:none !important;
}
}

/* ================= MOBILE MENU ================= */

#menuOverlay{
position:fixed;
inset:0;
background:rgba(0,0,0,.25);
backdrop-filter:blur(8px);

opacity:0;
pointer-events:none;
transition:.25s ease;
z-index:90;
}

#menuOverlay.show{
opacity:1;
pointer-events:auto;
}

#mobileMenu{
position:fixed;
top:90px;
left:50%;
transform:translateX(-50%) translateY(-12px);

width:92%;
max-width:420px;

background:rgba(255,255,255,.72);
backdrop-filter:blur(30px);
-webkit-backdrop-filter:blur(30px);

border:1px solid rgba(255,255,255,.4);
border-radius:24px;

padding:10px;

opacity:0;
pointer-events:none;

transition:all .25s cubic-bezier(.2,.8,.2,1);
z-index:100;
}

#mobileMenu.show{
opacity:1;
transform:translateX(-50%) translateY(0);
pointer-events:auto;
}

#mobileMenu a{
display:block;
padding:14px 16px;
border-radius:14px;
text-decoration:none;
color:inherit;
transition:.2s;
font-size:16px;
}

#mobileMenu a:hover{
background:rgba(0,0,0,.05);
transform:translateX(4px);
}

/* ================= LINKS FIX（只改链接样式） ================= */

a{
    color: inherit;
    text-decoration: none;
}

a:visited{
    color: inherit;
}

a:hover{
    opacity: 0.7;
}

.card a{
    color: inherit;
    text-decoration: none;
    font-size: 16px;
    opacity: 0.75;
}

.card a:hover{
    opacity: 1;
    transform: translateX(4px);
}