:root{--ww-blue:#6183FC;--ww-blue-700:#3F63E8;--ww-blue-050:#EEF2FF;--ww-white:#fff;--ww-gray:#EFF1F5;--ww-deep-gray:#646262;--ww-black:#212121;--space-2:8px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:12px;--radius:20px;--radius-lg:28px;--radius-pill:999px;--shadow:0 10px 28px rgba(33,33,33,.08);--font-title:Poppins,"Noto Sans TC",sans-serif;--font-body:Outfit,"Noto Sans TC",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--ww-gray);color:var(--ww-black);font:400 16px/1.6 var(--font-body)}header{background:rgba(255,255,255,.92);border-bottom:1px solid rgba(33,33,33,.07)}header>div,main{width:min(100% - 32px,880px);margin:auto}header>div{min-height:64px;display:flex;align-items:center;gap:16px;font:600 17px var(--font-title)}.brand{color:var(--ww-blue)}main{padding:48px 0}.hero{margin-bottom:32px}.eyebrow{color:var(--ww-blue);font-weight:600}.hero h1{font:600 clamp(32px,7vw,52px)/1.08 var(--font-title);letter-spacing:-.02em;margin:8px 0 16px}.hero p,.card p{color:var(--ww-deep-gray)}.card{background:var(--ww-white);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin:16px 0}.card h2{font:600 20px/1.2 var(--font-title);letter-spacing:-.02em;margin:0 0 12px}.endpoint{border-left:4px solid var(--ww-blue)}code,output{display:block;overflow-wrap:anywhere;background:var(--ww-blue-050);border-radius:var(--radius-sm);padding:12px;color:#304fc1;font:600 14px/1.5 ui-monospace,monospace}output{font-size:24px;letter-spacing:.05em}label{display:block;font-weight:600;margin-bottom:8px}input{width:100%;min-height:48px;border:1px solid #cfd3dc;border-radius:var(--radius-pill);padding:10px 16px;font:inherit}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}button{min-height:48px;border:0;border-radius:var(--radius-pill);padding:10px 20px;background:var(--ww-blue);color:white;font:600 15px var(--font-body);cursor:pointer;transition:220ms cubic-bezier(.4,0,.2,1)}button:hover{background:var(--ww-blue-700)}button:active{transform:scale(.97)}button.secondary{background:var(--ww-blue-050);color:#304fc1}:focus-visible{outline:3px solid #212121;outline-offset:3px}.notice{border-radius:var(--radius);padding:16px 20px;font-weight:600}.notice.ok{background:#e9f8ef;color:#176d3a}.notice.bad{background:#fff0ee;color:#a72b23}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid .card{margin:0}.privacy{border-top:4px solid #7BDBE0}footer{text-align:center;color:var(--ww-deep-gray);padding:32px 0}@media(max-width:600px){main{padding:32px 0}.grid{grid-template-columns:1fr}.actions button{width:100%}}