:root{--color-bg:#fdf8f3;--color-bg-soft:#f7efe6;--color-bg-card:#fffdfa;--color-primary:#d4a574;--color-primary-deep:#bd8a58;--color-primary-soft:#ecdcc8;--color-pink:#e8b4b8;--color-pink-soft:#f5dde0;--color-accent:#c97b63;--color-accent-deep:#b5654d;--color-text:#3d3028;--color-text-regular:#6b5b4e;--color-text-secondary:#9a8878;--color-text-placeholder:#b9aa9b;--color-border:#e8ddd0;--color-border-light:#f0e8dd;--color-divider:#efe5d8;--color-success:#8a9a7b;--color-warning:#d4a574;--color-danger:#c97b63;--font-serif:"Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;--font-sans:"Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--font-latin:"Cormorant Garamond", "Noto Serif SC", serif;--shadow-sm:0 2px 12px #3d30280d;--shadow-md:0 8px 28px #3d302814;--shadow-lg:0 18px 48px #3d30281f;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--section-gap:160px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--color-text);background-color:var(--color-bg);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;font-weight:400;line-height:1.7}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--color-text);font-weight:600;line-height:1.35}a{color:inherit;text-decoration:none;transition:color .3s}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;outline:none}img{max-width:100%;display:block}ul,ol{list-style:none}::selection{background:var(--color-pink-soft);color:var(--color-text)}#app{min-height:100vh}.btn{letter-spacing:.08em;border-radius:var(--radius-pill);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:500;transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s,transform .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-deep);box-shadow:0 8px 20px #c97b6347}.btn-outline{color:var(--color-text);border-color:var(--color-primary);background:0 0}.btn-outline:hover:not(:disabled){background:var(--color-primary);color:#fff}.btn-text{color:var(--color-text-secondary);padding:6px 10px}.btn-text:hover{color:var(--color-accent)}.btn-block{width:100%}.field{margin-bottom:22px;display:block}.field-label{letter-spacing:.12em;color:var(--color-text-regular);margin-bottom:10px;font-size:13px;display:block}.input{width:100%;color:var(--color-text);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:13px 16px;font-size:15px;transition:border-color .3s,box-shadow .3s,background-color .3s}.input::placeholder{color:var(--color-text-placeholder);font-weight:300}.input:hover{border-color:var(--color-primary)}.input:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #d4a57426}.field-error .input{border-color:var(--color-danger)}.field-error .input:focus{box-shadow:0 0 0 3px #c97b631f}.field-message{color:var(--color-danger);margin-top:7px;font-size:12.5px}.card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.serif{font-family:var(--font-serif)}.latin{font-family:var(--font-latin)}.title-deco{justify-content:center;align-items:center;gap:16px;display:flex}.title-deco:before,.title-deco:after{content:"";background:var(--color-primary);opacity:.6;width:40px;height:1px}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.7s both fade-up}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:.6s both fade-in}.page-enter-active,.page-leave-active{transition:opacity .25s,transform .25s}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0}