:root{--ink:#1b3a2f;--ink-deep:#10261e;--cream:#f3efe6;--sand:#e4ddcc;--moss:#5f8069;--mint:#bfe0c8;--text:#1e2b25;--muted:#5d6a63;--danger:#9b3b2e;--font:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--radius:6px;--wrap:1120px;--nav-h:64px}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}html,body{background:var(--cream);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.7}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:2px}h1,h2,h3{letter-spacing:-.01em;color:var(--ink);margin:0;line-height:1.25}h1{font-size:clamp(1.9rem,4.5vw,3rem);font-weight:700}h2{font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:700}h3{font-size:1.1rem;font-weight:700}p{margin:0}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}.eyebrow{letter-spacing:.14em;color:var(--moss);text-transform:uppercase;margin-bottom:10px;font-size:.8rem;font-weight:600}.on-dark .eyebrow{color:var(--mint)}.muted{color:var(--muted)}.error{color:var(--danger);border-radius:var(--radius);background:#f6e3df;border:1px solid #e6c2ba;padding:12px 16px;font-size:.95rem}.notice{color:var(--ink);border-radius:var(--radius);background:#e5efe7;border:1px solid #c9dccd;padding:12px 16px;font-size:.95rem}.btn{border-radius:var(--radius);font:inherit;border:1.5px solid var(--ink);background:var(--ink);color:var(--cream);cursor:pointer;padding:12px 22px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-block}.btn:hover{background:var(--ink-deep)}.btn:disabled{opacity:.6;cursor:default}.btn.ghost{color:var(--ink);background:0 0}.btn.ghost:hover{background:#1b3a2f14}.btn.small{padding:7px 14px;font-size:.9rem}.btn.danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn.danger:hover{background:#9b3b2e14}.on-dark .btn{background:var(--mint);border-color:var(--mint);color:var(--ink-deep)}.on-dark .btn:hover{background:#d3ecd9}.on-dark .btn.ghost{color:var(--cream);background:0 0;border-color:#f3efe68c}.on-dark .btn.ghost:hover{background:#f3efe61a}.actions{flex-wrap:wrap;gap:12px;display:flex}.nav{z-index:10;background:var(--ink);color:var(--cream);border-bottom:1px solid #f3efe61f;position:sticky;top:0}.nav .wrap{height:var(--nav-h);justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{letter-spacing:.02em;white-space:nowrap;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.brand svg{flex:none;width:26px;height:26px}.nav-links{gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{border-radius:var(--radius);color:#f3efe6cc;padding:8px 12px;font-size:.95rem;text-decoration:none;display:block}.nav-links a:hover{color:var(--cream);background:#f3efe614}.nav-links a.active{color:var(--mint);font-weight:600}.hero{background:var(--ink);color:var(--cream);padding:72px 0 0}.hero h1{color:var(--cream);max-width:20ch}.hero .lede{color:#f3efe6cc;max-width:56ch;margin-top:20px;font-size:1.05rem}.hero .actions{margin-top:32px}.std-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px;display:grid;transform:translateY(72px)}.std-spacer{height:72px}.std-card{background:var(--cream);color:var(--text);border-radius:var(--radius);border-top:6px solid var(--mint);flex-direction:column;gap:10px;padding:26px 24px 24px;display:flex;box-shadow:0 18px 40px #10261e47}.std-card .code{font-family:var(--mono);color:var(--ink);letter-spacing:-.02em;font-size:1.7rem;font-weight:700;line-height:1.1}.std-card .name{color:var(--ink);font-weight:600}.std-card .who{color:var(--moss);font-size:.85rem}.std-card .line{color:var(--muted);font-size:.95rem}.std-card ul{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.std-card li{padding-left:16px;font-size:.85rem;position:relative}.std-card li:before{content:"";background:var(--moss);width:8px;height:2px;position:absolute;top:.75em;left:0}.section{padding:72px 0}.section.tight{padding-top:40px}.section-head{max-width:60ch;margin-bottom:36px}.section-head p{color:var(--muted);margin-top:12px}.section.dark{background:var(--ink);color:var(--cream)}.section.dark h2{color:var(--cream)}.section.dark .section-head p{color:#f3efe6bf}.page-head{background:var(--ink);color:var(--cream);padding:56px 0}.page-head h1{color:var(--cream);font-size:clamp(1.7rem,3.5vw,2.4rem)}.page-head p{color:#f3efe6c7;max-width:60ch;margin-top:12px}.steps{border-top:1px solid var(--sand);grid-template-columns:repeat(4,1fr);display:grid}.step{padding:28px 22px 28px 0}.step+.step{border-left:1px solid var(--sand);padding-left:22px}.step .num{font-family:var(--mono);color:var(--moss);letter-spacing:.1em;font-size:.85rem}.step h3{margin-top:8px}.step p{color:var(--muted);margin-top:10px;font-size:.95rem}.case-list{gap:20px;display:grid}.case-card{border:1px solid var(--sand);border-radius:var(--radius);background:#fff;grid-template-columns:200px 1fr;gap:28px;padding:28px;display:grid}.case-meta{align-content:start;gap:8px;display:grid}.case-meta .year{font-family:var(--mono);color:var(--ink);font-size:1.6rem;font-weight:700;line-height:1}.case-meta .client{color:var(--muted);font-size:.9rem}.case-meta .duration{color:var(--moss);font-size:.85rem}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{font-family:var(--mono);border:1px solid var(--ink);color:var(--ink);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:.75rem}.tag.draft{color:var(--muted);border-style:dashed;border-color:var(--muted)}.case-body h3{font-size:1.2rem}.case-body dl{gap:14px;margin:18px 0 0;display:grid}.case-body dt{letter-spacing:.1em;color:var(--moss);font-size:.8rem;font-weight:600}.case-body dd{white-space:pre-line;margin:4px 0 0;font-size:.95rem}.case-body dd.result{color:var(--ink);font-weight:600}.case-brief{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.case-brief a{border-radius:var(--radius);background:#f3efe60f;border:1px solid #f3efe629;padding:22px;text-decoration:none;transition:background .15s;display:block}.case-brief a:hover{background:#f3efe61f}.case-brief .tag{border-color:var(--mint);color:var(--mint)}.case-brief h3{color:var(--cream);margin-top:12px;font-size:1.05rem}.case-brief p{color:#f3efe6bf;margin-top:10px;font-size:.9rem}.filters{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.filters button{font:inherit;border:1.5px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px;font-size:.9rem}.filters button[aria-pressed=true]{background:var(--ink);color:var(--cream)}.about-grid{grid-template-columns:1fr 1.6fr;align-items:start;gap:48px;display:grid}.about-side{top:calc(var(--nav-h) + 24px);gap:28px;display:grid;position:sticky}.about-side h3{letter-spacing:.12em;color:var(--moss);margin-bottom:10px;font-size:.8rem}.about-side ul{gap:6px;margin:0;padding:0;font-size:.95rem;list-style:none;display:grid}.summary{white-space:pre-line;margin-bottom:40px;font-size:1.1rem}.timeline{border-left:2px solid var(--sand)}.tl-item{padding:0 0 32px 28px;position:relative}.tl-item:before{content:"";background:var(--cream);border:2px solid var(--ink);border-radius:50%;width:12px;height:12px;position:absolute;top:8px;left:-7px}.tl-item .period{font-family:var(--mono);color:var(--moss);font-size:.85rem}.tl-item h3{margin-top:4px}.tl-item .org{color:var(--muted);font-size:.9rem}.tl-item p{white-space:pre-line;margin-top:8px;font-size:.95rem}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.contact-list{gap:22px;margin:0;display:grid}.contact-list div{gap:4px;display:grid}.contact-list dt{letter-spacing:.12em;color:var(--moss);font-size:.8rem;font-weight:600}.contact-list dd{margin:0;font-size:1.1rem}.contact-list dd a{border-bottom:1.5px solid var(--sand);text-decoration:none}.contact-list dd a:hover{border-color:var(--ink)}.contact-list dd small{color:var(--muted);font-size:.85rem;display:block}.contact-note{background:var(--ink);color:var(--cream);border-radius:var(--radius);padding:28px}.contact-note p{color:#f3efe6d9}.contact-note .actions{margin-top:20px}.footer{background:var(--ink-deep);color:#f3efe6b3;padding:40px 0;font-size:.9rem}.footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.footer a{text-decoration:none}.footer a:hover{color:var(--cream)}.footer .cols{flex-wrap:wrap;gap:8px 24px;display:flex}.footer .admin-link{opacity:.6;font-size:.8rem}.admin{padding:40px 0 80px}.admin-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.admin-tabs{border-bottom:1px solid var(--sand);flex-wrap:wrap;gap:6px;margin-bottom:28px;display:flex}.admin-tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-1px;padding:10px 16px}.admin-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}.login-box{border:1px solid var(--sand);border-radius:var(--radius);background:#fff;gap:16px;max-width:380px;margin:40px auto;padding:32px;display:grid}.form{border:1px solid var(--sand);border-radius:var(--radius);background:#fff;gap:16px;padding:28px;display:grid}.form h3{font-size:1rem}.field{gap:6px;display:grid}.field label{color:var(--ink);font-size:.85rem;font-weight:600}.field .hint{color:var(--muted);font-size:.8rem}.field input[type=text],.field input[type=email],.field input[type=password],.field textarea,.field select{font:inherit;border-radius:var(--radius);color:var(--text);background:#fff;border:1px solid #cfc8b8;width:100%;padding:10px 12px}.field textarea{resize:vertical;min-height:96px;line-height:1.6}.field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.checks{flex-wrap:wrap;gap:14px;font-size:.95rem;display:flex}.checks label{cursor:pointer;align-items:center;gap:6px;display:flex}.form-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.saved{color:var(--moss);font-size:.9rem}.admin-list{gap:12px;display:grid}.admin-row{border:1px solid var(--sand);border-radius:var(--radius);background:#fff;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:16px 20px;display:grid}.admin-row .title{font-weight:600}.admin-row .sub{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:.85rem;display:flex}.admin-row .ops{gap:8px;display:flex}.exp-item{border:1px solid var(--sand);border-radius:var(--radius);background:var(--cream);gap:12px;padding:16px;display:grid}.exp-item .field-row{grid-template-columns:1fr 1fr 1fr}@media (width<=900px){.std-grid{grid-template-columns:1fr;gap:14px;margin-top:40px;transform:none}.hero{padding-bottom:40px}.std-spacer{height:0}.steps{grid-template-columns:1fr 1fr}.step+.step{border-left:none;padding-left:0}.step{border-top:1px solid var(--sand)}.case-card{grid-template-columns:1fr;gap:18px;padding:22px}.case-brief{grid-template-columns:1fr}.about-grid,.contact-grid{grid-template-columns:1fr;gap:32px}.about-side{position:static}.exp-item .field-row{grid-template-columns:1fr}}@media (width<=560px){.nav .wrap{flex-direction:column;align-items:flex-start;gap:6px;height:auto;padding-top:10px;padding-bottom:10px}.nav-links a{padding:6px 10px;font-size:.9rem}.steps{grid-template-columns:1fr}.section{padding:52px 0}.hero{padding-top:48px}.field-row,.admin-row{grid-template-columns:1fr}}