/* ========== 模板：星际穿越 Interstellar (增强版) ========== */

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

body.tpl-interstellar {
    --is-bg: #020510;
    --is-deep: #050a18;
    --is-gold: #d4a843;
    --is-gold2: #f0c860;
    --is-blue: #4a7ab5;
    --is-text: #e8e2d0;
    --is-dim: rgba(232,226,208,0.55);
    --is-card: rgba(8,10,25,0.68);
    --is-card-border: rgba(212,168,67,0.2);
    font-family: 'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;
    min-height:100vh; overflow-x:hidden; color:var(--is-text);
    background:radial-gradient(ellipse at 50% 30%, #0a1528 0%, #030712 60%, #010308 100%);
}

body.tpl-interstellar .tpl-scanlines,
body.tpl-interstellar .tpl-vignette { display:none; }
body.tpl-interstellar .bg-container { display:none; }
body.tpl-interstellar .tpl-stars { display:block; }
body.tpl-interstellar .nickname-divider { display:none; }
body.tpl-interstellar .hitokoto-deco-top,
body.tpl-interstellar .hitokoto-deco-bot { display:none; }
body.tpl-interstellar #particles { display:none; }

body.tpl-interstellar #stars, body.tpl-interstellar #stars2, body.tpl-interstellar #stars3 { border-radius:50%; position:absolute; top:0; left:0; }

/* 星云漩涡光晕增强 */
body.tpl-interstellar::before {
    content:''; position:fixed; top:5%; left:45%; width:75%; height:55%; transform:translateX(-50%);
    background:radial-gradient(ellipse, rgba(74,122,181,0.1) 0%, rgba(212,168,67,0.06) 35%, rgba(240,200,96,0.03) 55%, transparent 75%);
    z-index:-1; pointer-events:none;
    animation:isNebula 30s linear infinite;
}
@keyframes isNebula {
    0%{transform:translateX(-50%) rotate(0deg) scale(1)}
    25%{transform:translateX(-50%) rotate(90deg) scale(1.08)}
    50%{transform:translateX(-50%) rotate(180deg) scale(1.18)}
    75%{transform:translateX(-50%) rotate(270deg) scale(1.08)}
    100%{transform:translateX(-50%) rotate(360deg) scale(1)}
}
body.tpl-interstellar::after {
    content:''; position:fixed; bottom:0%; left:15%; width:50%; height:40%;
    background:radial-gradient(ellipse, rgba(240,200,96,0.08) 0%, rgba(212,168,67,0.03) 40%, transparent 70%);
    z-index:-1; pointer-events:none; animation:isNebula2 35s linear infinite reverse;
}
@keyframes isNebula2 {
    0%{transform:rotate(0deg) scale(1)}
    50%{transform:rotate(-180deg) scale(1.25)}
    100%{transform:rotate(-360deg) scale(1)}
}

/* 科幻网格叠加层 (参考scifi_page) */
body.tpl-interstellar .tpl-stars::after {
    content:''; position:fixed; top:0; left:0; width:100%; height:100%; z-index:0; pointer-events:none;
    background-image:
        linear-gradient(rgba(74,122,181,0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(74,122,181,0.035) 1px, transparent 1px);
    background-size:70px 70px;
}

/* 头像装饰 - 金色轨道环增强 */
body.tpl-interstellar .avatar-deco-1 {
    position:absolute; top:50%; left:50%; width:130px; height:130px; border-radius:50%;
    transform:translate(-50%,-50%) rotateX(72deg);
    border:1.5px solid rgba(212,168,67,0.55);
    box-shadow:0 0 18px rgba(212,168,67,0.25),0 0 40px rgba(212,168,67,0.08);
    animation:isOrbit 10s linear infinite;
}
@keyframes isOrbit { from{transform:translate(-50%,-50%) rotateX(72deg) rotateZ(0deg)} to{transform:translate(-50%,-50%) rotateX(72deg) rotateZ(360deg)} }
body.tpl-interstellar .avatar-deco-2 {
    position:absolute; top:50%; left:50%; width:130px; height:130px; border-radius:50%;
    transform:translate(-50%,-50%) rotateX(-58deg);
    border:1px solid rgba(74,122,181,0.45);
    box-shadow:0 0 14px rgba(74,122,181,0.2);
    animation:isOrbit2 7.5s linear infinite reverse;
}
@keyframes isOrbit2 { from{transform:translate(-50%,-50%) rotateX(-58deg) rotateZ(0deg)} to{transform:translate(-50%,-50%) rotateX(-58deg) rotateZ(360deg)} }

/* 布局 */
body.tpl-interstellar .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-interstellar .avatar-section { text-align:center; margin-bottom:20px; }
body.tpl-interstellar .avatar-wrapper { position:relative; display:inline-block; margin-bottom:15px; }
body.tpl-interstellar .avatar {
    width:100px; height:100px; border-radius:50%; object-fit:cover; position:relative; z-index:2;
    border:2px solid rgba(212,168,67,0.5);
    box-shadow:0 0 25px rgba(212,168,67,0.4),0 0 60px rgba(212,168,67,0.15);
    transition:transform 0.45s cubic-bezier(0.22,0.61,0.36,1);
}
body.tpl-interstellar .avatar:hover { transform:scale(1.1); }
body.tpl-interstellar .nickname {
    font-size:2.6rem; font-weight:300; margin-bottom:5px; letter-spacing:8px;
    background:linear-gradient(180deg, #fff8ee 0%, #f0c860 25%, #d4a843 50%, #f0c860 75%, #8b6914 100%);
    -webkit-background-clip:text; -webkit-text-fill-color:transparent;
    text-shadow:0 0 40px rgba(212,168,67,0.3);
}
body.tpl-interstellar .subtitle { font-size:0.95rem; color:rgba(232,226,208,0.5); letter-spacing:5px; margin-top:5px; }

/* 时钟 - 半透明层叠卡片增强 + 星点闪烁 */
body.tpl-interstellar .clock-section {
    text-align:center; margin:20px 0; padding:28px 44px;
    background:var(--is-card); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px);
    border:1px solid var(--is-card-border); border-radius:18px;
    box-shadow:0 4px 40px rgba(0,0,0,0.55),0 1px 0 rgba(212,168,67,0.1) inset;
    position:relative; overflow:hidden;
    transition:all 0.5s cubic-bezier(0.22,0.61,0.36,1);
}
/* 细微星点闪烁 */
body.tpl-interstellar .clock-section::before {
    content:''; position:absolute; top:0; left:0; width:100%; height:100%;
    background:
        radial-gradient(1px 1px at 15% 20%, rgba(240,200,96,0.5), transparent),
        radial-gradient(1px 1px at 75% 30%, rgba(240,200,96,0.3), transparent),
        radial-gradient(1px 1px at 40% 70%, rgba(240,200,96,0.4), transparent),
        radial-gradient(1px 1px at 85% 60%, rgba(240,200,96,0.3), transparent),
        radial-gradient(1.5px 1.5px at 60% 40%, rgba(212,168,67,0.5), transparent);
    animation:twinkle 3s ease-in-out infinite;
    pointer-events:none; z-index:0;
}
@keyframes twinkle {
    0%,100%{opacity:0.5}
    50%{opacity:1}
}
body.tpl-interstellar .clock-section:hover {
    border-color:rgba(212,168,67,0.5);
    box-shadow:0 0 35px rgba(212,168,67,0.2),0 0 70px rgba(212,168,67,0.08),0 4px 40px rgba(0,0,0,0.55);
    transform:translateY(-2px);
}
body.tpl-interstellar .clock {
    font-size:3.5rem; font-weight:200; letter-spacing:12px;
    font-family:'Georgia',serif; color:var(--is-text);
    text-shadow:0 0 20px rgba(240,200,96,0.4),0 0 50px rgba(212,168,67,0.15);
    position:relative; z-index:1;
}
body.tpl-interstellar .date { font-size:0.9rem; color:var(--is-gold); margin-top:5px; opacity:0.8; position:relative; z-index:1; }

/* 导航按钮 - 金色奢华增强 + 光泽流动 + 外发光扩散 */
body.tpl-interstellar .nav-section { width:100%; max-width:800px; margin:20px 0; }
body.tpl-interstellar .nav-buttons { display:flex; flex-wrap:wrap; justify-content:center; gap:15px; }
body.tpl-interstellar .nav-btn {
    display:flex; align-items:center; gap:10px; padding:14px 32px;
    background:var(--is-card); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
    border:1px solid var(--is-card-border); border-radius:50px;
    color:var(--is-text); text-decoration:none; font-size:0.95rem;
    transition:transform 0.5s cubic-bezier(0.22,0.61,0.36,1),border-color 0.5s,background 0.5s,box-shadow 0.5s,color 0.5s;
    will-change:transform; position:relative; overflow:hidden;
    box-shadow:0 3px 15px rgba(0,0,0,0.4);
}
/* 光泽流动 */
body.tpl-interstellar .nav-btn::before {
    content:''; position:absolute; top:0; left:-150%; width:80%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(240,200,96,0.2),transparent);
    transition:left 0.8s ease;
}
body.tpl-interstellar .nav-btn:hover::before { left:130%; }
/* 细金边 */
body.tpl-interstellar .nav-btn::after {
    content:''; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px;
    border-radius:52px;
    border:2px solid transparent;
    transition:border-color 0.5s;
    pointer-events:none;
}
body.tpl-interstellar .nav-btn:hover::after { border-color:var(--is-gold); }
body.tpl-interstellar .nav-btn:hover {
    transform:translateY(-5px) scale(1.03);
    border-color:var(--is-gold);
    box-shadow:0 0 30px rgba(212,168,67,0.35),0 0 60px rgba(212,168,67,0.12),0 14px 40px rgba(0,0,0,0.55);
    background:rgba(15,18,40,0.8);
    color:#fff;
}

/* 联系方式 */
body.tpl-interstellar .contact-section { margin:20px 0; }
body.tpl-interstellar .contact-list { display:flex; gap:15px; justify-content:center; }
body.tpl-interstellar .contact-item {
    width:50px; height:50px; display:flex; align-items:center; justify-content:center;
    background:var(--is-card); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
    border:1px solid var(--is-card-border); border-radius:50%;
    color:var(--is-dim); font-size:1.25rem; text-decoration:none;
    transition:all 0.45s cubic-bezier(0.22,0.61,0.36,1);
}
body.tpl-interstellar .contact-item:hover {
    background:rgba(212,168,67,0.15); border-color:var(--is-gold); color:var(--is-gold2);
    transform:translateY(-6px) scale(1.12);
    box-shadow:0 0 22px rgba(212,168,67,0.4),0 0 50px rgba(212,168,67,0.12),0 12px 35px rgba(0,0,0,0.45);
}

/* 一言 */
body.tpl-interstellar .hitokoto-section { text-align:center; margin:25px 0; padding:24px 35px; max-width:600px; cursor:pointer; }
body.tpl-interstellar .hitokoto-text { font-size:1.05rem; line-height:2; color:var(--is-dim); transition:opacity 0.5s; }
body.tpl-interstellar .hitokoto-author { display:block; margin-top:12px; font-size:0.9rem; color:var(--is-gold); opacity:0.85; transition:opacity 0.5s; }

/* 底部 */
body.tpl-interstellar .footer { text-align:center; margin-top:30px; padding:20px; font-size:0.85rem; color:rgba(232,226,208,0.25); line-height:2; }
body.tpl-interstellar .icp { margin-top:5px; }

/* 入场动画 */
body.tpl-interstellar .main-container>* { animation:isFadeIn 0.8s ease forwards; opacity:0; }
body.tpl-interstellar .main-container>*:nth-child(1){animation-delay:0.1s}
body.tpl-interstellar .main-container>*:nth-child(2){animation-delay:0.2s}
body.tpl-interstellar .main-container>*:nth-child(3){animation-delay:0.3s}
body.tpl-interstellar .main-container>*:nth-child(4){animation-delay:0.4s}
body.tpl-interstellar .main-container>*:nth-child(5){animation-delay:0.5s}
body.tpl-interstellar .main-container>*:nth-child(6){animation-delay:0.6s}
body.tpl-interstellar .main-container>*:nth-child(7){animation-delay:0.7s}
@keyframes isFadeIn { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }

@media(max-width:768px){
    body.tpl-interstellar .nickname{font-size:2rem;letter-spacing:4px}
    body.tpl-interstellar .clock{font-size:2.5rem;letter-spacing:6px}
    body.tpl-interstellar .clock-section{padding:20px 28px}
}
@media(max-width:480px){
    body.tpl-interstellar .clock{font-size:2rem;letter-spacing:4px}
    body.tpl-interstellar .nav-btn{padding:8px 18px;font-size:0.8rem}
    body.tpl-interstellar .nickname{font-size:1.6rem}
}