:root {
  --workspace-bg: #f4f0e4;
  --workspace-paper: #fffaf0;
  --workspace-paper-soft: #fffdf8;
  --workspace-ink: #173d39;
  --workspace-muted: #5f6e63;
  --workspace-pine: #234c41;
  --workspace-sage: #4f705c;
  --workspace-mint: #dfe9df;
  --workspace-gold: #c58d36;
  --workspace-line: #dadfd2;
  --workspace-shadow: 0 24px 60px rgba(35, 76, 65, .14);
  --workspace-soft-shadow: 0 10px 28px rgba(35, 76, 65, .08);
  --workspace-serif: Georgia, "Songti SC", "STSong", "Times New Roman", serif;
  --workspace-sans: "Microsoft YaHei", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
.workspace-topbar {
  position: relative; z-index: 20; width: 100%; max-width: 1464px;
  min-height: 64px; padding: 0 32px; margin: 0 auto;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  color: var(--workspace-ink); font-family: var(--workspace-sans);
}
.workspace-home-link {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  min-height: 44px; padding: 8px 10px; margin-left: -10px;
  border: 1px solid transparent; border-radius: 7px;
  color: var(--workspace-pine); font-size: 12px; font-weight: 600; line-height: 1;
  text-decoration: none; transition: background 150ms ease, border-color 150ms ease;
}
.workspace-home-link:hover { border-color: var(--workspace-line); background: #e8ede1; text-decoration: none; }
.workspace-home-link:focus-visible,
.workspace-entry-card:focus-visible { outline: 3px solid #b48337; outline-offset: 4px; }
.workspace-section-label { color: var(--workspace-muted); font-size: 11px; letter-spacing: .04em; }
.workspace-section-label span { margin: 0 12px; color: #aab2a3; }
.workspace-portal {
  min-width: 320px; min-height: 100vh; margin: 0;
  color: var(--workspace-ink); font-family: var(--workspace-sans);
  background:
    radial-gradient(ellipse at 88% 6%, rgba(79, 112, 92, .22), transparent 32rem),
    radial-gradient(ellipse at 4% 100%, rgba(197, 141, 54, .18), transparent 32rem),
    linear-gradient(135deg, #faf5e9 0%, var(--workspace-bg) 52%, #edf1e8 100%);
}
.workspace-portal-main {
  width: min(calc(100% - 64px), 1120px); min-height: 100vh;
  margin: 0 auto; padding: clamp(40px, 7vh, 80px) 0 32px;
  display: grid; align-content: center;
}
.workspace-portal-hero { position: relative; padding-bottom: 34px; border-bottom: 1px solid var(--workspace-line); }
.workspace-brand-mark {
  width: 38px; height: 38px; margin-bottom: 22px; display: grid; place-items: center;
  border: 1px solid #ffffff30; border-radius: 9px;
  background: linear-gradient(145deg, #416f5c, var(--workspace-pine));
  color: var(--workspace-paper); font-family: var(--workspace-serif); font-size: 23px;
  box-shadow: var(--workspace-soft-shadow);
}
.workspace-portal h1 { margin: 0; font-family: var(--workspace-serif); font-size: clamp(40px, 5vw, 64px); font-weight: 700; letter-spacing: -.035em; line-height: 1.16; }
.workspace-entries { margin-top: 28px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.workspace-entry-card {
  position: relative; min-height: 286px; padding: 28px 30px;
  display: flex; flex-direction: column; align-items: flex-start;
  border: 1px solid var(--workspace-line); border-radius: 16px; text-decoration: none;
  box-shadow: var(--workspace-soft-shadow);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.workspace-entry-card:hover { transform: translateY(-3px); box-shadow: var(--workspace-shadow); text-decoration: none; }
.workspace-entry-card-primary {
  background: radial-gradient(ellipse at 85% 0%, rgba(134, 170, 129, .22), transparent 75%),
    linear-gradient(150deg, #2f6152 0%, var(--workspace-pine) 60%, #183a32 100%);
  border-color: rgba(255, 250, 240, .22); color: #fffaf0;
}
.workspace-entry-card-secondary {
  background: radial-gradient(ellipse at 100% 0%, rgba(197, 141, 54, .14), transparent 75%),
    linear-gradient(145deg, #fffdf7 0%, #f9f3e5 65%, #edf1e6 100%);
  color: var(--workspace-ink);
}
.workspace-entry-card-secondary:hover { border-color: #829777; }
.workspace-entry-card-mentors { background:radial-gradient(ellipse at 100% 0%,rgba(79,112,92,.18),transparent 75%),linear-gradient(145deg,#f7faf0,#edf1e5 70%,#f5efd9); }
.workspace-entry-icon { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid #ffffff38; border-radius: 9px; }
.workspace-entry-icon svg { width: 22px; height: 22px; }
.workspace-entry-card-secondary .workspace-entry-icon { border-color: #d8e1d2; background: #edf2e7; color: var(--workspace-sage); }
.workspace-entry-content { margin-top: 21px; display: grid; gap: 9px; }
.workspace-entry-content strong { font-family: var(--workspace-serif); font-size: 29px; font-weight: 600; line-height: 1.3; letter-spacing: -.02em; }
.workspace-entry-content > span:last-child { max-width: 390px; font-size: 12px; line-height: 1.85; opacity: .83; }
.workspace-entry-action {
  width: 100%; margin-top: auto; padding-top: 20px;
  display: flex; justify-content: space-between; align-items: center; gap: 9px;
  font-size: 12px; font-weight: 500;
}
.workspace-entry-action b { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid #ffffff38; border-radius: 50%; font-size: 17px; font-weight: 400; transition: transform 180ms ease; }
.workspace-entry-card-secondary .workspace-entry-action b { border-color: var(--workspace-line); }
.workspace-entry-card:hover .workspace-entry-action b { transform: translateX(3px); }
@media (max-width: 1100px) { .workspace-topbar { padding-left: 24px; padding-right: 24px; } }
@media (min-width:721px) and (max-width:950px) { .workspace-entries { gap:14px; }.workspace-entry-card { padding:24px 20px; }.workspace-entry-content strong { font-size:26px; } }
@media (max-width: 720px) {
  .workspace-portal-main { width: calc(100% - 36px); padding: 32px 0 28px; align-content: start; }
  .workspace-portal-hero { padding-bottom: 25px; }
  .workspace-brand-mark { width: 34px; height: 34px; margin-bottom: 18px; font-size: 21px; }
  .workspace-portal h1 { font-size: 42px; line-height: 1.2; }
  .workspace-entries { grid-template-columns: 1fr; gap: 14px; margin-top: 22px; }
  .workspace-entry-card { min-height: 251px; padding: 24px; border-radius: 13px; }
  .workspace-entry-content { margin-top: 18px; gap: 7px; }
  .workspace-entry-content strong { font-size: 26px; }
  .workspace-entry-action { padding-top: 15px; }
}
@media (max-width: 600px) {
  .workspace-topbar { min-height: 54px; padding: 0 18px; }
  .workspace-home-link { font-size: 11px; }
  .workspace-section-label { font-size: 10px; }
  .workspace-section-label span { margin: 0 6px; }
}
@media (max-width: 380px) { .workspace-section-label { display: none; } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important; animation-duration: .01ms !important;
    animation-iteration-count: 1 !important; transition-duration: .01ms !important;
  }
}
