@media (min-width:1024px){.taipei-mobile-layout{display:none!important}}@media (max-width:1023px){.taipei-bg-desktop,.taipei-desktop-btn-wrapper{display:none!important}.taipei-page{background-color:#f7f9fb}.taipei-mobile-layout{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;padding:1.5rem 1.25rem 2rem}.taipei-mobile-inner{max-width:480px;width:100%;margin:0 auto;flex:1;display:flex;flex-direction:column}.taipei-header{margin-bottom:1.5rem}.taipei-logo{display:block;width:100%;max-width:280px;height:auto}.taipei-subtitle{margin-bottom:0}.taipei-subtitle p{font-size:1.375rem;line-height:1.5;font-weight:600;color:#2d2d2d;margin:0}.taipei-graphic-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem 0;min-height:180px;overflow:hidden}.taipei-graphic{display:block;width:100%;max-width:280px;height:auto;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.06))}.taipei-login-wrapper{margin:0 0 1.25rem;width:100%}.taipei-login-btn{display:block;width:100%;padding:1rem 1.5rem;background:linear-gradient(180deg,#4a5b96,#3a4a7a);color:white;font-size:1.125rem;font-weight:600;letter-spacing:.05em;border:none;border-radius:9999px;cursor:pointer;box-shadow:0 4px 12px rgba(58,74,122,.25),inset 0 1px 0 rgba(255,255,255,.2);transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Microsoft JhengHei,PingFang TC,sans-serif}.taipei-login-btn:hover{background:linear-gradient(180deg,#5468a8,#44558e);transform:translateY(-2px);box-shadow:0 6px 16px rgba(58,74,122,.35),inset 0 1px 0 rgba(255,255,255,.25)}.taipei-login-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(58,74,122,.3),inset 0 2px 4px rgba(0,0,0,.1)}.taipei-login-btn:focus-visible{outline:3px solid #4a90e2;outline-offset:3px}.taipei-contact-card{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:1rem;background:rgba(255,255,255,.85);border:1px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,.04);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.taipei-qr{flex-shrink:0;width:96px;height:96px;border:2px solid #fff;border-radius:8px;background:white;box-shadow:0 1px 4px rgba(0,0,0,.08)}.taipei-contact-text{flex:1;min-width:0}.taipei-contact-title{font-size:.9375rem;line-height:1.4;font-weight:600;color:#c63d3d;margin:0 0 .125rem}.taipei-contact-line{font-size:.875rem;line-height:1.5;color:#4b5563;margin:.5rem 0 0}.taipei-line-id{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700;color:#c63d3d;font-size:1rem}}@media (min-width:414px) and (max-width:1023px){.taipei-logo{max-width:320px}.taipei-subtitle p{font-size:1.5rem}.taipei-graphic{max-width:320px}.taipei-login-btn{padding:1.125rem 1.5rem;font-size:1.1875rem}.taipei-qr{width:112px;height:112px}.taipei-contact-title{font-size:1rem}}@media (min-width:640px) and (max-width:1023px){.taipei-mobile-inner{max-width:600px}.taipei-mobile-layout{padding:2.5rem 2rem 3rem}.taipei-logo{max-width:380px}.taipei-subtitle p{font-size:1.625rem}.taipei-graphic{max-width:400px}.taipei-login-btn{padding:1.25rem 2rem;font-size:1.25rem;max-width:480px;margin:0 auto;display:block}.taipei-qr{width:128px;height:128px}}@media (max-width:359px){.taipei-mobile-layout{padding:1rem 1rem 2rem}.taipei-logo{max-width:240px}.taipei-subtitle p{font-size:1.1875rem}.taipei-graphic{max-width:220px}.taipei-login-btn{padding:.875rem 1rem;font-size:1rem}.taipei-qr{width:80px;height:80px}}@media (max-width:1023px) and (max-height:700px){.taipei-graphic-wrapper{min-height:120px;padding:.5rem 0}.taipei-graphic{max-width:200px}}@media (min-width:1024px){.kh-mobile-layout{display:none!important}.kh-desktop-buttons{position:absolute;inset:0;z-index:10;pointer-events:none}.kh-desktop-admin-link{position:absolute;top:45%;left:58%;transform:translate(-50%,-50%);color:#1a1a1a;font-size:1.5rem;font-weight:500;text-decoration:none;pointer-events:auto;cursor:pointer;transition:opacity .15s ease}.kh-desktop-admin-link:hover{opacity:.7}.kh-desktop-openid-btn{position:absolute;bottom:12%;right:12%;padding:.875rem 2rem;background:#e85aa1;color:white;font-size:1.125rem;font-weight:500;border:none;border-radius:.5rem;cursor:pointer;pointer-events:auto;box-shadow:0 2px 8px rgba(232,90,161,.3);transition:transform .15s ease,box-shadow .15s ease;font-family:-apple-system,BlinkMacSystemFont,Microsoft JhengHei,PingFang TC,sans-serif}.kh-desktop-openid-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(232,90,161,.4)}}@media (max-width:1023px){.kh-bg-desktop,.kh-desktop-buttons{display:none!important}.kh-page{background-color:#f4b8bb}.kh-mobile-layout{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;padding:1rem 1.25rem 1.5rem}.kh-mobile-inner{max-width:480px;width:100%;margin:0 auto;flex:1;display:flex;flex-direction:column}.kh-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.875rem}.kh-logo{flex-shrink:0;width:56px;height:56px;object-fit:contain}.kh-pill{flex:1;background:#5dbcc7;color:white;font-size:1.625rem;font-weight:700;text-align:center;padding:.5rem 1.25rem;border-radius:9999px;letter-spacing:.1em;line-height:1.2}.kh-title{margin-bottom:.5rem}.kh-title p{font-size:1.625rem;line-height:1.15;font-weight:800;color:#2e1a8c;margin:0 0 .0625rem;font-family:-apple-system,BlinkMacSystemFont,Microsoft JhengHei,PingFang TC,sans-serif}.kh-title-zh{font-size:1.5rem!important;margin-top:.125rem!important}.kh-students-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:.25rem 0;min-height:100px;overflow:hidden}.kh-students{display:block;width:100%;max-width:220px;height:auto;object-fit:contain;filter:drop-shadow(0 6px 20px rgba(0,0,0,.12))}.kh-bottom{display:flex;flex-direction:column;align-items:center;gap:.375rem;margin-top:0}.kh-openid-btn{display:block;width:100%;padding:1rem 1.5rem;background:#e85aa1;color:white;font-size:1.125rem;font-weight:600;letter-spacing:.05em;border:none;border-radius:9999px;cursor:pointer;box-shadow:0 4px 12px rgba(232,90,161,.35),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Microsoft JhengHei,PingFang TC,sans-serif}.kh-openid-btn:hover{background:#f06bae;transform:translateY(-2px);box-shadow:0 6px 16px rgba(232,90,161,.45),inset 0 1px 0 rgba(255,255,255,.3)}.kh-openid-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(232,90,161,.4),inset 0 2px 4px rgba(0,0,0,.1)}.kh-openid-btn:focus-visible{outline:3px solid #5dbcc7;outline-offset:3px}.kh-admin-link{display:inline-block;color:#2e1a8c;font-size:.9375rem;font-weight:500;text-decoration:underline;text-decoration-color:rgba(46,26,140,.4);text-underline-offset:4px;cursor:pointer;padding:.25rem .75rem;transition:opacity .15s ease,text-decoration-color .15s ease;-webkit-tap-highlight-color:transparent}.kh-admin-link:hover{opacity:.8;text-decoration-color:rgba(46,26,140,.8)}.kh-admin-link:focus-visible{outline:2px solid #2e1a8c;outline-offset:4px;border-radius:4px}}@media (min-width:414px) and (max-width:1023px){.kh-logo{width:64px;height:64px}.kh-pill{font-size:1.875rem;padding:.5rem 1.5rem}.kh-title p{font-size:2.125rem}.kh-title-zh{font-size:1.75rem!important}.kh-students{max-width:320px}.kh-openid-btn{padding:1.125rem 1.5rem;font-size:1.1875rem}.kh-admin-link{font-size:1rem}}@media (min-width:640px) and (max-width:1023px){.kh-mobile-inner{max-width:600px}.kh-mobile-layout{padding:2rem 2rem 3rem}.kh-logo{width:80px;height:80px}.kh-pill{font-size:2.25rem;padding:.625rem 2rem}.kh-title p{font-size:2.5rem}.kh-title-zh{font-size:2rem!important}.kh-students{max-width:400px}.kh-openid-btn{padding:1.25rem 2rem;font-size:1.25rem;max-width:480px;margin:0 auto}}@media (max-width:359px){.kh-mobile-layout{padding:1rem 1rem 2rem}.kh-logo{width:48px;height:48px}.kh-pill{font-size:1.375rem;padding:.4rem 1rem}.kh-title p{font-size:1.5rem}.kh-title-zh{font-size:1.25rem!important}.kh-students{max-width:220px}.kh-openid-btn{padding:.875rem 1rem;font-size:1rem}}@media (max-width:1023px) and (max-height:700px){.kh-students-wrapper{min-height:140px}.kh-students{max-width:200px}}@media (min-width:1024px){.ty-mobile-layout{display:none!important}.ty-desktop-buttons{position:absolute;inset:0;z-index:10;pointer-events:none}.ty-desktop-admin-link{position:absolute;top:55%;left:65%;transform:translate(-50%,-50%);color:#1a1a1a;font-size:1.5rem;font-weight:500;text-decoration:none;pointer-events:auto;cursor:pointer;transition:opacity .15s ease}.ty-desktop-admin-link:hover{opacity:.7}.ty-desktop-openid-btn{position:absolute;bottom:12%;right:12%;padding:.875rem 2rem;background:#e95098;color:white;font-size:1.125rem;font-weight:500;border:none;border-radius:.5rem;cursor:pointer;pointer-events:auto;box-shadow:0 2px 8px rgba(233,80,152,.3);transition:transform .15s ease,box-shadow .15s ease;font-family:-apple-system,BlinkMacSystemFont,Microsoft JhengHei,PingFang TC,sans-serif}.ty-desktop-openid-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(233,80,152,.4)}}@media (max-width:1023px){.ty-bg-desktop,.ty-desktop-buttons{display:none!important}.ty-page{background-color:#f7f7f7}.ty-mobile-layout{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;padding:1rem 1.25rem 1.5rem}.ty-mobile-inner{max-width:480px;width:100%;margin:0 auto;flex:1;display:flex;flex-direction:column}.ty-header{display:flex;align-items:center;gap:.875rem;margin-bottom:.875rem}.ty-logo{flex-shrink:0;width:76px;height:auto;object-fit:contain}.ty-pill{background:#e95098;color:white;font-size:2rem;font-weight:800;padding:.45rem 1.75rem;border-radius:9999px;letter-spacing:.1em;line-height:1.2;white-space:nowrap}.ty-title{margin-bottom:.5rem}.ty-title-platforms{font-size:1.5rem;margin:0 0 .25rem;letter-spacing:-.03em;white-space:nowrap}.ty-title-platforms,.ty-title-zh{line-height:1.2;font-weight:800;color:#280f91;font-family:-apple-system,BlinkMacSystemFont,Microsoft JhengHei,PingFang TC,sans-serif}.ty-title-zh{font-size:2rem;margin:0}.ty-students-wrapper{flex:1;width:100%;min-height:120px;margin:.75rem 0;background-image:url(/ty-students.png);background-size:cover;background-position:50%;background-repeat:no-repeat;clip-path:polygon(8% 0,92% 0,100% 12%,100% 88%,92% 100%,8% 100%,0 88%,0 12%);-webkit-clip-path:polygon(8% 0,92% 0,100% 12%,100% 88%,92% 100%,8% 100%,0 88%,0 12%)}.ty-students{display:none}.ty-bottom{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:0;flex-shrink:0}.ty-openid-btn{display:block;width:100%;padding:1rem 1.5rem;background:#e95098;color:white;font-size:1.125rem;font-weight:600;letter-spacing:.05em;border:none;border-radius:9999px;cursor:pointer;box-shadow:0 4px 12px rgba(233,80,152,.35),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Microsoft JhengHei,PingFang TC,sans-serif}.ty-openid-btn:hover{background:#ed62a5;transform:translateY(-2px);box-shadow:0 6px 16px rgba(233,80,152,.45),inset 0 1px 0 rgba(255,255,255,.3)}.ty-openid-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(233,80,152,.4),inset 0 2px 4px rgba(0,0,0,.1)}.ty-openid-btn:focus-visible{outline:3px solid #27e6ff;outline-offset:3px}.ty-admin-link{display:inline-block;color:#280f91;font-size:.9375rem;font-weight:500;text-decoration:underline;text-decoration-color:rgba(40,15,145,.4);text-underline-offset:4px;cursor:pointer;padding:.25rem .75rem;transition:opacity .15s ease,text-decoration-color .15s ease;-webkit-tap-highlight-color:transparent}.ty-admin-link:hover{opacity:.8;text-decoration-color:rgba(40,15,145,.8)}}@media (min-width:414px) and (max-width:1023px){.ty-logo{width:84px}.ty-pill{font-size:2.25rem;padding:.5rem 2rem}.ty-title-platforms{font-size:1.625rem}.ty-title-zh{font-size:2.25rem}.ty-openid-btn{padding:1.125rem 1.5rem;font-size:1.1875rem}.ty-admin-link{font-size:1rem}}@media (min-width:640px) and (max-width:1023px){.ty-mobile-inner{max-width:600px}.ty-mobile-layout{padding:2rem 2rem 3rem}.ty-logo{width:110px}.ty-pill{font-size:2.75rem;padding:.625rem 2.5rem}.ty-title-platforms{font-size:2rem}.ty-title-zh{font-size:2.75rem}.ty-openid-btn{padding:1.25rem 2rem;font-size:1.25rem;max-width:480px;margin:0 auto}}@media (max-width:359px){.ty-mobile-layout{padding:1rem 1rem 2rem}.ty-logo{width:60px}.ty-pill{font-size:1.625rem;padding:.35rem 1.25rem}.ty-title-platforms{font-size:1.25rem}.ty-title-zh{font-size:1.625rem}.ty-openid-btn{padding:.875rem 1rem;font-size:1rem}}