:root{--navy:#14284b;--red:#c8102e;--line:#e6e9ef;--muted:#8a93a6}*{box-sizing:border-box}body{color:#1c2333;background:#fff;margin:0;font-family:Microsoft JhengHei,PingFang TC,Noto Sans TC,sans-serif;line-height:1.7}a{color:inherit}img{max-width:100%}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.tag{color:#7a5b00;vertical-align:middle;letter-spacing:0;background:#fff3cd;border:1px solid #e8d48a;border-radius:3px;margin-left:.5em;padding:0 .5em;font-size:.75rem;font-weight:400;line-height:1.6;display:inline-block}.ph{color:#777;text-align:center;border:2px dashed #bbb;border-radius:6px;margin:1em 0;padding:1.5em}.crumb{color:#888;font-size:.85rem}.site-header{border-bottom:1px solid var(--line);z-index:20;background:#fffffff2;position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;height:84px;display:flex}.brand{color:var(--navy);align-items:center;gap:14px;text-decoration:none;display:flex}.brand img{height:60px}.brand b{letter-spacing:.08em;font-size:1.45rem;line-height:1.3;display:block}.brand small{color:#6b7590;letter-spacing:.04em;font-size:.8rem;display:block}.links{gap:28px;font-size:.97rem;display:flex}.links a{color:#4a5468;border-bottom:3px solid #0000;padding:30px 0;text-decoration:none}.links a.on,.links a:hover{color:var(--navy);border-bottom-color:var(--red)}.kicker{color:var(--red);letter-spacing:.2em;font-size:.85rem;font-weight:700}.weekly{grid-template-columns:1.4fr 1fr;gap:40px;padding-top:48px;padding-bottom:48px;display:grid}.latest{background:var(--navy);color:#fff;border-radius:14px;padding:36px}.latest .date{margin:.2em 0;font-size:4rem;font-weight:700;line-height:1}.latest h2{margin:0 0 1em;font-weight:400}.btn{background:var(--red);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.55em 1.4em;text-decoration:none;display:inline-block}.btn.ghost{color:var(--navy);background:0 0;border:1px solid #c5ccd9}.btn:disabled{opacity:.5;cursor:wait}.prev h3{color:var(--navy);margin:0 0 .5em}.prev a.row{border-bottom:1px solid var(--line);justify-content:space-between;gap:1em;padding:.7em 0;text-decoration:none;display:flex}.prev a.row:hover{color:var(--red)}.prev .d{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.doors{grid-template-columns:1fr 1fr;gap:28px;padding-top:8px;padding-bottom:48px;display:grid}.door{border:1px solid var(--line);border-radius:14px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.door:hover{box-shadow:0 10px 30px #14284b1f}.door img{aspect-ratio:16/8;object-fit:cover;object-position:top;border-bottom:1px solid var(--line);width:100%}.door .body{padding:20px 24px 24px}.door h2{color:var(--navy);margin:0}.door .sub{color:var(--muted);margin-bottom:.6em;font-size:.9rem}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips span{color:#4a5468;background:#f1f3f7;border-radius:999px;padding:.15em .8em;font-size:.85rem}.aboutstrip{background:#f6f7fa}.aboutstrip .wrap{align-items:center;gap:24px;padding-top:28px;padding-bottom:28px;display:flex}.aboutstrip img{mix-blend-mode:multiply;height:72px}.aboutstrip .t{flex:1}.aboutstrip a{color:var(--navy);margin-left:1.2em}.band{background:var(--navy);color:#fff}.band .wrap{padding-top:32px}.band h1{margin:.1em 0 .4em}.tabs{gap:4px;display:flex;overflow-x:auto}.tabs a{white-space:nowrap;color:#c8d1e3;border-radius:8px 8px 0 0;padding:.6em 1.1em;font-size:.93rem;text-decoration:none}.tabs a.on{color:var(--navy);background:#fff;font-weight:700}.tabs-spacer{height:20px}.content{max-width:820px;padding-top:32px;padding-bottom:60px}.content img[src="/images/logo.jpg"]{width:140px}.slides{margin:1.5em 0}.slides img{border:1px solid #ddd;width:100%;max-width:520px;display:block}.slides .btns{flex-wrap:wrap;gap:.5em;margin-top:.75em;display:flex}.slides .btns span,.slides .btns a{color:#555;border:1px solid #999;border-radius:4px;padding:.25em .9em;font-size:.9rem;text-decoration:none}.notelist{margin:0;padding:0;list-style:none}.notelist li{border-bottom:1px solid #eee;gap:1em;padding:.5em 0;display:flex}.notelist .d{color:#888;font-variant-numeric:tabular-nums;min-width:6.5em}.upload label{color:var(--navy);margin:1.2em 0 .3em;font-weight:700;display:block}.upload input[type=date],.upload input[type=text]{font:inherit;border:1px solid #c5ccd9;border-radius:6px;width:100%;max-width:420px;padding:.5em .7em}.upload .hint{color:var(--muted);margin:.3em 0 0;font-size:.85rem}.upload .actions{margin-top:1.8em}.upload .msg{border-radius:8px;margin-top:1.2em;padding:1em 1.2em}.upload .msg.ok{color:#1b5e20;background:#e8f5ec}.upload .msg.err{color:#a0101e;background:#fdecee}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:24px 0 80px;font-size:.85rem}.tabbar{display:none}.demo-bar{z-index:9999;color:#fff;white-space:nowrap;background:#111;border-radius:999px;align-items:center;gap:.25em;padding:4px;font:13px/1.2 system-ui,sans-serif;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #00000059}.demo-bar span{padding:0 .75em}.demo-bar a{color:#fff;background:#333;border-radius:999px;padding:8px 14px;text-decoration:none}.demo-bar a:hover{background:#555}@media (width<=760px){.links{display:none}.site-header .wrap{height:70px}.brand img{height:48px}.brand b{font-size:1.15rem}.brand small{font-size:.7rem}.weekly,.doors{grid-template-columns:1fr;gap:20px;padding-top:24px}.latest{padding:26px}.latest .date{font-size:3rem}.aboutstrip .wrap{text-align:center;flex-direction:column}.tabbar{border-top:1px solid var(--line);z-index:30;background:#fff;grid-template-columns:repeat(5,1fr);height:62px;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;font-size:.75rem;text-decoration:none;display:flex}.tabbar a b{font-size:1.2rem;line-height:1.2}.tabbar a.on{color:var(--red)}.site-footer{padding-bottom:150px}.demo-bar{bottom:76px}}