:root{--primary-blue: #2c3e50;--agree-green: #27ae60;--disagree-purple: #c0392b;--neutral-gray: #7f8c8d;--border-gray: #bdc3c7;--border-color: #e5e7eb;--text-dark: #333333;--text-light: #6b7280;--text-gray: #6b7280;--bg-light: #f9fafb;--white: #ffffff;--font-main: "Montserrat", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);color:var(--text-dark);background-color:var(--bg-light);line-height:1.6;-webkit-text-size-adjust:100%}.container{max-width:1100px;margin:0 auto;padding:0 24px}.sp-card{background:var(--white);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px #0000000d}.navbar{height:56px;display:flex;align-items:center;border-bottom:1px solid var(--border-gray);position:sticky;top:0;background:var(--white);z-index:1000}.navbar .container{display:flex;justify-content:space-between;align-items:center;width:100%}.logo-text{font-size:1rem;font-weight:700;color:var(--primary-blue);background:linear-gradient(135deg,var(--primary-blue),#34495e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;align-items:center;gap:16px}.nav-links a{text-decoration:none;color:var(--text-dark);font-weight:500;font-size:.85rem;padding:8px 0;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.nav-links a.active{color:var(--agree-green);border-bottom-color:var(--agree-green)}.hero{padding:40px 24px 24px;text-align:center;background-color:var(--bg-light)}.hero-logo-box{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.circle-part{width:12px;height:12px;border-radius:50%}.cp1{background-color:var(--primary-blue)}.cp2{background-color:var(--agree-green)}.cp3{background-color:var(--disagree-purple)}.hero h1{font-size:1.6rem;font-weight:700;margin-bottom:6px}.subtitle{font-size:.9rem;color:var(--text-light)}.test-wrapper{max-width:800px;padding:16px 24px 60px}.questions{padding:0 4px}.progress-bar{height:6px;background-color:var(--border-gray);border-radius:3px;margin-bottom:40px;position:relative;margin-left:4px;margin-right:4px}.progress-fill{height:100%;background-color:var(--agree-green);border-radius:3px;transition:width .5s ease}.progress-text{position:absolute;top:-24px;right:0;font-size:.8rem;color:var(--text-light)}.question-item{padding:20px 16px;margin-bottom:16px;background:var(--white);border:1px solid var(--border-gray);border-radius:12px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.question-item.is-missing{border-color:#e46562;box-shadow:0 0 0 3px #e465621f}.question-item:last-child{margin-bottom:0}.question-header{margin-bottom:24px;text-align:center}.question-meta{display:inline-flex;margin-bottom:10px;color:var(--text-light);font-size:.75rem;font-weight:600}.dim-badge{display:inline-block;padding:2px 8px;background-color:var(--neutral-gray);color:var(--white);font-size:.7rem;border-radius:4px;margin-bottom:8px}.question-text{font-size:.95rem;font-weight:600;line-height:1.5}.likert5{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;margin-top:16px}.circles-group{display:flex;justify-content:center;gap:12px}.circles-group label{display:flex;flex-direction:column;align-items:center;font-size:.75rem;color:var(--text-light);gap:4px;cursor:pointer}.circle-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:50%;cursor:pointer;transition:all .2s ease;border:2px solid var(--border-gray);background:var(--white);margin:0}.likert5 .c1,.likert5 .c5{width:44px;height:44px}.likert5 .c2,.likert5 .c4{width:36px;height:36px}.likert5 .c3{width:30px;height:30px}.likert5 .c1,.likert5 .c2{border-color:var(--disagree-purple)}.likert5 .c4,.likert5 .c5{border-color:var(--agree-green)}.likert5 .c1:hover,.likert5 .c2:hover{background-color:#c0392b0d}.likert5 .c3:hover{background-color:#bdc3c71a}.likert5 .c4:hover,.likert5 .c5:hover{background-color:#27ae600d}.likert5 .c1:checked,.likert5 .c2:checked{background-color:var(--disagree-purple);border-color:var(--disagree-purple)}.likert5 .c3:checked{background-color:var(--neutral-gray);border-color:var(--neutral-gray)}.likert5 .c4:checked,.likert5 .c5:checked{background-color:var(--agree-green);border-color:var(--agree-green)}.circle-input:checked{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>');background-size:60%;background-repeat:no-repeat;background-position:center}.label-agree,.label-disagree{font-weight:600;font-size:.75rem;white-space:nowrap}.label-agree{color:var(--agree-green)}.label-disagree{color:var(--disagree-purple)}.options-group{display:flex;flex-direction:column;gap:10px;margin-top:12px}.option-item{display:flex;width:100%;align-items:flex-start;padding:12px 14px;border:2px solid var(--border-gray);border-radius:10px;cursor:pointer;font:inherit;transition:all .2s ease;text-align:left;-webkit-tap-highlight-color:transparent;background:var(--white)}.option-item:hover{background-color:#f5f5f5;border-color:#95a5a6}.option-item:active{transform:scale(.98)}.option-item.selected{border-color:transparent;background:linear-gradient(var(--white),var(--white)) padding-box,linear-gradient(135deg,#2c3e50,#27ae60) border-box;border:2px solid transparent;box-shadow:0 2px 12px #2c3e501a}.opt-label{width:26px;height:26px;min-width:26px;background-color:var(--border-gray);color:var(--white);display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:12px;margin-top:1px;flex-shrink:0;font-weight:600;font-size:.8rem}.option-item.selected .opt-label{background:linear-gradient(135deg,#2c3e50,#27ae60);box-shadow:0 2px 6px #27ae604d}.opt-text{font-size:.85rem;color:var(--text-dark);line-height:1.5}.nav-btns{display:flex;justify-content:space-between;margin-top:32px;gap:12px}.btn{padding:10px 24px;border-radius:30px;font-weight:600;cursor:pointer;font-family:inherit;font-size:.9rem;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.btn.primary{background-color:var(--primary-blue);color:var(--white);border:none}.btn.primary:active{background-color:#1a252f}.btn.secondary{background-color:var(--white);color:var(--text-light);border:1px solid var(--border-gray)}.btn.ghost{background-color:transparent;color:var(--text-light);border:1px solid transparent}.btn.ghost:hover{color:var(--primary-blue);border-color:var(--border-gray);background-color:var(--white)}.btn:disabled{opacity:.5;cursor:not-allowed}.page-status{min-height:24px;margin-top:16px;color:#c0392b;font-size:.9rem;font-weight:600;text-align:center}.main-footer{background-color:var(--bg-light);padding:24px 0;margin-top:40px;border-top:1px solid var(--border-gray)}.footer-bottom{color:var(--text-light);font-size:.75rem;text-align:center}.author-links{margin-bottom:12px;display:flex;justify-content:center;align-items:center;gap:12px;color:var(--text-light);font-size:.85rem}.author-links a{color:var(--agree-green);text-decoration:none;font-weight:600;transition:all .2s}.footer-link{border:0;background:none;color:#999;cursor:pointer;font:inherit;font-weight:600;padding:0}.footer-link:hover,.author-links a:hover{color:var(--primary-blue);text-decoration:underline}.separator{color:var(--border-gray);opacity:.5}.results-section{padding-top:30px;padding-bottom:40px}.result-hero{background:#fff;text-align:center;border-top:6px solid #33a474;padding:30px 20px;margin-bottom:24px}.result-title{font-size:1.5rem;color:var(--text-dark);margin-bottom:12px}.result-score{font-size:1.2rem;font-weight:600;color:#888;margin-bottom:12px}#final-score{color:#33a474;font-size:2rem;font-weight:800;margin-left:8px}.result-verdict{font-size:1.05rem;line-height:1.8;color:var(--text-gray);margin:0 auto;max-width:800px;text-align:left}.result-verdict strong{display:block;font-size:1.4rem;color:var(--text-dark);margin-bottom:12px;text-align:center}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}.results-grid{display:flex;flex-direction:column;gap:20px}.analysis-report-container{margin-top:30px;padding:30px 40px;background:#fff;border-radius:20px;box-shadow:0 4px 25px #0000000f;border:1px solid var(--border-color)}.report-title{font-size:1.4rem;color:var(--text-dark);margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--agree-green);display:inline-block}.report-content{font-size:1.05rem;line-height:2;color:var(--text-gray);text-align:justify}.report-content p{margin-bottom:20px}.report-content p:last-child{margin-bottom:0}.report-content strong{color:var(--text-dark)}.chart-fallback{display:grid;min-height:100%;place-items:center;padding:24px;color:var(--text-light);text-align:center}.chart-container{width:100%;position:relative;padding:0;background:#fff;aspect-ratio:1 / 1;border-radius:16px;box-shadow:0 4px 20px #0000000d;border:1px solid var(--border-color);overflow:hidden}#radarChart{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:96%!important;height:96%!important}.chart-title{text-align:center;margin-bottom:16px;font-size:1.2rem;color:var(--text-dark)}.dimension-cards{display:flex;flex-direction:column;gap:16px}.dim-stat-card{background:#fff;border-radius:16px;padding:20px 24px;box-shadow:0 4px 20px #0000000d;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease}.dim-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.dim-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dim-label{font-size:1rem}.dim-score{font-size:.9rem;color:var(--text-gray);font-weight:600}.sp-progressbar-mini{height:14px;border-radius:14px;background-color:var(--bg-light);width:100%;position:relative;overflow:hidden}.sp-bar-fill{height:100%;border-radius:10px;transition:width 1.2s cubic-bezier(.34,1.56,.64,1)}.history-section{padding-top:30px;padding-bottom:60px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.btn-text{background:none;border:none;color:#e46562;font-weight:600;cursor:pointer;font-size:.9rem;padding:8px}.history-list{display:flex;flex-direction:column;gap:16px}.history-item{display:flex;width:100%;justify-content:space-between;align-items:center;padding:24px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:1px solid transparent;background:var(--white);font:inherit;text-align:left}.history-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f;border-color:#33a474}.history-info{display:flex;flex-direction:column;gap:4px}.history-date{font-size:.85rem;color:#999}.history-verdict{font-size:1.1rem;font-weight:700;color:var(--text-dark)}.history-score{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#888}.score-val{font-size:1.4rem;font-weight:800;color:#33a474}.empty-history{text-align:center;padding:80px 20px;color:#999;background:#fdfdfd;border-radius:16px;border:2px dashed #eee}.history-footer{margin-top:40px;text-align:center}@media (min-width: 600px){.container{padding:0 24px}.navbar{height:64px}.logo-text{font-size:1.1rem}.hero{padding:56px 24px 32px}.hero h1{font-size:2rem}.subtitle{font-size:1rem}.test-wrapper{padding:20px 24px 80px}.question-item{padding:32px 24px}.question-text{font-size:1.05rem}.likert5 .c1,.likert5 .c5{width:52px;height:52px}.likert5 .c2,.likert5 .c4{width:42px;height:42px}.likert5 .c3{width:34px;height:34px}.circles-group{gap:20px}.likert5{gap:16px}.label-agree,.label-disagree{font-size:.8rem}.circles-group label{font-size:.8rem;gap:6px}.option-item{padding:14px 18px;align-items:center}.opt-label{width:30px;height:30px;min-width:30px;margin-right:14px;font-size:.85rem}.opt-text{font-size:.9rem}.options-group{max-width:600px;margin-left:auto;margin-right:auto}.btn{padding:12px 32px}.nav-btns{margin-top:40px}}@media (min-width: 900px){.navbar{height:80px}.logo-text{font-size:1.25rem}.nav-links a{font-size:.95rem}.hero{padding:80px 0 40px}.hero h1{font-size:2.5rem}.hero-logo-box{gap:10px;margin-bottom:24px}.circle-part{width:15px;height:15px}.subtitle{font-size:1.1rem}.question-item{padding:40px 32px}.question-header{margin-bottom:24px}.question-text{font-size:1.15rem}.dim-badge{font-size:.75rem;padding:3px 10px;margin-bottom:12px}.circles-group{gap:30px}.likert5{gap:20px}.label-agree,.label-disagree{font-size:.9rem;padding-bottom:25px}.circles-group label{font-size:.85rem;gap:8px}.option-item{padding:14px 20px;border-radius:12px}.opt-text{font-size:.95rem}.footer-bottom{font-size:.85rem}.main-footer{padding:40px 0;margin-top:80px}.results-section{padding-top:60px}.result-hero{padding:40px 60px;margin-bottom:40px}.result-title{font-size:2rem}.results-grid{display:grid;grid-template-columns:1.25fr 1fr;align-items:stretch;gap:24px;width:100%}.chart-container{height:auto;margin:0;min-height:0}.dimension-cards{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:16px}.dim-stat-card{flex:1;display:flex;flex-direction:column;justify-content:center;padding:16px 20px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);z-index:99999;display:none;align-items:center;justify-content:center;padding:20px}.modal-content{background:#fffffff2;max-width:680px;width:100%;max-height:85vh;border-radius:24px;padding:48px;box-shadow:0 25px 50px -12px #0006;overflow-y:auto;position:relative;border:1px solid rgba(255,255,255,.3);animation:modalSpring .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalSpring{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content h3{color:#0f172a;font-size:1.6rem;margin-bottom:32px;text-align:center;font-weight:800;letter-spacing:0}.modal-body{color:#334155;line-height:1.8;font-size:.95rem}.modal-body strong{color:#0f172a;font-weight:600}.modal-body p{margin-bottom:20px}.notice-box{background:#33a4741a;border-left:4px solid #33A474;padding:15px;margin-bottom:25px;border-radius:8px;color:#1e5c41;font-weight:600}.modal-body hr{border:0;border-top:1px solid #e2e8f0;margin:24px 0}.modal-footer{margin-top:40px;display:flex;flex-direction:column;gap:16px}.btn-agree{background:linear-gradient(135deg,#33a474,#2b8c63);color:#fff;padding:18px;border-radius:14px;font-weight:700;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;font-size:1rem;box-shadow:0 4px 12px #33a47433}.btn-agree:hover{transform:translateY(-2px);box-shadow:0 12px 20px #33a4744d;filter:brightness(1.1)}.btn-agree:active{transform:translateY(0)}.btn-refuse{background:transparent;color:#64748b;padding:12px;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.btn-refuse:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 600px){.container{padding-left:16px;padding-right:16px}.navbar .container{gap:16px}.nav-links{gap:12px}.test-wrapper{padding:16px 16px 60px}.likert5{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.label-disagree{order:1;text-align:left}.label-agree{order:2;text-align:right}.circles-group{grid-column:1 / -1;order:3;justify-content:space-between;gap:8px}.nav-btns{display:grid;grid-template-columns:1fr 1fr}.nav-btns .btn{padding-left:12px;padding-right:12px}#reset-btn{grid-column:1 / -1;order:3}.analysis-report-container{padding:24px 18px;border-radius:14px}.history-item{align-items:flex-start;flex-direction:column;gap:12px}.modal-content{padding:32px 24px;border-radius:16px}.modal-content h3{font-size:1.3rem}}:root{--sp-green: #33a474;--sp-green-dark: #278761;--sp-blue: #4298b4;--sp-yellow: #e4ae3a;--sp-purple: #88619a;--sp-red: #e46562;--sp-ink: #343c4b;--sp-muted: #737b8c;--sp-page: #f7f4ee;--sp-line: #dddfe2;--card-radius: 8px}body{color:var(--sp-ink);background:#fff}.navbar{height:72px;border-bottom-color:#dddfe2cc;box-shadow:0 8px 28px #343c4b0f}.logo-text{background:none;-webkit-text-fill-color:currentColor;color:var(--sp-ink);display:inline-flex;align-items:center;gap:10px}.logo-text:before{content:"";width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--sp-blue) 0 14%,transparent 15%),radial-gradient(circle at 65% 35%,var(--sp-yellow) 0 14%,transparent 15%),radial-gradient(circle at 35% 65%,var(--sp-purple) 0 14%,transparent 15%),radial-gradient(circle at 65% 65%,var(--sp-green) 0 14%,transparent 15%),#f5f7f9;border:1px solid var(--sp-line)}.nav-links a{color:var(--sp-muted);font-weight:700}.nav-links a.active,.nav-links a:hover{color:var(--sp-green)}.q-pt .hero{background:var(--sp-green);color:#fff;min-height:430px;padding:72px 24px 56px;text-align:left;position:relative;overflow:hidden}.q-pt .hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:46px;background:#fff;clip-path:polygon(0 62%,18% 100%,44% 62%,71% 100%,100% 56%,100% 100%,0 100%)}.hero-content{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,440px);align-items:center;gap:54px;position:relative;z-index:1}.hero-copy{max-width:660px}.hero-logo-box{justify-content:flex-start}.hero-eyebrow,.section-kicker{display:inline-block;color:#ffffffd1;font-size:.78rem;font-weight:800;letter-spacing:0;margin-bottom:12px}.section-kicker{color:var(--sp-green)}.q-pt .hero h1{color:#fff;font-size:3rem;line-height:1.12;margin-bottom:18px}.subtitle{color:#ffffffe6;font-size:1.1rem;line-height:1.8;max-width:620px}.hero-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:28px;padding:0 28px;border-radius:4px;background:#fff;color:var(--sp-green-dark);text-decoration:none;font-weight:800;box-shadow:0 16px 32px #25314124}.hero-art{background:#ffffff29;border:1px solid rgba(255,255,255,.26);border-radius:var(--card-radius);padding:16px;transform:rotate(1.5deg)}.hero-art img{display:block;width:100%;height:auto;border-radius:var(--card-radius);box-shadow:0 24px 50px #2531412e}.tips-section{background:#fff;position:relative;padding:0 0 34px}.tips-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;transform:translateY(-28px);position:relative;z-index:2}.tip-card{display:grid;grid-template-columns:82px 1fr;align-items:center;gap:18px;padding:18px;background:#fffffff5;border:1px solid var(--sp-line);border-radius:var(--card-radius);box-shadow:0 16px 32px #343c4b1a}.tip-card img{width:82px;height:82px}.tip-card h2{font-size:1rem;margin-bottom:6px}.tip-card p{color:var(--sp-muted);font-size:.9rem;line-height:1.55}.test-wrapper{max-width:900px;padding:24px 24px 112px}.test-intro{text-align:center;margin-bottom:34px}.test-intro h2{color:var(--sp-ink);font-size:2rem}.progress-bar{position:fixed;left:0;right:0;bottom:0;z-index:1001;height:66px;margin:0;border-radius:0;background:#576071;display:flex;align-items:center;justify-content:center;overflow:hidden}.progress-bar:before{content:"";position:absolute;left:50%;transform:translate(-50%);top:39px;width:min(840px,calc(100% - 48px));height:5px;border-radius:999px;background:#ffffffe6}.progress-fill{position:absolute;left:50%;top:39px;width:min(840px,calc(100% - 48px));height:5px;border-radius:999px;background:var(--sp-green);transform:translate(-50%) scaleX(var(--progress, 0));transform-origin:left center;transition:transform .25s ease}.progress-text{position:static;color:#fff;font-size:.86rem;font-weight:800;transform:translateY(-8px)}.questions{padding:0}.question-item{border:0;border-bottom:1px solid var(--sp-line);border-radius:0;box-shadow:none;padding:36px 0;margin:0;background:#fff}.question-item.is-missing{border-color:var(--sp-red);box-shadow:inset 4px 0 0 var(--sp-red);padding-left:20px}.question-header{margin-bottom:26px}.question-meta{color:var(--sp-green);font-size:.78rem;margin-bottom:12px}.question-text{font-size:1.32rem;line-height:1.55;color:var(--sp-ink);max-width:820px;margin:0 auto}.likert5{gap:22px}.circles-group{gap:24px}.label-agree,.label-disagree{color:var(--sp-muted);min-width:88px;text-align:center}.likert5 .c1,.likert5 .c2{border-color:var(--sp-purple)}.likert5 .c4,.likert5 .c5{border-color:var(--sp-green)}.likert5 .c1:checked,.likert5 .c2:checked{background-color:var(--sp-purple);border-color:var(--sp-purple)}.likert5 .c4:checked,.likert5 .c5:checked{background-color:var(--sp-green);border-color:var(--sp-green)}.option-item{border:1px solid var(--sp-line);border-radius:var(--card-radius);padding:16px 18px;box-shadow:0 8px 20px #343c4b0a}.option-item:hover{border-color:var(--sp-green);background:#f6fbf8}.option-item.selected{background:#e9f7f1;border:2px solid var(--sp-green);box-shadow:0 12px 28px #33a47424}.option-item.selected .opt-label{background:var(--sp-green)}.opt-label{background:#c8cdd4}.page-status{color:var(--sp-red)}.nav-btns{align-items:center;margin-top:34px}.btn{border-radius:4px;min-height:46px}.btn.primary{background:var(--sp-green)}.btn.primary:hover{background:var(--sp-green-dark)}.btn.secondary{border-color:var(--sp-line);color:var(--sp-ink)}.btn.ghost:hover{border-color:var(--sp-line)}.results-section,.history-section{padding-bottom:110px}.result-hero{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;text-align:left;border-top:0;border-radius:var(--card-radius);background:#f7f4ee;padding:28px 34px}.result-sticker{width:100%;max-width:220px}.result-title,.result-verdict strong{text-align:left}#final-score{color:var(--sp-green)}.result-actions{justify-content:flex-start}.chart-container,.analysis-report-container,.dim-stat-card,.history-item,.empty-history{border-radius:var(--card-radius)}.analysis-report-container{background:#fff}.report-title{border-bottom-color:var(--sp-green)}@media (min-width: 992px){.tips-section{background:linear-gradient(#fff 0,#fff 50%,#f7f4ee 50%,#f7f4ee)}.tip-highlight{display:block;position:absolute;top:-18px;width:240px;height:170px;border-radius:var(--card-radius);mix-blend-mode:multiply;opacity:.16}.tip-highlight.first{left:calc(50% - 520px);background:var(--sp-blue)}.tip-highlight.second{left:calc(50% - 120px);background:var(--sp-yellow)}.tip-highlight.third{left:calc(50% + 280px);background:var(--sp-purple)}}@media (max-width: 900px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-copy{margin:0 auto}.hero-logo-box{justify-content:center}.q-pt .hero h1{font-size:2.35rem}.hero-art{max-width:420px;margin:0 auto}.tips-inner{grid-template-columns:1fr;transform:translateY(-20px)}.tip-card{max-width:580px;margin:0 auto}.result-hero{grid-template-columns:1fr;text-align:center}.result-sticker{margin:0 auto}.result-title,.result-verdict strong{text-align:center}.result-actions{justify-content:center}}@media (max-width: 600px){.navbar{height:auto;padding:12px 0}.logo-text{font-size:.9rem}.logo-text:before{width:24px;height:24px}.q-pt .hero{min-height:0;padding:42px 16px 48px}.q-pt .hero h1{font-size:2rem}.subtitle{font-size:1rem}.tip-card{grid-template-columns:64px 1fr;padding:14px}.tip-card img{width:64px;height:64px}.test-intro h2{font-size:1.55rem}.question-item{padding:30px 0}.question-item.is-missing{padding-left:14px}.question-text{font-size:1.05rem;text-align:left}.label-agree,.label-disagree{min-width:0;padding-bottom:0}.progress-bar:before,.progress-fill{left:18px;width:calc(100% - 36px);transform:none}.progress-fill{transform:scaleX(var(--progress, 0))}.result-hero{padding:24px 18px}}.q-pt{background:#fff}.q-pt .hero{min-height:400px;padding:62px 24px 132px;background:#f6f6f8;color:#2f3646;overflow:hidden}.q-pt .hero:after{height:120px;background:#fff;clip-path:polygon(0 54%,34% 86%,68% 60%,100% 83%,100% 100%,0 100%)}.hero-content{display:block;max-width:1060px;text-align:center}.hero-copy{max-width:760px;margin:0 auto}.hero-art,.hero-cta{display:none}.hero-logo-box{position:relative;display:block;width:78px;height:78px;margin:0 auto 22px}.hero-logo-box:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:radial-gradient(circle at 50% 9%,#33a6bd 0 5px,transparent 6px),radial-gradient(circle at 72% 17%,#f0b43b 0 5px,transparent 6px),radial-gradient(circle at 86% 43%,#e85f5f 0 5px,transparent 6px),radial-gradient(circle at 74% 74%,#33a474 0 5px,transparent 6px),radial-gradient(circle at 43% 87%,#2fa97f 0 5px,transparent 6px),radial-gradient(circle at 15% 66%,#88619a 0 5px,transparent 6px),radial-gradient(circle at 11% 36%,#33a6bd 0 5px,transparent 6px),radial-gradient(circle at 30% 15%,#88619a 0 5px,transparent 6px)}.circle-part{position:absolute;border-radius:50%;z-index:1}.cp1{width:24px;height:24px;left:27px;top:16px;background:#33a6bd}.cp2{width:20px;height:20px;left:22px;top:43px;background:#33a474}.cp3{width:20px;height:20px;left:44px;top:38px;background:#88619a}.hero-eyebrow{color:#33a474;font-size:.92rem;letter-spacing:0;text-transform:none;font-weight:700;margin-bottom:8px}.q-pt .hero h1{color:#2f3646;font-size:3.15rem;line-height:1.16;margin-bottom:10px}.q-pt .subtitle{max-width:none;color:#4d5668;font-size:1.22rem;font-weight:500}.tips-section{position:relative;z-index:2;margin-top:-98px;padding:0 0 60px;background:#fff}.tips-section:before{content:"";position:absolute;left:0;right:0;top:78px;height:120px;background:#f7f4ee;z-index:-1}.tip-highlight{display:none}.tips-inner{max-width:1060px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;transform:none}.tip-card{display:flex;min-height:270px;flex-direction:column;align-items:stretch;gap:0;padding:0 0 24px;overflow:hidden;border:1px solid rgba(47,54,70,.08);border-top:5px solid #33a6bd;border-radius:8px;background:#fff;box-shadow:0 22px 44px #252d3f1a}.step-result-card{border-top-color:#33a474}.step-growth-card{border-top-color:#88619a}.tip-card>img{width:100%;height:142px;object-fit:contain;padding:22px 28px 10px;background:#eaf6f8}.step-result-card>img{background:#eaf6f0}.step-growth-card>img{background:#f2edf5}.tip-text{padding:0 26px}.step-badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 11px;margin:12px 0 10px;border-radius:999px;background:#33a6bd;color:#fff;font-size:.78rem;font-weight:700}.step-result-card .step-badge{background:#33a474}.step-growth-card .step-badge{background:#88619a}.tip-card h2{color:#2f3646;font-size:1.18rem;line-height:1.3;margin:0 0 10px}.tip-card p{color:#5f6978;font-size:.95rem;line-height:1.65;margin:0}.test-wrapper{padding-top:22px}.test-intro{margin-bottom:46px}.test-intro .section-kicker{color:#33a474;letter-spacing:0}.test-intro h2{color:#2f3646}@media (min-width: 992px){.tips-section{background:#fff}}@media (max-width: 900px){.q-pt .hero{padding:54px 20px 118px}.q-pt .hero h1{font-size:2.45rem}.tips-inner{grid-template-columns:1fr;max-width:560px}.tip-card{min-height:0}}@media (max-width: 600px){.q-pt .hero{padding:42px 16px 106px}.hero-logo-box{width:68px;height:68px;margin-bottom:18px}.q-pt .hero h1{font-size:2.05rem}.q-pt .subtitle{font-size:1rem;line-height:1.7}.tips-section{margin-top:-82px;padding-bottom:42px}.tips-section:before{top:66px}.tip-card{padding-bottom:22px}.tip-card>img{height:132px;padding:18px 20px 8px}.tip-text{padding:0 22px}}