:root{--nx-navy:#1a005d;--nx-green:#8ec300;--nx-white:#fff;--nx-ink:#1d1930;--nx-muted:#666276;--nx-line:#e5e2ec;--nx-soft:#f6f5f9;--nx-danger:#b42318;--nx-success:#3f7800;--shadow:0 18px 50px rgba(26,0,93,.09)}
*{box-sizing:border-box}html{background:var(--nx-white)}body{margin:0;color:var(--nx-ink);background:var(--nx-white);font-family:Arial,"PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Noto Sans CJK SC",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}a{color:var(--nx-navy)}h1,h2,p{margin-top:0}.public-main{min-height:100dvh}.eyebrow{margin:0 0 12px;color:var(--nx-green);font-size:.75rem;font-weight:800;letter-spacing:.16em}.muted{color:var(--nx-muted)}
.brand-lines{display:flex;gap:8px;height:9px}.brand-lines span{display:block;height:100%}.brand-lines span:nth-child(1){width:50%;background:var(--nx-navy)}.brand-lines span:nth-child(2){width:28%;background:var(--nx-green)}.brand-lines span:nth-child(3){flex:1;background:var(--nx-navy)}
.button{min-height:46px;border:1px solid transparent;padding:11px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:wait;transform:none}.button.primary{color:#fff;background:var(--nx-navy)}.button.primary:hover{background:#2d1370}.button.secondary{color:var(--nx-navy);background:#fff;border-color:var(--nx-navy)}.button.ghost{color:var(--nx-navy);background:transparent;border-color:var(--nx-line)}.button.danger{color:var(--nx-danger)}.button.full{width:100%}.text-link{font-weight:700;text-decoration:none}.back-link{display:inline-block;margin-bottom:22px;font-weight:700;text-decoration:none}
.welcome-page,.login-page{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;background:#fff}.welcome-card,.login-card{width:min(680px,calc(100% - 40px));margin:auto;padding:64px 72px;border:1px solid var(--nx-line);box-shadow:var(--shadow);text-align:center}.welcome-logo{width:210px;max-width:65%;height:auto;margin-bottom:34px}.welcome-card h1,.login-card h1{margin-bottom:20px;color:var(--nx-navy);font-size:clamp(2rem,6vw,3.35rem);line-height:1.08}.welcome-lead{max-width:500px;margin:0 auto 28px;color:var(--nx-muted);font-size:1.08rem;line-height:1.8}.welcome-note{display:flex;gap:12px;margin:0 0 28px;padding:16px;text-align:left;background:var(--nx-soft);border-left:4px solid var(--nx-green)}.welcome-note p{margin:0;line-height:1.6}.note-mark{width:24px;height:24px;flex:0 0 24px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--nx-navy);font-weight:800}.welcome-page footer{padding:22px;text-align:center;color:var(--nx-muted);font-size:.85rem}
.login-card{width:min(480px,calc(100% - 40px));padding:48px;text-align:left}.login-logo{display:block;width:142px;margin:0 auto 32px}.login-logo img{width:100%}.login-card h1{text-align:center;font-size:2rem}.login-card>.eyebrow,.login-card>.muted{text-align:center}.form-stack{display:grid;gap:18px;margin:30px 0 24px}.field{display:grid;gap:8px;min-width:0}.field label{font-size:.9rem;font-weight:700;color:var(--nx-navy)}.field label b,.consent-box b{color:var(--nx-danger)}.field input,.field textarea,.field select,.ranking-list select{width:100%;min-height:48px;padding:11px 13px;border:1px solid #bbb7c7;border-radius:0;color:var(--nx-ink);background:#fff;outline:none}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus,.ranking-list select:focus{border-color:var(--nx-navy);box-shadow:0 0 0 3px rgba(26,0,93,.11)}.check-row{display:flex;gap:10px;align-items:center;color:var(--nx-muted);font-size:.9rem}.check-row input,.consent-box input{width:20px;height:20px;accent-color:var(--nx-navy)}
.alert{margin-bottom:22px;padding:13px 15px;border-left:4px solid}.alert.error{color:#7a271a;background:#fef3f2;border-color:var(--nx-danger)}.alert.saved{color:#365314;background:#f1f8e8;border-color:var(--nx-green)}
.survey-state{min-height:100dvh;padding:40px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.survey-state h1{color:var(--nx-navy);font-size:clamp(2rem,6vw,3rem)}.survey-state>p{max-width:580px;line-height:1.7}.spinner{width:44px;height:44px;margin-bottom:18px;border:4px solid var(--nx-line);border-top-color:var(--nx-green);border-radius:50%;animation:spin .8s linear infinite}.success-mark,.invalid-mark{width:74px;height:74px;margin-bottom:24px;display:grid;place-items:center;color:#fff;background:var(--nx-green);font-size:2.2rem;font-weight:800}.invalid-mark{background:var(--nx-navy)}@keyframes spin{to{transform:rotate(360deg)}}
.survey-page{min-height:100dvh;background:var(--nx-soft)}.survey-header{height:88px;padding:12px clamp(20px,4vw,64px);display:flex;align-items:center;gap:22px;background:#fff;border-bottom:1px solid var(--nx-line)}.survey-header img{width:90px;height:64px;object-fit:contain}.survey-header div{padding-left:22px;border-left:1px solid var(--nx-line);display:grid;gap:3px}.survey-header span{color:var(--nx-muted);font-size:.8rem}.survey-header strong{color:var(--nx-navy);font-size:1.05rem}.survey-shell{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:44px 0 70px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:34px;align-items:start}.step-rail{position:sticky;top:32px;padding:28px;background:#fff;border-top:5px solid var(--nx-navy)}.step-item{display:grid;grid-template-columns:28px 1fr;gap:11px;align-items:center;padding:9px 0;color:#9792a4}.step-item span{width:28px;height:28px;display:grid;place-items:center;border:1px solid #c8c4d0;font-size:.78rem;font-weight:800}.step-item p{margin:0;font-size:.88rem}.step-item.current{color:var(--nx-navy);font-weight:800}.step-item.current span{color:#fff;background:var(--nx-navy);border-color:var(--nx-navy)}.step-item.done{color:var(--nx-success)}.step-item.done span{color:#fff;background:var(--nx-green);border-color:var(--nx-green)}.step-rail small{display:block;margin-top:22px;padding-top:18px;border-top:1px solid var(--nx-line);color:var(--nx-muted);font-size:.72rem;line-height:1.6}.survey-card{min-width:0;padding:48px clamp(28px,6vw,72px);background:#fff;border-top:5px solid var(--nx-green);box-shadow:0 12px 34px rgba(26,0,93,.06)}.survey-card h1{margin-bottom:12px;color:var(--nx-navy);font-size:clamp(1.8rem,4vw,2.55rem)}.section-intro{margin-bottom:34px;color:var(--nx-muted);line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid .wide{grid-column:1/-1}.consent-box{margin-top:28px;padding:18px;display:flex;align-items:flex-start;gap:12px;background:var(--nx-soft);line-height:1.6}.consent-box input{margin-top:2px;flex:0 0 auto}.scale-legend{display:flex;justify-content:space-between;margin:-10px 0 12px;color:var(--nx-muted);font-size:.78rem}.rating-question{padding:24px 0;border-bottom:1px solid var(--nx-line)}.rating-question h2{margin-bottom:16px;color:var(--nx-ink);font-size:1rem;line-height:1.5}.rating-row{display:grid;grid-template-columns:repeat(7,minmax(42px,1fr)) minmax(82px,1.5fr);gap:8px}.rating-button,.na-button{height:46px;border:1px solid #bbb7c7;color:var(--nx-navy);background:#fff;font-weight:800;cursor:pointer}.rating-button:hover,.na-button:hover{border-color:var(--nx-green)}.rating-button.selected,.na-button.selected{color:#fff;background:var(--nx-navy);border-color:var(--nx-navy)}.feedback-field{margin-top:30px}.feedback-field textarea{min-height:124px}.ranking-list{display:grid;gap:12px}.ranking-list label{padding:15px 18px;display:grid;grid-template-columns:1fr 110px;gap:20px;align-items:center;background:var(--nx-soft);font-weight:700}.ranking-list select{min-height:44px}.overall-question{margin-bottom:22px}.overall-question .rating-row{grid-template-columns:repeat(7,1fr)}.review-note{margin-top:28px;padding:18px;border-left:4px solid var(--nx-green);background:var(--nx-soft)}.review-note strong{color:var(--nx-navy)}.review-note p{margin:8px 0 0;color:var(--nx-muted);line-height:1.6}.survey-actions{position:sticky;bottom:0;margin:42px calc(clamp(28px,6vw,72px)*-1) -48px;padding:16px clamp(28px,6vw,72px);display:flex;justify-content:flex-end;gap:12px;background:rgba(255,255,255,.97);border-top:1px solid var(--nx-line);z-index:3}.mobile-progress{display:none}
.admin-shell{min-height:100dvh;display:grid;grid-template-columns:250px minmax(0,1fr);background:var(--nx-soft)}.admin-sidebar{position:sticky;top:0;height:100dvh;padding:26px 20px;display:flex;flex-direction:column;color:#fff;background:var(--nx-navy)}.admin-brand{padding:0 8px 26px;display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.16)}.admin-brand img{width:64px;height:54px;padding:4px;object-fit:contain;background:#fff}.admin-brand span{font-size:.92rem;font-weight:800}.admin-sidebar nav{display:grid;gap:5px;margin-top:30px}.admin-sidebar nav a{padding:13px 15px;color:rgba(255,255,255,.74);text-decoration:none;font-weight:700;border-left:3px solid transparent}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{color:#fff;background:rgba(255,255,255,.08);border-color:var(--nx-green)}.logout-form{margin-top:auto}.logout-form button{width:100%;padding:12px;border:1px solid rgba(255,255,255,.28);color:#fff;background:transparent;cursor:pointer}.admin-main{min-width:0}.admin-page{width:min(1280px,calc(100% - 64px));margin:0 auto;padding:48px 0 80px}.admin-page-header{margin-bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.admin-page-header h1{margin-bottom:8px;color:var(--nx-navy);font-size:2.35rem}.admin-page-header p:not(.eyebrow){margin:0;color:var(--nx-muted)}.panel{margin-bottom:24px;padding:28px;background:#fff;border:1px solid var(--nx-line)}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.panel-title h2,.panel h2{margin:0;color:var(--nx-navy);font-size:1.18rem}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.metrics-grid article{min-height:150px;padding:24px;display:flex;flex-direction:column;background:#fff;border-top:4px solid var(--nx-navy)}.metrics-grid article.accent{border-color:var(--nx-green)}.metrics-grid span{color:var(--nx-muted);font-size:.82rem}.metrics-grid strong{margin:auto 0 6px;color:var(--nx-navy);font-size:2.6rem}.metrics-grid small{color:var(--nx-muted)}.empty-state{padding:48px 20px;text-align:center;color:var(--nx-muted);background:var(--nx-soft)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:12px 14px;color:var(--nx-muted);background:var(--nx-soft);font-size:.78rem;white-space:nowrap}td{padding:15px 14px;border-bottom:1px solid var(--nx-line);vertical-align:middle}td small{display:block;margin-top:5px;color:var(--nx-muted)}td a{font-weight:700;text-decoration:none}.score-chip{display:inline-block;min-width:56px;padding:6px 9px;text-align:center;color:#fff;background:var(--nx-navy);font-weight:800}.create-panel{border-top:5px solid var(--nx-green)}.create-panel>h2{margin-bottom:24px}.inline-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.campaign-list{display:grid}.campaign-item{padding:24px 0;display:grid;grid-template-columns:1fr auto;gap:30px;border-bottom:1px solid var(--nx-line)}.campaign-item:first-child{padding-top:0}.campaign-item:last-child{padding-bottom:0;border:0}.campaign-item h2{margin:10px 0 6px}.campaign-item p{margin-bottom:12px;color:var(--nx-muted)}.campaign-item small{color:var(--nx-muted)}.campaign-actions{display:flex;align-items:center;gap:8px}.status{display:inline-block;padding:5px 8px;color:#514d5d;background:#eceaf0;font-size:.7rem;font-weight:800}.status.active{color:#365314;background:#e8f4d7}.status.closed,.status.revoked{color:#7a271a;background:#fef3f2}.type-switch{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.type-switch button{padding:18px;text-align:left;border:1px solid var(--nx-line);background:#fff;cursor:pointer}.type-switch button.selected{border:2px solid var(--nx-navy);background:var(--nx-soft)}.type-switch strong,.type-switch span{display:block}.type-switch strong{margin-bottom:6px;color:var(--nx-navy)}.type-switch span{color:var(--nx-muted);font-size:.82rem;line-height:1.5}.invitation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.invite-card{padding:22px;border:1px solid var(--nx-line);text-align:center}.invite-head{text-align:left}.invite-head strong,.invite-head small{display:block}.invite-head strong{margin:10px 0 5px;color:var(--nx-navy);font-size:1.08rem}.invite-head small{color:var(--nx-muted)}.qr-preview{width:190px;max-width:70%;margin:20px auto;display:block}.url-box{padding:10px;background:var(--nx-soft);overflow:hidden}.url-box span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Consolas,monospace;font-size:.72rem}.invite-meta{margin:14px 0;color:var(--nx-muted);font-size:.8rem}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-grid .panel{margin:0}.panel dl{display:grid;grid-template-columns:130px 1fr;gap:12px;margin:22px 0 0}.panel dt{color:var(--nx-muted)}.panel dd{margin:0;font-weight:700}.large-score{min-width:150px;padding:16px 20px;text-align:center;color:#fff;background:var(--nx-navy)}.large-score span,.large-score small{display:block;font-size:.72rem}.large-score strong{font-size:2.3rem}.response-section .panel-title span{color:var(--nx-navy);font-weight:800}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--nx-line)}.answer-grid>div{padding:14px;display:flex;justify-content:space-between;gap:18px;background:#fff}.answer-grid span{color:var(--nx-muted)}.answer-grid strong{color:var(--nx-navy)}blockquote{margin:20px 0 0;padding:16px;border-left:4px solid var(--nx-green);background:var(--nx-soft);line-height:1.7}.open-feedback{display:grid;gap:16px;margin-top:22px}.open-feedback div{padding:16px;background:var(--nx-soft)}.open-feedback strong{color:var(--nx-navy)}.open-feedback p{margin:8px 0 0;white-space:pre-wrap}
.export-control{min-width:min(100%,430px);display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:8px;align-items:end}.export-control label{grid-column:1/-1;color:var(--nx-navy);font-size:.82rem;font-weight:800}.export-control select{min-width:0;min-height:46px;padding:10px 12px;border:1px solid #bbb7c7;color:var(--nx-ink);background:#fff}.export-control select:focus{border-color:var(--nx-navy);box-shadow:0 0 0 3px rgba(26,0,93,.11);outline:none}
#blazor-error-ui{display:none;position:fixed;bottom:0;left:0;right:0;padding:12px 18px;color:#fff;background:var(--nx-danger);z-index:9999}#blazor-error-ui .dismiss{float:right;cursor:pointer}
@media (max-width:1050px){.metrics-grid{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:210px minmax(0,1fr)}.survey-shell{grid-template-columns:200px minmax(0,1fr)}.step-rail{padding:22px 16px}}
@media (max-width:780px){.welcome-card,.login-card{padding:42px 28px}.survey-header{height:70px;padding:8px 18px}.survey-header img{width:70px;height:52px}.survey-header div{padding-left:15px}.survey-header span{display:none}.mobile-progress{padding:14px 18px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;background:#fff;border-bottom:1px solid var(--nx-line)}.mobile-progress span{color:var(--nx-muted);font-size:.72rem}.mobile-progress strong{text-align:right;color:var(--nx-navy);font-size:.82rem}.mobile-progress div{grid-column:1/-1;height:4px;background:var(--nx-line)}.mobile-progress i{display:block;height:100%;background:var(--nx-green)}.survey-shell{width:100%;display:block;padding:0}.step-rail{display:none}.survey-card{min-height:calc(100dvh - 123px);padding:30px 20px 96px;border-top:0;box-shadow:none}.survey-actions{position:fixed;left:0;right:0;bottom:0;margin:0;padding:12px 16px;box-shadow:0 -6px 20px rgba(26,0,93,.08)}.survey-actions .button{flex:1;padding-left:10px;padding-right:10px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.rating-row{grid-template-columns:repeat(7,1fr);gap:5px}.na-button{grid-column:1/-1}.rating-button,.na-button{height:44px}.scale-legend{margin-top:0}.ranking-list label{grid-template-columns:1fr 82px}.admin-shell{display:block}.admin-sidebar{position:relative;height:auto;padding:14px 16px;display:block}.admin-brand{padding:0 0 12px;border:0}.admin-brand img{width:48px;height:40px}.admin-sidebar nav{margin:8px -4px 0;display:flex;overflow:auto}.admin-sidebar nav a{padding:10px 12px;white-space:nowrap;border-left:0;border-bottom:3px solid transparent}.logout-form{position:absolute;top:15px;right:14px}.logout-form button{width:auto;padding:8px 10px}.admin-page{width:calc(100% - 32px);padding:28px 0 60px}.admin-page-header{display:block}.admin-page-header .button,.admin-page-header>button{margin-top:18px}.export-control{margin-top:18px;grid-template-columns:1fr}.export-control label{grid-column:auto}.export-control .button{margin-top:0}.metrics-grid{grid-template-columns:1fr 1fr}.campaign-item{grid-template-columns:1fr}.campaign-actions{flex-wrap:wrap}.invitation-grid,.detail-grid{grid-template-columns:1fr}.answer-grid{grid-template-columns:1fr}.type-switch{grid-template-columns:1fr}.large-score{margin-top:18px;display:inline-block}.panel{padding:20px}}
@media (max-width:430px){.welcome-card,.login-card{width:calc(100% - 24px);padding:34px 20px;border-left:0;border-right:0;box-shadow:none}.welcome-logo{width:170px}.welcome-card h1{font-size:2rem}.survey-card h1{font-size:1.65rem}.rating-row{gap:4px}.rating-button{min-width:0;padding:0}.metrics-grid{grid-template-columns:1fr}.admin-page-header h1{font-size:1.9rem}.panel dl{grid-template-columns:1fr;gap:4px}.panel dd{margin-bottom:10px}.inline-actions{flex-wrap:wrap}.inline-actions .button{flex:1}.campaign-actions .button{width:100%}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spinner{animation:none}}