/* ==========================================================================
   nav-page-detail.css  详情页专用：倒计时、大按钮
   仅 detail.html 引入
   ========================================================================== */

.detail-container {
    background: var(--nav-card); color: var(--nav-card-text); border-radius: 20px; padding: 50px;
    max-width: 600px; width: 100%; text-align: center; box-shadow: 0 10px 40px rgba(0,0,0,.3);
    animation: fadeIn .5s ease; margin: 30px auto;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

.website-icon-large {
    width: 100px; height: 100px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
    margin: 0 auto 24px; background: var(--nav-tag-bg); font-size: 44px; overflow: hidden;
    box-shadow: 0 5px 20px rgba(102,126,234,.4);
}
.website-icon-large img { width: 100%; height: 100%; object-fit: cover; }

.website-name-large { font-size: 30px; font-weight: bold; margin-bottom: 14px; }
.website-desc-large { font-size: 15px; color: var(--nav-muted); margin-bottom: 26px; line-height: 1.6; }

.countdown-box {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 22px; border-radius: 15px; margin: 26px 0; color: #fff;
}
.countdown-number { font-size: 56px; font-weight: bold; margin: 0; animation: pulse 1s infinite; }
@keyframes pulse {
    0%,100% { transform: scale(1); }
    50%     { transform: scale(1.1); }
}

.action-buttons { display: flex; gap: 14px; justify-content: center; margin-top: 26px; flex-wrap: wrap; }

/* 详情页按钮（作用域限定，避免与投稿/申请页、分享页按钮样式互相覆盖） */
.detail-container .btn { padding: 14px 32px; border: none; border-radius: 25px; font-size: 15px; font-weight: 600; cursor: pointer; text-decoration: none; display: inline-block; }
.detail-container .btn-primary { background: var(--nav-primary); color: #fff; }
.detail-container .btn-primary:hover { filter: brightness(1.08); transform: translateY(-2px); }
.detail-container .btn-secondary { background: transparent; color: var(--nav-primary); border: 2px solid var(--nav-primary); }

.info-text { font-size: 13px; color: var(--nav-muted); margin-top: 18px; line-height: 1.6; }