*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;background:#f7f8fa;color:#1e293b;min-height:100vh}.page{max-width:860px;margin:0 auto;padding:48px 24px}.hero{text-align:center;margin-bottom:32px}.hero-badge{display:inline-block;background:#fef3c7;color:#b45309;font-weight:700;letter-spacing:2px;font-size:13px;padding:4px 14px;border-radius:999px;margin-bottom:14px}.hero h1{font-size:32px;font-weight:900;color:#0f172a}.hero .sub{margin-top:8px;color:#64748b;font-size:15px}.status-row{margin-top:18px;display:flex;gap:10px;justify-content:center}.chip{font-size:13px;font-weight:600;padding:5px 14px;border-radius:999px;background:#e2e8f0;color:#475569}.chip-ok{background:#d1fae5;color:#065f46}.chip-err{background:#fee2e2;color:#991b1b}.card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:26px 28px;box-shadow:0 1px 3px #0000000f}.card h2{font-size:18px;margin-bottom:4px}.hint{font-size:13px;color:#64748b;margin-bottom:18px}.hint code{background:#f1f5f9;padding:1px 6px;border-radius:4px}.form-row{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.form-row input{flex:1;min-width:160px;padding:9px 12px;font-size:14px;border:1px solid #cbd5e1;border-radius:8px;outline:none}.form-row input:focus{border-color:#d97706;box-shadow:0 0 0 3px #d9770626}button{cursor:pointer;font-size:13px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;padding:8px 14px}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#d97706;border-color:#d97706;color:#fff;font-weight:700;padding:9px 20px}.btn-primary:not(:disabled):hover{background:#b45309}.btn-ghost{color:#64748b}button.danger{color:#b91c1c;border-color:#fecaca}button.danger:hover{background:#fef2f2}.note-list{list-style:none}.note-list li{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid #f1f5f9}.note-list li.empty{color:#94a3b8;font-size:14px;justify-content:center;border:none}.note-main{flex:1;display:flex;flex-direction:column;gap:2px}.note-main strong{font-size:15px}.note-content{font-size:13px;color:#475569}.note-time{font-size:12px;color:#94a3b8}.note-actions{display:flex;gap:6px;flex-shrink:0}.foot{text-align:center;margin-top:28px;color:#94a3b8;font-size:12.5px}