:root { --paper:#f9f8f2; --white:#fffefa; --ink:#284f45; --text:#4e625b; --muted:#77867d; --green:#31795f; --mint:#eaf2e9; --line:#dce4d9; --orange:#cb6344; --peach:#fae8dc; --serif:"Songti TC","Noto Serif TC","PMingLiU",serif; --sans:"PingFang TC","Heiti TC","Microsoft JhengHei",sans-serif; }
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:110px; }
body { margin:0; background:var(--paper); color:var(--text); font:16px/1.85 var(--sans); -webkit-font-smoothing:antialiased; }
button,input,select { font:inherit; }
button,a,input,select { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; height:auto; }
svg { vertical-align:middle; }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { color:var(--ink); }
[hidden] { display:none !important; }
:focus-visible { outline:3px solid var(--orange); outline-offset:5px; }
.container { width:min(1180px,calc(100% - 96px)); margin-inline:auto; }
.serif { font-family:var(--serif); font-weight:600; }
.eyebrow { display:flex; align-items:center; gap:11px; color:var(--green); font:600 11px/1.5 var(--sans); letter-spacing:2.2px; }
.eyebrow::before { content:""; width:25px; height:1px; background:currentColor; }
.section-title { font:600 clamp(32px,3.6vw,45px)/1.55 var(--serif); letter-spacing:.075em; }
.section-title em { color:var(--green); font-style:normal; }
.small { font-size:13px; }
.muted { color:var(--muted); }
.arrow { display:inline-grid; place-items:center; width:26px; height:26px; border-radius:50%; font-family:Arial,sans-serif; line-height:1; font-size:20px; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:28px; min-height:54px; padding:11px 25px 11px 29px; border:1px solid transparent; border-radius:40px; font-size:14px; font-weight:600; letter-spacing:.08em; transition:transform .2s,background .2s; }
.button:hover { transform:translateY(-3px); }
.button-primary { background:var(--orange); color:#fffefa; }
.button-primary:hover { background:#b85135; }
.button-primary .arrow { background:#ffffff20; }
.button-outline { color:var(--ink); border-color:#9caf9e; }
.button-outline:hover { background:#e8eee4; }
.skip { position:fixed; z-index:30; left:20px; top:-80px; padding:8px 20px; background:var(--ink); color:white; }
.skip:focus { top:10px; }
.site-header { position:sticky; top:0; z-index:20; background:#f9f8f2f5; border-bottom:1px solid #dee4d7; backdrop-filter:blur(12px); }
.header-inner { min-height:86px; width:min(1360px,calc(100% - 80px)); margin:auto; display:flex; align-items:center; justify-content:space-between; gap:25px; }
.wordmark { display:flex; align-items:center; gap:15px; }
.brand-mark { width:39px; height:43px; position:relative; flex:none; }
.brand-mark i { position:absolute; display:block; width:16px; height:27px; border:1.5px solid var(--green); border-radius:20px 2px 20px 2px; transform:rotate(-20deg); top:0; left:4px; }
.brand-mark i+ i { transform:rotate(64deg); top:10px; left:21px; height:24px; }
.brand-mark::after { content:""; position:absolute; width:1px; height:35px; background:var(--green); top:9px; left:19px; transform:rotate(-17deg); }
.brand-name { display:block; font-size:17px; color:var(--ink); letter-spacing:.08em; font-weight:600; line-height:1.6; }
.brand-en { display:block; font:9px/1.8 Arial,sans-serif; letter-spacing:.7px; color:var(--muted); }
.desktop-nav { display:flex; align-items:center; gap:31px; }
.desktop-nav>a:not(.button) { font-size:13px; font-weight:500; letter-spacing:.08em; padding:10px 0; }
.desktop-nav>a:not(.button):hover { color:var(--green); }
.desktop-nav .button { min-height:43px; padding:6px 16px 6px 22px; gap:20px; font-size:13px; background:var(--green); color:white; }
.menu-toggle { display:none; width:43px; height:43px; border:1px solid var(--line); border-radius:50%; background:transparent; padding:12px; color:var(--ink); }
.menu-toggle span { display:block; height:1px; background:currentColor; margin:5px 0; }
.hero { position:relative; overflow:hidden; padding:72px 0 64px; }
.hero::before { content:""; position:absolute; width:420px; height:420px; border-radius:50%; background:#edf2e9; top:-250px; left:-160px; z-index:-1; }
.hero-layout { position:relative; display:grid; grid-template-columns:.95fr 1.25fr; align-items:center; gap:0; }
.hero-copy { position:relative; z-index:2; padding:24px 0 28px; }
.hero-kicker { font-size:13px; letter-spacing:.24em; color:var(--green); margin-bottom:22px; display:flex; align-items:center; gap:13px; }
.hero-kicker::before { content:""; width:7px; height:7px; border-radius:50%; background:#97af8d; }
h1 { font:600 clamp(48px,5.25vw,75px)/1.34 var(--serif); letter-spacing:.09em; margin-left:-4px; }
h1 .accent { color:var(--green); position:relative; white-space:nowrap; }
h1 .accent::after { content:""; position:absolute; left:3px; right:8px; bottom:4px; height:10px; border-radius:50%; background:#e8c99c75; z-index:-1; transform:rotate(-2deg); }
.hero-subtitle { font-size:16px; line-height:1.9; letter-spacing:.055em; margin:23px 0 14px; color:var(--ink); }
.hero-tagline { font-size:14px; color:var(--muted); letter-spacing:.08em; }
.hero-actions { display:flex; align-items:center; gap:28px; margin-top:32px; }
.text-link { display:inline-flex; gap:17px; align-items:center; border-bottom:1px solid #b8c5b6; padding:7px 0; font-size:13px; letter-spacing:.08em; }
.hero-art { position:relative; width:119%; margin-left:-6%; }
.hero-art img { width:100%; mix-blend-mode:multiply; }
.date-seal { position:absolute; right:12%; top:0; width:94px; height:94px; border:1px solid #8ca88e; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--green); background:#f9f8f2dc; transform:rotate(9deg); line-height:1.5; }
.date-seal span { font:10px/1.6 Arial,sans-serif; letter-spacing:2px; }
.date-seal strong { font:italic 27px/1.25 Georgia,serif; }
.art-caption { position:absolute; bottom:0; right:15%; font:500 17px/1.8 var(--serif); letter-spacing:.18em; color:var(--green); transform:rotate(-5deg); }
.hero-bottom { display:flex; justify-content:space-between; align-items:center; margin-top:30px; }
.hero-note { font:10px/1.6 Arial,sans-serif; letter-spacing:2.5px; color:#8b9b8b; }
.scroll-note { font:10px/1.6 Arial,sans-serif; letter-spacing:2px; color:var(--muted); display:flex; align-items:center; gap:14px; }
.scroll-note::after { content:""; height:37px; width:1px; background:#9aad95; }
.event-facts { position:relative; z-index:3; display:grid; grid-template-columns:1.1fr 1.1fr 1.6fr; background:var(--white); border:1px solid var(--line); border-radius:22px; padding:28px 13px; box-shadow:0 10px 28px #315b3b05; }
.fact { padding:2px 32px; border-right:1px solid var(--line); display:flex; gap:17px; align-items:center; }
.fact:last-child { border-right:0; }
.fact-icon { flex:none; width:38px; height:38px; color:#77a18a; }
.fact-label { font-size:11px; color:var(--muted); letter-spacing:.14em; }
.fact strong { display:block; font-size:20px; font-weight:500; color:var(--ink); line-height:1.6; }
.fact strong b { font:32px/1 Georgia,serif; }
.fact small { font-size:12px; color:var(--muted); }
.about { padding:115px 0 104px; position:relative; }
.about-layout { display:grid; grid-template-columns:1fr 1.12fr; gap:85px; }
.about .eyebrow { margin-bottom:23px; }
.about-heading { position:relative; }
.leaf-decoration { position:absolute; width:75px; height:100px; bottom:-12px; right:30px; color:#a2bba0; transform:rotate(13deg); }
.about-text { padding-top:37px; font-size:15px; line-height:2.1; }
.about-text p+p { margin-top:19px; }
.copy-note { display:inline-block; font-size:10px; letter-spacing:.05em; border-bottom:1px dotted #b9c3b4; color:#7b8978; margin-top:20px; }
.themes { display:grid; grid-template-columns:repeat(3,1fr); gap:46px; margin-top:64px; padding-top:38px; border-top:1px solid var(--line); }
.theme { display:grid; grid-template-columns:54px 1fr; column-gap:21px; align-items:start; }
.theme-icon { background:#e9f0e4; color:#5c8c6e; width:54px; height:54px; border-radius:50%; display:grid; place-items:center; }
.theme:nth-child(2) .theme-icon { color:#b47a55; background:#f4e9dc; }
.theme:nth-child(3) .theme-icon { color:#7b89a2; background:#e9edea; }
.theme-icon svg { width:27px; height:27px; }
.theme-number { font:10px/1.4 Arial,sans-serif; letter-spacing:1.5px; color:var(--muted); margin:0 0 6px; }
.theme h3 { font-size:18px; font-weight:500; margin-bottom:9px; letter-spacing:.06em; }
.theme p { font-size:13px; line-height:1.9; color:var(--muted); }
.agenda { background:var(--mint); position:relative; padding:82px 0 100px; }
.wave { position:absolute; top:-37px; left:0; height:40px; width:100%; fill:var(--mint); }
.section-top { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:38px; }
.section-top .eyebrow { margin-bottom:17px; }
.section-intro { font-size:14px; margin-top:17px; color:#708373; }
.agenda .button-outline { flex:none; margin-bottom:5px; font-size:12px; min-height:46px; }
.agenda-toolbar { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:34px 0 24px; }
.agenda-filters { display:flex; padding:4px; border:1px solid #d2dfce; border-radius:40px; background:#f8faf5; }
.agenda-filters button { min-height:41px; min-width:108px; border:0; padding:8px 20px; border-radius:30px; color:#728674; background:transparent; font-size:12px; letter-spacing:.06em; }
.agenda-filters button[aria-pressed="true"] { background:var(--green); color:white; }
.agenda-version { font-size:11px; color:#7c8d7c; }
.agenda-sheet { background:var(--white); border-radius:18px; overflow:hidden; padding:10px 36px 0; }
.schedule-group { padding:18px 0 6px; }
.session-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 0; border-bottom:1px solid var(--line); }
.session-heading h3 { font-size:17px; font-weight:500; letter-spacing:.07em; display:flex; align-items:center; gap:12px; }
.session-heading .session-no { color:#7b9b75; font:italic 19px/1 Georgia,serif; }
.session-heading span:last-child { font-size:11px; color:var(--muted); }
.schedule { width:100%; border-collapse:collapse; text-align:left; }
.schedule caption { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.schedule th { padding:12px 0; color:#879182; font-size:10px; font-weight:400; letter-spacing:.13em; border-bottom:1px solid var(--line); }
.schedule th:first-child { width:175px; }
.schedule th:last-child { width:230px; }
.schedule td { border-bottom:1px solid #e8ecdf; padding:19px 0; vertical-align:middle; font-size:13px; }
.schedule tr:last-child td { border-bottom:0; }
.schedule td:first-child { color:var(--green); font:14px/1.8 Arial,sans-serif; letter-spacing:.4px; }
.schedule td:nth-child(2) { font-size:15px; font-weight:500; color:var(--ink); padding-right:18px; }
.schedule td:last-child { color:#7d897a; font-size:12px; }
.schedule td small { display:block; font-size:11px; font-weight:400; color:var(--muted); margin-top:3px; }
.highlight td:nth-child(2)::before { content:""; display:inline-block; width:5px; height:5px; margin:0 10px 3px 0; border-radius:50%; background:#bd7550; }
.lunch { display:flex; align-items:center; gap:28px; color:#8b8c74; font-size:12px; padding:15px 20px; margin:10px -36px 0; background:#f4f2e9; }
.lunch time { width:155px; padding-left:16px; font-family:Arial,sans-serif; }
.agenda-footnote { padding:20px 0 24px; margin-top:18px; border-top:1px solid var(--line); font-size:11px; color:var(--muted); line-height:1.8; }
.registration { padding:105px 0 110px; position:relative; }
.registration-layout { display:grid; grid-template-columns:.78fr 1.22fr; gap:88px; align-items:start; }
.registration-story { padding-top:28px; }
.registration-story .eyebrow { margin-bottom:21px; }
.registration-story>p { margin-top:23px; font-size:14px; line-height:2; }
.registration-details { border-top:1px solid var(--line); margin-top:29px; padding-top:23px; display:grid; gap:15px; }
.registration-details div { display:flex; gap:19px; align-items:baseline; font-size:13px; }
.registration-details span { color:var(--muted); font-size:11px; flex:none; }
.registration-details strong { font-weight:500; color:var(--ink); }
.registration-flower { margin-top:35px; width:106px; height:84px; color:#8daf86; }
.form-card { border:1px solid var(--line); border-radius:23px; padding:34px 36px; background:var(--white); box-shadow:0 12px 32px #315b3b06; }
.form-top { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:9px; }
.form-top h3 { font:600 24px/1.6 var(--serif); letter-spacing:.08em; }
.preview-label { color:#997857; background:#f5eee0; font-size:10px; letter-spacing:.08em; border-radius:20px; padding:3px 12px; }
.form-card .form-description { font-size:11px; color:var(--muted); margin-bottom:24px; }
.field-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px 20px; }
.field { display:flex; flex-direction:column; gap:6px; }
.field label { color:var(--ink); font-size:12px; }
.field label .required { color:var(--orange); margin-left:4px; }
.field input,.field select { width:100%; height:45px; border:1px solid #dce2d5; border-radius:7px; padding:8px 12px; font-size:13px; background:#fcfcf8; color:var(--ink); }
.field input::placeholder { color:#9aA294; }
.field input:focus,.field select:focus { border-color:#6e9976; outline:2px solid #dbe8d8; outline-offset:1px; }
.field.full { grid-column:1 / -1; }
.form-hint { margin:23px 0; padding:13px 15px; background:#f0f4eb; border-radius:7px; font-size:11px; line-height:1.9; color:#6d826c; }
.form-card .button { width:100%; border:0; font-size:13px; min-height:48px; }
.form-status { font-size:12px; line-height:1.9; color:var(--green); margin-top:16px; padding:13px; border:1px solid #b8cdb5; border-radius:7px; }
.partners { padding:62px 0; background:#f0f2e9; border-top:1px solid #e2e6d8; }
.partners-layout { display:grid; grid-template-columns:.62fr 1.2fr 1fr; align-items:center; gap:50px; }
.partners h2 { font:600 27px/1.6 var(--serif); letter-spacing:.1em; margin-top:12px; }
.organizer-label { font-size:10px; letter-spacing:.15em; color:var(--muted); margin-bottom:14px; }
.organizer-name { font-size:21px; font-weight:500; letter-spacing:.06em; color:var(--ink); line-height:1.6; }
.organizer-en { color:var(--muted); font:9px/2 Arial,sans-serif; letter-spacing:.2px; margin-top:4px; }
.partner-pending { border-left:1px solid #d3ddca; padding:6px 0 6px 34px; font-size:12px; color:#8a9582; }
.partner-pending strong { font-size:11px; font-weight:400; display:block; letter-spacing:.1em; margin-bottom:10px; color:#74826d; }
.footer { padding:25px 0; }
.footer-inner { display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:10px; color:#94a08e; letter-spacing:.05em; }
.back-top { color:#6e836b; display:flex; align-items:center; gap:12px; }
.back-top .arrow { width:30px; height:30px; border:1px solid #cbd6c3; font-size:16px; }
@media (min-width:1500px) { .hero { padding-top:88px; } .hero-art { width:126%; margin-left:-5%; } }
@media (max-width:1100px) { .container { width:calc(100% - 64px); } .header-inner { width:calc(100% - 48px); } .desktop-nav { gap:21px; } .hero { padding-top:45px; } h1 { font-size:60px; } .hero-subtitle { font-size:14px; } .hero-actions { gap:19px; } .hero-art { width:116%; } .fact { padding-inline:21px; gap:12px; } .fact strong { font-size:17px; } .about-layout { gap:50px; } .themes { gap:28px; } .theme { grid-template-columns:44px 1fr; gap:14px; } .theme-icon { width:44px; height:44px; } .theme h3 { font-size:16px; } .registration-layout { gap:45px; } .partners-layout { gap:32px; } .organizer-name { font-size:17px; } }
@media (max-width:800px) { .header-inner { min-height:74px; } .brand-name { font-size:15px; } .brand-en { font-size:8px; } .desktop-nav { gap:17px; } .desktop-nav>a:not(.button) { font-size:12px; } .desktop-nav .button { padding:6px 14px; gap:9px; font-size:12px; } .hero { padding-top:32px; } .hero-layout { grid-template-columns:1fr 1fr; } h1 { font-size:49px; } .hero-kicker { font-size:10px; margin-bottom:18px; } .hero-subtitle { font-size:12px; } .hero-tagline { font-size:11px; } .hero-art { width:128%; margin-left:-10%; } .date-seal { width:72px; height:72px; right:10%; top:-5px; } .date-seal strong { font-size:23px; } .date-seal span { font-size:8px; } .art-caption { font-size:13px; } .hero-actions .button { padding:10px 17px; gap:13px; min-height:47px; font-size:12px; } .hero-actions .text-link { font-size:11px; gap:10px; } .event-facts { padding:23px 7px; grid-template-columns:1fr 1fr 1.3fr; } .fact { display:block; padding-inline:20px; } .fact-icon { display:none; } .fact strong { font-size:15px; } .fact strong b { font-size:26px; } .fact small { font-size:10px; } .about { padding:85px 0; } .about-layout { gap:30px; } .section-title { font-size:33px; } .about-text { padding-top:30px; font-size:13px; } .themes { gap:25px; margin-top:45px; } .theme { display:block; } .theme-icon { margin-bottom:15px; } .theme h3 { font-size:15px; } .theme p { font-size:12px; } .leaf-decoration { bottom:15px; right:28px; width:55px; height:70px; } .agenda { padding-top:65px; } .agenda-sheet { padding-inline:25px; } .lunch { margin-inline:-25px; } .schedule th:first-child { width:140px; } .schedule th:last-child { width:165px; } .schedule td:nth-child(2) { font-size:13px; } .schedule td:first-child { font-size:12px; } .schedule td:last-child { font-size:11px; } .registration { padding:80px 0; } .registration-layout { grid-template-columns:1fr; gap:35px; } .registration-story { display:grid; grid-template-columns:1fr 1fr; gap:0 35px; padding-top:0; } .registration-story .eyebrow { grid-column:1 / -1; } .registration-story>p { margin-top:3px; } .registration-details { grid-column:2; margin-top:15px; padding-top:15px; gap:8px; } .registration-flower { display:none; } .form-card { padding:30px; } .partners-layout { grid-template-columns:1fr 1.6fr; gap:25px; } .partner-pending { grid-column:2; padding:0; border:0; } .partner-pending strong { margin-bottom:4px; } }
@media (max-width:620px) { html { scroll-padding-top:88px; } body { font-size:14px; } .container { width:calc(100% - 40px); } .header-inner { width:calc(100% - 36px); min-height:70px; gap:12px; } .brand-mark { width:31px; height:35px; transform:scale(.85); transform-origin:left center; margin-right:-4px; } .wordmark { gap:8px; } .brand-name { font-size:13px; letter-spacing:.04em; } .brand-en { font-size:7px; letter-spacing:.1px; } .menu-toggle { display:block; flex:none; } .desktop-nav { position:absolute; display:none; top:70px; left:0; right:0; background:var(--paper); padding:16px 24px 25px; border-bottom:1px solid var(--line); box-shadow:0 8px 12px #315b3b05; } .desktop-nav.open { display:flex; flex-direction:column; align-items:stretch; gap:0; } .desktop-nav>a:not(.button) { padding:13px 8px; font-size:14px; border-bottom:1px solid var(--line); } .desktop-nav .button { margin-top:15px; min-height:43px; } .hero { padding:32px 0 27px; } .hero-layout { display:flex; flex-direction:column; align-items:stretch; } .hero-copy { padding:10px 7px 0; } .hero-kicker { font-size:11px; margin-bottom:18px; } h1 { font-size:clamp(44px,12vw,65px); line-height:1.35; letter-spacing:.1em; } .hero-subtitle { font-size:13px; margin-top:20px; } .hero-tagline { font-size:12px; } .hero-actions { margin-top:24px; gap:25px; } .hero-actions .button { min-height:48px; padding-inline:23px 18px; font-size:13px; gap:27px; } .hero-actions .text-link { font-size:12px; } .hero-art { margin:9px -20px -8px; width:calc(100% + 40px); } .date-seal { right:7%; top:13px; width:73px; height:73px; } .art-caption { bottom:3px; right:12%; font-size:12px; } .hero-bottom { margin-top:22px; padding:0 6px; } .hero-note { font-size:8px; letter-spacing:1.2px; } .scroll-note { font-size:8px; } .scroll-note::after { height:24px; } .event-facts { border-radius:16px; grid-template-columns:1fr 1fr; padding:21px 0 0; } .fact { padding:0 22px; } .fact:nth-child(2) { border-right:0; } .fact:last-child { grid-column:1 / -1; padding:16px 22px 19px; margin-top:17px; border-top:1px solid var(--line); display:flex; gap:13px; align-items:center; } .fact:last-child .fact-icon { display:block; width:30px; height:30px; } .fact-label { font-size:10px; } .fact strong { font-size:16px; } .fact strong b { font-size:29px; } .fact:last-child strong { font-size:16px; } .fact small { font-size:11px; } .about { padding:65px 0 73px; } .about-layout { display:block; } .eyebrow { font-size:10px; letter-spacing:1.8px; } .section-title { font-size:32px; } .about .eyebrow { margin-bottom:18px; } .leaf-decoration { width:50px; height:66px; right:8px; bottom:0; } .about-text { padding-top:24px; font-size:13px; } .about-text p+p { margin-top:14px; } .copy-note { margin-top:14px; } .themes { grid-template-columns:1fr; gap:25px; margin-top:30px; padding-top:27px; } .theme { display:grid; grid-template-columns:49px 1fr; gap:18px; } .theme-icon { width:49px; height:49px; margin-top:3px; } .theme h3 { font-size:16px; margin-bottom:6px; } .theme-number { font-size:9px; } .theme p { font-size:12px; } .agenda { padding:51px 0 62px; } .wave { top:-23px; height:26px; } .section-top { display:block; margin-bottom:27px; } .section-top .button { margin-top:25px; padding:9px 18px; gap:23px; min-height:43px; } .section-intro { font-size:12px; } .agenda-toolbar { display:block; margin-top:28px; } .agenda-filters { width:100%; } .agenda-filters button { flex:1; min-width:0; padding:7px 12px; min-height:39px; } .agenda-version { margin-top:12px; display:block; font-size:10px; } .agenda-sheet { border-radius:13px; padding:5px 18px 0; } .schedule-group { padding-top:10px; } .session-heading { padding:15px 0; align-items:flex-start; flex-direction:column; gap:4px; } .session-heading h3 { font-size:15px; gap:10px; } .session-heading span:last-child { font-size:10px; } .schedule thead { display:none; } .schedule,.schedule tbody { display:block; } .schedule tr { display:grid; grid-template-columns:1fr auto; column-gap:13px; padding:16px 0; border-bottom:1px solid #e8ecdf; } .schedule tr:last-child { border:0; } .schedule td { border:0; padding:0; display:block; } .schedule td:first-child { grid-column:1 / -1; font-size:11px; margin-bottom:7px; } .schedule td:nth-child(2) { font-size:14px; line-height:1.7; padding-right:0; } .schedule td:last-child { font-size:10px; text-align:right; max-width:95px; padding-top:2px; } .schedule td small { font-size:10px; } .highlight td:nth-child(2)::before { display:none; } .lunch { margin:6px -18px 0; padding:13px 18px; gap:16px; font-size:11px; } .lunch time { width:auto; padding:0; font-size:11px; } .agenda-footnote { font-size:10px; padding-block:17px; } .registration { padding:58px 0; } .registration-story { display:block; } .registration-story>p { margin-top:18px; font-size:13px; } .registration-details { margin-top:23px; padding-top:20px; gap:12px; } .registration-layout { gap:30px; } .form-card { border-radius:17px; padding:25px 21px; } .form-top h3 { font-size:23px; } .preview-label { font-size:9px; padding-inline:9px; } .form-card .form-description { font-size:10px; } .field-grid { grid-template-columns:1fr; gap:16px; } .field input,.field select { height:47px; font-size:16px; } .field label { font-size:12px; } .form-hint { font-size:10px; padding:12px; } .form-card .button { font-size:12px; gap:15px; } .partners { padding:43px 0; } .partners-layout { grid-template-columns:1fr; gap:25px; } .partners h2 { font-size:27px; margin-top:9px; } .organizer-label { margin-bottom:8px; } .organizer-name { font-size:19px; } .partner-pending { grid-column:auto; padding-top:20px; border-top:1px solid #d8e1d0; } .footer-inner { align-items:flex-start; gap:18px; font-size:9px; } .footer-inner>p { max-width:240px; } .back-top { gap:7px; white-space:nowrap; } .back-top .arrow { width:27px; height:27px; } }
.hospital-mark { width:35px; height:auto; flex:none; }
.about-text .lead-question { color:var(--green); font-weight:500; }
.speaker-name { display:block; font-size:13px; color:var(--ink); font-weight:500; margin-top:3px; }
.invited { display:inline-block; font-size:10px; font-weight:400; color:#9d7953; background:#f8f0e3; border-radius:20px; padding:0 7px; margin-left:5px; white-space:nowrap; }
.registration-details strong { overflow-wrap:anywhere; }
.registration-details a { text-decoration:underline; text-underline-offset:4px; }
.audience-group { border:1px solid var(--line); border-radius:9px; padding:12px 15px; margin:20px 0; }
.audience-group legend { font-size:12px; color:var(--ink); padding:0 6px; }
.audience-options { display:flex; align-items:center; gap:28px; }
.audience-options label { display:flex; align-items:center; gap:7px; font-size:13px; cursor:pointer; }
.audience-options input { accent-color:var(--green); width:15px; height:15px; }
.conditional-fields { margin-bottom:19px; }
.partners-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:25px; margin-bottom:32px; }
.partners-heading>p { font-size:12px; color:var(--muted); }
.partners-grid { display:grid; grid-template-columns:.9fr 1.2fr 1.4fr; gap:36px; }
.partner-group { border-top:1px solid #cbd7c4; padding-top:20px; }
.partner-group h3 { font-size:11px; font-weight:500; letter-spacing:.15em; margin-bottom:20px; color:#77856e; }
.partner-identity { display:flex; align-items:center; gap:18px; }
.partner-identity img { width:72px; height:84px; object-fit:contain; flex:none; }
.partner-identity img.mohw { width:76px; }
.partner-identity strong { color:var(--ink); font-size:16px; font-weight:500; line-height:1.9; letter-spacing:.04em; }
.partner-list { display:grid; gap:15px; }
.partner-list .partner-identity { gap:15px; }
.partner-list img { width:38px; height:37px; }
.partner-list strong { font-size:14px; }
@media (max-width:800px) { .partners-grid { gap:24px; grid-template-columns:1fr 1fr; } .partner-group:last-child { grid-column:1 / -1; } .partner-list { grid-template-columns:repeat(3,1fr); gap:20px; } .partner-list .partner-identity { align-items:flex-start; } .partner-list strong { font-size:12px; } .partner-list img { width:30px; height:32px; } }
@media (max-width:620px) { .hero-bottom { gap:12px; } .hero-note { max-width:55%; font-size:7px; letter-spacing:.8px; } .scroll-note { font-size:7px; letter-spacing:1px; white-space:nowrap; gap:8px; } .hospital-mark { width:27px; } .speaker-name { font-size:11px; } .invited { margin:4px 0 0; font-size:9px; padding:0 6px; } .schedule td:last-child { max-width:135px; } .partners-heading { display:block; margin-bottom:27px; } .partners-heading>p { margin-top:14px; font-size:11px; } .partners-grid { grid-template-columns:1fr; gap:30px; } .partner-group:last-child { grid-column:auto; } .partner-group h3 { margin-bottom:16px; } .partner-identity img { width:59px; height:65px; } .partner-identity img.mohw { width:64px; } .partner-identity strong { font-size:16px; } .partner-list { grid-template-columns:1fr; gap:18px; } .partner-list .partner-identity { align-items:center; } .partner-list img { width:35px; height:35px; } .partner-list strong { font-size:14px; } .audience-options { gap:22px; } }
/* 放大資訊字級與議程欄寬，保留主視覺和原有留白。 */
.eyebrow { font-size:13px; letter-spacing:1.7px; }
.small { font-size:15px; }
.button { font-size:16px; }
.desktop-nav>a:not(.button),.desktop-nav .button { font-size:15px; }
.desktop-nav .button { min-height:46px; }
.brand-en { font-size:10px; }
.hero-subtitle { font-size:17px; }
.hero-tagline { font-size:16px; }
.text-link { font-size:15px; }
.fact-label { font-size:13px; }
.fact small { display:block; font-size:14px; line-height:1.8; }
.about-text { font-size:17px; line-height:2; }
.theme-number { font-size:12px; }
.theme h3 { font-size:19px; }
.theme p { font-size:16px; line-height:1.9; }
.section-intro { font-size:16px; }
.agenda .button-outline { font-size:14px; }
.agenda-filters button { font-size:15px; min-height:44px; }
.agenda-version { font-size:13px; color:#687d69; }
.agenda-toolbar { flex-wrap:wrap; }
.session-heading h3 { font-size:20px; }
.session-heading>span:last-child { font-size:13px; }
.session-heading h3 .session-no { font-size:19px; }
.schedule { table-layout:fixed; }
.schedule th { font-size:12px; letter-spacing:.08em; color:#667a68; }
.schedule th:first-child { width:19%; }
.schedule th:last-child { width:42%; }
.schedule td { padding-block:23px; line-height:1.85; overflow-wrap:anywhere; }
.schedule td:first-child { font-size:16px; white-space:nowrap; }
.schedule td:nth-child(2) { font-size:18px; }
.schedule td:last-child { font-size:15px; color:var(--text); padding-left:16px; }
.speaker-name { font-size:15px; margin-top:5px; }
.invited { font-size:12px; padding:1px 9px; }
.schedule td small { font-size:13px; }
.lunch { font-size:15px; padding-block:18px; }
.lunch time { font-size:16px; width:175px; flex:none; }
.agenda-footnote { font-size:13px; color:#687b67; line-height:1.9; }
.registration-story>p { font-size:16px; }
.registration-details div { font-size:16px; }
.registration-details span { font-size:14px; }
.form-card .form-description,.form-hint { font-size:13px; color:#62765f; }
.preview-label { font-size:12px; white-space:nowrap; }
.field label { font-size:15px; }
.field input,.field select { min-height:50px; height:auto; font-size:16px; }
.audience-group legend { font-size:14px; }
.audience-options label { font-size:15px; }
.form-card .button { font-size:16px; min-height:52px; }
.form-status { font-size:14px; }
.partners-heading>p { font-size:15px; }
.partner-group h3 { font-size:13px; }
.partner-identity strong { font-size:18px; }
.partner-list strong { font-size:16px; }
.footer-inner { font-size:13px; color:#697c63; }
@media (max-width:900px) {
  .header-inner { min-height:78px; }
  .menu-toggle { display:block; flex:none; }
  .desktop-nav { position:absolute; display:none; top:78px; left:0; right:0; background:var(--paper); padding:16px 24px 25px; border-bottom:1px solid var(--line); box-shadow:0 8px 12px #315b3b05; }
  .desktop-nav.open { display:flex; flex-direction:column; align-items:stretch; gap:0; }
  .desktop-nav>a:not(.button) { padding:13px 8px; border-bottom:1px solid var(--line); }
  .desktop-nav .button { margin-top:15px; }
  .hero-subtitle { font-size:16px; }
  .hero-tagline { font-size:15px; }
  .hero-actions .button { font-size:15px; }
  .hero-actions .text-link { font-size:14px; }
  .fact strong,.fact:last-child strong { font-size:18px; }
  .about-layout { grid-template-columns:1fr; gap:28px; }
  .about-text { padding-top:0; font-size:16px; }
  .leaf-decoration { bottom:0; right:20px; }
  .schedule th:first-child { width:25%; }
  .schedule th:last-child { width:42%; }
  .schedule td:nth-child(2) { font-size:17px; padding-right:12px; }
  .schedule td:last-child { font-size:14px; padding-left:10px; }
  .speaker-name { font-size:15px; }
  .session-heading { align-items:flex-start; flex-wrap:wrap; gap:8px 20px; }
  .registration-story { display:block; }
  .registration-story>p { margin-top:20px; }
  .registration-details { margin-top:25px; }
  .partner-list { grid-template-columns:1fr; }
  .partner-list strong { font-size:16px; }
}
@media (max-width:620px) {
  body { font-size:16px; }
  .header-inner { min-height:74px; }
  .desktop-nav { top:74px; }
  .brand-name { font-size:14px; }
  .brand-en { font-size:8.5px; letter-spacing:.1px; }
  .eyebrow { font-size:12px; letter-spacing:1.3px; }
  .hero-subtitle { font-size:15px; }
  .hero-tagline { font-size:14px; }
  .hero-actions { flex-wrap:wrap; gap:16px 20px; }
  .hero-actions .button { min-height:50px; font-size:15px; gap:18px; }
  .hero-actions .text-link { font-size:14px; }
  .hero-bottom { flex-wrap:wrap; align-items:flex-start; }
  .hero-note { max-width:none; width:100%; font-size:10px; letter-spacing:1px; }
  .scroll-note { font-size:10px; }
  .fact { padding-inline:18px; }
  .fact-label { font-size:12px; }
  .fact strong,.fact:last-child strong { font-size:17px; }
  .fact small { font-size:12px; }
  .theme-number { font-size:11px; }
  .theme h3 { font-size:18px; }
  .theme p { font-size:15px; }
  .section-intro { font-size:15px; }
  .agenda-filters button { font-size:14px; padding-inline:9px; }
  .agenda-version { font-size:12px; }
  .session-heading h3 { font-size:18px; }
  .session-heading>span:last-child { font-size:12px; }
  .schedule tr { display:grid; grid-template-columns:minmax(0,1fr); row-gap:5px; padding-block:20px; }
  .schedule td { padding:0; }
  .schedule td:first-child { grid-column:auto; font-size:15px; margin-bottom:3px; }
  .schedule td:nth-child(2) { font-size:16px; padding:0; }
  .schedule td:last-child { font-size:14px; text-align:left; max-width:none; padding:5px 0 0; }
  .speaker-name { font-size:14px; margin-top:3px; }
  .invited { font-size:12px; margin:3px 0 0 6px; }
  .schedule td small { font-size:12px; }
  .lunch { flex-wrap:wrap; gap:5px 18px; font-size:14px; }
  .lunch time { width:auto; font-size:15px; }
  .agenda-footnote { font-size:12px; }
  .registration-story>p,.registration-details div { font-size:16px; }
  .registration-details { gap:15px; }
  .registration-details div { gap:14px; }
  .registration-details span { font-size:13px; }
  .form-top { flex-wrap:wrap; gap:9px; }
  .preview-label { font-size:12px; }
  .form-card .form-description,.form-hint { font-size:12px; }
  .field label { font-size:14px; }
  .audience-group legend { font-size:14px; }
  .audience-options label { font-size:15px; }
  .form-card .button { font-size:15px; }
  .partners-heading>p { font-size:14px; }
  .partner-group h3 { font-size:13px; }
  .partner-identity strong { font-size:17px; }
  .partner-list strong { font-size:15px; }
  .footer-inner { flex-direction:column; align-items:flex-start; font-size:12px; }
  .footer-inner>p { max-width:none; }
  .back-top { font-size:13px; }
}
.live-registration .field-label { font-size:15px; color:var(--ink); }
.live-registration .required { color:var(--orange); margin-left:4px; }
.live-registration .field-options { display:flex; flex-wrap:wrap; gap:12px 26px; padding-block:5px; }
.live-registration .field-option { display:flex; align-items:center; gap:8px; cursor:pointer; }
.live-registration .field-option input { width:18px; height:18px; min-height:0; padding:0; flex:none; accent-color:var(--green); }
.live-registration .field-note { font-size:13px; line-height:1.8; color:var(--muted); }
.live-registration .field-error { font-size:13px; line-height:1.8; color:#ab452e; }
.live-registration [aria-invalid="true"] { border-color:#ab452e; }
.configuration-notice { margin-top:22px; padding:20px; background:var(--mint); border:1px solid var(--line); border-radius:10px; font-size:16px; line-height:1.9; }
.configuration-notice strong { color:var(--ink); font-weight:600; }
.configuration-notice p { margin-top:8px; font-size:15px; }
.live-registration .cf-turnstile { margin-bottom:22px; }
.live-registration .button:disabled { cursor:not-allowed; opacity:.55; transform:none; }
.live-registration .button[aria-busy="true"] { cursor:wait; }
.registration-result strong { display:block; font-size:17px; }
.registration-result p { margin-top:7px; }
.registration-result ul { margin:10px 0 0; padding-left:22px; }
.registration-result.is-error { color:#93482f; border-color:#dfbda9; background:#fcf1e8; }
@media (max-width:620px) {
  .live-registration .field-label { font-size:14px; }
  .live-registration .field-note,.live-registration .field-error { font-size:12px; }
  .configuration-notice { font-size:16px; padding:17px; }
  .configuration-notice p { font-size:14px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none !important; animation:none !important; } }