:root{font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;color:#25304e;background-color:#f2f5ff}*{box-sizing:border-box}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(160deg,#f5f7ff,#ecf7ff)}.error-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:10px 16px;border-radius:8px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;box-shadow:0 8px 24px #0000001f;z-index:1000;font-size:14px}.login-card{width:100%;max-width:420px;background-color:#fff;border-radius:16px;padding:32px 28px;box-shadow:0 20px 48px #18366624}.menu-page,.simple-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(160deg,#f5f7ff,#ecf7ff)}.menu-card{width:100%;max-width:520px;background-color:#fff;border-radius:16px;padding:32px 28px;box-shadow:0 20px 48px #18366624}.menu-card h1,.simple-page h1{margin:0 0 8px;color:#1d2a4d}.menu-card p{margin:0 0 20px;color:#647199}.menu-actions{display:grid;gap:12px}.menu-actions button,.simple-page button{border:none;border-radius:10px;padding:11px 16px;background-color:#4d7cff;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.survey-builder-card{width:100%;max-width:560px;background-color:#fff;border-radius:16px;padding:28px 24px;box-shadow:0 20px 48px #18366624}.survey-builder-actions{display:flex;gap:10px;margin-top:10px}.survey-create-row{margin-top:16px;display:flex;gap:10px}.survey-create-row input{flex:1;border:1px solid #d2def5;border-radius:10px;padding:11px 12px;font-size:15px;outline:none}.survey-create-row input:focus{border-color:#4d7cff;box-shadow:0 0 0 4px #4d7cff1f}.survey-create-row button:disabled{opacity:.6;cursor:not-allowed}.survey-status-text{margin-top:12px;min-height:22px;color:#4b5982}.survey-editor-card{width:100%;max-width:860px;background-color:#fff;border-radius:16px;padding:28px 24px;box-shadow:0 20px 48px #18366624}.survey-editor-card p{color:#4b5982}.survey-list-card{width:100%;max-width:920px;background-color:#fff;border-radius:16px;padding:24px;box-shadow:0 20px 48px #18366624}.survey-list-actions{display:flex;gap:10px;margin:12px 0}.survey-table{width:100%;border-collapse:collapse;background:#fff}.survey-table th,.survey-table td{border:1px solid #e5ebff;padding:10px;text-align:left;color:#344164}.survey-table th{background:#f6f9ff}.survey-table .link-button{border:none;padding:0;background:none;color:#2f57c6;cursor:pointer;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s,text-decoration-color .2s}.survey-table .link-button:hover{color:#1f3f9e;text-decoration:underline}.survey-table .link-button:focus-visible{outline:2px solid #9bb2ef;outline-offset:2px;border-radius:2px}.survey-detail-grid{display:grid;gap:8px;margin-top:10px}.question-draft-grid{display:grid;grid-template-columns:1fr 220px;gap:12px}.question-draft-grid label,.question-content-block{display:grid;gap:6px;font-weight:600;color:#344164}.question-draft-grid input,.question-draft-grid select,.question-content-block textarea,.option-row input{border:1px solid #d2def5;border-radius:10px;padding:10px 12px;font-size:14px;outline:none}.question-content-block{margin-top:12px}.question-content-block textarea{min-height:90px;resize:vertical}.question-options-block{margin-top:14px;border:1px solid #e5ebff;border-radius:12px;padding:12px;background:#fafcff}.options-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.option-row{display:grid;grid-template-columns:24px 1fr 28px;align-items:center;gap:8px;margin-bottom:8px}.answer-block{margin-top:12px;display:flex;align-items:center;gap:12px}.editor-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.question-list{margin-top:12px;display:grid;gap:10px}.question-card{border:1px solid #e4ebff;border-radius:12px;padding:12px;background:#fbfdff}.question-card h3{margin:0 0 8px;color:#1d2a4d}.question-image-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.question-image-thumb{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid #dbe5ff}.danger-button{background-color:#e5484d}.danger-button:hover{background-color:#d13f44}.auth-toggle{display:flex;justify-content:flex-end;margin-bottom:8px}.auth-toggle button{border:1px solid #d2def5;border-radius:8px;background-color:#f7f9ff;color:#4460a7;font-size:13px;font-weight:600;padding:6px 10px;cursor:pointer}.auth-toggle button:hover{background-color:#edf2ff}.login-header h1{margin:0;font-size:30px;color:#1d2a4d}.login-header p{margin-top:8px;margin-bottom:24px;color:#647199;font-size:14px}.login-form{display:grid;gap:10px}.login-form label{color:#344164;font-size:14px;font-weight:600}.login-form input[type=text],.login-form input[type=password]{width:100%;border:1px solid #d2def5;border-radius:10px;padding:11px 12px;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.login-form input[type=text]:focus,.login-form input[type=password]:focus{border-color:#4d7cff;box-shadow:0 0 0 4px #4d7cff1f}.form-options{margin-top:4px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#6c7899}.remember-option{display:inline-flex;align-items:center;gap:6px}.remember-option input[type=checkbox]{accent-color:#4d7cff}.form-options a,.footer-text a{color:#4d7cff;text-decoration:none}.form-options a:hover,.footer-text a:hover{text-decoration:underline}.login-form button{margin-top:6px;border:none;border-radius:10px;padding:11px 16px;background-color:#4d7cff;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .2s,background-color .2s}.login-form button:hover{background-color:#3d69eb;box-shadow:0 10px 22px #4d7cff57}.login-form button:active{transform:translateY(1px)}.message{margin-top:14px;margin-bottom:0;min-height:22px;color:#4b5982;font-size:14px}.footer-text{margin-top:18px;text-align:center;color:#6a7598;font-size:13px}@media(max-width:480px){.login-card{padding:24px 18px}.login-header h1{font-size:26px}}
