:root{color:#10234a;background:#f4f7fb;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#f7fbff,#eef4fb);-webkit-text-size-adjust:100%}button,input,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.55}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:0 34px;background:#fffffff5;border-bottom:1px solid #dce6f2;box-shadow:0 4px 14px #1e447814}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;color:#0c2c66}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:34px;border:3px solid #1167e8;border-radius:12px;color:#1167e8;font-size:13px;font-weight:900}.participant-badge{color:#455b7d;font-size:14px}.page{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:34px 0 104px}.page-narrow{width:min(820px,calc(100% - 32px))}.panel,.instruction-card,.composer-box,.post-card,.side-panel,.questionnaire-list,.questionnaire-head{background:#fff;border:1px solid #dce6f1;border-radius:8px;box-shadow:0 10px 28px #1c468014}.panel{padding:36px 42px}h1{margin:0 0 18px;font-size:36px;line-height:1.2;color:#0b2a5f;text-align:center}h2{margin:0 0 8px;color:#0d5edb;font-size:21px}p{line-height:1.8}.muted{color:#64748b}.check-row{display:flex;align-items:flex-start;gap:10px;margin:28px 0;padding:16px;background:#f5f8fc;border-radius:8px}.primary-btn{display:inline-flex;align-items:center;justify-content:center;min-width:180px;min-height:46px;padding:0 26px;border:0;border-radius:8px;background:#0b68ee;color:#fff;font-weight:700;box-shadow:0 10px 22px #0b68ee33}.field{display:grid;gap:10px;margin:20px 0;border:0;padding:0}.field span,.field legend,.composer-box label{font-weight:700}.field input:not([type=radio]):not([type=checkbox]),.composer-box textarea{width:100%;border:1px solid #c9d6e8;border-radius:8px;padding:13px 14px;color:#172b4d;background:#fff}.radio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.radio-grid label{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #d8e3f0;border-radius:8px}.radio-grid input{width:auto;accent-color:#ff8200}.note-list{padding:16px 18px;background:#f5f8fc;border-radius:8px;margin:22px 0}.instruction-emphasis{margin:24px 0;padding:20px 22px;border:1px solid #bcd6fb;border-radius:8px;background:#eef6ff;color:#0b2a5f;font-size:20px;font-weight:800;line-height:1.9}.time-highlight{color:#d92d20}.compose-hero,.feed-title{text-align:center;margin-bottom:22px}.compose-hero p,.feed-title p,.questionnaire-head p{margin:0;color:#5d6f8c}.instruction-card{padding:24px 28px;margin-bottom:16px}.info-block{display:grid;grid-template-columns:72px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid #dce6f1}.info-block:last-child{border-bottom:0}.info-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#eaf2ff;color:#0b68ee;font-size:26px;font-weight:800}.composer-box{padding:24px 28px}.composer-box textarea{min-height:130px;margin-top:12px;resize:vertical}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;color:#64748b}.warning{margin:10px 0 0;color:#b45309}.loading-panel{display:grid;justify-items:center;gap:10px;text-align:center;min-height:360px;align-content:center}.loader{width:56px;height:56px;border:5px solid #d8e8ff;border-top-color:#0b68ee;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.feed-status{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:12px 16px;margin-bottom:16px;border:1px solid #bfd7f9;border-radius:8px;background:#eef6ff;color:#2d568d}.soft-time{white-space:nowrap;color:#64748b}.feed-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.mobile-topic-strip{display:none}.post-list{display:grid;gap:14px;min-width:0}.pinned-post-wrap{position:sticky;top:88px;z-index:12;border-radius:8px}.pinned-post-wrap .post-card{box-shadow:0 14px 34px #1c468024}.other-posts-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:4px;padding:10px 4px;color:#64748b;font-size:14px}.other-posts-heading span:first-child{color:#0b2a5f;font-size:18px;font-weight:800}.post-card{padding:18px;transition:background-color .2s ease,box-shadow .2s ease}.post-card.my-post{background:#eef7ff;border-color:#9cc7f6}.post-card.recently-updated{background:#fff8e8;box-shadow:inset 0 0 0 2px #ff820047,0 14px 34px #ff82001f}.post-main{display:grid;grid-template-columns:54px 1fr;gap:14px;min-width:0}.post-content,.post-head,.post-head div,.post-text,.ai-comment span:last-child,.modal-head div,.modal-head p,.detail-row div,.detail-row p{min-width:0}.user-avatar,.mini-ai{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:50%;background:#0b68ee;color:#fff;font-weight:800}.user-avatar{width:48px;height:48px}.mini-ai{width:28px;height:28px;font-size:12px}.ai-avatar-basic{background:#4f6f9f}.ai-avatar-identity{background:#0b68ee}.ai-avatar-emotional{background:#3b82f6}.ai-avatar-nonverbal{background:#2563eb}.image-ai-avatar{overflow:hidden;padding:0;border:1px solid rgba(15,23,42,.12);background:#fff;box-shadow:0 2px 6px #0f172a24}.image-ai-avatar img{display:block;width:100%;height:100%;object-fit:cover}.post-head{display:flex;justify-content:space-between;gap:12px}.post-head div{display:grid;gap:2px}.post-head span{color:#64748b;font-size:14px}.post-tags{display:flex;flex:none;gap:6px}.my-tag,.new-tag{align-self:start;padding:4px 10px;border-radius:999px;font-weight:700}.my-tag{color:#0b68ee!important;background:#dcecff}.new-tag{color:#047857!important;background:#dff8ec}.post-text{margin:14px 0;color:#233655;overflow-wrap:anywhere;word-break:break-word}.feedback-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.like-avatar-strip{display:flex;align-items:center;flex:1 1 220px;flex-wrap:wrap;gap:8px;min-width:0;padding:8px 10px;border-radius:8px;background:#f7f9fc}.like-avatar-strip .mini-ai{width:32px;height:32px}.like-avatar-strip .ai-avatar-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;cursor:pointer}.like-avatar-strip .ai-avatar-button:focus-visible{outline:2px solid #0b68ee;outline-offset:2px}.feedback-summary button,.tabs button,.icon-btn{border:1px solid #d7e2ee;border-radius:8px;background:#fff;color:#1d4e89;padding:8px 12px}.like-avatar-strip .ai-avatar-button{width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none}.comment-preview{display:grid;gap:8px;margin-top:12px}.ai-comment,.empty-comment{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 10px;border:1px solid #dce6f1;border-radius:8px;background:#f8fbff}.ai-comment span:last-child,.detail-row p,.modal-head p{overflow-wrap:anywhere;word-break:break-word}.empty-comment{color:#64748b}.feed-sidebar{display:grid;gap:18px;align-content:start;position:sticky;top:92px;z-index:1}.side-panel{padding:22px}.side-panel h2{color:#132b52}.side-panel p{margin:8px 0;color:#53657f}.fixed-actions{position:fixed;right:32px;bottom:24px;z-index:15;display:flex;gap:10px;align-items:center}.test-skip-actions{bottom:82px}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:1px solid #b8cbe4;border-radius:8px;background:#fff;color:#1d4e89;font-weight:700;box-shadow:0 10px 22px #1c46801f}.modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end;background:#0f172a3d}.feedback-modal{width:min(520px,100%);height:100%;overflow:auto;background:#fff;padding:24px;box-shadow:-16px 0 36px #0f172a29}.modal-head{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #dce6f1;padding-bottom:16px}.modal-head h2{color:#0b2a5f}.ai-info-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:#0f172a38}.ai-info-card{position:relative;display:grid;grid-template-columns:54px 1fr;gap:12px 14px;width:min(360px,100%);padding:20px;border:1px solid #dbe6f3;border-radius:10px;background:#fff;box-shadow:0 18px 44px #0f172a2e}.ai-info-card .mini-ai{width:48px;height:48px}.ai-info-card h2{margin:2px 0 4px;color:#0b2a5f}.ai-info-card p{margin:0;color:#64748b}.ai-info-close{position:absolute;top:12px;right:12px}.modal-head p{margin:0;color:#53657f}.icon-btn{min-width:38px;height:38px;font-size:24px;line-height:1}.tabs{display:flex;gap:10px;margin:18px 0}.tabs button.active{color:#fff;background:#0b68ee;border-color:#0b68ee}.detail-list{display:grid;gap:10px}.detail-row{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:12px;border:1px solid #dce6f1;border-radius:8px;background:#f8fbff}.detail-row p,.empty-detail{margin:2px 0 0;color:#53657f}.detail-meta{font-size:13px;color:#64748b!important}.questionnaire-head{padding:28px 34px;margin-bottom:16px}.questionnaire-list{display:grid;gap:18px;padding:8px 24px}.questionnaire-prompt{margin:8px 0 0;color:#0b2a5f;font-size:24px}.rating-row{display:grid;gap:16px;padding:24px;border:1px solid #d4deeb;border-radius:8px;background:#fff}.rating-row p{margin:0;color:#071b3b;font-size:21px;line-height:1.6}.number-question input{width:180px;min-height:46px;border:1px solid #c9d6e8;border-radius:8px;padding:8px 12px;color:#172b4d;background:#fff;font-size:18px}.rating-options{display:grid;gap:12px}.scale-5 .rating-options{grid-template-columns:repeat(5,minmax(0,1fr))}.scale-7 .rating-options{grid-template-columns:repeat(7,minmax(0,1fr))}.scale-9 .rating-options{grid-template-columns:repeat(9,minmax(38px,1fr))}.rating-scale-band{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.scale-guidance{margin:-4px 0 0;color:#455b7d;font-size:15px;font-weight:700;line-height:1.5}.scale-end-label{color:#0b2a5f;font-size:16px;font-weight:800;white-space:nowrap}.rating-options label{position:relative}.rating-options input{position:absolute;opacity:0}.rating-options span{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:58px;padding:8px 6px;border:1px solid #c9d6e8;border-radius:8px;color:#1d4e89;background:#fff;font-size:20px}.rating-options .selected span{color:#fff;border-color:#1d273a;background:#1d273a}.rating-selected-meaning{margin:10px 0 0;padding:10px 12px;border-radius:8px;background:#f5f8fc;color:#0b2a5f;font-size:15px;font-weight:700;line-height:1.5}.rating-options label:after{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:5;display:none;width:max-content;max-width:160px;padding:8px 10px;border-radius:8px;background:#0f172a;color:#fff;content:attr(data-tooltip);font-size:13px;line-height:1.35;text-align:center;transform:translate(-50%);box-shadow:0 8px 18px #0f172a2e}.rating-options label:before{position:absolute;left:50%;bottom:calc(100% + 3px);z-index:6;display:none;width:10px;height:10px;background:#0f172a;content:"";transform:translate(-50%) rotate(45deg)}.rating-options label:hover:after,.rating-options label:hover:before,.rating-options label:focus-within:after,.rating-options label:focus-within:before{display:block}.end-panel{text-align:center}.save-message{color:#0f766e;font-weight:700}@media(max-width:860px){:root{color:#1f2329;background:#f2f3f5;font-size:15px}body{background:#f2f3f5}.site-header{min-height:52px;padding:0 14px;background:#fffffffa;border-bottom:1px solid #eceff3;box-shadow:none}.brand{gap:8px;color:#1f2329;font-size:17px;font-weight:800}.brand-icon{width:32px;height:26px;border:0;border-radius:7px;background:#ff8200;color:#fff;font-size:11px}.participant-badge{max-width:112px;overflow:hidden;color:#858b96;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.page,.page-narrow{width:100%;padding:12px 0 96px}.panel,.instruction-card,.composer-box,.questionnaire-head,.questionnaire-list{border-right:0;border-left:0;border-radius:0;box-shadow:none}h1{font-size:24px;line-height:1.28}h2{font-size:18px}p{line-height:1.72}.panel{padding:24px 18px}.panel .primary-btn,.composer-footer .primary-btn{width:100%}.primary-btn,.secondary-btn{min-height:48px;border-radius:999px}.check-row{margin:20px 0;padding:14px}.field input:not([type=radio]):not([type=checkbox]),.composer-box textarea,.number-question input{min-height:46px;font-size:16px}.radio-grid label{min-height:52px;justify-content:flex-start;padding:13px 14px;background:#fff}.radio-grid input{flex:none;width:20px;height:20px;margin:0}.radio-grid,.feed-layout,.rating-row{grid-template-columns:1fr}.compose-hero,.feed-title{padding:0 16px;margin:10px 0 12px;text-align:left}.compose-hero h1,.feed-title h1,.questionnaire-head h1{margin-bottom:8px;text-align:left}.compose-hero p,.feed-title p,.questionnaire-head p{font-size:13px;line-height:1.55}.instruction-card,.composer-box{padding:18px 16px}.instruction-card{margin-bottom:10px}.instruction-emphasis{margin:18px 0;padding:14px 16px;font-size:17px;line-height:1.75}.info-block,.post-main{grid-template-columns:42px minmax(0,1fr)}.info-block{gap:12px;padding:14px 0}.info-icon{width:34px;height:34px;font-size:17px}.composer-box textarea{min-height:168px;border-radius:10px}.composer-footer{align-items:flex-start;flex-direction:column}.feed-status{position:sticky;top:52px;z-index:14;align-items:center;flex-direction:row;gap:10px;margin:0;padding:9px 14px;border-width:1px 0;border-color:#eceff3;border-radius:0;background:#fffffffa;color:#626a75;font-size:13px}.feed-status span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soft-time{flex:none;color:#ff8200;font-size:12px}.feed-layout{gap:0}.post-list{gap:8px}.mobile-topic-strip{display:flex;gap:8px;overflow-x:auto;padding:10px 12px;background:#fff;border-top:1px solid #eceff3;border-bottom:1px solid #eceff3;scrollbar-width:none}.mobile-topic-strip::-webkit-scrollbar{display:none}.mobile-topic-strip span{flex:none;padding:7px 11px;border-radius:999px;background:#f6f7f9;color:#4d5662;font-size:13px}.feed-sidebar{display:none}.pinned-post-wrap{position:static;border-radius:0}.pinned-post-wrap .post-card{box-shadow:none}.other-posts-heading{margin:0;padding:12px 14px 8px;background:#f2f3f5;font-size:12px}.other-posts-heading span:first-child{color:#1f2329;font-size:15px}.post-card{padding:14px 14px 12px;border-right:0;border-left:0;border-radius:0;box-shadow:none}.post-card.my-post{background:#fff9f2;border-color:#f3dfc4}.post-card.recently-updated{background:#fff8e8;box-shadow:inset 4px 0 #ff82008c}.post-main{gap:10px}.user-avatar{width:42px;height:42px;background:linear-gradient(135deg,#ff9a2a,#ff5f3b);font-size:14px}.post-head{align-items:flex-start;gap:8px}.post-head strong{color:#1f2329;font-size:15px}.post-head span{font-size:12px}.post-tags{flex-wrap:wrap;justify-content:flex-end;max-width:88px}.my-tag,.new-tag{padding:3px 7px;font-size:11px}.my-tag{color:#ff8200!important;background:#fff0dd}.post-text{margin:9px 0 11px;color:#1f2329;font-size:16px;line-height:1.62}.feedback-summary{display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px solid #f0f1f3}.like-avatar-strip{flex:1 1 100%;gap:7px;padding:8px;border-radius:10px}.like-avatar-strip .mini-ai{width:30px;height:30px;font-size:10px}.like-avatar-strip .ai-avatar-button{width:30px;height:30px}.feedback-summary button,.tabs button,.icon-btn{min-height:42px;border-color:#edf0f4;border-radius:999px;background:#fff;color:#5d6673;font-size:13px}.like-avatar-strip .ai-avatar-button{width:30px;height:30px;min-height:30px;padding:0;border:0;background:transparent;box-shadow:none}.comment-preview{gap:6px;margin-top:10px}.ai-comment,.empty-comment{align-items:flex-start;min-height:36px;padding:8px 9px;border:0;border-radius:8px;background:#f6f7f9;color:#4d5662;font-size:13px}.mini-ai{width:24px;height:24px;font-size:10px}.fixed-actions{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));flex-direction:column;z-index:35}.test-skip-actions{bottom:calc(72px + env(safe-area-inset-bottom))}.fixed-actions .primary-btn,.fixed-actions .secondary-btn{width:100%}.modal-backdrop{align-items:flex-end;justify-content:center;background:#00000057}.feedback-modal{width:100%;height:min(78vh,620px);padding:16px 14px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;box-shadow:0 -14px 34px #0000002e}.modal-head{gap:10px;padding-bottom:12px}.modal-head h2{margin-bottom:4px;color:#1f2329;font-size:17px}.modal-head p{display:-webkit-box;overflow:hidden;color:#626a75;font-size:13px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.icon-btn{min-width:42px;height:42px;padding:0;color:#6f7680;font-size:22px}.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0;padding:4px;border-radius:999px;background:#f2f3f5}.tabs button{border:0;background:transparent}.tabs button.active{background:#ff8200;border-color:#ff8200}.detail-row{grid-template-columns:30px minmax(0,1fr);padding:11px 0;border-width:0 0 1px;border-radius:0;background:#fff}.detail-list{gap:0}.questionnaire-head{padding:18px 16px;margin-bottom:8px}.questionnaire-list{gap:10px;padding:0;background:transparent}.questionnaire-prompt{margin:10px 16px 0;font-size:18px}.rating-row{gap:13px;padding:16px 14px;border-right:0;border-left:0;border-radius:0;background:#fff;box-shadow:none}.rating-row p{font-size:16px;line-height:1.55}.rating-options{gap:7px}.scale-5 .rating-options{grid-template-columns:repeat(5,minmax(0,1fr))}.scale-7 .rating-options{grid-template-columns:repeat(7,minmax(0,1fr))}.scale-9 .rating-options{grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}.rating-scale-band{grid-template-columns:minmax(42px,auto) minmax(0,1fr) minmax(42px,auto);gap:6px}.scale-guidance{font-size:13px}.scale-end-label{font-size:12px;line-height:1.25;text-align:center;white-space:normal}.rating-options span{min-height:42px;padding:6px 2px;border-radius:999px;font-size:15px}.rating-options .selected span{border-color:#ff8200;background:#ff8200}.rating-options label:after,.rating-options label:before{display:none!important}.number-question input{width:100%}.end-panel{min-height:calc(100vh - 76px);align-content:center;display:grid}}@media(max-width:374px){.rating-scale-band{grid-template-columns:1fr}.scale-9 .rating-options{order:2}.scale-9 .scale-end-label:first-child{order:1;justify-self:start}.scale-9 .scale-end-label:last-child{order:3;justify-self:end}.scale-7 .rating-options{gap:5px}.scale-9 .rating-options{gap:3px}.rating-options span{min-height:40px;font-size:14px}.scale-9 .rating-options span{min-height:34px;font-size:13px}.post-text{font-size:15px}.feedback-summary button{padding-right:6px;padding-left:6px;font-size:12px}}