*{margin:0;padding:0;box-sizing:border-box;}body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#333;background-color:#f5f5f5;line-height:1.5;}h1,h2,h3,h4,h5,h6,p,span,a,div,li,input,button,textarea{font-family:"Microsoft YaHei","PingFang SC",sans-serif;}.container{max-width:1280px;margin:0 auto;padding:0 15px;}a{text-decoration:none;color:#333;}ul{list-style:none;}img{max-width:100%;height:auto;}.main-content{padding:20px 0;background-color:#f5f5f5;min-height:calc(100vh - 180px);}html{overflow-y:scroll;}body{overflow-x:hidden;}@media (max-width:768px){.container{padding:0 10px;}}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000;justify-content:center;align-items:center;opacity:0;transition:opacity 0.3s ease;}.modal-overlay.show{opacity:1;}.modal-container{background-color:#fff;border-radius:8px;width:90%;max-width:420px;box-shadow:0 4px 12px rgba(0,0,0,0.15);transform:translateY(-20px);transition:transform 0.3s ease;}.modal-overlay.show .modal-container{transform:translateY(0);}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #eee;}.modal-title{margin:0;font-size:18px;color:#333;}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999;outline:none;}.modal-close:hover{color:#666;}.modal-body{padding:24px;}