body{background:linear-gradient(135deg, #100018, #2a003a, #100018);color:#e0e0e0;font-family:'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative;background-attachment:fixed;}body::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="25" cy="25" r="2" fill="%234a0a6a" opacity="0.3"/><circle cx="75" cy="75" r="2" fill="%234a0a6a" opacity="0.3"/></svg>') repeat;opacity:0.2;pointer-events:none;z-index:-1;animation:backgroundPulse 15s infinite alternate ease-in-out;}@keyframes backgroundPulse{0%{opacity:0.2;}100%{opacity:0.3;}}.container{max-width:900px;margin:20px auto;padding:25px;background-color:rgba(20, 0, 30, 0.95);border-radius:20px;box-shadow:0 10px 40px rgba(0, 0, 0, 0.8), 0 0 20px rgba(255, 102, 178, 0.2);flex-grow:1;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid rgba(255, 102, 178, 0.3);}.container::before{content:'';position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(circle at center, rgba(255, 102, 178, 0.05) 0%, transparent 70%);pointer-events:none;z-index:-1;}.container::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:5px;background:linear-gradient(to right, #ff66b2, #7a0a9a, #ff66b2);opacity:0.5;}.h1{color:#ff66b2;text-align:center;margin-bottom:30px;font-size:2.8em;text-shadow:0 0 20px rgba(255, 102, 178, 0.8), 0 0 5px rgba(255, 255, 255, 0.3);letter-spacing:2px;font-weight:bold;animation:glowTitle 3s infinite alternate;}.tab-nav{display:flex;justify-content:center;margin-bottom:25px;border-bottom:2px solid #5a0a7a;position:relative;}.tab-nav::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(to right, transparent, #ff66b2, transparent);opacity:0.6;}.tab-button{background-color:transparent;border:none;padding:15px 30px;font-size:1.25em;color:#aa88bb;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden;border-radius:8px 8px 0 0;}.tab-button::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg, rgba(255,102,178,0.1), rgba(170,136,187,0.1));opacity:0;transition:opacity 0.3s ease;}.tab-button:hover::before{opacity:1;}.tab-button:hover{color:#ff99cc;background-color:rgba(255, 153, 204, 0.12);box-shadow:0 0 15px rgba(255, 153, 204, 0.3);transform:translateY(-2px);}.tab-button.active{color:#ff66b2;font-weight:bold;background-color:rgba(255, 102, 178, 0.2);border-bottom:3px solid #ff66b2;box-shadow:0 0 25px rgba(255, 102, 178, 0.5);transform:translateY(0);}.tab-button.active::before{opacity:1;}.tab-content{display:none;padding:20px 0;flex-grow:1;animation:fadeIn 0.6s ease-out forwards;}.tab-content.active{display:block;}.h2{color:#ff99cc;border-bottom:1px solid #7a0a9a;padding-bottom:10px;margin-top:30px;margin-bottom:20px;font-size:2em;text-shadow:0 0 10px rgba(255, 153, 204, 0.4);position:relative;}.h2::before{content:'';position:absolute;bottom:-2px;left:0;width:30%;height:2px;background:linear-gradient(to right, #ff66b2, transparent);}.h3{color:#ffb3e6;margin-top:25px;margin-bottom:15px;font-size:1.5em;text-shadow:0 0 8px rgba(255, 179, 230, 0.3);}.p{line-height:1.8;margin-bottom:15px;color:#d0d0d0;}.strong{color:#ffddf4;font-weight:bold;text-shadow:0 0 5px rgba(255, 221, 244, 0.2);}.form-group{margin-bottom:20px;}.label{display:block;margin-bottom:8px;font-weight:bold;color:#ffb3e6;font-size:1.15em;}.input[type="text"],.input[type="number"],.textarea{width:calc(100% - 24px);padding:14px;background-color:rgba(60, 0, 90, 0.7);border:1px solid #7a0a9a;border-radius:10px;color:#e0e0e0;font-size:1.05em;transition:border-color 0.3s ease, box-shadow 0.3s ease;resize:vertical;min-height:45px;box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.6);}.textarea{min-height:140px;}.input[type="text"]:focus,.input[type="number"]:focus,.textarea:focus{border-color:#ff66b2;box-shadow:0 0 15px rgba(255, 102, 178, 0.6), inset 0 0 8px rgba(255, 102, 178, 0.3);outline:none;background-color:rgba(70, 0, 100, 0.8);}.input::placeholder,.textarea::placeholder{color:#a0a0a0;opacity:0.8;}.radio-group{display:flex;gap:25px;margin-top:10px;}.radio-group .label{display:flex;align-items:center;cursor:pointer;color:#e0e0e0;font-weight:normal;font-size:1.05em;}.radio-group .input[type="radio"]{appearance:none;width:22px;height:22px;border:2px solid #ff66b2;border-radius:50%;margin-right:10px;position:relative;display:flex;justify-content:center;align-items:center;outline:none;cursor:pointer;transition:all 0.2s ease;background-color:rgba(255, 102, 178, 0.1);}.radio-group .input[type="radio"]:hover{border-color:#ff99cc;box-shadow:0 0 8px rgba(255, 153, 204, 0.5);}.radio-group .input[type="radio"]:checked{background-color:#ff66b2;border-color:#ff66b2;box-shadow:0 0 15px rgba(255, 102, 178, 0.7);}.radio-group .input[type="radio"]:checked::before{content:'';width:10px;height:10px;background-color:#1a0a2a;border-radius:50%;}.preview-box{background-color:rgba(40, 0, 60, 0.8);border:1px solid #7a0a9a;border-radius:12px;padding:20px;margin-top:30px;font-size:0.98em;color:#e0e0e0;white-space:pre-wrap;word-break:break-word;min-height:180px;max-height:450px;overflow-y:auto;line-height:1.7;box-shadow:inset 0 0 15px rgba(0, 0, 0, 0.7);position:relative;}.preview-box::before{content:'预览配置信息';position:absolute;top:-15px;left:20px;background-color:rgba(40, 0, 60, 0.9);padding:5px 10px;border-radius:5px;color:#ffb3e6;font-size:0.8em;letter-spacing:1px;}.copy-button{background:linear-gradient(45deg, #ff66b2, #e60073);color:#fff;border:none;padding:16px 30px;border-radius:10px;font-size:1.15em;cursor:pointer;margin-top:25px;width:100%;transition:all 0.3s ease, box-shadow 0.4s ease;box-shadow:0 6px 20px rgba(255, 102, 178, 0.5);font-weight:bold;letter-spacing:0.5px;}.copy-button:hover{background:linear-gradient(45deg, #ff4da6, #cc0066);transform:translateY(-3px);box-shadow:0 8px 30px rgba(255, 102, 178, 0.8);}.copy-button:active{background:linear-gradient(45deg, #e60073, #b3005a);transform:translateY(0);box-shadow:0 4px 15px rgba(255, 102, 178, 0.4);}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.85);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity 0.4s ease, visibility 0.4s ease;backdrop-filter:blur(5px);}.modal-overlay.active{opacity:1;visibility:visible;}.modal-content{background-color:#3a0a4a;padding:35px;border-radius:15px;box-shadow:0 15px 50px rgba(0, 0, 0, 0.9), 0 0 25px rgba(255, 102, 178, 0.6);text-align:center;max-width:450px;width:90%;position:relative;animation:modalPop 0.4s ease-out forwards;border:2px solid #ff66b2;}.modal-content h3{color:#ff66b2;margin-top:0;font-size:1.8em;text-shadow:0 0 10px rgba(255, 102, 178, 0.6);}.modal-content p{color:#e0e0e0;font-size:1.15em;margin-bottom:30px;}.modal-close-button{background-color:#ff66b2;color:#fff;border:none;padding:12px 25px;border-radius:8px;cursor:pointer;font-size:1.05em;transition:background-color 0.3s ease, transform 0.2s ease;font-weight:bold;}.modal-close-button:hover{background-color:#ff4da6;transform:translateY(-1px);}.modal-close-button:active{background-color:#e60073;transform:translateY(0);}.footer{text-align:center;padding:25px;margin-top:40px;font-size:0.9em;color:#999;border-top:1px solid rgba(122, 10, 154, 0.3);position:relative;}.footer a{color:#ff66b2;text-decoration:none;transition:color 0.3s ease, text-shadow 0.3s ease;}.footer a:hover{color:#ff99cc;text-decoration:underline;text-shadow:0 0 8px rgba(255, 153, 204, 0.5);}@keyframes fadeIn{from{opacity:0;transform:translateY(15px);}to{opacity:1;transform:translateY(0);}}@keyframes glowTitle{0%{text-shadow:0 0 20px rgba(255, 102, 178, 0.8), 0 0 5px rgba(255, 255, 255, 0.3);}50%{text-shadow:0 0 25px rgba(255, 102, 178, 1), 0 0 8px rgba(255, 255, 255, 0.5);}100%{text-shadow:0 0 20px rgba(255, 102, 178, 0.8), 0 0 5px rgba(255, 255, 255, 0.3);}}@media (max-width: 768px){.container{margin:15px;padding:20px;}.h1{font-size:2.2em;margin-bottom:25px;}.tab-button{padding:12px 25px;font-size:1.1em;}.h2{font-size:1.7em;margin-top:25px;}.h3{font-size:1.3em;margin-top:20px;}.input[type="text"],.input[type="number"],.textarea{width:calc(100% - 20px);padding:12px;}.copy-button{padding:14px 25px;font-size:1.05em;}.modal-content{padding:25px;}.modal-content h3{font-size:1.5em;}.modal-content p{font-size:1.05em;}.footer{padding:20px;margin-top:30px;}}@media (max-width: 480px){.tab-nav{flex-wrap:wrap;border-bottom:none;}.tab-button{flex:1 1 auto;width:100%;border-bottom:2px solid #5a0a7a;margin-bottom:5px;}.tab-button.active{border-bottom:3px solid #ff66b2;}.radio-group{flex-direction:column;gap:15px;}.container{margin:10px;padding:15px;}.h1{font-size:1.8em;}.h2{font-size:1.4em;}.h3{font-size:1.2em;}.input[type="text"],.input[type="number"],.textarea{padding:10px;min-height:40px;}.textarea{min-height:100px;}.preview-box{min-height:150px;}.copy-button{padding:12px 20px;font-size:1em;}}