:root{color-scheme:light;--maroon:#800000;--dark:#490c16;--ink:#35252a;--muted:#78676a;--paper:#fbf7f0;--line:#e8dcd2;font-family:"Microsoft JhengHei","PingFang TC",system-ui,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse at 12% 5%,#f4e6d9,transparent 45%),var(--paper);line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1160px,calc(100% - 64px));margin:0 auto}a:focus-visible{outline:3px solid #bd8550;outline-offset:5px;border-radius:8px}.header{border-top:5px solid var(--maroon);border-bottom:1px solid var(--line);background:#fffaf3e8}.navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px}.brand{display:flex;gap:12px;align-items:center;font-size:22px;font-weight:800;letter-spacing:.05em;color:var(--dark)}.brand-mark{display:grid;place-items:center;width:46px;height:50px;background:var(--maroon);color:#f6e7cb;border-radius:6px 6px 16px 6px;font-family:serif;font-size:28px;box-shadow:4px 4px 0 #e9d6bf}.brand small{display:block;font-size:10px;color:var(--muted);font-weight:500;letter-spacing:.2em}.nav-actions{display:flex;align-items:center;gap:24px;font-size:14px}.nav-actions a{display:flex;align-items:center;min-height:44px}.login-link{border:1px solid #caaeb0;padding:9px 18px;border-radius:8px;gap:18px;color:var(--maroon);font-weight:700}.hero{display:grid;grid-template-columns:1fr 1.06fr;gap:64px;align-items:center;padding:68px 0 76px}.eyebrow{color:var(--maroon);font-size:12px;letter-spacing:.16em;font-weight:700}h1,h2,h3{font-family:"Noto Serif TC","PMingLiU",serif}h1{font-size:clamp(38px,4.5vw,60px);line-height:1.3;letter-spacing:.02em;margin:20px 0}h1>span{color:var(--maroon);position:relative;white-space:nowrap}h1>span:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:5px;background:#d6b07180;border-radius:50%}.hero-copy>p{font-size:15px;color:var(--muted);line-height:1.9;margin:0 0 26px}.button{display:inline-flex;gap:36px;justify-content:space-between;align-items:center;background:var(--maroon);color:#fff8ed;padding:14px 22px;border-radius:9px;font-weight:700;min-height:52px;box-shadow:0 7px 16px #80000018}.hero-tags{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px;font-size:11px;color:var(--muted)}.hero-tags span:before{content:"";display:inline-block;width:5px;height:5px;margin-right:8px;border-radius:50%;background:#bd935a}.featured{position:relative;isolation:isolate;display:block;min-height:420px;border-radius:22px;overflow:hidden;border:7px solid #fffaf2;outline:1px solid #e6d7c4;box-shadow:0 22px 50px #5833221a;transform:rotate(1deg)}.featured>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:37% center;z-index:-2}.featured:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 15%,#360b1480 48%,#360b14f5 100%)}.feature-badge{display:inline-block;background:#fff9edee;color:var(--maroon);padding:7px 12px;font-size:11px;font-weight:700;border-radius:30px;margin:18px}.feature-copy{position:absolute;left:28px;right:28px;bottom:26px;color:#fff7e6}.feature-copy>span:first-child{font-size:12px;letter-spacing:.12em;color:#f4d7a9}.feature-copy h2{font-size:29px;line-height:1.55;margin:10px 0 16px;font-weight:600}.feature-link{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #ffffff40;font-size:13px;font-weight:700}.feature-link>span{font-size:22px}.competitions{padding:52px 0 32px;border-top:1px solid var(--line);background:#fffcf7}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}.section-heading h2{font-size:32px;line-height:1.4;margin:8px 0 0}.section-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.9}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.competition-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;transition:transform .18s,box-shadow .18s}.card-art{height:190px;position:relative;overflow:hidden;background:#eadac4}.card-art>img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.march-art>img{object-position:center 60%}.audience{position:absolute;top:14px;left:14px;padding:5px 10px;border-radius:20px;background:#fffcf0f2;color:var(--dark);font-size:11px;font-weight:700;border:1px solid #f4e7d4}.card-copy{padding:24px;display:flex;flex-direction:column;flex:1}.category{font-size:11px;letter-spacing:.09em;color:var(--maroon);font-weight:700}.card-copy h3{font-size:24px;line-height:1.5;margin:10px 0 12px;font-weight:600}.card-copy p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 24px}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;border-top:1px solid var(--line);padding-top:16px;color:var(--maroon);font-size:13px;font-weight:700}.arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f8efea;font-size:20px}.team-art{background:radial-gradient(circle at 72% 25%,#a5474a,transparent 65%),#5a1524;color:#ecd0a2;display:flex;justify-content:center;align-items:center}.question-symbol{font-size:126px;font-family:Georgia,serif;line-height:1;transform:rotate(12deg);text-shadow:8px 8px #ffffff0b;margin-top:-15px}.team-orbit{position:absolute;border:1px solid #e4bf8150;border-radius:50%;width:220px;height:220px;left:-74px;top:35px}.orbit-two{width:250px;height:250px;left:auto;right:-85px;top:-90px}.team-caption{position:absolute;bottom:14px;font-size:11px;letter-spacing:.2em}.entry-note{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:12px;margin-top:26px}.entry-note>span{color:#a67a43}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0 34px;font-size:12px;color:var(--muted)}.footer>a:first-child{color:var(--maroon);font-weight:800;font-size:16px}.footer>a{min-height:44px;display:flex;align-items:center}@media(hover:hover){.competition-card:hover{transform:translateY(-5px);box-shadow:0 18px 30px #59342512}.competition-card:hover img{transform:scale(1.035)}.button:hover,.login-link:hover{background:var(--dark);color:#fff}.featured:hover .feature-link{color:#f0cb87}}
@media(max-width:960px){.hero{gap:32px;padding:44px 0 50px}.featured{min-height:390px}.feature-copy{left:20px;right:20px}.feature-copy h2{font-size:24px}.cards{gap:16px}.card-copy{padding:18px}.card-copy h3{font-size:21px}.section-heading h2{font-size:28px}.card-art{height:160px}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.navigation{min-height:76px;gap:12px}.brand{font-size:19px}.brand-mark{width:38px;height:43px;font-size:24px}.nav-actions{gap:10px}.browse-link{display:none!important}.login-link{padding:8px 12px;gap:12px}.hero{grid-template-columns:minmax(0,1fr);padding:32px 0 36px;gap:30px}.hero-copy{text-align:center}h1{font-size:clamp(36px,9vw,48px);margin:16px 0}.hero-copy>p{font-size:14px;margin-bottom:22px}.hero-tags{justify-content:center;margin-top:18px}.featured{min-height:330px;transform:none}.feature-copy h2{font-size:27px}.competitions{padding-top:32px}.section-heading{display:block;margin-bottom:22px}.section-heading h2{font-size:26px}.section-heading p{margin-top:12px}.cards{grid-template-columns:minmax(0,1fr);gap:20px}.card-art{height:auto;aspect-ratio:1.95}.card-copy{padding:22px}.card-copy h3{font-size:25px}.card-copy p{font-size:14px}.entry-note{align-items:flex-start;text-align:left}.entry-note>span{padding-top:13px}.footer{flex-wrap:wrap;gap:8px;padding:18px 0}.footer>span{order:3;width:100%;padding-bottom:12px}.button{min-width:230px}.question-symbol{font-size:130px}}
.external-section{padding-top:40px;padding-bottom:28px}.external-card{display:grid;grid-template-columns:180px minmax(0,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;transition:box-shadow .18s}.external-art{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;background:radial-gradient(circle at top right,#b27556,transparent 80%),var(--dark);color:#f2d7ab;font-family:serif;font-size:72px;line-height:1.3}.external-art>span{font-family:system-ui,sans-serif;font-size:11px;letter-spacing:.2em;margin-top:10px}.external-copy{padding:26px 30px;min-width:0}.external-copy h3{font-size:26px;line-height:1.4;margin:8px 0 10px}.external-copy p{color:var(--muted);font-size:14px;margin:0 0 18px}.external-action{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--maroon);font-weight:700;font-size:14px}.external-action small{font-size:12px;font-weight:400;color:var(--muted)}.external-note{color:var(--muted);font-size:12px;line-height:1.8;margin:14px 0 0}@media(hover:hover){.external-card:hover{box-shadow:0 12px 28px #59342518;border-color:#bd935a}}@media(max-width:700px){.external-section{padding-top:28px}.external-card{grid-template-columns:minmax(0,1fr)}.external-art{min-height:125px;font-size:52px}.external-art>span{margin-top:4px}.external-copy{padding:22px}.external-copy h3{font-size:24px}}
.expired-activity{filter:grayscale(1);cursor:default}.featured.expired-activity:after{background:linear-gradient(180deg,#0003,#000b 60%,#111 100%)}.expired-activity .feature-badge,.expired-activity .audience{background:#171717;color:#fff;border-color:#171717}.expired-activity .category,.expired-activity .card-bottom{color:#333}.expired-activity .arrow{background:#222;color:#fff}.competition-card.expired-activity:hover{transform:none;box-shadow:none;border-color:var(--line)}.competition-card.expired-activity:hover img{transform:none}.expired-message{padding:72px 0}.expired-message h1{font-size:clamp(32px,7vw,56px)}.expired-message p{margin-bottom:28px}
.expired-activity .expired-art{display:grid;place-items:center;background:#000;color:#fff;text-align:center;padding:20px}.expired-art>span{font-size:26px;font-weight:700;letter-spacing:.12em}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;transform:none!important}}
