*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-background: #ffffff;--color-background-soft: #f8f8f8;--color-background-mute: #f2f2f2;--color-border: #dcdcdc;--color-border-hover: #c8c8c8;--color-heading: #2c3e50;--color-text: #2c3e50;--color-primary: #42b983;--color-primary-hover: #3aa876;--color-danger: #e74c3c;--color-danger-hover: #c0392b;--color-info: #3498db;--color-info-hover: #2980b9;--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: #1a1a1a;--color-background-soft: #242424;--color-background-mute: #2e2e2e;--color-border: #3a3a3a;--color-border-hover: #505050;--color-heading: #ffffff;--color-text: #e0e0e0}}h1,h2,h3,h4,h5,h6{color:var(--color-heading);font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}a{color:var(--color-primary);text-decoration:none;transition:color .3s}a:hover{color:var(--color-primary-hover)}.btn{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-align:center;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s;text-decoration:none}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:var(--color-danger-hover)}.btn-info{background-color:var(--color-info);color:#fff}.btn-info:hover{background-color:var(--color-info-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-heading)}.form-input{width:100%;padding:.75rem;font-size:1rem;border:1px solid var(--color-border);border-radius:.5rem;background-color:var(--color-background);color:var(--color-text);transition:border-color .3s}.form-input:focus{outline:none;border-color:var(--color-primary)}.form-textarea{width:100%;padding:.75rem;font-size:1rem;border:1px solid var(--color-border);border-radius:.5rem;background-color:var(--color-background);color:var(--color-text);min-height:150px;resize:vertical;transition:border-color .3s}.form-textarea:focus{outline:none;border-color:var(--color-primary)}.header{background-color:var(--color-background-soft);border-bottom:1px solid var(--color-border);padding:1rem 2rem}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-title{font-size:1.5rem;font-weight:600;color:var(--color-heading);margin:0}.header-nav{display:flex;gap:2rem}.header-nav a{color:var(--color-text);font-weight:500;transition:color .3s}.header-nav a:hover,.header-nav a.router-link-active{color:var(--color-primary)}.home-page{max-width:1200px;margin:0 auto}.section{margin-bottom:3rem;padding:2rem;background-color:var(--color-background-soft);border-radius:.5rem;border:1px solid var(--color-border)}.section-title{margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-primary)}.info-card{background-color:var(--color-background);padding:1.5rem;border-radius:.5rem;border:1px solid var(--color-border);margin-bottom:1rem}.code-block{background-color:var(--color-background-mute);padding:1rem;border-radius:.5rem;font-family:Courier New,monospace;font-size:.9rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.button-group{display:flex;gap:1rem;flex-wrap:wrap}.status-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.5rem}.status-success{background-color:var(--color-primary)}.status-error{background-color:var(--color-danger)}.text-primary{color:var(--color-primary)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.text-muted{color:var(--color-text);opacity:.7}.bg-primary{background-color:var(--color-primary)}.bg-danger{background-color:var(--color-danger)}.bg-soft{background-color:var(--color-background-soft)}.m-0{margin:0}.m-1{margin:.5rem}.m-2{margin:1rem}.m-3{margin:1.5rem}.m-4{margin:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-0{padding:0}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.5rem}.pt-2{padding-top:1rem}.pt-3{padding-top:1.5rem}.pt-4{padding-top:2rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.5rem}.pb-2{padding-bottom:1rem}.pb-3{padding-bottom:1.5rem}.pb-4{padding-bottom:2rem}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%;padding:2rem}.about-page[data-v-aed3ca61]{max-width:1200px;margin:0 auto}.about-page h1[data-v-aed3ca61]{margin-bottom:2rem}.about-page ul[data-v-aed3ca61]{list-style-position:inside;margin-left:1rem}.about-page li[data-v-aed3ca61]{margin-bottom:.5rem}