/* ========== 模板4：星空幻境 Galaxy ========== */

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

body.tpl-galaxy {
    --g-deep:#0a0a2e; --g-blue:#1a1a4e; --g-purple:#4a3a8a; --g-light:#e8e8ff; --g-accent:#7b6bff; --g-gold:#ffd700;
    font-family: 'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;
    min-height:100vh; overflow-x:hidden; color:var(--g-light); background:var(--g-deep);
}

body.tpl-galaxy .tpl-scanlines,
body.tpl-galaxy .tpl-vignette { display:none; }
body.tpl-galaxy .bg-container { display:none; }

body.tpl-galaxy .tpl-stars {
    position:fixed; top:0; left:0; width:100%; height:100%; z-index:-2;
    display:block;
}
body.tpl-galaxy #stars { position:absolute; top:0; left:0; width:2px; height:2px; border-radius:50%; }
body.tpl-galaxy #stars2 { position:absolute; top:0; left:0; width:1.5px; height:1.5px; border-radius:50%; }
body.tpl-galaxy #stars3 { position:absolute; top:0; left:0; width:2.5px; height:2.5px; border-radius:50%; }

body.tpl-galaxy .nickname-divider { display:none; }
body.tpl-galaxy .hitokoto-deco-top,
body.tpl-galaxy .hitokoto-deco-bot { display:none; }

body.tpl-galaxy .avatar-deco-1 {
    position:absolute; top:50%; left:50%; border-radius:50%; border:1px solid rgba(123,107,255,0.4);
    width:130px; height:130px; transform:translate(-50%,-50%) rotateX(60deg);
    animation:gOrbit 10s linear infinite;
}
@keyframes gOrbit { from{transform:translate(-50%,-50%) rotateX(60deg) rotateZ(0deg)} to{transform:translate(-50%,-50%) rotateX(60deg) rotateZ(360deg)} }
body.tpl-galaxy .avatar-deco-2 {
    position:absolute; top:50%; left:50%; border-radius:50%; border:1px solid rgba(123,107,255,0.4);
    width:130px; height:130px; transform:translate(-50%,-50%) rotateX(-60deg);
    animation:gOrbit2 8s linear infinite reverse;
}
@keyframes gOrbit2 { from{transform:translate(-50%,-50%) rotateX(-60deg) rotateZ(0deg)} to{transform:translate(-50%,-50%) rotateX(-60deg) rotateZ(360deg)} }

body.tpl-galaxy .main-container { min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:20px; position:relative; z-index:1; }
body.tpl-galaxy .avatar-section { text-align:center; margin-bottom:25px; }
body.tpl-galaxy .avatar-wrapper { position:relative; display:inline-block; margin-bottom:15px; }
body.tpl-galaxy .avatar {
    width:100px; height:100px; border-radius:50%; position:relative; z-index:2;
    object-fit:cover; border:3px solid rgba(232,232,255,0.3);
    box-shadow:0 0 30px rgba(123,107,255,0.4),0 0 60px rgba(123,107,255,0.1);
}
body.tpl-galaxy .nickname {
    font-size:2.8rem; font-weight:300; margin-bottom:5px;
    background:linear-gradient(180deg,#e8e8ff 0%,#7b6bff 50%,#ffd700 100%);
    -webkit-background-clip:text; -webkit-text-fill-color:transparent; letter-spacing:8px;
}
body.tpl-galaxy .subtitle { font-size:0.95rem; color:rgba(232,232,255,0.6); letter-spacing:6px; margin-top:5px; }

body.tpl-galaxy .clock-section {
    text-align:center; margin:20px 0; padding:28px 40px;
    background:rgba(26,26,78,0.5); backdrop-filter:blur(20px);
    border:1px solid rgba(123,107,255,0.3); border-radius:20px;
    box-shadow:0 8px 40px rgba(0,0,0,0.4);
}
body.tpl-galaxy .clock { font-size:3.5rem; font-weight:200; letter-spacing:12px; color:var(--g-light); font-family:'Georgia',serif; }
body.tpl-galaxy .date { font-size:0.9rem; color:rgba(255,215,0,0.6); margin-top:5px; }

body.tpl-galaxy .nav-section { width:100%; max-width:800px; margin:20px 0; }
body.tpl-galaxy .nav-buttons { display:flex; flex-wrap:wrap; justify-content:center; gap:15px; }
body.tpl-galaxy .nav-btn {
    display:flex; align-items:center; gap:10px; padding:14px 30px;
    background:rgba(26,26,78,0.5); backdrop-filter:blur(10px);
    border:1px solid rgba(123,107,255,0.3); border-radius:50px;
    color:var(--g-light); text-decoration:none; font-size:0.95rem;
    transition:all 0.4s; position:relative; overflow:hidden;
}
body.tpl-galaxy .nav-btn::after {
    content:''; position:absolute; top:0; left:-100%; width:100%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,215,0,0.15),transparent);
    transition:left 0.6s;
}
body.tpl-galaxy .nav-btn:hover::after { left:100%; }
body.tpl-galaxy .nav-btn:hover {
    transform:translateY(-3px); border-color:var(--g-gold);
    box-shadow:0 10px 40px rgba(123,107,255,0.3),0 0 80px rgba(123,107,255,0.1);
}

body.tpl-galaxy .contact-section { margin:20px 0; }
body.tpl-galaxy .contact-list { display:flex; gap:15px; justify-content:center; }
body.tpl-galaxy .contact-item {
    width:48px; height:48px; display:flex; align-items:center; justify-content:center;
    background:rgba(26,26,78,0.5); backdrop-filter:blur(10px);
    border:1px solid rgba(123,107,255,0.3); border-radius:50%;
    color:rgba(232,232,255,0.7); font-size:1.2rem; text-decoration:none;
    transition:all 0.4s;
}
body.tpl-galaxy .contact-item:hover {
    background:rgba(123,107,255,0.3); border-color:var(--g-gold); color:var(--g-gold);
    transform:translateY(-5px); box-shadow:0 10px 30px rgba(123,107,255,0.4);
}

body.tpl-galaxy .hitokoto-section { text-align:center; margin:25px 0; padding:25px 35px; max-width:600px; position:relative; cursor:pointer; }
body.tpl-galaxy .hitokoto-text { font-size:1.1rem; line-height:2; color:rgba(232,232,255,0.85); transition:opacity 0.5s; }
body.tpl-galaxy .hitokoto-author { display:block; margin-top:12px; font-size:0.9rem; color:var(--g-gold); transition:opacity 0.5s; }

body.tpl-galaxy .footer { text-align:center; margin-top:30px; padding:20px; font-size:0.85rem; color:rgba(232,232,255,0.35); line-height:2; }
body.tpl-galaxy .icp { margin-top:5px; }

body.tpl-galaxy #particles { display:none; }

@media(max-width:768px){
    body.tpl-galaxy .nickname{font-size:2.2rem;letter-spacing:4px}
    body.tpl-galaxy .clock{font-size:2.5rem;letter-spacing:6px}
}
@media(max-width:480px){
    body.tpl-galaxy .clock{font-size:2rem}
    body.tpl-galaxy .nav-btn{padding:8px 16px;font-size:0.8rem}
}