.instructor-page{--bg:var(--ws-bg);--bg-soft:var(--ws-bg-soft);--bg-warm:var(--ws-bg-warm);--ink:var(--ws-ink);--ink-2:var(--ws-ink-2);--muted:var(--ws-muted);--muted-2:var(--ws-muted-2);--line:var(--ws-line);--line-2:var(--ws-line-2);--card:var(--ws-card);--gold:var(--ws-gold);--gold-soft:var(--ws-gold-soft);--gold-deep:var(--ws-gold-deep);--r-sm:8px;--r:var(--ws-r);--r-lg:var(--ws-r-lg);--r-xl:var(--ws-r-xl);--shadow-1:var(--ws-shadow-1);--shadow-2:var(--ws-shadow-2);--shadow-3:var(--ws-shadow-3);--font-en:var(--font-inter), "Inter", system-ui, sans-serif;--font-tc:"Noto Sans TC", system-ui, sans-serif;background:var(--bg);color:var(--ink)}.instructor-page .container{max-width:1200px;margin:0 auto;padding:0 32px}.instructor-page .section{padding:clamp(64px,8vw,104px) 0}.instructor-page h2,.instructor-page h3{color:var(--ink)}.instructor-page .small-caps{letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);font-size:12px;font-weight:700}.instructor-page .ph-fill{background:linear-gradient(150deg, var(--bg-warm), var(--bg-soft));-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.instructor-page .ph-mono{color:var(--gold);opacity:.55;letter-spacing:.05em;font-size:68px;font-weight:900}.instructor-page .ph-label{letter-spacing:.12em;color:var(--muted-2);text-transform:uppercase;font-size:12px;font-weight:700}.instructor-page .instructor .ins-wrap{grid-template-columns:.85fr 1.15fr;align-items:center;gap:56px;display:grid}.instructor-page .ins-portrait{border-radius:var(--r-lg);aspect-ratio:4/5;box-shadow:var(--shadow-3);background:var(--bg-soft);position:relative;overflow:hidden}.instructor-page .ins-portrait>img{object-fit:cover;width:100%;height:100%;display:block}.instructor-page .ins-portrait .badge-award{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.instructor-page .ins-portrait .badge-award .medal{background:linear-gradient(135deg, var(--gold-soft), var(--gold-deep));color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.instructor-page .ins-portrait .badge-award .t{color:var(--ink-2);font-size:12px;line-height:1.4}.instructor-page .ins-portrait .badge-award .t b{color:var(--ink);font-size:13px;display:block}.instructor-page .instructor .small-caps{margin-bottom:12px;display:block}.instructor-page .instructor h2{margin:0 0 8px;font-size:38px;font-weight:900}.instructor-page .instructor .role{color:var(--muted);margin-bottom:24px;font-size:15px}.instructor-page .instructor .quote{color:var(--ink);border-left:3px solid var(--gold);margin:0 0 22px;padding-left:20px;font-size:20px;font-weight:700;line-height:1.6}.instructor-page .instructor .bio{color:var(--ink-2);margin:0 0 28px;font-size:14.5px;line-height:1.85}.instructor-page .cred-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.instructor-page .cred{background:var(--bg-soft);border-radius:var(--r);align-items:flex-start;gap:13px;padding:16px 18px;display:flex}.instructor-page .cred .cic{color:var(--gold-deep);flex-shrink:0;margin-top:1px}.instructor-page .cred .ct{color:var(--ink-2);font-size:13.5px;line-height:1.6}.instructor-page .cred .ct b{color:var(--ink);margin-bottom:2px;font-weight:700;display:block}.instructor-page .rec-section{background:var(--bg-soft)}.instructor-page .rec-head{text-align:center;max-width:680px;margin:0 auto 46px}.instructor-page .rec-head .small-caps{margin-bottom:14px;display:block}.instructor-page .rec-head h2{margin:0 0 16px;font-size:34px;font-weight:900;line-height:1.35}.instructor-page .rec-head p{color:var(--muted);margin:0;font-size:15.5px;line-height:1.9}.instructor-page .rec-stats{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:52px;display:grid}.instructor-page .rec-stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);text-align:center;box-shadow:var(--shadow-1);padding:26px 22px}.instructor-page .rec-stat b{font-family:var(--font-en);color:var(--gold-deep);margin-bottom:10px;font-size:40px;font-weight:900;line-height:1;display:block}.instructor-page .rec-stat span{color:var(--ink-2);font-size:13px;font-weight:600}.instructor-page .rec-timeline{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.instructor-page .rec-item{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:30px 28px;transition:transform .2s,box-shadow .2s,border-color .2s}.instructor-page .rec-item:hover{box-shadow:var(--shadow-3);border-color:var(--gold-soft);transform:translateY(-4px)}.instructor-page .rec-icn{background:var(--bg-warm);width:48px;height:48px;color:var(--gold-deep);border-radius:13px;place-items:center;margin-bottom:20px;display:grid}.instructor-page .rec-year{font-family:var(--font-en);color:var(--ink);align-items:center;gap:10px;margin-bottom:10px;font-size:22px;font-weight:900;display:flex}.instructor-page .rec-tag{font-family:var(--font-tc);letter-spacing:.06em;color:var(--gold-deep);background:var(--bg-warm);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.instructor-page .rec-item h3{margin:0 0 10px;font-size:18px;font-weight:800;line-height:1.5}.instructor-page .rec-item p{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.85}.instructor-page .works-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;display:flex}.instructor-page .works-head .small-caps{margin-bottom:12px;display:block}.instructor-page .works-head h2{margin:0;font-size:34px;font-weight:900;line-height:1.3}.instructor-page .works-tabs{flex-wrap:wrap;gap:8px;display:flex}.instructor-page .works-tab{color:var(--ink-2);border:1px solid var(--line-2);background:var(--card);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:700;transition:all .15s}.instructor-page .works-tab:hover{border-color:var(--gold);color:var(--gold-deep)}.instructor-page .works-tab.is-active{background:var(--gold-deep);border-color:var(--gold-deep);color:#fff}.instructor-page .works-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.instructor-page .work-card{margin:0}.instructor-page .work-media{aspect-ratio:4/3;border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--shadow-1);position:relative;overflow:hidden}.instructor-page .work-media img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.instructor-page .work-card:hover .work-media img{transform:scale(1.05)}.instructor-page .work-cap{opacity:0;background:linear-gradient(#14110d00,#14110dd1);flex-direction:column;gap:4px;padding:18px 16px 14px;transition:opacity .25s,transform .25s;display:flex;position:absolute;inset:auto 0 0;transform:translateY(8px)}.instructor-page .work-card:hover .work-cap{opacity:1;transform:translateY(0)}.instructor-page .work-cat{letter-spacing:.1em;color:var(--gold-soft);text-transform:uppercase;font-size:11px;font-weight:700}.instructor-page .work-title{color:#fff;font-size:15px;font-weight:700}.instructor-page .works-note{color:var(--muted-2);margin:26px 0 0;font-size:12.5px}.instructor-page .pub-caps{letter-spacing:.02em;color:var(--ink);text-transform:none;margin-bottom:44px;font-size:26px;font-weight:900;display:block}.instructor-page .pub-list{flex-direction:column;gap:72px;display:flex}.instructor-page .pub-row{grid-template-columns:300px 1fr 1fr;align-items:start;gap:56px;display:grid}.instructor-page .pub-cover{border-radius:var(--r);background:var(--bg-soft);overflow:hidden;box-shadow:0 18px 44px -20px #14110d80}.instructor-page .pub-cover img{width:100%;height:auto;display:block}.instructor-page .pub-mid{padding-top:6px}.instructor-page .pub-rule{background:var(--gold-deep);border-radius:2px;width:46px;height:3px;margin-bottom:22px;display:block}.instructor-page .pub-mid h3{margin:0 0 18px;font-size:27px;font-weight:900;line-height:1.35}.instructor-page .pub-sub{color:var(--muted);margin:0;font-size:15px;line-height:1.85}.instructor-page .pub-desc{padding-top:6px}.instructor-page .pub-desc p{color:var(--ink-2);margin:0 0 26px;font-size:14.5px;line-height:1.95}.instructor-page .pub-btn{border:1px solid var(--gold);color:var(--gold-deep);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:12px 26px;font-size:14px;font-weight:700;text-decoration:none;transition:background .18s,color .18s;display:inline-flex}.instructor-page .pub-btn:hover{background:var(--gold-deep);border-color:var(--gold-deep);color:#fff}.instructor-page .pub-btn.is-soldout{color:var(--muted);border-color:var(--line-2);background:var(--bg-soft);cursor:default}.instructor-page .pub-btn.is-soldout:hover{color:var(--muted);border-color:var(--line-2);background:var(--bg-soft)}.instructor-page .cta-section{background:var(--bg-soft)}.instructor-page .cta-inner{text-align:center;max-width:640px;margin:0 auto}.instructor-page .cta-inner .small-caps{margin-bottom:16px;display:block}.instructor-page .cta-inner h2{margin:0 0 14px;font-size:32px;font-weight:900;line-height:1.4}.instructor-page .cta-inner p{color:var(--muted);margin:0 0 30px;font-size:15.5px}.instructor-page .cta-btn{background:var(--gold-deep);color:#fff;border-radius:999px;align-items:center;gap:9px;padding:15px 34px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.instructor-page .cta-btn:hover{box-shadow:0 14px 30px -12px var(--gold-deep);transform:translateY(-2px)}@media (max-width:980px){.instructor-page .rec-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.instructor-page .container{padding:0 20px}.instructor-page .instructor .ins-wrap{grid-template-columns:1fr;gap:32px}.instructor-page .ins-portrait{max-width:420px}.instructor-page .rec-timeline{grid-template-columns:1fr}.instructor-page .works-grid{grid-template-columns:repeat(2,1fr)}.instructor-page .instructor h2{font-size:30px}.instructor-page .pub-row{grid-template-columns:1fr;gap:24px}.instructor-page .pub-cover{max-width:260px}}@media (max-width:560px){.instructor-page .rec-stats{grid-template-columns:1fr 1fr}.instructor-page .cred-grid,.instructor-page .works-grid{grid-template-columns:1fr}}
