*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333}#app{min-height:100vh}.page-container{min-height:100vh;background-color:#f5f5f5}.navbar{background-color:#2f80ed;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.navbar-content{max-width:1200px;margin:0 auto;padding:0 20px;height:60px;display:flex;align-items:center;justify-content:center}.navbar-title{color:#fff;font-size:18px;font-weight:600;margin:0;text-align:center}.content{padding:15px 20px;max-width:1200px;margin:0 auto;background-color:#fff;min-height:calc(100vh - 60px)}.agreement-content{line-height:1.6;font-size:14px;color:#333}.agreement-content h1,.agreement-content h2,.agreement-content h3,.agreement-content h4,.agreement-content h5,.agreement-content h6{margin:20px 0 10px;font-weight:700}.agreement-content p{margin:10px 0;text-indent:2em}.agreement-content ul,.agreement-content ol{margin:10px 0;padding-left:40px}.agreement-content li{margin:5px 0}.agreement-content strong{font-weight:700}.agreement-content em{font-style:italic}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #2F80ED;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading p{color:#666;font-size:14px;margin:0}@media (max-width: 768px){.navbar-content{padding:0 15px;height:56px}.navbar-title{font-size:16px}.content{padding:10px 15px}}