@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600;700;900&family=Caveat:wght@400;500;600;700&display=swap");:root{--paper:#faf3e3;--paper-warm:#f4ead2;--paper-cool:#f0ecdc;--paper-deep:#ebdfbe;--ink:#3a322a;--ink-soft:#6e6357;--ink-mute:#9a8e7e;--lavender:#9d8bc7;--lavender-pale:#e8e2f3;--blush:#e3a5a8;--blush-pale:#f5dadc;--sage:#94a989;--sage-pale:#d8e0d2;--honey:#e4b85f;--honey-pale:#f4e2b6;--coral:#e89968;--error:#c25a5a;--font-serif:"Noto Serif TC","PingFang TC","Microsoft JhengHei",serif;--font-hand:"Caveat",cursive;--shadow-soft:0 2px 6px rgba(58,50,42,0.08),0 8px 18px -10px rgba(58,50,42,0.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-serif);color:var(--ink);background:var(--paper);background-image:radial-gradient(rgba(58,50,42,.06) 1px,transparent 1.2px),radial-gradient(rgba(58,50,42,.04) 1px,transparent 1.2px);background-size:22px 22px,22px 22px;background-position:0 0,11px 11px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}.nav{background:rgba(250,243,227,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1.5px dashed var(--ink-mute)}.wrap{max-width:1180px;margin:0 auto;padding:0 28px}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{align-items:baseline;gap:8px;font-weight:700}.logo,.logo .mark{display:inline-flex}.logo .mark{margin-right:4px;width:30px;height:30px;background:var(--honey-pale);border:1.8px solid var(--ink);border-radius:50%;align-items:center;justify-content:center;transform:rotate(-6deg)}.logo .mark svg{width:16px;height:16px;color:var(--ink)}.logo .name{font-family:var(--font-serif);font-size:17px;font-weight:700;color:var(--ink);position:relative;letter-spacing:.02em}.logo .name:after{content:"";position:absolute;left:-2px;right:-2px;bottom:-2px;height:3px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 6' preserveAspectRatio='none'><path d='M2 3 C20 1, 50 5, 98 2' fill='none' stroke='%239d8bc7' stroke-width='1.8' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-size:100% 100%}.logo .sub{font-size:22px;color:var(--lavender);font-weight:600;transform:rotate(-3deg)}.back-link,.logo .sub{font-family:var(--font-hand)}.back-link{font-size:18px;color:var(--ink-soft);padding:8px 14px;display:inline-flex;align-items:center;gap:4px}.back-link:hover{color:var(--lavender)}main{min-height:calc(100vh - 64px);padding:56px 28px;display:flex;justify-content:center}.auth-layout,main{align-items:center}.auth-layout{display:grid;grid-template-columns:.85fr 1fr;gap:64px;width:100%;max-width:1080px}.aside-card,.auth-aside{position:relative}.aside-card{background:#fffaef;border:1.8px solid var(--ink);border-radius:4px 4px 14px 4px;padding:36px 32px 32px;box-shadow:6px 6px 0 var(--paper-deep);background-image:linear-gradient(180deg,transparent 39px,rgba(58,50,42,.06) 40px,transparent 41px);background-size:100% 40px}.aside-card:before{content:"";position:absolute;width:120px;height:22px;top:-12px;left:32px;background:var(--honey-pale);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.5) 0 5px,transparent 5px 10px);clip-path:polygon(2% 20%,16% 0,32% 18%,52% 4%,72% 18%,88% 2%,100% 16%,100% 84%,88% 100%,72% 84%,52% 98%,32% 84%,16% 100%,2% 80%);transform:rotate(-4deg)}.aside-meta{font-family:var(--font-hand);font-size:19px;color:var(--ink-soft);margin-bottom:10px}.aside-meta .date{color:var(--lavender);font-weight:600}.aside-card h1{font-family:var(--font-serif);font-size:clamp(28px,3.6vw,38px);font-weight:700;margin:8px 0;letter-spacing:.03em;line-height:1.35;color:var(--ink)}.aside-card h1 .em{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'><path d='M2 8 C40 2, 80 10, 120 5 C160 0, 198 8, 198 6' fill='none' stroke='%239d8bc7' stroke-width='3' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:0 100%;background-size:100% .5em;padding-bottom:2px}.aside-en{font-family:var(--font-hand);font-size:20px;color:var(--lavender);margin-bottom:18px;letter-spacing:.04em}.aside-lead{font-size:15px;color:var(--ink-soft);line-height:1.95;margin:0 0 28px;letter-spacing:.02em}.aside-stamp{display:inline-flex;align-items:center;gap:12px;padding:12px 18px;background:var(--paper);border:1.5px dashed var(--ink-mute);border-radius:6px;transform:rotate(-1deg)}.aside-stamp .num{font-family:var(--font-hand);font-size:36px;color:var(--lavender);line-height:1;font-weight:700}.aside-stamp .label{font-size:13px;color:var(--ink-soft);line-height:1.45}.aside-stamp .label strong{color:var(--ink);font-weight:700;display:block;font-family:var(--font-serif)}.postit{background:var(--blush-pale);padding:18px 18px 22px;box-shadow:var(--shadow-soft);font-family:var(--font-hand);font-size:18px;color:var(--ink);line-height:1.55;max-width:280px;transform:rotate(-3deg);margin:28px 0 0 24px;position:relative}.postit strong{color:var(--blush);font-weight:700}.postit:before{content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%) rotate(2deg);width:60px;height:16px;background:rgba(228,184,95,.6);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.5) 0 4px,transparent 4px 9px);clip-path:polygon(2% 20%,16% 0,32% 18%,52% 4%,72% 18%,88% 2%,100% 16%,100% 84%,88% 100%,72% 84%,52% 98%,32% 84%,16% 100%,2% 80%)}.auth-card-wrap{display:flex;justify-content:center}.auth-card{width:100%;max-width:440px;background:#fffaef;border:1.8px solid var(--ink);border-radius:4px 4px 14px 4px;padding:44px 36px 32px;box-shadow:8px 8px 0 var(--paper-deep);position:relative}.auth-card:before{content:"";position:absolute;width:140px;height:26px;top:-14px;left:50%;transform:translateX(-50%) rotate(-2deg);background:var(--lavender-pale);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.55) 0 5px,transparent 5px 10px);clip-path:polygon(2% 20%,16% 0,32% 18%,52% 4%,72% 18%,88% 2%,100% 16%,100% 84%,88% 100%,72% 84%,52% 98%,32% 84%,16% 100%,2% 80%)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--paper-cool);border:1.5px solid var(--ink);padding:4px;margin-bottom:28px}.auth-tabs,.auth-tabs .tab{border-radius:999px;position:relative}.auth-tabs .tab{padding:10px 12px;font-family:var(--font-serif);font-size:15px;font-weight:600;color:var(--ink-soft);transition:color .2s;letter-spacing:.04em;z-index:1}.auth-tabs .tab.active{color:var(--paper)}.auth-tabs .tab-slider{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:var(--ink);border-radius:999px;transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:0;box-shadow:0 2px 6px rgba(58,50,42,.2)}.auth-tabs.is-register .tab-slider{transform:translateX(100%)}.auth-form{display:none}.auth-form.active{display:block;animation:slideFade .35s ease both}@keyframes slideFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.auth-form h2{font-family:var(--font-serif);font-size:22px;font-weight:700;margin:0 0 4px;letter-spacing:.04em;color:var(--ink)}.auth-form .form-sub{font-family:var(--font-hand);font-size:19px;color:var(--ink-soft);margin:0 0 24px}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 20px;background:#fff;border:1.8px solid var(--ink);border-radius:999px;font-family:var(--font-serif);font-size:15px;font-weight:600;color:var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .2s cubic-bezier(.4,.2,.2,1.4),box-shadow .2s;position:relative;overflow:visible}.btn-google:hover{transform:translate(-1px,-2px) rotate(-.4deg);box-shadow:5px 6px 0 var(--ink)}.btn-google:active{transform:translate(2px,2px) rotate(0);box-shadow:1px 1px 0 var(--ink);transition-duration:.08s}.btn-google .g-logo{width:20px;height:20px;flex-shrink:0}.btn-google .btn-corner{position:absolute;top:-10px;right:-10px;width:24px;height:24px;background:var(--honey);border:1.5px solid var(--ink);border-radius:50%;font-size:14px;color:var(--ink);justify-content:center;box-shadow:1.5px 1.5px 0 var(--ink);transform:rotate(8deg);pointer-events:none}.btn-google .btn-corner,.divider{font-family:var(--font-hand);display:flex;align-items:center}.divider{gap:14px;margin:22px 0;color:var(--ink-mute);font-size:17px}.divider:after,.divider:before{content:"";flex:1;height:1.5px;background-image:linear-gradient(to right,var(--ink-mute) 50%,transparent 50%);background-size:8px 1.5px;background-repeat:repeat-x;opacity:.55}.divider span{white-space:nowrap}.field{margin-bottom:16px;position:relative}.field label{display:block;font-family:var(--font-hand);font-size:18px;color:var(--ink-soft);margin-bottom:4px;letter-spacing:.04em}.field-label-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.field-label-row label{margin-bottom:0}.field input[type=email],.field input[type=password],.field input[type=text]{width:100%;padding:13px 16px;font-family:var(--font-serif);font-size:15px;color:var(--ink);background:#fffaef;border:1.8px solid var(--ink);border-radius:5px;outline:none;transition:box-shadow .2s,border-color .2s,background .2s;box-shadow:2px 2px 0 var(--paper-deep);letter-spacing:.01em}.field input:focus{border-color:var(--lavender);box-shadow:3px 3px 0 var(--lavender-pale);background:#fff}.field input::placeholder{color:var(--ink-mute)}.field input:invalid:not(:placeholder-shown){border-color:var(--error)}.forgot{font-family:var(--font-hand);font-size:16px;color:var(--lavender);text-decoration:underline;text-decoration-style:wavy;text-decoration-color:var(--lavender);text-underline-offset:3px}.forgot:hover{color:var(--blush)}.field-radio{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}.field-radio .radio-label{font-family:var(--font-hand);font-size:18px;color:var(--ink-soft);margin-right:4px}.radio{cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1.5px solid var(--ink);border-radius:999px;background:var(--paper);font-size:14px;transition:background .2s,color .2s;box-shadow:2px 2px 0 transparent}.radio:hover{background:var(--paper-warm)}.radio input{position:absolute;opacity:0;pointer-events:none}.radio:has(input:checked){background:var(--ink);color:var(--paper);box-shadow:2px 2px 0 var(--lavender)}.radio input:checked~span{color:var(--paper)}.field-check{margin-bottom:20px}.check{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.6;color:var(--ink-soft);cursor:pointer}.check input{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.8px solid var(--ink);border-radius:4px;background:#fffaef;margin:1px 0 0;flex-shrink:0;cursor:pointer;transition:background .15s;box-shadow:1.5px 1.5px 0 var(--paper-deep);position:relative}.check input:checked{background:var(--sage);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fffaf0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12 9 16 19 6'/></svg>");background-repeat:no-repeat;background-size:80%;background-position:50%}.check a{color:var(--lavender);text-decoration:underline;text-decoration-style:wavy;text-decoration-color:var(--lavender);text-underline-offset:3px}.check a:hover{color:var(--blush)}.btn-primary{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;background:var(--lavender);color:#fffaf0;font-family:var(--font-serif);font-size:16px;font-weight:600;border:1.8px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--ink);transition:transform .2s cubic-bezier(.4,.2,.2,1.4),box-shadow .2s,background .2s;position:relative;overflow:visible;cursor:pointer;animation:subtle-breathe 4.5s ease-in-out infinite}@keyframes subtle-breathe{0%,to{box-shadow:3px 3px 0 var(--ink)}50%{box-shadow:3px 5px 0 var(--ink)}}.btn-primary:hover{transform:translate(-1px,-2px) rotate(-.6deg);box-shadow:5px 6px 0 var(--ink);animation:none}.btn-primary:active{transform:translate(2px,2px) rotate(0);box-shadow:1px 1px 0 var(--ink);transition-duration:.08s}.btn-primary .arrow{font-family:var(--font-hand);font-size:22px;display:inline-block;transition:transform .25s}.btn-primary:hover .arrow{transform:translateX(4px) rotate(-4deg)}.btn-primary .btn-spark{position:absolute;width:22px;height:22px;top:-10px;left:-10px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e4b85f' stroke='%233a322a' stroke-width='1.4' stroke-linejoin='round'><path d='M12 2 L13.6 9.6 21 11 13.6 12.4 12 22 10.4 12.4 3 11 10.4 9.6 Z'/></svg>");background-repeat:no-repeat;background-size:contain;pointer-events:none;animation:spark-twinkle 2.4s ease-in-out infinite}@keyframes spark-twinkle{0%,to{transform:rotate(-10deg) scale(1);opacity:1}50%{transform:rotate(20deg) scale(1.2);opacity:.85}}.switch{text-align:center;margin-top:22px;padding-top:18px;border-top:1.5px dashed var(--ink-mute);font-size:14px;color:var(--ink-soft)}.switch-link{color:var(--lavender);font-family:var(--font-serif);font-size:14px;font-weight:700;text-decoration:underline;text-decoration-style:wavy;text-decoration-color:var(--lavender);text-underline-offset:3px;padding:0 4px;cursor:pointer}.switch-link:hover{color:var(--blush)}.auth-foot{text-align:center;margin-top:32px;font-size:12px;color:var(--ink-mute);font-family:var(--font-serif)}.auth-foot a{color:var(--ink-soft);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.auth-foot a:hover{color:var(--lavender)}.doodle{position:absolute;pointer-events:none;opacity:.55}.doodle.d1{top:10%;left:4%;width:50px;transform:rotate(-15deg)}.doodle.d2{bottom:6%;right:5%;width:40px;transform:rotate(20deg)}.doodle svg{width:100%;height:auto}@media (max-width:880px){.auth-layout{grid-template-columns:1fr;gap:32px}.auth-aside{max-width:440px;margin:0 auto}.postit{display:none}main{padding:32px 22px}}@media (max-width:540px){.wrap{padding:0 18px}.nav-inner{height:58px}.logo .mark{width:26px;height:26px;margin-right:2px}.logo .mark svg{width:14px;height:14px}.logo .name{font-size:15px}.logo .sub{font-size:19px}.back-link{font-size:16px;padding:6px 8px}main{padding:24px 16px 40px}.auth-card{padding:36px 22px 26px;box-shadow:5px 5px 0 var(--paper-deep)}.auth-card:before{width:110px}.aside-card{padding:28px 22px;box-shadow:4px 4px 0 var(--paper-deep)}.aside-card h1{font-size:clamp(24px,7vw,30px)}.aside-lead{font-size:14.5px}.aside-stamp .num{font-size:30px}.auth-form h2{font-size:19px}.auth-form .form-sub{font-size:17px}.auth-tabs .tab{font-size:14px;padding:9px 10px}.field input{padding:12px 14px;font-size:14.5px}.field label{font-size:17px}.btn-google{font-size:14px;padding:12px 16px}.btn-google .btn-corner{width:22px;height:22px;font-size:12px;top:-8px;right:-8px}.btn-primary{font-size:15px;padding:14px 20px}.field-radio{gap:6px}.field-radio .radio-label{width:100%;margin-right:0;margin-bottom:2px}.radio{font-size:13px;padding:5px 12px}.doodle{display:none}.check{font-size:13px}}@media (max-width:380px){.logo .sub{display:none}.auth-card{padding:32px 18px 24px}}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px dashed var(--lavender);outline-offset:3px}.auth-tabs .tab{display:flex;align-items:center;justify-content:center}.auth-tabs .tab,.auth-tabs .tab:hover{text-decoration:none}.auth-notice{padding:10px 14px;background:var(--paper-warm);border:1.5px dashed var(--lavender);border-radius:8px;font-size:13.5px;color:var(--ink-soft)}.auth-error,.auth-notice{margin-bottom:18px;font-family:var(--font-serif)}.auth-error{padding:12px 14px;background:#fbe9e9;border:1.5px solid #d77676;border-radius:8px;font-size:14px;color:#8a3a3a;line-height:1.55}.btn-google:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}