*{margin:0;padding:0;box-sizing:border-box;font-family:PingFang SC,Microsoft YaHei,sans-serif}body{background:linear-gradient(135deg,#f5f0ff,#e6d6ff 50%,#d9c2ff);min-height:100vh;padding-top:60px;padding-bottom:80px}.header{position:fixed;top:0;left:0;right:0;background:rgba(232,223,255,.85);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:#9370db;padding:16px;box-shadow:0 4px 20px rgba(147,112,219,.2);justify-content:space-between;z-index:1000;border:1px solid rgba(232,223,255,.5)}.back-btn,.header{display:flex;align-items:center}.back-btn{width:40px;height:40px;border-radius:50%;background:rgba(230,214,255,.3);justify-content:center;margin-right:15px;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:rgba(230,214,255,.5);transform:scale(1.05)}.back-btn:before{content:"←";font-size:20px;color:#8a6bff;font-weight:700}.header-title{font-size:18px;font-weight:600;color:#6a4cff;flex:1;text-align:center}.container{padding:0 15px;height:calc(100vh - 140px);overflow-y:auto}.form-container{background:hsla(0,0%,100%,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:25px 20px;margin-top:20px;box-shadow:0 8px 32px rgba(138,107,255,.2);border:1px solid hsla(0,0%,100%,.4);width:100%}.form-group{margin-bottom:20px;display:flex;flex-direction:row;align-items:center}.form-label{width:25%;font-size:14px;font-weight:600;color:#5a47cc;margin-right:12px;text-shadow:0 1px 1px rgba(0,0,0,.05);flex-shrink:0}.form-input-container{width:75%;flex-grow:1;position:relative}.form-input{width:100%;padding:14px 16px;border:2px solid rgba(217,194,255,.6);border-radius:12px;font-size:16px;color:#333;background:hsla(0,0%,100%,.8);transition:all .3s ease;outline:none}.form-input:focus{border-color:#8a6bff;box-shadow:0 0 0 3px rgba(138,107,255,.2);transform:translateY(-1px)}.form-input::-moz-placeholder{color:#aaa}.form-input:-ms-input-placeholder{color:#aaa}.form-input::placeholder{color:#aaa}.add-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:rgba(138,107,255,.2);border:none;border-radius:6px;color:#8a6bff;font-size:12px;font-weight:600;padding:4px 8px;cursor:pointer;transition:all .2s ease}.add-btn:hover{background:rgba(138,107,255,.3);transform:translateY(-50%) scale(1.05)}.select-container{margin-top:8px}.select-label{font-size:12px;color:#8a6bff;margin-bottom:4px;display:block}.form-select{width:100%;padding:12px 16px;border:2px solid rgba(217,194,255,.6);border-radius:12px;font-size:16px;color:#333;background:hsla(0,0%,100%,.8);transition:all .3s ease;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238a6bff'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.form-select:focus{border-color:#8a6bff;box-shadow:0 0 0 3px rgba(138,107,255,.2)}.submit-btn-container{position:fixed;bottom:0;left:0;right:0;padding:15px 20px;background:hsla(0,0%,100%,.7);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-top:1px solid hsla(0,0%,100%,.5);box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:1000}.submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#d9ccff,#c9b8ff);color:#fff;border:none;border-radius:14px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(201,184,255,.3)}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(201,184,255,.4)}.submit-btn:active{transform:translateY(0)}.crystal-effect{position:relative;overflow:hidden}.crystal-effect:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.3) 0,transparent 70%);transform:rotate(30deg);pointer-events:none}@media (max-width:480px){.form-container{padding:20px 15px;margin-top:15px}.form-label{width:30%;font-size:13px;margin-right:8px}.form-input-container{width:70%}.form-input{padding:12px 14px;font-size:15px}.add-btn{font-size:11px;padding:3px 6px;right:6px}.form-select{padding:10px 14px;font-size:15px}.submit-btn{padding:14px;font-size:16px}.submit-btn-container{padding:12px 15px}}