:root{
  --primary:#225081;
  --accent:#f97316;
  --title-deep-red:#8B0000; /* 深红色标题 */
  --bg:#ffffff;
  --muted:#666;
  --card-shadow: 0 6px 20px rgba(34,80,129,0.08);
  --maxw:900px;
  --page-padding:24px;
  font-family: "Segoe UI","Helvetica Neue",Segoe,Arial,"Noto Sans SC",sans-serif;
}

html,body{height:100%;margin:0;background:#f4f6f9;color:#111;}
.container{
  max-width:var(--maxw);
  margin:28px auto;
  padding:var(--page-padding);
}

.card{
  background:var(--bg);
  border-radius:12px;
  box-shadow:var(--card-shadow);
  overflow:hidden;
}

header{
  display:flex;
  gap:18px;
  align-items:center;
  padding:22px;
  border-bottom:1px solid #eee;
}

.avatar{
  width:160px;
  height:160px;
  border-radius:50%;
  object-fit:cover;
  box-shadow:0 6px 20px rgba(0,0,0,0.06);
  flex-shrink:0;
  margin-right:70px;
}

.head-left{
  flex:1;
}

.section h3 {
  color: rgba(139, 0, 0, 0.85) !important; /* 文字淡红色 */ 
  border-left: 4px solid rgba(139, 0, 0, 0.85) !important; /* 竖线淡红色 */
  padding-left: 10px;
  font-weight: 700;
  margin: 0 0 10px 0;
}

.name{
  font-size:1.9rem;
  font-weight:700;
  color:var(--title-deep-red); /* 标题为深红色 */
  margin:0 0 6px 0;
}

.headline{
  font-size:1.05rem;
  color:var(--muted);
  margin:0 0 10px 0;
}

.meta{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  color:#333;
  font-size:0.95rem;
}

.soft-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.soft-table th, .soft-table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}

.soft-table th {
  background-color: #f2f2f2;
  font-weight: bold;
}

/*↓打印样式可以隐藏按钮，不影响图片：*/
.export-btn {
  margin-top: 12px;
  padding: 8px 16px;
  background-color: #8B0000; /* 深红色 */
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.95rem;
}

.export-btn:hover {
  background-color: #a10000;
}

@media print {
  .export-btn { display: none; }
}

/*↑打印样式可以隐藏按钮，不影响图片：*/

/* 按钮容器，提供上方间距 */
.export-wrapper {
  margin-top: 16px; /* 距离上方 meta 一行的间距 */
}

/* 美化按钮 - 深红色 */
.export-btn {
  padding: 10px 24px;
  font-size: 0.95rem;
  font-weight:600;
  border:none;
  border-radius:30px; /* 圆角 */
  cursor:pointer;
  color:#fff;
  background: linear-gradient(135deg, #8B0000, #B22222); /* 深红渐变 */
  box-shadow: 0 4px 12px rgba(139,0,0,0.4);
  transition: all 0.25s ease;
}

.export-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(139,0,0,0.5);
  opacity: 0.95;
}

.export-btn:active {
  transform: translateY(0);
  box-shadow: 0 3px 10px rgba(139,0,0,0.3);
}

.meta span{display:inline-block;padding:6px 8px;border-radius:6px;background:#fbfbfb;border:1px solid #f0f0f0;}

main{
  padding:22px;
  display:grid;
  grid-template-columns: 1fr 340px;
  gap:22px;
}

/* left column */
.left .section{
  margin-bottom:18px;
}

.section p, .section li { color:#222; line-height:1.6; font-size:0.95rem; }

.bullets{margin:8px 0 0 0;padding-left:18px;}
.bullets li{margin:6px 0;}

.project .role{font-weight:600;color:#111;margin-bottom:6px;}
.muted{color:var(--muted);font-size:0.9rem;}

/* right column */
aside{
  background:#fbfdff;
  border-radius:8px;
  padding:14px;
  box-shadow:0 4px 16px rgba(34,80,129,0.03);
}

.contact-list{margin:0;padding:0;list-style:none;}
.contact-list li{padding:8px 4px;border-bottom:1px dashed #eee;font-size:0.95rem;}
.contact-list li:last-child{border-bottom:0;}

.skill-item{margin:8px 0;padding:8px;border-radius:6px;background:#fff;border:1px solid #f0f0f0;}
.skill-item strong{display:block;margin-bottom:6px;color:#0f2540;}

footer{
  padding:16px 22px;
  background:#fff;
  border-top:1px solid #eee;
  font-size:0.9rem;
  color:var(--muted);
}

a {
  color: #8B0000;       /* 深红色，与标题统一 */
  text-decoration: none; /* 去掉下划线 */
  transition: all 0.2s ease; /* 鼠标悬停时平滑过渡 */
}

a:hover {
  color: #f97316;       /* 悬停变橙色 */
  text-decoration: underline; /* 悬停显示下划线 */
}

/* responsive */
@media (max-width:960px){
  main{grid-template-columns:1fr;}
  .avatar{display:none;}
}