:root{--color-bg:#faf8f4;--color-surface:#fffdf8;--color-surface-warm:#f7f0e6;--color-border:#e6ddd0;--color-border-focus:#9e7d54;--color-text:#2c1f12;--color-text-secondary:#7a6554;--color-text-muted:#a89280;--color-primary:#7a5230;--color-primary-hover:#5e3d22;--color-primary-light:#f0e6d8;--color-accent:#b89068;--color-success:#3d6b4a;--color-error:#9b3d2a;--color-error-bg:#fdf2ef;--radius-sm:6px;--radius-md:10px;--radius-lg:18px;--shadow-sm:0 1px 5px rgba(80,50,20,.06);--shadow-md:0 4px 24px rgba(80,50,20,.09);--shadow-lg:0 8px 40px rgba(80,50,20,.12);--transition:.2s ease;--font-sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;--font-serif:"Noto Serif TC","Georgia",serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column;font-family:var(--font-sans);line-height:1.8;min-height:100dvh}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{display:block;max-width:100%}.site-wrapper{display:flex;flex:1;flex-direction:column}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:0 1.5rem;position:sticky;top:0;z-index:100}.site-header__inner{align-items:center;display:flex;height:68px;justify-content:space-between;margin:0 auto;max-width:1120px}.site-header__brand{display:flex;flex-direction:column;gap:2px;text-decoration:none!important}.site-header__name{color:var(--color-primary);font-family:var(--font-serif);font-size:1.05rem;font-weight:600;letter-spacing:.04em}.site-header__tagline{color:var(--color-text-muted);font-size:.68rem;letter-spacing:.08em}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:1.5rem;text-align:center}.site-footer p{font-size:.78rem;line-height:1.7}.site-footer a,.site-footer p{color:var(--color-text-muted)}.page-container{flex:1;padding:2.5rem 1.5rem 4rem}.page-container--narrow{margin:0 auto;max-width:900px}.page-container--wide{margin:0 auto;max-width:1100px}.page-header{margin-bottom:2rem}.page-header__badge{background:var(--color-primary-light);border-radius:2rem;display:inline-block;font-size:.72rem;letter-spacing:.06em;margin-bottom:.75rem;padding:.2rem .85rem}.page-header h1,.page-header__badge{color:var(--color-primary);font-weight:600}.page-header h1{font-family:var(--font-serif);font-size:1.65rem;line-height:1.35;margin-bottom:.5rem}.page-header p{color:var(--color-text-secondary);font-size:.875rem}.card-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1rem;padding:2rem;transition:box-shadow var(--transition),border-color var(--transition),transform var(--transition)}.form-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.form-card__icon{font-size:2rem;line-height:1}.form-card__title{color:var(--color-primary);font-family:var(--font-serif);font-size:1.05rem;font-weight:600}.form-card__desc{color:var(--color-text-secondary);flex:1;font-size:.85rem;line-height:1.8}.doc-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:2.5rem}.doc-card__title{border-bottom:1px solid var(--color-border);color:var(--color-primary);font-family:var(--font-serif);font-size:1.2rem;font-weight:600;margin-bottom:1.75rem;padding-bottom:1.25rem;text-align:center}.doc-body{color:var(--color-text);font-size:.875rem;line-height:2}.doc-body ol,.doc-body p{margin-bottom:1rem}.doc-body ol{padding-left:1.5rem}.doc-body ol li{line-height:1.9;margin-bottom:.75rem}.doc-body ul{list-style:disc;margin-bottom:1rem;padding-left:1.5rem}.doc-body ul li{margin-bottom:.5rem}.doc-body strong{color:var(--color-text)}.article-block{margin-bottom:1.75rem}.article-block__title{align-items:center;color:var(--color-primary);display:flex;font-size:.875rem;font-weight:700;gap:.5rem;margin-bottom:.75rem}.article-block__title:before{background:var(--color-accent);border-radius:2px;content:"";display:inline-block;flex-shrink:0;height:1em;width:3px}.article-text{color:var(--color-text);font-size:.875rem;line-height:2;margin-bottom:.5rem}.form-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:2rem}.form-section__title{align-items:center;border-bottom:1px solid var(--color-border);color:var(--color-primary);display:flex;font-family:var(--font-serif);font-size:.9rem;font-weight:600;gap:.5rem;letter-spacing:.04em;margin-bottom:1.5rem;padding-bottom:.875rem}.form-section__title:before{background:var(--color-accent);border-radius:2px;content:"";display:block;flex-shrink:0;height:1em;width:3px}.form-row{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.1rem}.form-group:last-child{margin-bottom:0}.form-label{color:var(--color-text);font-size:.84rem;font-weight:600;letter-spacing:.01em}.form-label .required{color:var(--color-error);margin-left:.2rem}.form-input,.form-select,.form-textarea{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:.875rem;padding:.65rem .95rem;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #9e7d5424;outline:none}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-error)}.form-textarea{min-height:90px;resize:vertical}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%237a6554' stroke-linecap='round' stroke-width='1.5' d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-position:right .95rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.form-error{align-items:center;color:var(--color-error);display:flex;font-size:.78rem;gap:.3rem}.form-error:before{content:"!";font-weight:700}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-item{align-items:flex-start;border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.7rem;padding:.875rem 1rem;transition:border-color var(--transition),background var(--transition)}.radio-item:hover{background:var(--color-primary-light);border-color:var(--color-accent)}.radio-item.selected{background:var(--color-primary-light);border-color:var(--color-primary)}.radio-item input[type=radio]{accent-color:var(--color-primary);cursor:pointer;height:17px;margin-top:.22rem;min-width:17px;width:17px}.radio-item span{color:var(--color-text);font-size:.86rem;line-height:1.7}.checkbox-group{display:flex;flex-direction:column;gap:.6rem}.checkbox-item{align-items:flex-start;cursor:pointer;display:flex;gap:.65rem}.checkbox-item input[type=checkbox]{accent-color:var(--color-primary);border:1.5px solid var(--color-border);border-radius:4px;cursor:pointer;height:17px;margin-top:.22rem;min-width:17px;width:17px}.checkbox-item span{color:var(--color-text);font-size:.875rem;line-height:1.7}.agree-checkbox{align-items:flex-start;background:var(--color-primary-light);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.75rem;padding:1.1rem 1.25rem;transition:border-color var(--transition)}.agree-checkbox:hover{border-color:var(--color-accent)}.agree-checkbox input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:18px;margin-top:.2rem;min-width:18px;width:18px}.agree-checkbox span{color:var(--color-text);font-size:.875rem;line-height:1.75}.signature-pad-wrapper{display:flex;flex-direction:column;gap:.75rem}.signature-canvas-container{background:#fff;border:1.5px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;position:relative;touch-action:none;transition:border-color var(--transition)}.signature-canvas-container:focus-within{border-color:var(--color-border-focus)}.signature-canvas-container.error{border-color:var(--color-error)}.signature-canvas-container canvas{cursor:crosshair;display:block;width:100%}.signature-hint{color:#ccc2b4;font-size:.82rem;left:50%;letter-spacing:.04em;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none}.signature-actions{display:flex;justify-content:flex-end}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:.875rem;font-weight:600;gap:.4rem;justify-content:center;letter-spacing:.02em;padding:.65rem 1.4rem;text-decoration:none;transition:all var(--transition);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-hover);text-decoration:none}.btn--outline{background:transparent;border:1.5px solid var(--color-primary);color:var(--color-primary)}.btn--outline:hover{background:var(--color-primary-light);text-decoration:none}.btn--ghost{background:transparent;border:1.5px solid var(--color-border);color:var(--color-text-secondary)}.btn--ghost:hover{background:var(--color-surface-warm);text-decoration:none}.btn--sm{font-size:.8rem;padding:.4rem .95rem}.btn--lg{font-size:.95rem;letter-spacing:.04em;padding:.95rem 2.5rem}.btn--full{width:100%}.form-submit-area{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1rem;padding:2rem 1.5rem}.form-submit-area p{color:var(--color-text-muted);font-size:.8rem;max-width:420px;text-align:center}.alert{align-items:flex-start;border-radius:var(--radius-md);display:flex;font-size:.875rem;gap:.6rem;margin-bottom:1.25rem;padding:.9rem 1.2rem}.alert--error{background:var(--color-error-bg);border:1px solid #f5c4bc;color:var(--color-error)}.alert--success{background:#eaf4ed;border:1px solid #b6d9c3;color:var(--color-success)}.success-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:5rem auto;max-width:540px;padding:3.5rem 2.75rem;text-align:center}.success-icon{align-items:center;background:var(--color-primary-light);border-radius:50%;display:flex;font-size:1.75rem;height:70px;justify-content:center;margin:0 auto 1.75rem;width:70px}.success-card h1{color:var(--color-primary);font-family:var(--font-serif);font-size:1.4rem;font-weight:600;margin-bottom:.9rem}.success-card p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.8;margin-bottom:.5rem}.spinner{animation:spin .65s linear infinite;border:2px solid hsla(0,0%,100%,.35);border-radius:50%;border-top-color:#fff;display:inline-block;height:15px;width:15px}@keyframes spin{to{transform:rotate(1turn)}}.divider{border:none;border-top:1px solid var(--color-border);margin:1.5rem 0}.breadcrumb{align-items:center;display:flex;font-size:.78rem;gap:.4rem;margin-bottom:1.5rem}.breadcrumb,.breadcrumb a{color:var(--color-text-muted)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb span{opacity:.5}.info-block{background:var(--color-surface-warm);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.85rem;line-height:1.9;padding:1rem 1.25rem}.info-block__label{color:var(--color-text-muted);font-size:.78rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem}.notice-block{background:var(--color-primary-light);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-secondary);font-size:.825rem;line-height:1.8;margin-bottom:1rem;padding:.9rem 1.25rem}.party-block{background:var(--color-surface-warm);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;line-height:2;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.party-block__row{align-items:baseline;display:flex;gap:.5rem}.party-block__label{color:var(--color-text);font-weight:700;white-space:nowrap}.party-block__value{color:var(--color-text-secondary)}@media(max-width:768px){.card-grid,.form-row{grid-template-columns:1fr}.page-header h1{font-size:1.35rem}.form-section{padding:1.5rem 1.25rem}.doc-card{padding:1.75rem 1.25rem}.success-card{margin:2.5rem auto;padding:2.5rem 1.5rem}.btn--lg{padding:.85rem 2rem}}@media(max-width:480px){.page-container{padding:1.5rem 1rem 3rem}.site-header{padding:0 1rem}.form-section{padding:1.25rem 1rem}.doc-card{padding:1.5rem 1rem}}@media print{.breadcrumb,.btn,.form-submit-area,.site-footer,.site-header{display:none!important}body{background:#fff}.doc-card,.form-section{border:1px solid #ccc;-moz-column-break-inside:avoid;box-shadow:none;break-inside:avoid}}.records-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2rem}.records-panel__header{margin-bottom:1.5rem}.records-panel__title{color:var(--color-primary);font-family:var(--font-serif);font-size:1.15rem;font-weight:600;margin-bottom:.35rem}.records-panel__desc{color:var(--color-text-secondary);font-size:.84rem}.records-gate{display:flex;flex-direction:column;gap:.6rem}.records-gate__form{align-items:center;display:flex;gap:.75rem}.records-gate__form .form-input{flex:1;max-width:320px}.records-error{align-items:center;color:var(--color-error);display:flex;font-size:.82rem;gap:.3rem}.records-error:before{content:"!";font-weight:700}.records-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:1.5rem;overflow-x:auto}.records-table{border-collapse:collapse;font-size:.875rem;width:100%}.records-table thead tr{background:var(--color-surface-warm)}.records-table th{color:var(--color-text-secondary);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-align:left;white-space:nowrap}.records-table td,.records-table th{border-bottom:1px solid var(--color-border);padding:.75rem 1rem}.records-table td{color:var(--color-text);vertical-align:middle}.records-table tbody tr:last-child td{border-bottom:none}.records-table tbody tr:hover{background:#faf8f4}.records-card-list{display:none;flex-direction:column;gap:.75rem;margin-top:1.25rem}.records-card{background:var(--color-surface-warm);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.25rem}.records-card__name{color:var(--color-text);font-size:.9rem;font-weight:700}.records-card__form{color:var(--color-primary);font-size:.82rem}.records-card__date{color:var(--color-text-muted);font-size:.8rem;margin-bottom:.25rem}.records-empty{color:var(--color-text-muted);font-size:.875rem;margin-top:1.25rem;padding:1.5rem;text-align:center}.modal-overlay{align-items:flex-start;background:#2c1f128c;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:2rem 1rem;position:fixed;z-index:1000}.modal-container{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;margin:auto;max-height:calc(100vh - 4rem);max-width:900px;overflow:hidden;width:100%}.modal-header{align-items:center;background:var(--color-surface-warm);border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.75rem}.modal-header__title{color:var(--color-primary);font-family:var(--font-serif);font-size:1.05rem;font-weight:600}.modal-close-btn{background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-size:1rem;line-height:1;padding:.3rem .5rem;transition:color var(--transition),background var(--transition)}.modal-close-btn:hover{background:var(--color-border);color:var(--color-text)}.modal-body{flex:1;overflow-y:auto;padding:1.75rem}.modal-loading{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.9rem;gap:.75rem;justify-content:center;padding:3rem}.modal-meta-grid{background:var(--color-surface-warm);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;gap:.75rem 1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.25rem;padding:1.25rem 1.5rem}.modal-meta-item{display:flex;flex-direction:column;gap:.2rem}.modal-meta-item--full{grid-column:1/-1}.modal-meta-label{color:var(--color-text-muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.modal-meta-value{color:var(--color-text);font-size:.875rem}.modal-section-title{align-items:center;color:var(--color-primary);display:flex;font-family:var(--font-serif);font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.modal-section-title:before{background:var(--color-accent);border-radius:2px;content:"";display:block;flex-shrink:0;height:1em;width:3px}.modal-fields{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.modal-field-row{border-bottom:1px solid var(--color-border);display:flex}.modal-field-row:last-child{border-bottom:none}.modal-field-label{background:var(--color-surface-warm);border-right:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.82rem;font-weight:600;min-width:200px;padding:.75rem 1rem;width:200px}.modal-field-value{flex:1;font-size:.875rem;padding:.75rem 1rem}.modal-agreement,.modal-field-value{color:var(--color-text);word-break:break-word}.modal-agreement{font-size:.84rem;line-height:2;padding:1.25rem 1.5rem;white-space:pre-wrap}.modal-agreement,.modal-signature{background:var(--color-surface-warm);border:1px solid var(--color-border);border-radius:var(--radius-md)}.modal-signature{display:inline-block;padding:1rem}.modal-signature img{border-radius:var(--radius-sm);display:block;height:auto;max-width:100%}.modal-footer{background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:flex-end;padding:1rem 1.75rem}@media(max-width:768px){.records-panel{padding:1.5rem 1.25rem}.records-gate__form{align-items:stretch;flex-direction:column}.records-gate__form .form-input{max-width:100%}.records-table-wrap{display:none}.records-card-list{display:flex}.modal-overlay{align-items:flex-end;padding:0}.modal-container{border-bottom-left-radius:0;border-bottom-right-radius:0;margin:0;max-height:95dvh}.modal-meta-grid{grid-template-columns:1fr}.modal-field-label{min-width:130px;width:130px}}@media(max-width:480px){.modal-body,.records-panel{padding:1.25rem 1rem}.modal-header{padding:1rem}.modal-footer{padding:.875rem 1rem}.modal-field-row{flex-direction:column}.modal-field-label{border-bottom:1px solid var(--color-border);border-right:none;min-width:unset;width:100%}}