html {
    scroll-behavior: smooth;
}

.work-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 6rem 1rem 1rem;
}

.work-header {
    text-align: center;
    margin-bottom: 3rem;
}

.work-header h1 {
    color: #F18B25;
    font-family: 'AlibabaPuHuiTi', sans-serif;
    font-size: 2.5rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.work-subtitle {
    font-size: 1.2rem;
    color: #999898;
    margin-top: 0.5rem;
    font-family: 'AlibabaPuHuiTi', sans-serif;
    font-weight: 300;
}

.work-date {
    display: block;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.3);
    font-family: 'AlibabaPuHuiTi', sans-serif;
    font-weight: 300;
    letter-spacing: 0.06em;
    margin-top: 0.5rem;
}

.work-hero {
    width: 100%;
    margin-bottom: 3rem;
}

.hero-image {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.work-content {
    max-width: 800px;
    margin: 0 auto;
}

.tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-bottom: 2rem;
}

.tag {
    display: inline-flex;
    align-items: center;
    background: rgba(241, 139, 37, 0.2);
    color: #F18B25;
    padding: 0.4rem 1rem;
    border-radius: 4px;
    font-size: 0.9rem;
    white-space: nowrap;
    line-height: 1.2;
}

.external-links {
    display: flex;
    gap: 1rem;
    margin-bottom: 3rem;
    flex-wrap: wrap;
    justify-content: left;
}

.external-button {
    min-width: 100px;
    justify-content: center;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 1.8rem;
    background: rgba(241, 139, 37, 0.2);
    color: #F18B25;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 0.95rem;
}

.external-button .icon {
    width: 24px;
    height: 24px;
}

.external-button:hover {
    transform: translateY(-1px);
}

.external-button:hover .icon {
    transform: scale(1.1);
}

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 比例 */
    height: 0;
    overflow: hidden;
    margin: 1.5rem 0;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.download-section {
    margin-top: 2rem;
    padding: 2rem;
    background: #2c2c2c;
    border-radius: 8px;
}

.download-button {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 1.8rem;
    background: rgba(241, 139, 37, 0.2);
    color: #F18B25;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.download-button:hover {
    background: rgba(241, 139, 37, 0.3);
}

.download-button:hover .platform-icon {
    transform: scale(1.1);
    fill: #ff9f43;
}

.work-description h2,
.work-video h2,
.download-section h2 {
    color: #F18B25;
    font-family: 'AlibabaPuHuiTi', sans-serif;
    font-weight: 500;
    margin: .5rem 0 1rem;
}

.work-description h3 {
    color: #F18B25;
    font-family: 'AlibabaPuHuiTi', sans-serif;
    font-weight: 500;
    margin: 1.5rem 0 1rem;
}

.work-description p {
    line-height: 1.6;
    margin-bottom: 1rem;
}

.game-info {
    background: rgba(241, 139, 37, 0.1);
    padding: 1.5rem;
    border-radius: 8px;
    margin: 2rem 0;
}

.game-info p {
    margin: 0.5rem 0;
}

.game-info strong {
    color: #F18B25;
}

.download-options {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.download-button {
    background: rgba(241, 139, 37, 0.2);
    color: #F18B25;
}

.download-button:hover {
    background: rgba(241, 139, 37, 0.3);
}

.external-button .icon {
    width: 24px;
    height: 24px;
}

.external-button:hover .icon {
    transform: scale(1.1);
}

.external-button:hover .icon {
    filter: brightness(1.1);
}

.platform-icon {
    width: 24px;
    height: 24px;
    fill: currentColor;
    transition: all 0.3s ease;
}

.download-button {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 1.8rem;
    background: rgba(241, 139, 37, 0.2);
    color: #F18B25;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.download-button:hover {
    background: rgba(241, 139, 37, 0.3);
}

.download-button:hover .platform-icon {
    transform: scale(1.1);
    fill: #ff9f43;
}

/* Gcores 按钮样式 */
.download-button[href*="gcores"] {
    background: rgba(239, 60, 79, 0.2);
    color: #ef3c4f;
}

/* GMHub 按钮样式 */
.download-button[href*="gmhub"] {
    background: rgba(192, 227, 94, 0.2);
    color: #C0E35E;
}

.download-button:hover {
    background: rgba(241, 139, 37, 0.3);
}

.download-button[href*="gcores"]:hover {
    background: rgba(239, 60, 79, 0.3);
}

.download-button[href*="gmhub"]:hover {
    background: rgba(192, 227, 94, 0.3);
}

.download-button:hover .platform-icon {
    transform: scale(1.1);
}

/* 删除之前的所有特殊 viewBox 选择器样式 */

/* 统一 icon 基础样式 */
.icon, .platform-icon {
    width: 24px;
    height: 24px;
    transition: all 0.3s ease;
}

/* 默认橙色按钮样式 */
.download-button {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 1.8rem;
    background: rgba(241, 139, 37, 0.2);
    color: #F18B25;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Gcores 按钮样式 */
.download-button[href*="gcores"], 
.external-button[href*="gcores"] {
    background: rgba(239, 60, 79, 0.2);
    color: #ef3c4f;
}

/* GMHub 按钮样式 */
.download-button[href*="gmhub"], 
.external-button[href*="gmhub"] {
    background: rgba(192, 227, 94, 0.2);
    color: #C0E35E;
}

/* hover 效果 */
.download-button:hover,
.external-button:hover {
    transform: translateY(-1px);
    filter: brightness(1.1);
}

.download-button[href*="gcores"]:hover,
.external-button[href*="gcores"]:hover {
    transform: translateY(-1px);
}

.download-button[href*="gmhub"]:hover,
.external-button[href*="gmhub"]:hover {
    transform: translateY(-1px);
}

/* icon hover 效果 */
.download-button:hover .platform-icon,
.external-button:hover .icon {
    transform: scale(1.1);
}

/* 所有图标使用继承颜色 */
.platform-icon,
.icon {
    fill: currentColor;
}

.back-button {
    position: fixed;
    left: 2rem;
    top: 5.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    color: #F18B25;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    transition: all 0.3s ease;
    background-color: rgba(81, 81, 81, 0.1);
    backdrop-filter: blur(5px);
    z-index: 100;
}

.back-button:hover {
    color: #F18B25;
    background-color: rgba(241, 139, 37, 0.1);
    border: 1px solid #F18B25; /* 添加描边 */
    transform: translateY(-3px);
}

.back-icon {
    width: 24px;
    height: 24px;
    fill: currentColor;
}

/* 移动端适配 */
@media (max-width: 700px) {
    .tags {
        gap: 0.6rem;  /* 移动端稍微减小间距 */
    }
    
    .tag {
        padding: 0.3rem 0.8rem;  /* 移动端减小内边距 */
        font-size: 0.8rem;       /* 移动端减小字体 */
    }
}

/* WePlay Exhibition Info Styles */
.exhibition-info {
    margin: 2rem 0;
    padding: 2rem;
    border-radius: 12px;
    background-color: rgba(241, 139, 37, 0.1);
    border: 1px solid rgba(241, 139, 37, 0.3);
    transition: all 0.3s ease;
}

.exhibition-info:hover {
    background-color: rgba(241, 139, 37, 0.15);
    border-color: rgba(241, 139, 37, 0.5);
    transform: translateY(-2px);
}

.exhibition-link {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    text-decoration: none;
    color: inherit;
}

.exhibition-logo {
    max-height: 200px;
    max-width: 225px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.exhibition-content {
    flex: 1;
}

.exhibition-content h3 {
    color: #F18B25;
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
    font-family: 'AlibabaPuHuiTi', sans-serif;
}

.award-type {
    color: #e8e8e8;
    font-size: 1.1rem;
    margin-bottom: 0.8rem;
    font-weight: 500;
}

.award-description {
    color: #e8e8e8;
    font-size: 1rem;
    line-height: 1.6;
    margin: 0;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .exhibition-info {
        padding: 1.5rem;
    }
    
    .exhibition-link {
        flex-direction: column;
        text-align: center;
        gap: 1.5rem;
    }
    
    .exhibition-logo {
        max-height: 200px;
        max-width: 225px;
    }
    
    .exhibition-content h3 {
        font-size: 1.2rem;
    }
}

/* Screenshot Gallery Styles */
.screenshot-gallery {
    margin: 3rem 0;
}

.screenshot-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin-top: 2rem;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1rem;
}

.screenshot {
    width: 100%;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.screenshot:hover {
    transform: scale(1.02);
}

/* Responsive Design */
@media (max-width: 768px) {
    .main-screenshots {
        gap: 1.5rem;
        padding: 0 0.5rem;
    }
    
    .screenshot-grid {
        grid-template-columns: 1fr;
        padding: 0 0.5rem;
        gap: 1rem;
    }
    
    .concept-callout {
        padding: 1rem;
        margin: 1.5rem auto;
    }
}

.screenshot-gallery h2 {
    color: #F18B25;
    font-family: 'AlibabaPuHuiTi', sans-serif;
    font-weight: 500;
    margin: 1.5rem 0 1rem;
}

.concept-callout {
    margin: 2rem auto;
    padding: 1.5rem;
    background: rgba(241, 139, 37, 0.1);
    border-left: 4px solid #F18B25;
    border-radius: 4px;
    max-width: 1000px;
}

.concept-callout p {
    color: #e8e8e8;
    font-size: 1.2rem;
    line-height: 1.8;
    margin-bottom: 1rem;
    font-family: 'AlibabaPuHuiTi', sans-serif;
    font-weight: 300;
}

.concept-callout p:last-child {
    margin-bottom: 0;
}

.main-screenshots {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem auto;
    max-width: 1200px;
    padding: 0 1rem;
}

.main-screenshot {
    width: 100%;
    border-radius: 12px;
    transition: transform 0.3s ease;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}

.main-screenshot:hover {
    transform: scale(1.02);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
}

/* Lightbox 样式 */
.lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 1000;
    cursor: pointer;
}

.lightbox.active {
    display: flex;
    justify-content: center;
    align-items: center;
}

.lightbox img {
    max-width: 90%;
    max-height: 90vh;
    object-fit: contain;
    border-radius: 4px;
}

/* 让图片显示可点击的状态 */
.main-screenshot,
.screenshot {
    cursor: pointer;
}

/* Development Status Styles */
.development-status {
    background: rgba(241, 139, 37, 0.1);
    border-left: 4px solid #F18B25;
    padding: 2rem;
    margin: 2rem 0;
    border-radius: 4px;
}

.development-status h2 {
    color: #F18B25;
    margin-bottom: 1rem;
}

.status-text {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    color: #e8e8e8;
}

.countdown {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin-top: 1rem;
}

.countdown-item {
    text-align: center;
}

.countdown .count {
    font-size: 2.5rem;
    font-weight: 500;
    color: #F18B25;
    display: block;
}

.countdown .label {
    font-size: 0.9rem;
    color: #999898;
    margin-top: 0.5rem;
    display: block;
}

@media (max-width: 768px) {
    .countdown {
        gap: 1rem;
    }
    
    .countdown .count {
        font-size: 2rem;
    }
}

/* System Map Styles */
.system-map {
    margin: 3rem auto;
    max-width: 1000px;
    padding: 0 1rem;
}

.system-diagram {
    width: 100%;
    height: auto;
    border-radius: 8px;
    transition: transform 0.3s ease;
    cursor: pointer;
}

.system-diagram:hover {
    transform: scale(1.02);
}

@media (max-width: 768px) {
    .system-map {
        margin: 2rem auto;
        padding: 0 0.5rem;
    }
}

.award-link {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 1.5rem;
    background: rgba(241, 139, 37, 0.1);
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.award-link:hover {
    background: rgba(241, 139, 37, 0.2);
}

.award-description {
    flex: 1;
}

.award-description h3 {
    color: #F18B25;
    margin-bottom: 0.5rem;
}

.award-description p {
    color: #e8e8e8;
    margin: 0;
    line-height: 1.5;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .weplay-link {
        gap: 1rem;
    }
    
    .weplay-logo {
        height: 32px;
    }
}

.pdf-section {
    margin: 3rem 0;
}

.pdf-container {
    width: 100%;
    height: 800px;  /* 增加高度 */
    border-radius: 8px;
    margin: 1.5rem 0;
    border: 1px solid rgba(241, 139, 37, 0.3);
    overflow: hidden;
}

.view-pdf-button {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 1.8rem;
    background: rgba(241, 139, 37, 0.2);
    color: #F18B25;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-top: 1rem;
}

.view-pdf-button:hover {
    background: rgba(241, 139, 37, 0.3);
    transform: translateY(-2px);
}

.view-pdf-button .icon {
    width: 24px;
    height: 24px;
    fill: currentColor;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .pdf-container {
        height: 800px;  /* 移动端也适当增加高度 */
    }
}

/* 增加特异性 */
.work-content .pdf-section {
    margin: 3rem 0 !important;
}

.work-content .pdf-container {
    width: 100% !important;
    height: 1200px !important;  /* 增加高度 */
    border-radius: 8px !important;
    margin: 1.5rem 0 !important;
    border: 1px solid rgba(241, 139, 37, 0.3) !important;
    overflow: hidden !important;
}

.work-content .pdf-container object {
    width: 100% !important;
    height: 100% !important;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .work-content .pdf-container {
        height: 800px !important;
    }
}

/* 修改时间轴样式 */
.progress-timeline {
    margin: 2rem 0;
    padding: 0 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 150px; /* 固定高度 */
}

/* 修改轴线样式 */
.progress-timeline::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%; /* 确保线在容器正中间 */
    height: 2px;
    background: rgba(241, 139, 37, 0.2);
    transform: translateY(-50%);
}

.timeline-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

/* 修改点的样式 */
.timeline-point {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(51, 41, 32, 1.0);
    border: 2px solid rgba(241, 139, 37, 0.8);
    position: absolute;
    top: 50%; /* 将点定位在容器中间 */
    transform: translateY(-50%);
    z-index: 2;
}

.timeline-item.completed .timeline-point {
    background: #F18B25;
}

/* 修改标签文字样式 */
.timeline-label {
    position: absolute;
    text-align: center;
    font-size: 0.85rem;
    color: rgba(232, 232, 232, 0.7);
    width: 100px;
    top: calc(50% + 20px); /* 将文字放在点的下方 */
    left: 50%;
    transform: translateX(-50%);
    line-height: 1.4;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .progress-timeline {
        flex-direction: column;
        height: auto;
        padding: 2rem 0;
        gap: 2.5rem; /* 调整间距 */
        align-items: flex-start; /* 为左对齐 */
        margin-left: 40%; /* 将整个时间轴向右移 */
    }

    .progress-timeline::before {
        width: 2px;
        height: 100%;
        left: 0; /* 将线对齐到点的中心 */
        top: 0;
        transform: none;
    }

    .timeline-item {
        width: 100%;
        height: 24px; /* 增加高度以匹配文字 */
        position: relative;
        display: flex;
        align-items: center;
        padding-left: 0;
        margin: 0;
    }

    .timeline-point {
        position: absolute;
        left: 0;
        transform: translateX(-50%); /* 让点居中在线上 */
        margin: 0;
    }

    .timeline-label {
        position: relative;
        left: 20px; /* 固定距离 */
        top: 0;
        transform: none;
        width: auto;
        text-align: left;
        margin: 0;
        line-height: 24px; /* 与item高度相同 */
    }
}

/* 正文内嵌图片 */
.content-image {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 1.5rem 0;
    display: block;
}

/* 新的图片展示样式 */
.gallery-section {
    margin: 4rem 0;
}

.gallery-section h2 {
    color: #F18B25;
    font-family: 'AlibabaPuHuiTi', sans-serif;
    font-weight: 500;
    margin-bottom: 2rem;
    font-size: 1.8rem;
}

/* Player Reactions 样式 */
.reaction-grid {
    display: grid;
    gap: 2rem;
    margin-bottom: 3rem;
}

.main-reaction {
    width: 100%;
    border-radius: 12px;
    transition: transform 0.3s ease;
    cursor: pointer;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}

.sub-reactions {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.sub-reaction {
    width: 100%;
    border-radius: 8px;
    transition: transform 0.3s ease;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

/* Screenshots 样式更新 */
.screenshots-grid {
    display: grid;
    gap: 2rem;
}

.main-screenshot {
    width: 100%;
    margin-bottom: 2rem;
}

.sub-screenshots {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

/* Exhibition Photos 样式更新 */
.exhibition-grid {
    display: grid;
    gap: 2rem;
}

.main-exhibition {
    width: 100%;
    margin-bottom: 2rem;
}

.sub-exhibitions {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

/* 保持其他样式不变 */
.screenshot,
.exhibition-photo {
    width: 100%;
    border-radius: 12px;
    transition: transform 0.3s ease;
    cursor: pointer;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}

/* 移动端适配更新 */
@media (max-width: 768px) {
    .sub-screenshots,
    .sub-exhibitions {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

/* 修改 hover 效果部分 */
.main-reaction:hover,
.sub-reaction:hover,
.main-screenshot:hover,
.screenshot:hover,
.main-exhibition:hover,
.exhibition-photo:hover {
    transform: scale(1.02);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
}

/* 确保所有图片都有基础过渡效果 */
.main-reaction,
.sub-reaction,
.main-screenshot,
.screenshot,
.main-exhibition,
.exhibition-photo {
    transition: all 0.3s ease;
    cursor: pointer;
}

.download-button {
    display: flex;
    align-items: center;
    gap: 12px;
}

.download-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.download-info .version,
.download-info .size {
    font-size: 0.8em;
    color: rgba(232, 232, 232, 0.7);
}

.video-container {
    margin: 2rem 0;
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.download-options {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.download-row {
    display: flex;
    gap: 1rem;
    width: 100%;
}

.download-row .download-button {
    flex: 1;
}

.google-drive-row {
    margin-bottom: 1rem;
}

.google-drive-row .download-button {
    width: 100%;
}

.external-row {
    margin-top: 1rem;
}

@media (max-width: 768px) {
    .download-row {
        flex-direction: column;
    }
}

.installation-guide {
    margin-top: 4rem;
    padding: 0 1rem;
}

.installation-guide h2 {
    color: #F18B25;
    font-family: 'AlibabaPuHuiTi', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}

.installation-guide .video-container {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    background: #2c2c2c;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}

.installation-guide .video-container iframe {
    display: block;
    border: none;
    transition: opacity 0.3s ease;
}

.installation-guide .video-container:hover iframe {
    opacity: 0.95;
}

@media (max-width: 768px) {
    .installation-guide {
        margin-top: 3rem;
    }
    
    .installation-guide h2 {
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }
}

/* itch.io 按钮样式 */
.download-button[href*="itch.io"], 
.external-button[href*="itch.io"] {
    background: rgba(250, 92, 92, 0.2);
    color: #fa5c5c;
}

/* itch.io 按钮悬停效果 */
.download-button[href*="itch.io"]:hover,
.external-button[href*="itch.io"]:hover {
    background: rgba(250, 92, 92, 0.3);
    transform: translateY(-1px);
}

.installation-guide h3 {
    color: #F18B25;
    font-family: 'AlibabaPuHuiTi', sans-serif;
    font-weight: 500;
    font-size: 1.3rem;
    margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
    .installation-guide h3 {
        font-size: 1.1rem;
        margin-bottom: 1rem;
    }
}

/* Thesis download block */
.thesis-block {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    margin: 2rem 0;
    padding: 1.2rem 1.5rem;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    flex-wrap: wrap;
}

.thesis-label {
    color: #999;
    font-size: 0.85rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    flex: 1;
    min-width: 140px;
}

.thesis-button {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 1.2rem;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    color: #e0e0e0;
    text-decoration: none;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.thesis-button svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
    flex-shrink: 0;
}

.thesis-button:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.3);
    color: #fff;
    transform: translateY(-2px);
}