body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#8b4513;--primary-light:sienna;--gold:peru;--text:#4a3728;--text-light:#8b7355;--bg-light:#fef9f3;--bg-cream:#f5e6d3;--bg-app-bg:#f5ecd5;--gradient:linear-gradient(135deg,#8b4513,peru)}body{background-color:#f5ecd5;background-color:var(--bg-app-bg);color:#4a3728;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;margin:0;overflow-x:hidden}header{background:linear-gradient(135deg,#8b4513,peru);background:var(--gradient);color:#fef9f3;color:var(--bg-light);margin-bottom:4rem;overflow:hidden;padding:6rem 1.5rem;position:relative;text-align:center}header:after{background:linear-gradient(135deg,#8b4513,peru);background:var(--gradient);bottom:-50px;height:100px;z-index:1}header:after,header:before{content:"";left:0;position:absolute;right:0;transform:skewY(-3deg)}header:before{background:#fef9f3;background:var(--bg-light);height:100%;top:0;z-index:0}h1{font-size:3.5rem;font-weight:700;margin:0;position:relative;z-index:2}h1,h2{color:#8b4513;color:var(--primary);letter-spacing:-.5px}h2{font-weight:600}header p{color:#4a3728;color:var(--text);opacity:.9;z-index:2}.section,header p,main{position:relative}.section{animation:fadeUp .8s ease forwards;margin:auto;max-width:1200px;opacity:0;padding:4rem 2rem}.section h2{color:#8b4513;color:var(--primary);font-size:2.5rem;margin-bottom:2rem;text-align:center}.intro-section{animation-delay:.2s;background:#f5ecd5;background:var(--bg-app-bg);border-radius:24px;margin:0 auto;max-width:800px;overflow:hidden;padding:5rem 2rem;position:relative;text-align:center}.intro-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b4513,peru);background:var(--gradient);-webkit-background-clip:text;display:inline-block;font-size:3.2rem;margin-bottom:2rem;position:relative;z-index:1}.intro-section p{color:#8b7355;color:var(--text-light);font-size:1.4rem;line-height:1.8;margin:0 auto 2.5rem;max-width:800px;position:relative;z-index:1}.features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:2rem}.feature{background:#fef9f3;background:var(--bg-light);border:1px solid #8b45131a;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.feature:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.feature h3{color:#8b4513;color:var(--primary);font-size:1.5rem;font-weight:600;letter-spacing:-.5px;margin-bottom:1rem;position:relative}.feature h3:after{background:peru;background:var(--gold);content:"";display:block;height:3px;margin-top:.5rem;width:50px}.feature ul{padding-left:1.2rem}.feature li{color:#8b7355;color:var(--text-light);margin-bottom:.8rem}.calligraphy-section{background:#f5ecd5;background:var(--bg-app-bg);border-radius:24px;margin:4rem auto;max-width:1000px;overflow:hidden;padding:5rem 2rem;position:relative;text-align:center}.calligraphy-section h2{font-size:3.2rem;margin-bottom:2rem;position:relative;z-index:1}.calligraphy-section p{color:#8b7355;color:var(--text-light);font-size:1.4rem;line-height:1.8;margin:0 auto 2.5rem;max-width:800px;position:relative;z-index:1}.cta-button{background:#8b4513;background:var(--primary);border:none;border-radius:12px;color:#fef9f3;color:var(--bg-light);cursor:pointer;font-size:1.3rem;font-weight:500;letter-spacing:.5px;margin-top:2.5rem;padding:1.2rem 3rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;z-index:1}.cta-button:hover{background:sienna;background:var(--primary-light);box-shadow:0 10px 25px #8b451333;transform:translateY(-3px)}.cta-button:active{transform:translateY(-1px)}@media (max-width:768px){.calligraphy-section{margin:2rem auto;padding:4rem 1.5rem}.calligraphy-section h2{font-size:2.5rem}.calligraphy-section p{font-size:1.2rem;padding:0 1rem}.cta-button{font-size:1.2rem;padding:1rem 2.5rem}}footer{background:#8b4513;background:var(--primary);color:#fef9f3;color:var(--bg-light);margin-top:4rem;padding:3rem 1rem;position:relative;text-align:center}footer:before{background:linear-gradient(135deg,#8b4513,peru);background:var(--gradient);content:"";height:100px;left:0;position:absolute;right:0;top:-50px;transform:skewY(3deg);z-index:-1}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeUp 1s ease forwards;opacity:0}.delay-1{animation-delay:.3s}.delay-2{animation-delay:.5s}.delay-3{animation-delay:.7s}@media (max-width:768px){h1{font-size:2.5rem}.features{grid-template-columns:1fr}.section{padding:2rem 1rem}}.app-preview-section{overflow:visible;padding:6rem 2rem;position:relative}.app-preview{perspective:1000px;z-index:2}.app-preview,.phone-mockup{margin:0 auto;position:relative}.phone-mockup{background:#111;border-radius:40px;box-shadow:0 20px 40px #0000004d;height:600px;padding:12px;transform:rotateX(10deg) rotateY(0deg);transition:transform .3s ease;width:300px}.phone-mockup:hover{transform:rotateX(0deg) rotateY(0deg) scale(1.02)}.app-screen{background:#fff;border-radius:30px;position:relative}.app-content,.app-screen{height:100%;overflow:hidden}.app-content{background:linear-gradient(45deg,#f3f3f3,#fff)}.app-screenshot{display:block;height:100%;object-fit:cover;width:100%}@media (max-width:768px){.phone-mockup{height:520px;padding:10px;width:260px}.app-preview-section{padding:4rem 1rem}}.tone-example{text-align:center}.tone-example .chinese{color:#8b4513;color:var(--primary);display:block;font-size:4rem;margin-bottom:.5rem}.tone-example .pinyin{color:#666;font-size:2rem}.app-badges{display:flex;gap:1.5rem;justify-content:center;margin-top:3rem;position:relative;z-index:1}.app-store-badge,.play-store-badge{align-items:center;background:#8b4513;background:var(--primary);border:none;border-radius:12px;color:#fef9f3;color:var(--bg-light);cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;gap:.8rem;letter-spacing:.5px;padding:1rem 2rem;transition:transform .3s ease,box-shadow .3s ease}.app-store-badge i,.play-store-badge i{font-size:1.3rem}.app-store-badge:hover,.play-store-badge:hover{background:sienna;background:var(--primary-light);box-shadow:0 10px 25px #8b451333;transform:translateY(-3px)}.app-store-badge:active,.play-store-badge:active{transform:translateY(-1px)}@media (max-width:768px){.intro-section{padding:4rem 1.5rem}.intro-section h2{font-size:2.5rem}.intro-section p{font-size:1.2rem;padding:0 1rem}.app-badges{align-items:center;flex-direction:column;gap:1rem}.app-store-badge,.play-store-badge{justify-content:center;max-width:250px;width:100%}}.footer-links{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem;margin-top:1rem}.footer-links a{color:#fef9f3;color:var(--bg-light);font-size:.95rem;opacity:.9;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:peru;color:var(--gold);opacity:1;text-decoration:underline}.footer-separator{color:#fef9f3;color:var(--bg-light);margin:0 .5rem;opacity:.6}.social-links{display:flex;gap:1.5rem;justify-content:center;margin-top:1.5rem}.social-links a{color:#fef9f3;color:var(--bg-light);font-size:1.5rem;opacity:.9;transition:transform .2s ease}.social-links a:hover{color:peru;color:var(--gold);opacity:1}.feature h3 i{color:peru;color:var(--gold);margin-right:.5rem}@media (max-width:768px){.phone-mockup{height:440px;width:220px}.app-badges{align-items:center;flex-direction:column}.app-store-badge,.play-store-badge{width:200px}}.terms-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.terms-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:100%}.terms-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.terms-modal-header h2{color:#333;font-size:24px;margin:0}.terms-modal-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;width:32px}.terms-modal-close:hover{color:#000}.terms-modal-tabs{border-bottom:1px solid #e0e0e0;display:flex}.terms-modal-tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:16px;transition:all .2s}.terms-modal-tab:hover{background:#f5f5f5;color:#333}.terms-modal-tab.active{border-bottom-color:#8b4513;color:#8b4513}.terms-modal-body{flex:1 1;overflow-y:auto;padding:24px}.terms-modal-meta{border-bottom:1px solid #e0e0e0;color:#666;font-size:14px;margin-bottom:20px;padding-bottom:16px}.terms-modal-meta p{margin:4px 0}.terms-modal-text{color:#333;line-height:1.6}.terms-modal-text h1{color:#333;font-size:28px;margin-bottom:16px;margin-top:24px}.terms-modal-text h2{color:#333;font-size:24px;margin-bottom:12px;margin-top:20px}.terms-modal-text h3{color:#333;font-size:20px;margin-bottom:8px;margin-top:16px}.terms-modal-text p{margin-bottom:12px}.terms-modal-text strong{font-weight:600}.terms-modal-loading{color:#666;padding:40px;text-align:center}.admin-app{background:#f5f5f5;min-height:100vh}.admin-loading,.admin-login,.admin-unauthorized{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.admin-login-form{margin-top:2rem;max-width:400px;width:100%}.admin-error{background:#f8d7da;border:1px solid #f5c6cb;color:#dc3545;margin-bottom:1rem}.admin-error,.admin-login-note{border-radius:4px;padding:.75rem}.admin-login-note{background:#f8f9fa;border-left:3px solid #007bff;color:#6c757d;font-size:.9rem;margin:1rem 0}.admin-header{align-items:center;background:#8b4513;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem}.admin-header h1{font-size:1.5rem;margin:0}.admin-header button{background:#fff3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.admin-header button:hover{background:#ffffff4d}.admin-main{display:flex;min-height:calc(100vh - 60px)}.admin-sidebar{background:#fff;border-right:1px solid #e0e0e0;padding:1rem;width:200px}.admin-sidebar button{background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:block;margin-bottom:.5rem;padding:.75rem;text-align:left;width:100%}.admin-sidebar button:hover{background:#f5f5f5}.admin-sidebar button.active{background:#8b4513;border-color:#8b4513;color:#fff}.admin-content{flex:1 1;padding:2rem}.admin-publish-form h2,.admin-versions h2{color:#333;margin-top:0}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:monospace;font-size:14px;padding:.75rem;width:100%}.form-group textarea{resize:vertical}.admin-submit-btn{background:#8b4513;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem}.admin-submit-btn:hover{background:sienna}.admin-table{background:#fff;border-collapse:collapse;border-radius:4px;overflow:hidden;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #e0e0e0;padding:1rem;text-align:left}.admin-table th{background:#f5f5f5;color:#333;font-weight:600}.admin-table button{background:#8b4513;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.admin-table button:hover{background:sienna}
/*# sourceMappingURL=main.35d9c68a.css.map*/