*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.container{width:100%;max-width:400px;margin:0 auto;box-shadow:0 4px 20px rgba(0,0,0,.1);animation:fadeIn .5s ease-in-out}.container,.match-container{padding:24px;background-color:#fff;border-radius:16px}.match-container{box-shadow:0 2px 12px rgba(0,0,0,.08);position:relative;overflow:hidden}.welcome-icon{width:100px;height:100px;background-color:#e3f2fd;border-radius:50%;margin:0 auto 24px;display:flex;justify-content:center;align-items:center;font-size:50px;color:#2196f3;box-shadow:0 4px 12px rgba(33,150,243,.2)}h1{font-size:28px;text-align:center;color:#333;font-weight:700}.form-group,h1{margin-bottom:24px}.form-label{display:block;font-size:16px;font-weight:600;color:#555;margin-bottom:8px}.form-input{width:100%;padding:16px;font-size:16px;border:2px solid #e0e0e0;border-radius:12px;transition:all .3s ease;background-color:#fafafa}.form-input:focus{outline:none;border-color:#2196f3;background-color:#fff;box-shadow:0 0 0 3px rgba(33,150,243,.1)}.form-input::-moz-placeholder{color:#999}.form-input::placeholder{color:#999}.btn{width:100%;padding:16px;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.btn-primary{background-color:#2196f3;color:#fff}.btn-primary:hover{background-color:#1976d2;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background-color:#9e9e9e;cursor:not-allowed;transform:none}header{background-color:#2196f3;color:#fff;padding:16px 24px;font-size:20px;font-weight:600;text-align:center;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.1)}.welcome-text{text-align:center;font-size:16px;color:#666;margin-bottom:24px}#connection-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.items-container{display:flex;gap:24px;position:relative;z-index:2}.left-column{flex:1.2;width:38%;display:flex;flex-direction:column;gap:24px}.right-column{flex:1;width:33.333%;display:flex;flex-direction:column;gap:16px}.center-column{flex:0.8;width:28.666%;display:flex;justify-content:center;align-items:center}.item{padding:16px;border-radius:12px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:600;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.source-item.selected,.target-item.selected{background-color:#dbeafe;border-color:#3b82f6;transform:scale(1.02);box-shadow:0 4px 12px rgba(59,130,246,.2)}.source-item.connecting{background-color:#eff6ff;border-color:#60a5fa;animation:pulse 1.5s infinite}.question-item{background-color:#e3f2fd;color:#1976d2;text-align:center;min-height:80px;display:flex;align-items:center;justify-content:center;position:relative}.question-item-spaced{margin-bottom:12px;padding:20px 16px}.option-item{background-color:#f3e5f5;color:#7b1fa2;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center;position:relative}@media (hover:hover) and (pointer:fine){.item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}}@media (hover:none) and (pointer:coarse){.item:active{transform:scale(.98)}}.item.active{transform:scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.2)}.question-item.active{background-color:#1976d2;color:#fff}.option-item.active{background-color:#7b1fa2;color:#fff}.option-item.connected{background-color:#ce93d8;border:2px solid #7b1fa2}@media (max-width:768px){.option-item,.question-item{border-radius:16px}.option-item{min-height:50px}.option-item,.question-item{min-height:48px;padding:12px 16px;font-size:14px}}@media (max-width:480px){.option-item,.question-item{border-radius:12px;padding:10px 12px;font-size:16px}.option-item:before,.question-item:before{content:"";position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px}.btn{position:relative;min-height:48px;font-size:16px}.btn:after{content:"";position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px}.match-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.match-container:after{content:"← 左右滑动查看全部 →";position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);font-size:12px;color:#6b7280;white-space:nowrap}}.buttons-container{margin-top:24px;display:flex;gap:16px}.btn-reset{background-color:#f44336;color:#fff}.btn-reset:hover{background-color:#d32f2f}.btn-submit{background-color:#4caf50;color:#fff}.btn-submit:hover:not(:disabled){background-color:#388e3c}.btn-submit:disabled{background-color:#9e9e9e;cursor:not-allowed}.success-icon{width:100px;height:100px;background-color:#e8f5e9;border-radius:50%;margin:0 auto 24px;display:flex;justify-content:center;align-items:center;font-size:50px;color:#4caf50;animation:pulse 2s infinite}.detail-info{background-color:#f5f5f5;border-radius:12px;padding:16px;margin-bottom:24px;text-align:left}.detail-info p{margin-bottom:8px;font-size:14px;color:#666}.detail-info p:last-child{margin-bottom:0}.highlight{font-weight:600;color:#333}.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width:768px){.match-container{overflow-x:auto;overflow-y:visible;padding:16px 12px;box-shadow:none;border-radius:0;-ms-overflow-style:none;scrollbar-width:none}.match-container::-webkit-scrollbar{display:none}.items-container{display:flex;gap:20px;width:-moz-max-content;width:max-content;min-width:100%;position:relative;z-index:2}.left-column{flex:0 0 140px;width:140px;display:flex;flex-direction:column;gap:8px}.center-column{flex:0 0 60px;width:60px;display:flex;justify-content:center;align-items:center}.right-column{flex:0 0 140px;width:140px;display:flex;flex-direction:column;gap:8px}.item{padding:16px 8px;font-size:13px;min-height:70px}.source-item,.target-item{min-height:70px;display:flex;align-items:center;justify-content:center;text-align:center}.container{padding:20px 16px;max-width:100%;margin:0;box-shadow:none;border-radius:0}header{padding:12px 16px;font-size:18px}.welcome-text{font-size:14px;margin-bottom:16px}.buttons-container{display:flex;flex-direction:row;gap:12px;margin-top:16px}.btn{padding:14px;font-size:15px;flex:1}}@media (max-width:480px){.match-container{padding:12px 8px}.left-column{flex:0 0 120px;width:120px;gap:6px}.center-column{flex:0 0 50px;width:50px}.right-column{flex:0 0 120px;width:120px;gap:6px}.item{padding:14px 6px;font-size:12px;min-height:65px}.question-item-spaced{margin-bottom:6px;padding:14px 10px}}@media (max-width:375px){.left-column,.right-column{flex:0 0 100px;width:100px}.center-column{flex:0 0 40px;width:40px}.source-item,.target-item{font-size:11px;padding:12px 4px;min-height:60px}}